body{
	margin: 0px;
	padding: 0px;
	background-color: #008862;
	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;

}

div.logo{
	padding-top: 20px;
	padding-bottom: 20px;	
	border-bottom: 3px solid;
	vertical-align: middle;
}

#sectionTitle{
font-family:Verdana, Arial, sans-serif;
font-size:18px;
color:#008862;
font-weight:bold;
padding:4px;
padding-right:0px;
padding-left:0px;
width:747px;
background: #FFD900 url(../../img/barra.jpg) right no-repeat;
margin-top: 38px;
margin-bottom: 20px;

text-align:left;
}



/************** idiomes *******************/

#idiomes{
	text-align:right;
	padding-top:40px;
	padding-right:24px;
}

#idiomes img{
border:0px;
margin:0px;
padding:2px;
}

/************** MENU *******************/
ul#menu{
	width:196px;
	padding: 0px;
	padding-top:10px;
	margin: 0px;
	list-style: none;
	font-family:Verdana;
	font-size: 18px;
	border:0px solid;
	float:left;
	height:300px;	

}

ul#menu li.itemMenu{

	padding: 4px 18px 2px 0px;
	color: #000;
	text-align: right;
	font-weight: bold;
}
ul#menu li.itemMenu:hover{
	padding: 4px 18px 2px 0px;
	color:#047E59;
	cursor: pointer;
	text-align: right;
	font-weight: bold;
}
ul#menu li.itemMenuOn{
	padding: 4px 18px 2px 0px;
	color: #000000;
	text-align: right;
	font-weight: bold;
	cursor: pointer;
}
/****************************************/
.presen {
    font-family: Verdana,Arial,Helvetica;
    /*color: #F6800D;*/
    font-size: 12px;
    /*font-weight: bold;*/
    text-align: left;
	border: 0px solid;
}
#error{
	font-size: 18px;
	font-weight: bold;
	color: #F6A90D;
	
}
.presen img{
border:0px;
margin-right:13px;

}

img.left{
	float:left;
	padding-right: 10px;	
}

.noticia{
border:0px solid;
padding-bottom:1px;


}

#textnoticia {
	margin-left:115px;
}

#textnoticia p{
	font-size:12px;
	font-family:Verdana, Arial, sans-serif;
}


/****************** 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;
}


/************ FORMS ***************/



label{
    text-decoration: none;
    font-family: Lucida,Verdana,Arial,Helvetica;
    font-size: 12px;
    font-weight: bold;
    color: #F6A90D;
    white-space: nowrap;
	cursor:default;
	
		margin-right: 10px;
}

input {
        padding-left: 3px;
        padding-right: 3px;
        background-color: #ffffff;
        border: 1px #F6A90D solid;
        font-family: Verdana, Arial, sans-serif;
        font-size: 12px;
        color: #000000;
        font-style: normal;
		cursor:text;
        }

textarea {
        padding-right: 3px;
        padding-left: 3px;

                background-color: #ffffff;
        border: 1px #F6A90D solid;

        width: 300px;
        height: 100px;

        font-family: Verdana, Arial, sans-serif;
        font-size: 12px;
        color: #000000;
        font-style: normal
		cursor:text;
        }


		
#form_labels{
	float:left;
		}

#form_inputs{
	margin-left: 90px;
		}
		
form div{
	margin-bottom:0.5Em;
	height:25px;
		}
		
#form_labels div{		
	text-align:right;
}
		
#form_esq{
	width:300px;
	float:left;
}
		
#form_dreta {
	width:400px;
margin-left:273px;
}

#form_dreta div{
	margin-bottom:0.5Em;
	height:25px;
}


#form_botons{
	height:200px;
	width:100%;
}

#form_botons input{
	
	cursor:pointer;
}
		
/************ ESTRUCTURA PAGINA ***************/


#capsalera{
width:968px;
/*background-image:url(../../img/capsalera.jpg);*/
background-repeat:no-repeat;
height:143px;
}

#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;
}


#foot_menu{
	background-image:url(../../img/fondoBottomLeft.jpg);
	border: 0px solid red;	
	height: 181px;
	
}



#peu_noticies{
width:27px;
float:left;
border:0px solid;
height:14px;
}

#peu_noticies2{
height:5px;
background-color: #FFEC7F;
width:747px;
float:left;
margin-top:5px;
}

#mes_info{
	margin-top: 30px; 
	float: right; 
	padding-right: 20px; 
	font-weight: bold; 
	text-decoration: underline;
}

#peu_principal{
	height:200px;
	float:left;
	margin-top:25px;
	border: 1px solid;
}
#peu_principal2{
	margin-top:20px;
	background-image:url(../../img/paulaimatges.jpg);
	background-repeat:no-repeat;
	height:300px;
	width:392px;
	float:right;
	padding-right:10px;
}


/******** estils contingut pagina ***********/



#embolcall{
  
  background: #fff url(../../img/fondoBottom.jpg) bottom left no-repeat;
  width: 968px;
  margin:0 auto;
  text-align:left;
  display:table;
  position:relative;
  height:100%;
}

#col_esq{
	width:198px;
	float:left;
	background-image:url(../../img/BGmenu.png);
	background-repeat:no-repeat;
}


#embolcall_contingut{
width:757px;
margin-left:198px;
height:100%;
}

#contingut{
background:url(../../img/bgDretaTop.png) 0px 0px no-repeat;
width:757px;
float:right;
text-align:left;
padding-left: 1px;

min-height:600px;
height:auto !important;
height:600px;
}

#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;
/*padding-right:20px;*/
width:968px;
}




#newsCard{
border: 0px solid ;
text-align:justify;
padding-right:20px;
}

#newsCard a{
color:#CC6600;
}


/********* CONTINGUT especific per a viyefruit *****************/

#intro_pag, #cos_pag{ /*columna de texte al'esquerra */
width: 300px;
}

#cos_dreta{
	/*width:400px;*/
margin-left:300px;
}

#bloc_pag img{
	margin-top:10px;
}

#intro_pag h2{
font-family: Verdana, Arial, sans-serif;
font-size:19px;
color:#008762;
}

#intro_pag p{
font-family:Verdana, Arial, sans-serif;
font-size:14px;
text-align:left;
font-weight:bold;
}

#cos_pag p{
font-family:Verdana, Arial, sans-serif;
font-size:12px;
text-align:left;
}

.cos_pag_vermell {
font-family:Verdana, Arial, sans-serif;
font-size:12px;
color: #FF0000;
font-weight:bold;
}




#texto_paula{
border: 0px solid;
width:750px;
height:270px;
background:url(../../img/paulaimatges2.jpg) no-repeat;
margin-top: 100px;
padding-top: 150px;
padding-left: 70px;
font-weight:bold;
}


#cap_paula{ 
font-family: Arial, sans-serif;
font-size:19px;
color:#008762;
padding-bottom:30px;
width:410px;
}

#texto_paula p{
font-family:Verdana, Arial, sans-serif;
font-size:14px;
width:400px;
}





/**************************************************************
                  
                   estils per fer el border difuminat
                  
**************************************************************/


.shad_01 {
   float:left;
   border: 0px solid;
   border-right:2px solid #00825E;
   border-left:2px solid #00825E;   
}


 .shad_02 {
   float:left;

   border-right:2px solid #007F5B;
   border-left:2px solid #00825E;
   border-left:

}
 .shad_03 {
   float:left;

   border-right:2px solid #007B58;
   border-left:2px solid #007B58;

}
 .shad_04 {
   float:left;

   border-right:1px solid #007555;
   border-left:2px solid #007555;

}
 .shad_05 {
   float:left;

   border-right:1px solid #006E50;
   border-left:2px solid #006E50;
}
 .shad_06 {
   float:left;

   border-right:2px solid #00664A;
   border-left:2px solid #00664A;
    
}
 .shad_07 {
   float:left;

   border-right:2px solid #005D43;
   border-left:2px solid #005D43;
}
 .shad_08 {
   float:left;

   border-right:2px solid #00533C;
   border-left:2px solid #00533C;

}
 .shad_09 {
   float:left;
   border-right:5px solid #004934;
   border-left:5px solid #004934;

}

/**************************************************************
                  
                  Formulario de contacto
                  
**************************************************************/

#contactar {

}

fieldset {
 border:0px;
}

fieldset legend {
font-weight:bold;
padding-bottom:15px;
}

fieldset form {

}

fieldset form div {
 display:block;
 float:left;
 padding:2px;
 width:100%; 
}

fieldset form label {
 float:left;
 display:block;
 width:340px;
 text-align:right;
 color:#333333;
 border::1px solid;
 font:Verdana, Arial, Helvetica, sans-serif;
 font-size:14px;

}

fieldset form div.single label {
 width:680px;
}

fieldset form label:hover {
 
}

fieldset form input,
fieldset form select,
fieldset form textarea {
 width:200px;
 margin-left:5px;
 border:1px solid #333333;

}

fieldset form div.single label input,
fieldset form div.single label textarea {
 width:555px;
 margin-left:125px;

}

fieldset form input:focus,
fieldset form select:focus,
fieldset form textarea:focus {
 
}


fieldset form .controls {
 text-align:center; 
 padding-top:110px;
 padding-left:50px;
 }
 
fieldset form .controls input {
/* width:120px;*/
 border:2px solid #666666;
 background-color:#999999;
 color:#FFFFFF;
 font-weight:bold;
}

fieldset form .controls input:hover {
}

fieldset form .controls input:focus {

}


#map{
	border:2px ridge black;
	height:370px;
	width:440px;
	margin-left:0px;
	float:left;
}

#mapa2{
	width:250px;
	margin-left:500px;
}


/***************************************/
/*			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;
}