@charset "UTF-8";
/* CSS SECCIO */
html { min-height: 100%; }
body{height:100%;margin:0;padding:0;background-color:#414141;font-family:Arial, Helvetica, sans-serif;font-size:95%;} 
img{border:none;}
a{color:#57604F}
a:hover{color:#141414}
#content{width:940px;margin:0 auto; font-size:100%;}

/* primera barra verd clar */
.barra_1{ background-color:#b1d686; text-align:right; font-size:60%; padding:7px; overflow:hidden;}
.barra_1 a{color:#333333;}

/* primera barra verd fosc */
.barra_2{background-color:#57604F; text-align:left; font-size:95%; height:78px; overflow:hidden;}
.logotip{ padding-top:9px; float:left;}
#menu{ float:right; height:40px; margin-top:38px;}
#menu .normal a{ text-decoration:none;height:40px;color:#FFFFFF;font-size:100%; font-weight:bold;margin:0;list-style:none;float:left; padding-left:12px; margin-right:1px; margin-left:1px; }
#menu .normal a:hover{ background-color:#FFFFFF; color:#57604F; background-image:url('../imgweb/pest_esq.png'); background-repeat:no-repeat; margin-right:1px; margin-left:1px; }
#menu .actual a{  text-decoration:none;height:40px;font-size:100%; font-weight:bold;margin:0;list-style:none;float:left; padding-left:12px; background-color:#FFFFFF; color:#57604F; background-image:url('../imgweb/pest_esq.png'); background-repeat:no-repeat; margin-right:1px; margin-left:1px;}

/* cos formiga*/
.formiga{ background-color:#FFFFFF; color:#000000; overflow:hidden; border-bottom:solid 1px #efefef;}
#box_cami{padding:8px;padding-left:3px;color:#939393;}
#box_cami a{padding:8px;color:#939393; text-decoration:none; font-size:130%}

/* cos blanc*/
.cos_blanc{ background-color:#FFFFFF; padding-top:30px; padding-bottom:30px;; color:#414141; overflow:hidden; font-size:80%;}
.cos_blanc_col_1{ width:200px;float:left; overflow:hidden;}
.cos_blanc_col_2{ width:700px;float:left; overflow:hidden; margin-left:35px;}
.titol_principal{ color:#6d815c; font-size:250%; margin-bottom:10px; text-decoration:none}
.subtitol_principal{ color:#779356; font-size:150%; margin-bottom:5px; text-decoration:none}
.imatge_95_dreta{ float:right; width:95px; background-color:#b1d686; color:#57604F;}
.imatge_95_esquerra{ float:left; width:95px; background-color:#b1d686; color:#57604F;}
.imatge_100_dreta{ float:right; margin-left:10px; width:100px; background-color:#b1d686; color:#57604F; margin-bottom:10px;}
.imatge_100_esquerra{ float:left; margin-right:10px; width:100px; background-color:#b1d686; color:#57604F; margin-bottom:10px;}
.imatge_150_dreta{ float:right; margin-left:10px; width:150px; background-color:#b1d686; color:#57604F; margin-bottom:10px;}
.imatge_150_esquerra{ float:left; margin-right:10px; width:150px; background-color:#b1d686; color:#57604F; margin-bottom:10px;}
.imatge_200_dreta{ float:right; margin-left:10px; width:200px; background-color:#b1d686; color:#57604F; margin-bottom:10px;}
.imatge_200_esquerra{ float:left; margin-right:10px; width:200px; background-color:#b1d686; color:#57604F; margin-bottom:10px;}
.imatge_250_dreta{ float:right; margin-left:10px; width:250px; background-color:#b1d686; color:#57604F; margin-bottom:10px;}
.imatge_250_esquerra{ float:left; margin-right:10px; width:250px; background-color:#b1d686; color:#57604F; margin-bottom:10px;}
.imatge_300_dreta{ float:right; margin-left:10px; width:300px; background-color:#b1d686; color:#57604F; margin-bottom:10px;}
.imatge_300_esquerra{ float:left; margin-right:10px; width:300px; background-color:#b1d686; color:#57604F; margin-bottom:10px;}
.dreta_200{ float:right; margin-left:10px; width:200px; margin-bottom:10px; overflow:hidden;}
.esquerra_200{ float:left; margin-right:10px; width:200px; margin-bottom:10px; overflow:hidden;}
.padding_5{padding:5px;}
.padding_10{padding:10px;}
.padding_15{padding:15px;}
.padding_20{padding:20px;}
.fill{ overflow:hidden; clear:both;}
.fill a{ text-decoration:none;color: #779356}
.fill a:hover{ text-decoration: underline;color:#779356}
.linea_separacio_item{clear:both;border-top:1px solid #ccc;width:100%; margin-top:10px;}
.linea_separacio_tipus{clear:both;border-top:3px solid #ccc;width:100%; margin-top:10px; margin-bottom:10px;}

#menu_seccio{width:200px;}
#menu_seccio ul{ margin:0;padding:0px;list-style:none;width:200px;}
#menu_seccio li { height:25px;width:200px; margin-bottom:1px;}
#menu_seccio li a{height:15px;width:200px; padding:5px; display:block; text-decoration:none;}
#menu_seccio li a:hover{background: url('../imgweb/menu_seccio.png'); color:#FFFFFF; font-weight:bold;}
#menu_seccio .actual li{ height:25px;width:200px;background: url('../imgweb/menu_seccio.png'); color:#FFFFFF; font-weight:bold; margin-bottom:1px;}
#menu_seccio .actual a{ height:15px;width:200px; padding:5px; display:block; text-decoration:none;background: url('../imgweb/menu_seccio.png'); color:#FFFFFF; font-weight:bold;}
#menu_seccio .actual2 li{ height:25px;width:200px;background: url('../imgweb/menu_seccio2.png'); color:#FFFFFF; font-weight:bold; margin-bottom:1px;}
#menu_seccio .actual2 a{ height:15px;width:200px; padding:5px; display:block; text-decoration:none;background: url('../imgweb/menu_seccio2.png'); color:#FFFFFF; font-weight:bold;}
#menu_seccio .actual2 a:hover{ height:15px;width:200px; padding:5px; display:block; text-decoration:none;background: url('../imgweb/menu_seccio2.png'); color:#FFFFFF; font-weight:bold;}

/* cos verd*/
.cos_verd{ background:#565f4e url(../imgweb/fons_verd.png) repeat-x; padding-top:20px; padding-bottom:20px;; color:#FFFFFF; overflow:hidden;}
.cos_verd_col_1{ width:216px; float:left; padding-right:30px;}
.cos_verd_col_2{ width:300px;float:left; padding-left:30px; padding-right:30px;}
.cos_verd_col_3{ width:300px;float:right; padding-left:30px;}
.titol_blanc{color:#FFFFFF; font-weight:bold; font-size:120%; }
.cat{margin-bottom:-7px;margin-top:7px; font-size:80%; color:#f8c617; font-weight:bold}
.data{margin-top:7px; color:#f8c617;}
.titular_blanc{ font-size:80%; color:#FFFFFF; text-decoration:none}
.utilitat_cercador{padding-top:15px; font-size:80%}

/* menu peu de pagina*/
.menu_peu{ background-color:#2c3228; text-align:right; font-size:70%; padding:10px; color:#FFFFFF; overflow:hidden;}
.menu_peu a{color:#FFFFFF; text-decoration:none}
.menu_peu a:hover{text-decoration:underline}

/* peu de pàgina*/
.peu{ background-color:#414141; color:#A1A1A1;padding-top:20px; font-size:80%; overflow:hidden; margin-bottom:10px;}
.tecles a{ color:#414141;}