body {
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #cccccc;
  background-color: #FFF7D7; margin: 0px; background-image: url(galeria/fons_cos02.gif); background-repeat: repeat-x;
 }
 A {  color: #FF5210; margin: 0px; padding: 0px; 
 }
 A:Hover { color: #515151; }

 form { margin: 0px; }
 form .camp { width: 150px; float: left; }
 form .obligatori { }

 p { padding: 0px; }
 p.p1 { margin: 10px 0px 10px 0px; }
 h1 { font-size: 80%; height: auto;  margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; color: #515151   }
 h2 { font-size: 130%; font-weight: bold; margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; }
 h3 {
  margin: 10px 0px 0px 0px; padding: 0px 5px 2px 5px; font-size: 125%; 
  font-family: Arial, Helvetica, sans-serif; color: #CE4263; 
  }
 h4 {
  background-image: url(galeria/destacats01.gif); background-repeat: repeat-x; 
  font-size: 110%; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px;
  }
 h5 { margin: 0px 0px 0px 0px;  height: 40px;  }
 h5 p { padding: 2px; } 
 h6 { font-size: 90%; font-weight: bold; margin: 0px 0px 5px 0px; }
 img { padding: 0px; margin: 0px; border: 0px; }
 img.dta { float: right; padding: 5px; margin: 5px 0px 5px 5px; 
   }
 img.esq { float: left;  padding: 5px; margin: 5px 5px 5px 0px; 
   }
 img.mig { text-align: center; display: block; margin: 5px 5px 5px 5px; padding: 5px;
   }

 p.situacio {
  font-size: 110%; color: #989999; background-color: #ffffff; background-image: url(galeria/deco_llista.gif);
  background-repeat: no-repeat; background-position: left;  
  margin: 4px 0px 0px 5px; padding: 2px 0px 4px 25px; 
  }
 p.situacio a { color: #FF9C00; text-decoration: none; font-weight: normal; }
 p.situacio a:hover { color: #989999; text-decoration: underline; }

 table { text-align: left; }
 .obligatori { background-color: #EFEFEF; }
 #pagina {
  margin: 20px auto 0px auto; background-color:#FFFFFF;  
  width: 94%; position: relative; top: 0px; padding: 0px;
  min-height: 100%; height: 100%; 
  overflow: hidden; 
 _display: inline-block; /*només per IE6*/
  }

 .buscador { 
  text-align: right;
  width: 745px; height: 25px; background-color:#FD751D;
  margin: 0px 0px 0px 0px; padding: 0px 5px 2px 0px; display: block; display: none;
 }
 .cap {
  width: 100%; height: 150px; margin: 0px auto 10px auto; padding: 0px 0px 0px 0px; 
  background-image: url(galeria/cap00.jpg); background-repeat: repeat-x;
  }
 .logo {
  width: 220px; min-height: 63px; height: 63px; margin: 0px 0px 0px 5px; padding: 0px; 
  font-size: 19px; float: left; color:#ffffff; 
 }
 .logo p { margin: 30px 0px 0px 0px; padding: 4px 0px 0px 0px;   }
 .logo img { margin: 5px 0px 0px 4px; padding: 0px; }
 .logo a {color: #ffffff; text-decoration: none; }
 .logo a:hover {color: #FFFFFF; text-decoration: none; }
 .logos { width: 470px; height: 80px; float: right; margin: 0px 3px 0px 0px; padding: 8px 0px 0px 0px; }
 .logos img { padding-right: 2px; }
 .contenidor {position:relative; display:block; border-left:175px; border-right:195px;}
 .clear {clear:both;}

.central { 
 width: 100%; margin: 0px 0px 20px 0px; padding: 0px; 
 background-color: #FFFFFF; 
 min-height: 100%; height: auto !important;  height: 100%;
 }
html>body .central { overflow: auto; }
.columnaesquerra {
 float: left; 
 width: 100%; min-height: 500px; height: auto !important;  height: 500px;
 margin-right: -220px; color:#000000; margin-top: opx; padding-top: 0px;
}
.columnaesquerra1 {
 margin-right: 220px; margin-top: 0px; padding-top: 0px;  
 min-height: 500px; height: auto !important;  height: 500px; color:#000000;   

  }
.columnadreta {
  margin-left: 220px; 
  min-height: 500px; height: auto !important;  height: 500px; color:#000000; margin-top: 0px; padding-top: 0px;
  
 }
.columnadreta1 {
 width: 198px; 
 min-height: 300px; height: auto !important;  height: 300px;
 margin: 0px 5px 0px 5px;
 padding: 0px 0px 0px 0px;
 }
 .categories { 
  float:right; position:relative; width:190px; 
  min-height: 250px; height: auto !important; height: 250px;
  margin: 0px 0px 0px 5px; padding: 25px 0px 10px 2px; text-align: left;
  font-size: 150%; 
  overflow: visible; 
 _display: inline-block; /*només per IE6*/
  }
 .categories ul { height: 32px; padding: 10px 0px 0px 0px; margin: 0px 0px 0px 0px; list-style-type:none; 
  font-size: 10px;  }
 .categories ul li { width: 175px; height: 32px; margin: 0px; padding: 0px; display: inline; }
 .categories ul li a {
  display: inline; width: 161px; height: 32px; background-image: url(galeria/fons_cat.jpg); 
  background-repeat: no-repeat; font-weight: bold; font-size: 150%;
  margin: 0px 0px 0px 0px; padding: 7px 4px 5px 10px; float: left; 
  color: #ffffff; text-decoration: none;  
  }
 .categories ul li a:hover {
  display: inline; width: 161px; height: 32px; background-image: url(galeria/fons_cat2.jpg);  
  background-repeat: no-repeat; font-weight: bold; 
  margin: 0px 0px 0px 0px; padding: 7px 4px 5px 10px; float: left;
  color: #000000; text-decoration: none;  
  }


 .llista1 { 
  float: left; min-height: 150px; height: auto !important; height: 150px;  
  width: 95%;  
  margin: 15px 0px 0px 0px; 
  padding: 5px 5px 5px 5px;
   }
 .llista1 ul { 
  width: 95%; margin: 5px 0px 0px 5px; padding: 0px 0px 0px 30px; list-style-type: none; 
  }
 .llista1 ul li { 
  margin: 0px 0px 5px 0px; width: 95%;   }
 .llista1 ul li a {   
   color: #FF9900;
   padding-left: 20px;
   width: auto !important;
   font-size: 120%;
   background-image: url(galeria/punt_llista01.gif);
   background-repeat: no-repeat;
   }
 .llista1 ul li a:hover { 
   color: #515151; 
   font-size: 120%; 
   }
 .llista1 p {text-align: justify; margin: 1px 0px 0px 20px; color: #989999; }
 .llista { 
  float: left; height: auto;  
  width: 96%; 
  margin: 15px 0px 0px 0px; 
  padding: 5px 5px 5px 5px;
   }
 .llista ul { 
  width: 90%; margin: 20px 0px 0px 5px; padding: 0px 0px 0px 10px; float: left; list-style-type: none; 
  }
 .llista ul li { 
  margin: 0px 0px 10px 0px; in-height: 200px; height: auto !important; height: 200px; width: 90%; background-color: #E7EFFF;     }
 .llista ul li a {   
  in-height: 200px; height: auto !important; height: 200px; color: #FFAD21; 
  padding: 0px 0px 0px 0px; vertical-align: middle;
  margin: 0px 0px 5px 0px; font-size: 120%;  
   }
 .llista ul li a:hover {  width: 90%; 
  in-height: 200px; height: auto !important; height: 200px; color: #FFAD21; 
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 5px 0px; font-size: 120%; 
    }
  html>body .llista { overflow: auto; }
 .registre {
 width: 90%; height: auto; min-height: 130px; margin: 0px 0px 5px 15px; 
 color: #404040;  background-color: #FFFFFF; 
  }
  html>body .registre { overflow: auto; }

 .registre h3 {
  color: #000000; font-size: 125%;
  }
 .registre h3 a {
  text-decoration: underline;  color: #4B6CA6; font-weight: bold;
  }
 .registre h3 a:hover  { color: #B7B7B7; }
 .registre .resum { border-bottom: 2px solid #FD751D; margin-bottom: 10px; padding: 5px; }
 .registre img.dta { float: right; margin: 2px 0px 5px 5px; padding: 0px; border: 1px solid #DBDBDB;
  }
 .registre img.esq { float: left; margin: 2px 5px 5px 0px;  padding: 2px; border: 1px solid #DBDBDB;
  }
 .registre .img_esq_text { float: left; margin: 5px 5px 5px 0px; padding: 2px; border: 1px solid #DBDBDB;
  }
 .registre .img_dta_text { float: right; margin: 5px 0px 5px 5px; padding: 2px; border: 1px solid #DBDBDB; 
  }
 .registre .img_esq { text-align: left; display: block; margin: 5px 5px 5px 0px; padding: 2px; border: 1px solid #DBDBDB; 
  }
 .registre .img_dta { text-align: right; display: block; margin: 5px 0px 5px 5px; padding: 2px; border: 1px solid #DBDBDB; 
  }
 .registre .img_mig { text-align: center; display: block; margin: 5px 5px 5px 5px; padding: 2px; border: 1px solid #DBDBDB; 
  }

 .registre .miniatures { width: 150px; float: right; min-height: 350px; height: auto !important; height: 350px;
  margin: 5px 0px 0px 15px; text-align: center; }
  html>body .registre .miniatures { overflow: auto; }
 .registre .miniatures p { margin: 0px; padding: 5px; background-color: #999999; clear: both; }
 .registre .miniaturesh { min-height: 80px; height: auto !important; height: 80px;
  margin: 5px 0px 0px 0px; text-align: left; }
 .registre .miniaturesh p { margin: 0px; padding: 5px; background-color: #999999; float: left; }
  html>body .registre .miniaturesh { overflow: auto; }

 .registreportada {
  width: 85%; min-height: 90px; height: auto !important; height: 90px; margin: 10px 5px 10px 10px;  
  float: left; padding: 0px 0px 0px 0px; border-bottom: 1px dashed #D6D6D6; 
  }
 .registreportada p { padding: 2px 4px 2px 4px; margin: 0px; font-size: 95%; color: #646262; }
 .registreportada h1 {  
  color: #515151; font-size: 105%; padding: 0px 4px 0px 4px; margin: 0px;
  }
 .registreportada h1 a {
  text-decoration: underline;  color: #FF5210;  font-size: 125%;
  }
 .registreportada h1 a:hover  { color: #515151; }
 .registreportada img { padding: 2px; margin-right: 4px;  float: right; border: 1px solid #DBDBDB;}


 .boto01 { width: 50px; height: 15px; padding: 1px 10px; margin: 5px 0px; background-color: #9CC631; 
  background-image: url(galeria/fons05.gif); background-repeat: repeat-x; }
 .boto01 a { color: #ffffff; font-weight: bold; text-decoration: none; }
 .boto01 a:hover { color: #404040; text-decoration: none; }
 .boto02 { width: 63px; height: 20px; padding: 2px 0px 0px 5px; margin: 5px; font-size: 85%; 
  background-image: url(galeria/boto01.gif); background-repeat: no-repeat;  
 
 }
 .boto02 a { color: #ffffff;  text-decoration: none; font-weight: bold; }
 .boto02 a:hover { color: #EFEFEF; text-decoration: none; }

 .destacats {  
  position:relative; width:190px; right:0px; float: right;
  min-height: 900px; height: auto !important; height: 900px;
  font-size: 85%;  color: #000000; 
  margin: 0px 0px 0px 0px; padding: 0px; text-align: justify; 
  }
 .destacats p { padding: 1px 5px 5px 4px; margin: 0px 0px 0px 0px; color: #000000; }
 .destacats h4 {  color: #000000;   }
 .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; }
 .destacats img.mig { text-align: center; display: block; margin: 5px 0px; padding: 0px; border: 1px solid #ffffff; }

  .peu {
  width: 100%; height: 75px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; 
  background-image: url(galeria/fons_peu.jpg); background-repeat: repeat-x; border-top: 1px solid #FF9900;
  }



 .peu p { padding: 0px; margin: 0px 0px 0px 0px; text-align: center; color: #FF5210;  }
 .peu a { color: #FF5210; text-decoration: underline; font-weight: normal; }
 .peu a:hover { color: #515151; }

 .contenidor1 { display: block; background-color: #ffffff; }

.subcat {
  position: absolute; left: 169px; background-color: #F5F5F5; 
  border: 2px solid #ffffff;
  z-index:1; visibility: hidden; 
  }
.subcat ul { padding: 2px 3px 3px 3px; margin: 0px 0px 0px 0px; list-style-type:none; 
 background-color: #B1B8A8; border: 1px solid #F5F5F5; }
.subcat ul li { margin: 0px 0px 0px 0px; min-height: 27px; height: auto !important; height: 27px; line-height: 27px; vertical-align: middle;  }
.subcat ul li a {
  height: 26px; display: block; margin: 2px 0px 0px 0px; padding: 0px 5px 0px 5px;
  font-size: 70%;  border-bottom: 1px double #F7F7DE; background-color: #636363; 
  color: #ffffff; text-decoration: none; text-transform: uppercase;
  }
.subcat ul li a:hover {
  height: 26px; display: block; margin: 2px 0px 0px 0px; padding: 0px 5px 0px 5px;
  font-size: 70%;  border-bottom: 1px double #F7F7DE; background-color: #FF9C00; 
  color: #ffffff; text-transform: uppercase; 
  }
   
    
 .insertnet { width: 100%; height: 30px; margin: 0px 0px 0px 0px; text-align: right; 
  padding: 0px; font-size: 85%; color: #ffffff; line-height: 30px; vertical-align: middle;
  }
 .insertnet a { color: #ffffff; }
 .insertnet a:hover { color: #ffffff; }

 .acceskey { text-decoration: underline; }

.nuvol { width: 90%; line-height: 25px; margin-bottom: 20px; padding: 5px; }
.nuvol p { margin: 10px 0px 0px 0px; }
.nuvol a { text-decoration: none; }
.nuvol a:hover { text-decoration: underline; }