/* CSS Document */

body{
	background-image: url(images/back.gif);
	background-repeat: repeat;
	padding:0;
	margin:0 5% 0 5%;
	font-family:Arial, Helvetica, sans-serif;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
	line-height:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
/*------------------------------------------------Precarga imágenes  de los botones de la derecha en CSS--------------------*/


.preload{ display:none;
}




/*------------------------------------------------main--------------------*/

#main{
	width:1024px;
	padding:0 0 0 0;
	margin:0 auto;
background: #ffffff;	
}
/*------------------------------------------------top--------------------*/
#topmain{
	width:1024px;
	background: #669900;
	height:183px;
	padding:0 0 0 0;
	
	
		
}

#cabecera{
	width:1024px;
	background:url(images/cab_primavera.jpg) no-repeat center top;
	height:148px;
	padding:0 0 0 0;
}
#subcab{
	width:1024px;
	background:url(images/subcab2.jpg);
	height:35px;
	
	}
/*------------------------------------------------top--------------------*/

/*------------------------------------------------body--------------------*/
#bodyMain{
	width:1024px;
	background:url(images/body_bg.gif) 0 0 repeat-x #E8E8D0;
	color:#000;
	padding:35px 0 28px 0;
}
#body{
	width:1024px;
	margin:0 auto;
	background-attachment: scroll;
	background-image: url(images/innerbg.gif);
	background-repeat: repeat-y;
	background-position: -23px;
}
/*------------------------------------------------left--------------------*/
#left{
	width:175px;
	float:left;
	
	
}
#left h2{
	display:block;
	height:22px;
	background:url(images/left_head_1px.gif) 0 0 repeat-x;
	border-left:#404040 solid 1px;
	border-right:#404040 solid 1px;
	padding:4px 0 0 14px;
	margin:0 0 1px 0;
}
#left h2 span{
	background:url(images/arrow.gif) 0 3px no-repeat;
	padding:0 0 0 16px;
	font-size:12px;
	font-weight:bold;
	color:#F3F3F3;
	background-color:inherit;
}

#left ul li{
	margin:0 0 1px 0;
	height:25px;
	}
#left ul li a{
	display:block;
	background:url(images/arrow_green.gif) 19px 9px no-repeat #DBDBBE;
	padding:0 21px 0 28px;
	font-weight:normal;
	color:#2F2F20;
	font-size:11px;
	line-height:24px;
	text-decoration:none;
}
#left ul li a span.bg{
	background-color:#F3F3DD;
	color:#000;
	width:15px;
	font:normal 10px/15px Tahoma, Arial, Helvetica, sans-serif;
	text-align:center;
	float:right;
	margin:4px 0 0 0;
}
#left ul li a span.nor{
	color:#000;
	background-color:inherit;
	font:normal 10px/15px Tahoma, Arial, Helvetica, sans-serif;
	float:right;
	margin:4px 0 0 4px;
}
#left ul li a:hover{
	color:#2F2F20;
	background-color:#C6C6A5;
}
#left ul li a:hover span.bg{
	color:#2F2F20;
	background-color:#C6C6A5;
}
#left ul li a:hover span.nor{
	color:#2F2F20;
	background-color:#C6C6A5;
}

/* menu desplegable*/


#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	width: 10em;
}

#nav li { /* all list items */
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: orange;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}




.image_izq{
background-image:url(images/imax_izq.jpg);
	color:#2F2F20;
	width:175px;
	height:290px;
}
/*------------------------------------------------left--------------------*/

/*------------------------------------------------right--------------------*/
#right{
	width:165px;
	float:right;
}
#right h2{
	display:block;
	height:22px;
	background:url(images/left_head_1px.gif) 0 0 repeat-x;
	border-left:#404040 solid 1px;
	border-right:#404040 solid 1px;
	padding:4px 0 0 14px;
	margin:0 0 1px 0;
}
#sog { width:163px;
		height:125px;
		background-image:url(images/Sogama2.gif);
		
} 
#anuncio1 { 
	width:163px;
	height:72px;
	
	
} 
#right h2 span{
	background:url(images/arrow.gif) 0 3px no-repeat;
	padding:0 0 0 10px;
	font-size:12px;
	font-weight:bold;
	color:#F3F3F3;
	background-color:inherit;
}

#right a#Leyes {display: block;
width: 163px;
height: 42px; 
background: url(images/Elegislacion.gif) no-repeat;

}
#right a#Leyes:hover {background: url(images/Elegislacion_R.gif) no-repeat;
}
 
#right a#Enlaces {display: block;
width: 163px;
height: 42px; 
background: url(images/Eenlaces.gif) no-repeat;

}
#right a#Enlaces:hover {background:url(images/Eenlaces_R.gif) no-repeat;
} 
#right a#Axudas {display: block;
width: 163px;
height: 42px; 
background: url(images/Eaxudas.gif) no-repeat;

}
#right a#Axudas:hover {background:url(images/Eaxudas_R.jpg) no-repeat;
}
#right a#Tiempo {display: block;
width: 163px;
height: 42px; 
background: url(images/Etiempo.gif) no-repeat;

}
#right a#Tiempo:hover {background:url(images/Etiempo_R.gif) no-repeat;
}
#right a#Formacion {display: block;
width: 163px;
height: 42px; 
background: url(images/Eformacion.gif) no-repeat;

}
#right a#Formacion:hover {background:url(images/Eformacion_R.gif) no-repeat;
}
#right a#Ocio {display: block;
width: 163px;
height: 42px; 
background: url(images/Eocio.gif) no-repeat;

}
#right a#Ocio:hover {background:url(images/Eocio_R.gif) no-repeat;
}
#right a#Empresas {display: block;
width: 163px;
height: 42px; 
background: url(images/Eempresa.gif) no-repeat;

}
#right a#Empresas:hover {background:url(images/Eempresa_R.gif) no-repeat;
}
#right a#Consejos {display: block;
width: 163px;
height: 42px; 
background: url(images/Econsejos.gif) no-repeat;

}
#right a#Consejos:hover {background:url(images/Econsejos_R.gif) no-repeat;
}
/*------------------------------------------------right--------------------*/

/*------------------------------------------------center--------------------*/
#center{   

    background-color:#ffffff;  
	width:670px;
	float:left;
	margin-left:6px;
	margin-right:6px; 
	
	
}
#center barraocio{
	background-color:#DEDEDE;
	height:22px;
}
#texto {
	background-color:#FFFFFF;
	width:620px;
	border:2px #BFA161 solid;
	margin:0 auto;
	
	
	  
	  
}

#medio { margin-left:5px;

}


#azul{ 
	padding-left:10px;
	color:#0d549e;
	font-weight:bold;
	font-size:0.9em;
}

#negro { 
font-size:0.6em;
	color:#000000;
}


#texto p {
	width:600px;
	padding-left:10px;
	padding-right:10px;
	
}
#center h1{
	display:block;
	color:#333333;
	height:22px;
	background:url(images/left_head_1px2.gif) 0 0 repeat-x;
	border-left:#404040 solid 1px;
	border-right:#404040 solid 1px;
	padding:4px 0 0 14px;
	margin:0 0 1px 0;
}
#center h2{
	display:block;
	color:#333333;
	height:22px;
	background:url(images/left_head_1px2.gif) 0 0 repeat-x;
	border-left:#404040 solid 1px;
	border-right:#404040 solid 1px;
	padding:4px 0 0 14px;
	margin:0 0 1px 0;
}
#center h3{
	display:block;
	color:#333333;
	float:left;
	width:330px;
	height:22px;
	background:url(images/left_head_1px2.gif) 0 0 repeat-x;
	
	padding:4px 0 0 0px;
	
}
#center h4{
	display:block;
	color:#333333;
	float:right;
	width:330px;
	height:22px;
	background:url(images/left_head_1px2.gif) 0 0 repeat-x;
	
	padding:4px 0 0 0px;
	
}
/*------------------------------------------------pie--------------------*/

#pie {
	width:1020px;
	margin:0 auto;
	clear:both;
	height:60px;
	background:url(images/footer_bg.gif) 0 0 repeat-x;
	border:thin;
	border-color:#99FF66
}

.ecoboletin {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	background-color:#FFFFFF;
	margin:0;
}
.campotexto {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	background-color:#FFFFFF;
}

#noticias{
    width:670px;
    float:left;
}
#noticias1{
    width:650px;
    margin:0 auto;
}
#pie { 
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	padding-top:20px;
}
#ecomunicado {
width:330px;
float:left;
height:208px;
background-color:#FFFFFF;
border:1px solid #ccc;}

.iframe{
float:left;
background-color:#FFFFFF;
width:330px;
overflow:auto;
}
.Webweek { 
width:330px;
float:right;
background-color:#fff}