body {
  font-family: Arial, Helvetica, sans-serif;  font-size: 0.8em; color: #000000;
  background-color: #990000; margin: 0px; background-image: url(galeria/fons02.gif);
  background-repeat: repeat-x;
 }
A { text-decoration: underline; font-weight: normal; color: #990000; margin: 0px; padding: 0px;
}
A:Hover { color: #000000; }
form { margin: 0px; }
p.p1 { margin: 10px 0px 10px 0px; }
h1 { font-size: 150%; font-weight: bold; margin: 5px 0px 5px 0px; padding: 0px 0px 5px 0px; }
h2 { font-size: 130%; font-weight: bold; margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; }
h3 { font-size: 110%; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 5px; border-bottom: 2px solid #990000; }
h4 { border-left: 10px solid #666666; font-size: 110%; font-weight: bold; margin: 5px 0px 5px 0px; padding: 5px 0px 5px 5px; background-color: #E9E9E9; }
h5 { font-size: 100%; font-weight: bold; margin: 0px 0px 5px 0px; }
h6 { font-size: 90%; font-weight: bold; margin: 0px 0px 5px 0px; }
img { padding: 0px; margin: 0px; border: 0px; }

html>body { overflow: auto; }

img.dta { float: right; padding: 5px; margin: 2px 0px 2px 2px; background-color: #ffffff; border: 1px solid #990000;   }
img.esq { float: left;  padding: 5px; margin: 2px 2px 2px 0px; background-color: #ffffff; border: 1px solid #990000; }
img.mig { text-align: center; display: block; margin: 2px 2px 2px 2px; border: 1px solid #990000; padding: 5px; }

 p.situacio {
 font-size: 100%; 
 color: #ffffff; 
 background-color: #990000; 
 margin: 0px 0px 10px 0px; 
 padding: 2px 0px 0px 5px; 
 height: 18px;
 }
 p.situacio a { 
 color: #ffffff; 
 text-decoration: underline;
 }
 p.situacio a:hover { 
 color: #F7D694; 
 text-decoration: underline;
 }

 table { text-align: left; }
 .obligatori { background-color: #CCCCCC; }
 #pagina {
  margin: 0px auto 0px auto;  
  min-height: 1021px;  height: auto !important; height: 1021px; 
  width: 750px; 
  top: 0px; 
  background-color: #F6F0E2; 
  border-left: 4px solid #ffffff;
  border-right: 4px solid #ffffff; 
  }
  html>body .pagina { overflow: auto; }

 .buscador { 
  text-align: right;
  width: 745px;  min-height: 25px;  height: auto !important; height: 25px;  
  background-color:#CC3300;
  margin: 0px 0px 0px 0px; 
  padding: 2px 5px 2px 0px; 
  display: block; display: none;
  }
 .cap {
  width: 100%;  
  min-height: 140px;  height: auto !important; height: 140px;  
  margin: 0px; padding: 0px; 
  background-color: #FFFBF5; 
  background-image: url(galeria/imatge04.jpg); 
  background-repeat: no-repeat;
  }
 .logo {
 width: 100%;  
 min-height: 138px;  height: auto !important; height: 138px;  
 margin: 0px 0px 0px 0px; padding: 0px; float: left;
  }
 .cap1 { 
 width: 580px;  
 min-height: 160px;  height: auto !important; height: 160px;  
 margin: 0px; padding: 0px; 
 float: left; 
 background-color: #FFFFFF;
  }
 .cap2 {
  font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; 
  width: 745px;  min-height: 16px;  height: auto !important; height: 15px;  
  background-color:#008FE0; vertical-align: top; color: #E4E0E0;
  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 3px; display: block; 
  }
 .continguts { 
 width: 530px; 
 background-color: #F6F0E2;
 min-height: 800px;  height: auto !important; height: 800px; 
 float: right; 
 margin: 0px; padding: 0px;
 }
 .principal { 
  width: 100%;  
  min-height: 800px;  height: auto !important; height: 800px;  
  margin: 10px 0px 0px 0px; 
  padding: 5px 0px 5px 0px;  
  background-color: #F6F0E2;
  font-size: 90%; 
  text-align: justify; 
  vertical-align: top; 
  list-style-type: disc;
  clear: both;
  }
 .principal2 {
  float: left; width: 100%; 
  margin: 10px 0px 0px 0px; 
  padding: 5px 0px 5px 0px; 
  min-height: 450px;  height: auto !important; height: 450px;  
  font-size: 100%; 
  text-align: justify; 
  vertical-align: top; 
  list-style-type: disc; 
  background-color: #FFFFFF;
  }
 .principal2 p { margin: 5px 20px 5px 20px; }
 .principal2 img { margin: 2px 6px 6px 6px; }
 .mapa1 { width: 260px; height: 290px; float: left; margin: 5px 10px 5px 10px; }
 .mapa2 { width: 400px; height: 375px; float: right; margin: 5px 10px 5px 10px; }

 .llista1 { list-style-image:  url(galeria/punt01.gif); }
 .llista1 li { margin-bottom: 5px; list-style-image:  url(galeria/punt01.gif); }
 .llista1 li a { list-style-image:  url(galeria/punt01.gif); }
 .llista1 li a:hover { list-style-image:  url(galeria/punt02.gif); }

 .registre {
 width: 100%; 
 min-height: 100px;  height: auto !important; height: 100px;   
 margin-bottom: 5px; padding-right: 10px; 
 clear: both;
  }
.registre img.dta { float: right; padding: 5px; margin: 5px 0px 5px 5px; background-color: #ffffff; border: 1px solid #cccccc; }
.registre img.esq { float: left;  padding: 5px; margin: 5px 5px 5px 0px; background-color: #ffffff; border: 1px solid #cccccc; }
.registre .resum {  margin: 5px; padding: 2px; }
.registre .text { margin: 5px 10px 5px 10px; padding: 0px; }
.registre .img_esq_text { float: left; margin: 2px 2px 2px 0px; border: 1px solid #990000; padding: 2px; }
.registre .img_dta_text { float: right; margin: 2px 0px 2px 2px; border: 1px solid #990000; padding: 2px; }
.registre .img_esq { text-align: left; display: block; margin: 2px 2px 2px 0px; border: 1px solid #990000; padding: 2px; }
.registre .img_dta { text-align: right; display: block; margin: 2px 0px 2px 2px; border: 1px solid #990000; padding: 2px; }
.registre .img_mig { text-align: center; display: block; margin: 2px 2px 2px 2px; border: 1px solid #990000; padding: 2px; }

 .boto01 { height: 30px; padding-left: 2px; padding-right: 2px; margin: 0px; font-size: 95%;   }
 .boto01 a { color: #CC3300; text-decoration: none; }
 .boto01 a:hover { color: #666666; text-decoration: none; }

 .destacats { 
  border: 1px solid #666666; 
  display: none;
  float: right; width: 200px; 
  min-height: 380px;  height: auto !important; height: 380px; 
  font-size: 90%; background-color: #ffffff;
  margin: 12px 0px 0px 0px; 
  padding: 5px 5px 5px 5px; 
  text-align: left; 
  line-height: 100%;
  clear: both;
  }
 .destacats a { }
 .destacats a:hover { }
 .destacats ul { list-style-type: none; margin: 0px; padding: 0px; }
 .destacats ul li { list-style-type: none; margin: 0px 0px 10px 0px; padding: 0px;  }

 .peu {
  float: left; width: 740px; margin: 10px 0px 0px 0px; text-align: center; 
  padding: 5px; font-size: 90%; background-color: #990000; color: #FFFFFF; border-bottom: 3px solid #FFFFFF;
  }
 .peu a { color: #ffffff; }
 .peu a:hover { color: #F3C86D; }
 .contenidor1 { display: block; background-color: #00FF00; }

 .menu { 
  width: 200px; 
  min-height: 500px;  height: auto !important; height: 500px; 
  margin: 0px; 
  padding: 0px;  
  float: left; 
  clear: both; background-color: #990000; 
  }

 .categories {
  width: 200px;  min-height: 500px;  height: auto !important; height: 500px;
  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #990000; 
  }

 .categories ul { padding: 0px; margin: 0px; list-style-type: none;
  background-color: #990000; font-size: 100%; width: 200px; 
  min-height: 490px;  height: auto !important; height: 490px;
  }
 .categories ul li {
  margin: 0px; padding: 0px 0px 0px 0px;   background-color: #990000;
  height: 29px; background-image: url(galeria/punt01.gif); 
  background-repeat: no-repeat; width: 200px; border-bottom: 1px solid #FFFFFF;
   }
 .categories ul li a {
  margin: 0px; padding: 3px 0px 0px 10px;  
  background-color: #990000; 
  display: block; height: 29px;
  color: #FFFFFF; 
  text-decoration: none; 
  font-weight: bold; 
  width: 190px; 
  border-bottom: 1px solid #FFFFFF;
  
  }
 .categories ul li a:hover {
 color: #ffffff;  height: 29px;   background-color: #D7BC83; padding-top: 3px;
 width: 190px; display: block; border-bottom: 1px solid #FFFFFF; }
 .categories #actual {
  height: 29px; display: block; background-color: #F6F0E2;  
  margin: 0px 0px 0px 0px; padding: 3px 0px 0px 10px; 
  color: #990000; text-decoration: none; width: 190px;  border-bottom: 1px solid #FFF7EB; 
  }
 .subcat {
  position: absolute; left: 335px; background-color: #990000; 
  border: 1px solid #ffffff; color: #ffffff;  
  y-index:1; visibility: hidden
  }
 .subcat ul { padding: 0px; margin: 0px 0px 0px 0px; list-style-type:none;}
 .subcat ul li { margin: 0px 0px 0px 0px; border-bottom: 1px solid #ffffff; 
  height: 28px;  }
 .subcat ul li a {
  width: 169px; display: block; margin: 0px 0px 0px 0px; padding: 4px 5px 2px 5px;
  font-size: 90%; background-color: #990000; height: 28px;
  color: #ffffff; text-decoration: none; font-weight: bold;
  }
 .subcat ul li a:hover {
  width: 169px; display: block; margin: 0px 0px 0px 0px; padding: 4px 5px 2px 5px;
  font-size: 90%; background-color: #D7BC83; height: 28px;
  color: #ffffff; text-decoration: none; font-weight: bold;
  }

 .acceskey { text-decoration: underline; }

 table { width: 100%; font-weight: bold; }
 tabla table tr td { background-color: #FFEA9F; text-align: center; }