body {
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #000000; background-color: #B5D6EF;
  background-image: url(galeria/fons.gif); background-repeat: repeat-x;
}
A { text-decoration: underline; font-weight: normal; color: #297BB5; margin: 0px; padding: 0px;
}
A:Hover { color: #CE9400; }
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%; color: #CE9400; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 5px; border-bottom: 1px dashed #CE9400;    }
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; }

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

p.situacio {
  font-size: 100%; color: #297BB5; background-color: #D7E9F7;  
  margin: 0px 0px 10px 0px; padding: 0px 0px 0px 5px;  }
p.situacio a { color: #297BB5; text-decoration: underline; }
p.situacio a:hover { color: #CE9400; text-decoration: underline; }

table { text-align: left; }
.obligatori { background-color: #FFE4A3; }
#pagina {
  margin: 5px auto 0px auto; border: 5px solid #ffffff; min-height: 550px;  height: auto !important; height: 550px; 
  width: 750px; top: 0px; background-color: #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: 192px;  height: auto !important; height: 192px;  
  margin: 0px; padding: 0px; 
  background-color: #FFFFFF;
  }
.logo {
 width: 200px; height: 192px; padding: 0px;  
 background-color: #ffffff; margin: 0px 0px 0px 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 { min-height: 300px;  height: auto !important; height: 300px; clear: both;
  }
.principal {
  width: 100%; float: left; min-height: 300px;  height: auto !important; height: 300px;  
  margin: 5px 0px 0px 0px; padding: 5px 0px 5px 0px; background-color: #FFF7E3; 
  font-size: 90%; text-align: justify; vertical-align: top; list-style-type: disc;
}

.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; }

.registre {
 width: 730px;  min-height: 50px;  height: auto !important; height: 50px;  
 margin: 5px 10px 0px 10px; 
 background-color: #FFF7E3;  
 }
.registre img.dta { float: right; padding: 3px; margin: 2px 0px 5px 5px; background-color: #FFF7E7; border: 1px dashed #CE9400; }
.registre img.esq { float: left;  padding: 3px; margin: 0px 5px 5px 0px; background-color: #FFF7E3; border: 0px; }
.registre .resum {  margin: 5px; padding: 5px; }
.registre .text { margin: 5px 10px 5px 10px; padding: 0px; }
.registre .img_esq_text { float: left; margin: 5px 5px 5px 0px;  padding: 5px; }
.registre .img_dta_text { float: right; margin: 5px 0px 5px 5px;  padding: 5px; }
.registre .img_esq { text-align: left; display: block; margin: 5px 5px 5px 0px; padding: 5px; }
.registre .img_dta { text-align: right; display: block; margin: 5px 0px 5px 5px; padding: 5px; }
.registre .img_mig { text-align: center; display: block; margin: 5px 5px 5px 5px; padding: 5px; }

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

.destacats { border: 1px solid #666666; display: none;
  float: right; width: 200px; min-height: 300px; font-size: 90%; background-color: #ffffff;
  margin: 12px 0px 0px 0px; padding: 5px 5px 5px 5px; text-align: left; line-height: 100%;
  }
.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 {
  clear: both; float: left; width: 740px; margin: 5px 0px 0px 0px; text-align: center; 
  padding: 5px; font-size: 90%; background-color:  #CE9400; height: 30px; color: #FFFFFF;
}
.peu p { margin: 0px 10px 0px 10px; }
.peu a { color: #ffffff; }
.peu a:hover { color: #287FB6; }
.contenidor1 { display: block; background-color: #00FF00; }

.menu { width: 750px; height: 30px; margin: 0px; padding: 0px; background-color: #1F1A17; }

.categories {
  width: 545px; height: 30px; margin: 0px; padding: 0px; background-color: #297BB5; 
  float: right;  font-size: 100%;
}
.categories ul { padding: 5px 0px 0px 5px; margin: 0px; list-style-type:none; font-weight: bold; 
 font-size: 97%; }
.categories ul li {
  margin: 0px; padding-right: 9px; display: inline; color: #FFFFFF; width: 65px; font-size: 97%;
}
.categories ul li a {
  display: inline;  color: #FFFFFF; text-decoration: none; width: auto; font-weight: bold; font-size: 97%;
  }
.categories ul li a:hover {
  color: #B5D6EF; font-weight: bold; width: auto; padding: 0px; margin: 0px; border-bottom: 2px solid #B5D6EF; 
  font-size: 97%;
  }
.categories #actual {
 display: inline;  font-weight: bold;   
 margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 
 color: #FFE4A9; text-decoration: none; border-bottom: 2px solid #FFE4A9; 
  }
.subcat {
  position: absolute; top: 55px; background-color: #297BB5; 
  border: 1px solid #297BB5; color: #297BB5;  
  position:absolute; z-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: 1px solid #297BB5;
  height: 19px; }
.subcat ul li a {
  width: 169px; display: block; margin: 0px 0px 0px 0px; padding: 2px 5px 2px 5px;
  font-size: 90%; background-color: #B5D6EF;
  color: #ffffff; text-decoration: none; font-weight: bold;
  }
.subcat ul li a:hover {
  width: 169px; display: block; margin: 0px 0px 0px 0px; padding: 2px 5px 2px 5px;
  font-size: 90%; background-color: #FFF7E3; 
  color: #CE9400; 
  }

.acceskey { text-decoration: underline; }
.foto { width: 545px; float: right; border: 0px; }
.banner {
 width: 100%;
 height: 70px;
 margin: 0px; padding: 0px; background-color: #CE9400;
 }