@charset "UTF-8";

/* CSS PLANA INICI */
html { min-height: 100%; }
body{height:100%;margin:0;padding:0;background-color:#414141;font-family:Arial, Helvetica, sans-serif;font-size:90%;} 
img{border:none;}
#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:100%; height:78px; overflow:hidden;}
.logotip{ padding-top:9px; float:left}
#menu{ float:right; height:40px; margin-top:38px;}
.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; }
.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;}
.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 blanc*/
.cos_blanc{ background-color:#FFFFFF; padding-top:30px; padding-bottom:30px;; color:#000000; overflow:hidden;}
.cos_blanc_col_1{ width:724px;float:left; overflow:hidden;
		border-right: solid 1px #d4d4d4;}
.cos_blanc_col_2{ width:153px;float:left; overflow:hidden; margin-left:37px; margin-right:25px;}
.titol_verd_fosc{ color:#5a5e50; font-size:120%; font-weight:bold; margin-left:76px}
.titol_verd_fosc a{ color:#5a5e50; text-decoration:none}
.titol_verd_fosc a:hover{ color:#b1d686; text-decoration:none}
.noticia{ width:560px; height:131px; overflow:hidden;}
.titular_verd{ font-size:120%; color:#779454; text-decoration:none;overflow: hidden;}
.text{ font-size:80%; color:#141414; text-decoration:none}

/* 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:left; padding-left:30px;}
.titol_blanc{color:#FFFFFF; font-weight:bold; font-size:120%; }
.titol_blanc a{ color:#FFFFFF; text-decoration:none}
.titol_blanc a:hover{ color:#b1d686; text-decoration:none}
.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;}

/* css per al scroll de notícies */

	/* outmost wrapper element, containing all elements  */
	#scrollable {
		width:724px;
		height:235px;
		margin-top:30px;
	}
	
	/* container for the scrollable items */
	div.items {
		height:181px;	
		float:left;
		width:560px !important;
		margin-left:20px;
		margin-right:20px;
		overflow:hidden;
	}
	
	/* single item */
	div.items a {
		display:block;
		float:left;
		cursor:pointer;
		margin-left:10px;
		width:550px !important;
		height:181px;	
		overflow:hidden;
		text-decoration:none;
		color:#333333;
	}
	
	div.items a:hover {
	}
	
	div.items a.active {
		background-position:-174px 0;		
		color:#555;
		cursor:default;
	}
	
	
	/* next / prev buttons */
	a.prev, a.next {
		background:url(../imgweb/left.png) no-repeat 0 0;
		display:block;
		width:46px;
		height:46px;
		float:left;	
		margin:71px 0 0 0;
		cursor:pointer;
	}
	
	a.next {
		background-image:url(../imgweb/right.png)		
	}
	
	a.prev:hover {
		background-position:0 -46px;		
	}
	
	a.next:hover {
		background-position:0 -46px;		
	}
	
	
	/* navigator */
	div.navi {
		position:relative;
		top:215px;
		left:460px;
		margin-left:-200px;
		width:200px;
		height:0px;
	}
	
	
	/* items inside navigator */
	div.navi span {
		width:13px;
		height:13px;
		float:left;
		margin:3px;
		background:url(../imgweb/dots.png) 0 0 no-repeat;     
		cursor:pointer;
	}
	
	div.navi span:hover {
		background-position:0 -13px;      
	}
	
	div.navi span.active {
		background-position:0 -26px;     
	} 	

.tecles a{ color:#414141;}