body {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #ffffff;
background-image: url(galeria/fons01.jpg); background-repeat: repeat-x;
background-color: #93DF55; margin: 0px;
}
A { text-decoration: underline; color: #ffffff;   }
A:Hover { color: #ffffff; }
img { border: 0px; }
h1 { font-size: 100%; font-weight: bold; margin: px 0px 0px 0px;  }
form { margin: 0px; }
p.p1 { margin: 10px 0px 10px 0px; }

h2 { font-size: 130%; font-weight: bold; margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; }
h3 { font-size: 100%; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 5px; background-color: #D3F3B9; border-bottom: 4px solid #4A8418; color: #4A8418; }
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; }

table { text-align: left; }
.obligatori { background-color: #D3F3B9; }
#pagina {
 width: 97%; 
 min-height: 450px;  height: auto !important; height: 450px;  
 margin: 0px auto 0px auto; 
 padding: 0px;
 }
.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 {
 clear: both;
 width: 100%;  
 min-height: 190px;  height: auto !important; height: 190px;  
 margin: 0px 0px 0px 10px; padding: 0px; 
 background-color: #7AC141;
 }
.logo {
 width: 325px;  
 min-height: 125px;  height: auto !important; height: 125px;  
 margin: 10px 0px 0px 5px; 
 padding: 5px; float: left;
 }
.cap1 { 
 width: 580px;  
 min-height: 160px;  height: auto !important; height: 160px;  
 margin: 0px; 
 padding: 0px; 
 float: left; 
 background-color: #FFFFFF;
 }
.situacio { 
 width: 100%; 
 height: 23px; 
 float: left; 
 background-color: #64B226;
 border-bottom: 2px solid #ffffff;
 padding: 0px 0px 0px 0px; 
 margin: 0px 0px 0px 0px; 
 color: #315713; clear: both  
 }
.situacio a { text-decoration: none; color: #FFFFFF; }
.situacio a:hover { color: #000000; }
.situacio p { 
 margin: 0px; 
 padding: 6px 0px 2px 5px;  
 font-weight: bold; 
 font-size: 100%;
 }
.continguts { 
 min-height: 300px; height: auto !important; height: 300px; width: 100%; margin: 0px 0px 0px 10px; 
 }
.principal {
 width: 100%; 
 float: left; 
 min-height: 300px;  height: auto !important; height: 300px;  
 margin: 10px 0px 0px 0px; 
 padding: 5px 0px 5px 0px; 
 font-size: 100%; 
 color: #4A8418; font-weight: bold;
 }

 
.principal img { margin: 2px 6px 6px 6px; border: 1px solid #ffffff; }
.principal p { margin: 0px 10px 2px 10px;  }
.principal2 {
 float: left; 
 width: 100%; 
 margin: 10px 10px 10px 0px; 
 padding: 5px 0px 5px 0px; 
 min-height: 450px;  height: auto !important; height: 450px;  
 font-size: 100%; 
 }
.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 { 
 width: 100%; 
 margin: 20px 0px 0px 10px; padding: 0px;  min-height: 230px;  height: auto !important; height: 230px;  
 background-image: url(galeria/fons_llista1.gif); background-repeat: no-repeat; background-color: #C6EFA5;
  }
.llista1 ul { 
 width: 350px; float: left; 
 margin: 10px 0px 0px 20px; font-family: Arial, Helvetica, sans-serif;
 min-height: 250px;  height: auto !important; height: 230px; 
  }
.llista1 li { margin: 20px 0px 6px 30px; text-transform: uppercase; list-style-image: url(galeria/deco_llista03.gif);  }
.llista1 li a { color: #4A8418; text-decoration: none; }
.llista1 li a:hover {color: #ffffff; }

.llista2 { margin-left: 65px; margin-top: 30px; }
.llista2 ul {  list-style-type: none; }
.llista2 li { 
 list-style-type: none; width: 500px; margin: 5px 0px 6px 0px;  background-color: #D3F3B9; 
 height: 102px; clear: both; 
    }
.llista2 li a { list-style-type: none; width: 500px; margin: 5px 0px 6px 0px;  color:#4A8418; clear: both; 
 height: 102px; background-color: #D3F3B9; 
    }
.llista2 li a:hover { color: #404040;   }
.imatgedreta { width: 350px; height: auto; float: right; margin: 20px 10px 0px 0px; height: 275px;  } 

.portada { width: 95%; color: #FFFFFF; margin: 0px 10px 10px 20px; }

.registreportada {
 width: 130px; 
 margin-left: 30px; 
 height: auto; min-height: 150px; 
 background-color: #ffffff;
 float: left;
 }
.registreportada #nom { 
 height: auto; 
 float: left; 
 width: 125px; 
 color: #64B226; 
 padding: 2px 5px 2px 6px; 
 text-align: left; 
 font-size: 90%;
 }
.registreportada #resum { 
 height: auto; 
 color: #000000;
 font-size: 90%;
 font-weight: normal;
 margin: 2px 5px 2px 6px;
 font-family: Arial, Helvetica, sans-serif;
 text-align: left;
 } 
.registreportada img.dta { 
 width: 125px; 
 height: 100px; 
 padding: 0px ; 
 margin: 5px 5px 5px 5px; 
 background-color: #ffffff; 
 border: 0px;
 }
 .registreportada .resum {  
 margin: 2px; 
 padding: 2px; color: #000000;
 }

.registre {
 width: 93%; 
 margin-left: 32px; 
 min-height: 380px;  height: auto !important; height: 380px; 
 margin-bottom: 5px; 
 background-color: #ffffff; 
 color: #000000; font-weight: normal;
 }
.registre #nom {  
 height: auto; 
 color: #64B226; 
 padding: 5px 0px 0px 10px; 
 font-weight: bold;
 }
.registre img.dta { 
 padding: 0px; 
 margin: 2px 0px 2px 2px; 
 background-color: #ffffff;
 }
.registre img.esq { 
 float: left;  
 padding: 5px; 
 margin: 2px 5px 5px 0px; 
 background-color: #ffffff; 
 border: 1px solid #cccccc;
 }
.registre a { color: #4A8418; }
.registre a:hover { color: #000000; } 
.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: auto; 
 padding-left: 2px; 
 padding-right: 2px; 
 margin: 0px 0px 0px 80px; 
 font-size: 85%; 
 }
.boto01 a { color: #64B226; 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; }
.contenidor1 { display: block; background-color: #00FF00; }
.menu { 
 width: 100%; 
 height: 45px; 
 margin: 0px; 
 padding: 0px; 
 float: right;
 }
.categories {
 width: 87%; 
 height: 45px; 
 margin: 0px; 
 padding: 2px; 
 margin-top: 5px; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 100%;
 float: right;
  
 }
.categories ul {  
 padding: 0px; 
 margin: 0px; 
 list-style-type:none; 
 }
.categories ul li {
 margin: 0px 2px 0px 0px; 
 padding: 0px;  
 height: 30px; 
 width: 125px;
 display: inline; 
 background-color: #93DF55;  
 text-align: center;
 }
.categories ul li a {
 display: inline; 
 background-color: #93DF55;  
 width: 125px; 
 height: 20px; 
 margin: 0px 2px 0px 0px; 
 padding: 2px 3px 2px 3px; 
 float: left; 
 color: #ffffff;  
 text-decoration: none;  
 text-align: center;
 }
.categories ul li a:hover {
 background-color: #ffffff; 
 color: #548F23; 
 height: 27px;
 }
.categories #actual {
 height: 27px; display: inline; 
 background-color: #ffffff;  
 margin: 0px 2px 0px 0px; 
 padding: 2px 3px 2px 3px; 
 float: left; 
 color: #4A8418; 
 text-decoration: none; 
 }
.subcat {
 position: absolute; top: 38px; 
 background-color: #ffffff; 
 border: 5px solid white; 
 color: #548F23;  
 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: 19px; 
 }
.subcat ul li a {
 width: 169px; 
 display: block; 
 margin: 0px 0px 0px 0px; 
 padding: 2px 5px 2px 5px;
 font-size: 90%; 
 background-color: #E9E9E9;
 color: #DE2918; 
 text-decoration: none; 
 }
.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; 
 color: #000000; 
 text-decoration: underline; 
 }
.acceskey { text-decoration: underline; }
.peu { 
 clear: both;
 width: 100%; 
 min-height: 20px;  height: auto !important; height: 20px;  
 padding: 0px 0px 0px 0px;
 margin: 10px 0px 0px 10px; 
 text-align: center;
 border: 1px solid #ffffff; 
 background-color: #64B226;
 font-size: 100%; color: #FFFFFF;
 }
.peu a { color: #FFFFFF; }
.peu a:hover {color: #43741C; }
.tirafotos { 
 width: 100%; 
 height: 127px; 
 margin: 0px;
 padding: 0px;
 margin: 10px 0px 0px 0px;
 padding: 0px;
  }
.tirafotos img  { border: 1px solid #ffffff; }
.tirafotos ul { list-style-type: none; width: 100%;    }
.tirafotos li { 
 width: 150px;  
 margin: 0px 2px 0px 0px; 
 display: inline;
 }