body {
  font-family: Arial, Helvetica, sans-serif;  font-size: 0.8em; color: #000000;
  background-color: #ffffff; margin: 0px;
}
A { text-decoration: underline; font-weight: normal; color: #CC3300; margin: 0px; padding: 0px;
}
A:Hover { color: #666666; }
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; background-color: #E9E9E9; border-bottom: 2px solid #CC3300; }
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: #CC3300; background-color: #cccccc; 
  margin: 0px 0px 10px 0px; padding: 0px 0px 0px 5px; }
p.situacio a { color: #CC3300; text-decoration: underline; }
p.situacio a:hover { color: #000000; text-decoration: underline; }

table { text-align: left; }
.obligatori { background-color: #CCCCCC; }
#pagina {
  margin: 5px auto 0px auto; border: 1px solid #000000; 
  min-height: 100%; height: 100%;  width: 750px; top: 0px; 
  background-color: #FFFFFF;   
  overflow: hidden;
  _display: inline-block; /*només per IE6*/

}
.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: 100px;  height: auto !important; height: 100px;  
  margin: 0px; padding: 0px; 
  background-color: #FFFFFF;
  }
.logo {
 width: 600px;  min-height: 170px;  height: auto !important; height: 170px;  
 background-color: #ffffff; margin: 0px 0px 0px 5px; padding: 5px; float: left;
  text-align: center; 
}
.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: 10px;  height: auto !important; height: 10px;  
  margin: 10px 0px 0px 0px; padding: 5px 0px 5px 0px; 
  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: 100%; height: auto; min-height: 130px; margin-bottom: 5px; 
 }
.registre img.dta { float: right; padding: 5px; margin: 2px 0px 5px 5px; background-color: #ffffff; border: 1px solid #cccccc; }
.registre img.esq { float: left;  padding: 5px; margin: 2px 5px 5px 0px; background-color: #ffffff; border: 1px solid #cccccc; }
.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; border: 1px solid #999999; padding: 5px; }
.registre .img_dta_text { float: right; margin: 5px 0px 5px 5px; border: 1px solid #999999; padding: 5px; }
.registre .img_esq { text-align: left; display: block; margin: 5px 5px 5px 0px; border: 1px solid #999999; padding: 5px; }
.registre .img_dta { text-align: right; display: block; margin: 5px 0px 5px 5px; border: 1px solid #999999; padding: 5px; }
.registre .img_mig { text-align: center; display: block; margin: 5px 5px 5px 5px; border: 1px solid #999999; padding: 5px; }

.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: 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 {
  float: left; width: 740px; margin: 10px 0px 0px 0px; text-align: center; 
  padding: 5px; font-size: 90%; background-color: #CC3300;
}
.peu a { color: #ffffff; }
.peu a:hover { color: #000000; }
.contenidor1 { display: block; background-color: #00FF00; }

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

.categories {
  width: 746px; height: 28px; margin: 0px; padding: 2px; background-color: #000000;
}
.categories ul { padding: 0px; margin: 0px; list-style-type:none; background-color: #000000;}
.categories ul li {
  margin: 0px; padding: 0px; border-top: 1px solid gray; 
  display: inline; background-color: #666666;
}
.categories ul li a {
  display: inline; background-color: #666666; border-top: 2px solid #000000; 
  border-bottom: 2px solid #000000; font-size: 90%; 
  margin: 2px 0px 0px 2px; padding: 2px 2px 2px 2px; float: left; border-right: 1px solid #000000;
  color: #ffffff; text-transform: uppercase; text-decoration: none;
  }
.categories ul li a:hover {
  background-color: #666666; color: #cccccc; font-size: 90%; 
  border-top: 2px solid #DE2918; border-bottom: 2px solid #DE2918;
  }
.categories #actual {
  height: 15px; display: inline; background-color: #666666;  font-size: 90%; 
  border-top: 2px solid #cccccc; border-bottom: 2px solid #cccccc;
  margin: 2px 0px 0px 2px; padding: 2px 2px 2px 2px; float: left; 
  color: #ffffff; text-decoration: none; border-right: 1px solid #000000;
  }
.subcat {
  position: absolute; top: 38px; background-color: #666666; 
  border: 5px solid white; color: #DC2B19; font-size: 90%;  
  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 white;
  height: 23px; vertical-align: middle;     }
.subcat ul li a {
  width: 169px; display: block; margin: 0px 0px 0px 0px; padding: 2px 5px 2px 5px;
  font-size: 90%; background-color: #E9E9E9; height: 23px;
  color: #DE2918; text-decoration: none; vertical-align: middle;    
  }
.subcat ul li a:hover {
  width: 169px; display: block; margin: 0px 0px 0px 0px; padding: 2px 5px 2px 5px;
  font-size: 90%; background-color: #cccccc; vertical-align: middle;    
  color: #000000; text-decoration: underline; height: 23px;
  }

.acceskey { text-decoration: underline; }