body{
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	font-family: tahoma,Verdana,Arial,Helvetica;
	height:100%;
}
/************** GENERAL ****************/
	a{color:#000000; text-decoration: none; font-family: Verdana,Arial,Helvetica; font-weight:bold; border:0px;}
	a:hover{ color:#008862; border:0px;}
	img{border:0px;}


/************** MAIN *******************/
	#main{
		margin: 0 auto;
	}
	
	#mainLeft{
		vertical-align: top; 
		width: 207px;
	}
	
	#mainContents{
		width: 500px;
		vertical-align: top; 
		font-size: 12px;
		color: #000;
		border: 0px solid;
		height:auto;
	}
	
	#contents_total{
	border:0px solid green;
	/*background:url(../../img/bgDretaTop.png) top left no-repeat;*/
	width:754px;
	float:right;
	text-align:left;
	padding-left:18px;
	}
	
	#contents{
	padding-left: 0px;
	margin:0px;
	padding:0px;			
	padding-left: 0px;
	
	}
	
	div.logo{
		padding-top: 20px;
		padding-bottom: 20px;
		border-bottom: 3px solid;
		vertical-align: middle;
	}
	
	
	/* ======  on va el nom de la seccio */
	#sectionTitle{
	height:10px;
	padding-right:0px;
	padding-left:0px;	
	margin-right:5px;
	margin-bottom:20px;
	text-align:left;
	background-repeat:no-repeat;
	}
	
	#sectionTitle2{
	height:24px;
	width:755px;
	font-family:Verdana;
	font-size:12px;
	color:#000;
	font-weight:bold;
	float:left;
	padding-right:0px;
	background :url(../../img/fondo_title2.jpg);
	}
	

	#capsalera{
	width:970px;
	background-repeat:no-repeat;
	height:190px;
	border:0px solid red;
	}
	
	#foot{
		height: 181px;
		margin: 0 auto;
		color: #ffffff;
	    font-size: 10px;
	    text-align: right;
	/*	background-image:url(../../img/fondoBottom.jpg);*/
		float:inherit;
		border:0px solid red;
	}
	
	


/*=================== IDIOMAS ================*/
#idiomes{ /* barra idiomes a dalt de tot */
		margin: 0 auto;
		width:970px;		
		min-height:16px;
		height:auto !important;
		height:16px;
		padding:4px;
		text-align:right;
		color:#666;
		font-size:12px;
		font-weight:bold;
	}
		
	#idiomes img{
	border:0px;
	margin:0px;
	padding:2px;
	}

/*================== MENU ===================*/


	   #left_bar{	
		padding-top:10px;		
		list-style: none;
		font-family:Arial;
		font-size: 12px;
		float:left;		
		background:	 url(../../img/bgmenu.jpg) left ;
		color:#FFFFFF;		
		text-align:right;
		height:100%;
		display:block;
		width:190px;
		min-height:550px;
		border:0px solid #000000

		}
		
		#left_bar ul {
		 width:190px;
		 margin:0px;
		 padding:0px;
		 display:block;
		 list-style:none;
		}
		
		
		#left_bar ul li a{
		 background: url(../../img/botomenu.jpg) left ;				
		 color:white;
		 margin-left: 10px;		 
		 margin-bottom:2px;
		 display:block;
		 width:auto;
		 height:16px;
		 padding:3px 0px;
		 font-size:12px;
		 padding-right:10px;
		 padding-top:8px;
		 
		}
		#left_bar ul li a:hover{
		 color:#000;		
		opacity:.80;
		}
		
		
		
		
		#left_bar ul li h4{
		 color:#fff;
		 font-family:Arial, Helvetica, sans-serif;
		 margin:0px;
		 margin-left: 10px;
 		 margin-bottom:2px;		 
		 display:block;
		 width:auto;
		 height:16px;
		 padding:3px 0px;
		 font-size:13px;
		 background: url(../../img/botomenu.jpg) left ;	
 		 padding-top:8px;
 		 padding-right:10px;

		}
		
		#left_bar ul li h5{
		 color:#fff;
		 font-family:Arial, Helvetica, sans-serif;
		 margin:0px;
		 margin-left: 10px;
 		 margin-bottom:2px;		 
		 display:block;
		 width:auto;
		 height:16px;
		 padding:3px 0px;
		 font-size:13px;
		 background: url(../../img/botomenu.jpg) left ;	
 		 padding-top:8px;
 		 padding-right:10px;

		}
		
		#left_bar ul li h4:hover{
		color:#000000;
		}

		
		#left_bar ul li ul {
		 margin-top:6px;
		 margin-bottom:6px;

		}

		
		#left_bar ul li ul li a{
		 height:auto;
		 min-height:auto;
		 background:none;
		 width:inherit;
		 margin: 1px;
 		 margin-left:10px;
		 display:block;
		 text-decoration:none;
		 color:#B30006;
		 font-size:12px;
  		 padding:4px;		
		}
	
		#left_bar .itemMenuOn a
		{color:#000000; text-decoration: none; font-family:
		Verdana,Arial,Helvetica; font-weight:bold; border:0px; 
		}
	
		
		/* buscador */
		
		#buscador {
		 background:white;
		 display:block;
		 float:left;
		 width:165px;
		 height:80px;
		}
		
			

/*============= CONTENIDO DE LA PAGUINA =================*/

	#embolcall{  
	/*	imatge de fondo
	  background: #fff url(../../img/x.jpg) bottom left no-repeat;*/
	  width: 980px;
	  margin:0 auto;
	  text-align:left;
	  display:table;
	  position:relative;
	  height:100%;
	  border:0px solid green;
	}
	
	
	#embolcallPag{
	  width: 970px;
	  display:table;
	  background:	 url(../../img/bgcontingut2.jpg) right no-repeat;
	  background-repeat:repeat-y;
	  display:table;
	}

	
	#contingut{	
/*	background:url(../../img/x.png) 0px 0px no-repeat;   (imatge fondo del contingut)  */
	margin:0px;
	padding:0px;
	padding-left:10px;
	width:765px;
	float:right;
	text-align:left;
	height:auto !important;
	padding-top:20px;
	border:0px solid #000000
	}
		
	
	#bloc_pag{
	float:left;
	width: 754px;
	line-height:1.3em;
	padding-bottom: 50px;
	min-height:300px;
	height:auto !important;
	height:300px;
	}
	
	.centrat{
		text-align:center;
	}
	
	
	#peu_general{
	background-color: #fff;
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	float: right;	
	width:970px;
	padding-bottom:8px;
	
	}
	
	#peu_imatge{
	background:	 url(../../img/bgmenu.jpg) left;
	background-repeat:repeat-y;
	border:0px solid;
	height:16px;	
	}
	
	
	
	#newsCard{
	border: 1px solid ;
	text-align:justify;
	padding-right:20px;
	}
	
	#newsCard a{
	color:#CC6600;
	}

	#newsCard  a:hover{ color:#008862; border:0px;}





/*================== NOTICIAS DE PRINCIPAL ========================*/


	.noticia{
	padding: 3px 0px 10px;
	padding-bottom:5px;
	height:100%;
	margin-right:10px;
	margin-top:5px;
	margin-right:10px;
	color:#AE0E1B;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
	#textnoticia {
		margin-left:130px;
		color:#000000;
	}
	
	#textenllas{
		color:#000000;
	}
	
	#textnoticia  a{color:#2B9324;	}

	#textnoticia  a:hover{	color:#008862;}

	
	.link_not a{ color:#000 !important;}
	.link_not a:hover{ color:#008862 !important;}

	
	#leer_mas {
		background:	 url(../../img/final_apartat.png) right no-repeat;
		color:#000;
		font-weight:bold;
		text-align:right;
		font-size:12px;
		margin-left:130px;
	}
	#leer_mas a{
	color:#000000
	}
	
	
	#textnoticia p{
		font-size:12px;	
		color:#000;
	}
	
	#mes_info{
		background:	 url(../../img/final_apartat.png) right no-repeat;
		padding-top:10px;
		font-weight: bold;	
		text-align:right;
		width:auto; height:20px;
		margin-right:10px; margin-bottom:20px;		
		font-size:12px;
		
	}



	
/*================ NOTICIAS INDIVIDUAL ============================*/	
	
	#newsCard{
		border: 0px solid green;
		text-align:justify;
		margin-right:10px;
		padding-right:10px;
		padding-left:10px;
		padding-bottom:10px;
		font-size:12px;
		font-family:Verdana, Arial, sans-serif;
		width:740px;
		
		color:#000;
		display:table;		
	}	
	
	#newsCard img{
		border: 1px solid;	
		height:auto !important;
		float:right;
		margin:5px;
	}
	#newsCard h3{
		font-size:12px;
	}
	
	#newsCard a{
		color:#CC6600;
	}
	
	#atras{
		float:left;
	}
	

/*================== ACTIVIDADES DE PRINCIPAL ========================*/

	#activitats_d{		
		font-size:12px;
		color:#AE0E1B;	
		padding-left:130px;
		padding-top:5px;		
	}
	
	#activitats_total{
	height:100%;
	width:100%;
	display:table;
	width:760px;
	}
	
	#activitats{		
		font-size:12px;
		color:#AE0E1B;	
		padding-left:0px;
		width:620px;
		float:right
	}
	
	#imatge_activitat{		
		float:left; 
		margin-right:0px; 
		min-height:720px; 
		background:#F6A90D; 
		width:120px;
		
	}
	
	#activitats_d a{	color:#AE0E1B;}	
	#activitats a{	color:#2B9324;}	
	#activitats .titulo{	color:#2B9324;}	
	#activitats a:hover{color:#008862;}	
	
	#activitats_parrafo{
		color:#000000;
		text-decoration:none;
		text-align:justify;
		padding-right:20px;

	}



	




/****************** Llistats ***************/
div#contContainer{
	clear: both;
	margin: 0px 0px 20px 0px;
	text-align: left;
	text-decoration: none;
	font-face: Arial,Tahoma,Verdana,Helvetica;
	font-size: 11px;
	color: #000000;
	border:1px #F6A90D solid;
	background-color: #ffffff;
}
div.date{
	text-align: left;
	color: #FF0000;
}
div#contContainer div.date{
	text-align: left;
	color: #FF0000;
}
div#contContainer div.title{
	padding-left: 5px;
	background-color: #F6A90D;	
	text-align: left;
	font-weight: bold;
	color: #404040;
}
div#contContainer div.summary{
	padding: 5px 5px 10px 5px;
	text-align: left;
}
div#contContainer div.summary img{
	padding-right: 5px;
	padding-bottom: 5px;
}
div#contContainer div.details,div#contContainer div.details a{
	clear: both;
	height: 20px;
	padding-right: 5px;
	text-decoration: none;
	color: #FFFFFF;
	text-align: right;
	font-weight: bold;
	background-color: #F6A90D;	
}



/************** CARDS *************/
div#contContainer div.extraFields{
	margin: 10px 0px 10px 0px;
}
div#contContainer div.link{
	color: #000000;
	font-weight: bold;
}
div#contContainer div.link a{
	color: #F6A90D;
}
div#contContainer div.link a:hover{
	color: #000000;
}



/**************************************************************                  
                  Formulario de contacto                  
**************************************************************/

/*================   FORMS ==================*/
	/* nom, adreça...*/
	label{ 
	    text-decoration: none;
	    font-family: Verdana,Arial,Helvetica;
	    color: #F6A90D;
	    white-space: nowrap;
	    cursor:default;		
	    margin-right: 10px;	
	}
	
	input {
		background-color: #ffffff;
		border: 1px #7F9DB9 solid;
		font-family: Verdana, Arial, sans-serif;
		font-size: 11px;
		color: #000000;
		font-style: normal;
		cursor:text;
		width:250px;
		}
	
	textarea {
		background-color: #ffffff;
		border: 1px #7F9DB9 solid;	
		width: 540px;
		height: 100px;	
		font-family: Verdana, Arial, sans-serif;
		font-size: 12px;
		color: #000000;
		font-style: normal
		cursor:text;
	}
			
   			
	#contactar legend{	
		padding-left:10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
	}		
		
		
			
	form{
	border:0px solid;
	margin:0px;
	padding:0px;
	outline:none;
	}			

	fieldset {
	border:none;
	}		

	
	
	
	.bb2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:right;
	color:#000000;

	}	
	
	
	.bb2 td{
	padding: 3px;
	padding-left:5px;
	}
	
	.botons input{
	border:1px solid
	width:10px;
	background:#999999;	
	
	}
		
	#aa input{
		margin: 4px;

	}
	



	#bb2 input{
	width: 100px;

	float:left;
	}

	
			
	.even label{
		border:0px solid #000;
		color:#000000;	
	}		

	.odd label{
		color:#000000;			
	}



#logo_contacto{
		border:0px solid;
		float:left;
		padding-top:25px;
		padding-bottom:35px;
}

#texto_contacto{
		border-left:1px solid #7F9DB9;
		margin-right:10px;
		padding-left:10px;
		padding-right:345px;
		padding-top:20px;
		padding-bottom:20px;
		margin-bottom: 10px;
		margin-top:10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		float:right;
}










/***************************************/
/*			paginacio					*/

#paginationDown{
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;	
}


#tornar_e{
	padding-top:60px;
}

#descargar_pdf{
	text-align:left;
	padding-left:120px;
	padding-bottom:5px;
	color:#000000;
}




#map{
	border:2px ridge black;
	height:370px;
	width:440px;
	margin-left:0px;
	float:left;
}

#mapa2{
	width:250px;

}




/*========= INTRODUCCIO ===========*/

#introduccio{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		padding-right:15px;
		text-align:justify;
		font-size:12px;
		line-height:1.5em
}

.introduccio{
		margin:0px;
		padding:0px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		padding-right:10px;
		text-align:justify;
		font-size:12px;
		padding-left:5px;
		line-height:1.5em;
		
}



.introduccio a{
	color:#B30006;
	text-decoration:none;	
}
.introduccio a:hover{color:#008862;text-decoration:none;	}

/*====================== CATALOGOOO ============================================*/

#productes1{

padding-top:0px;
margin-top:0px;
}


#producto2{
margin-left:0px;
font-size:14px;
font-weight:bold;
border:0px solid;
display:inline;
}


.producto {
 margin-top:50px;
 border:0px solid #DDAA79 ;
 font-size:12px;
 float:left;
 height:200px;
 padding:5px;
 margin-bottom:20px;
 text-align:center

}

.producto img{margin-top:10px;}

.inner_producto{
float:left;
}

.cataleg_texte{
padding-left:10px;
width:590px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
padding-right:10px;
text-align:justify;
}


.cataleg_texte2{

margin-right:10px;
width:330px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
padding-right:10px;
text-align:left;
float:right;

}

.cat_total{
text-align:center;
color:#B30006;
font-size:12px;
padding:4px;
}


.thmb img{ border:1px solid; margin:0 auto; text-align:center}


/*molletes subfamilies*/
.cat_categories{
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:0px;
margin:0px;
margin-right:10px;
background:#ccc;
padding-bottom:3px;
}

.more-info{
float:right;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-right:10px;
height:27px;
width:130px;
background:url(../../img/final_apartat.png) no-repeat;
}

.more-info a{
float:right;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-right:10px;
padding-top:7px;
}



.borde_catal{
border:1px solid #AAC2CC;
width:150px;
}

.image left main{
border:0px solid;
clear:both;
display:table;
width:375px !important;
}


#detalle{
border:0px solid;
display:table;
width:100%;
}

#galeria{
border:0px solid;
float:left; width:390px;
}


#tabla_gale tr td{
border:1px solid;
border-color:#AAC2CC;
}

#tabla_gale img{border: 0px solid;}


#galeria li{
	list-style:none;
	border:0px solid;
	margin:2px;
}
#cataleg_texte{ padding-left:10px;}
#foto3{border:1px solid; display: table;     height: 100%;     width: 100%;     margin: 0;   }
#foto3 img{ border:1px solid; display: table-cell;  vertical-align: middle;  position: relative;}


.interes{
border:1px solid #AAC2CC;
margin-right:5px;
padding:5px;

}

#arbre{
color:#fff;
padding:0px;
padding-left:0px;
margin:0px;
margin-right:10px;
background:#AE0E1B;
border-bottom:2px solid #fff;
height:22px;
text-align:left;
}

#arbre ul{padding-left:0px;}

#arbre ul li
{
color:#fff;
border-right:1px solid;
font-size:12px;
display:inline;
padding-right:10px;
padding-left:10px;
}

#arbre ul li a {color:#fff;}
#arbre ul li a:hover {color:#ABDD12;}



.titul{
color:#FFFFFF;
background:url(../../img/natura/fons_titulo.jpg) no-repeat;
padding:2px;
padding-left:4px;

}

.galeria{
color:#FFFFFF;
background:url(../../img/pobles/galeria.jpg) no-repeat;

padding-left:4px;
text-align:center;
margin-left:135px;
width:475px;
border-top:1px solid #2a9022;



}



.natura{
	border:0px solid; 
	padding-top:10px;
	margin-bottom:20px;
}			

.esports{
	border:0px solid #009900; 
	padding-top:10px;
	margin-bottom:20px;

/*	background:url(../../img/esports/fons_esport.jpg) repeat-x bottom;*/
}


.esports .imagens{
border:0px solid #009900;
padding:3px;
/*background:url(../../img/esports/fons_esport.jpg) repeat-y bottom;*/
text-align:center;	}


.categories{
margin-left:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
padding-top:10px;
}

.titulo_galeria{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
text-decoration:underline;

}


.adresa_peu{
color:#999999;
font-weight:normal;
padding-left:35px;	
}

#paginacion a{
	padding:10px;	
}


#mapa_detallat {
	font-size:12px; 
	width:745px; 
	text-align:right;
	background:url(../../img/fons_titulo_right.jpg) no-repeat right; 

	padding-right:5px;
	
}

#mapa_detallat a:hover{color:#fff}

.summary_pro{

}
