/* CSS Document */
body{
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 1.2em;
}

#contenedor{
	margin: 0px Auto;
	width: 993px;
}

#idiomas{font-size: 0.8em;}
#idiomas p{text-align: right;}
#idiomas a{color:#333; text-decoration:none;}
#idiomas a:hover{text-decoration: underline;}

/*------------------------------------------ cabecera ---------------------------------------------*/
#cabecera{
	background: url(../img/bot_superior.gif) no-repeat;
	height: 50px;
	font-size: 17px;
	margin:0; padding:0;
}
	#cabecera ul{	
		height: 40px;
		padding: 0;
		margin: 0; 
		padding: 10px 0 0 0;
		list-style:none;
	}
	#cabecera li{
		float: left;
		padding:0;
		margin:0;
		/*position:absolute;*/
		color: #fff;
	}
	#li0{width:214px;}
	#li0 a{width:214px;height:35px;}
	#li1{width:166px;}
	#li2{width:155px;}
	#li3{width:109px;}
	#li4{width:145px;}
	#li5{width:103px;}
	#li6{width:95px;}
	
	#cabecera li a{
		color: #fff;
		text-decoration: none;
		display:block;
		line-height:35px;
		margin:0;
		padding-bottom: 5px;
		text-align:center;
	}

	#cabecera li ul{ 
		background-color: #e9ece5;
		display:none;
		height: auto;
		width:auto;
		_width: 285px; /* hack para IE6 */
		padding:0;
		margin:0;
		position: absolute;
		z-index: 75;
		font-size: 11px;
		line-height: 26px;
		/*left: -10px;
		top: 20px;*/
		padding: 0px 5px 5px 5px;	
	}
	#cabecera li:hover ul, #cabecera li.sfhover ul{display:block;} 

	#cabecera li li{
		display:block;
		float:none;
		margin:0;
		padding-right: 10px;
		height:26px;	
	}

	#cabecera li li:hover, #cabecera li li.sfhover{
		background:url(../img/boton_menuh.gif) no-repeat;
		height: 26px; 
	} 

	#cabecera li ul a{color:#000;padding-left:30px;text-align:left;line-height:26px; }

	#cabecera li li a:hover{color:#fff;}


/*------------------------------------------ menu ---------------------------------------------*/
#menu_izq{
	float: left;
	position: relative;
	z-index: 0;
	left: 14px;
	background-color: #e9ece5;
	width: 182px;
	margin:0; padding:0;
	padding-bottom: 20px;
	padding-top: 20px;
	margin-bottom: 25px;
	text-align: left;
}
#menu_izq ul{
	position: relative;
	z-index: 100;
	left: -14px;
	margin: 0;
	padding: 0;
	font-size: 11px;
	width: 182px;
}
#menu_izq li{
	position: relative;
	z-index: 100;
	list-style-type: none;
	background: url(../img/boton_menu.gif) no-repeat;
	width: 152px;
	height: 20px;
	padding-left: 30px;
	padding-top: 6px;
	margin-bottom: 7px;
}
#menu_izq li a{
	color: #fff;
	text-decoration: none;
}
#menu_izq p{text-align:center}


/*------------------------------------------ contenido ---------------------------------------------*/
#contenido{
	float: left;
	width: 770px;
	margin-left: 35px;
	margin-top: 20px;
	margin-bottom: 25px;
}
.col_izq{
	float: left;
	width: 350px;
}
.flecha_grande{
	list-style-image:url(../img/icono_flecha.gif);
	line-height: 18px;
}
.flecha_pequena{
	list-style-image:url(../img/icono_flecha_lista.gif);

}

.col_der{
	float: left;
	width: 350px;
	margin-left: 50px;
	margin-top: 123px;
}
.col_der2{
	float: left;
	width: 350px;
	margin-left: 50px;
}
.col_der ul li{
	padding-left: 0px;
}

.borde{
	background: url(../img/fondo_con_borde.jpg) no-repeat;
	width: 280px;
	height: 135px;
	padding-left: 20px;
	padding-top: 15px;
	margin-left: 45px;
}
.borde2{
	background: url(../img/fondo_con_borde.jpg) no-repeat;
	width: 300px;
	height: 140px;
	padding-top: 10px;
	margin-left: 25px;
}

/*----------------------------------------- noticias ---------------------------------------*/
#noticias{
clear: both;
	background: url(../img/noticias_fondo.gif) no-repeat;
	width: 973px;
	overflow:hidden; /*con esta linea de codigo el div "noticias" coge la altura de los divs "col_noticias" en firefox*/
	background-color: #b8d300;
	font-size: 12px;
	padding-left: 20px;	
	padding-bottom: 5px;
}
#col_noticias1{
	float: left;
	background: url(../img/numeros_1.jpg) no-repeat;
	width: 25%;
	line-height: 16px;
	padding-left: 45px;
}
#col_noticias2{
	float: left;
	background: url(../img/numeros_2.jpg) no-repeat;
	width: 25%;
	line-height: 16px;
	padding-left: 45px;
	margin: 0 40px 0 40px;
}
#col_noticias3{
	float: left;
	background: url(../img/numeros_3.jpg) no-repeat;
	width: 25%;
	line-height: 16px;
	padding-left: 45px;
}
#noticias a{color:#006b33; text-decoration:none; font-weight:bold;}
#noticias a:hover{text-decoration: underline;}


/*------------------------------------------ pie ----------------------------------------------*/
#pie{
	clear: both;
	background: url(../img/pie_degradado.gif) no-repeat;
	width: 993px;
	font-size: 11px;
	padding-top: 15px;
	margin-top: 10px;
}
#pie a{color:#333; text-decoration:none;}
#pie a:hover{text-decoration: underline;}


/*---------------------------------------- etiquetas ------------------------------------------*/
h1{
	margin:0; padding:0;
	color: #648d3f;
	font-size: 24px;
}
h1 span{color:#aaa; font-size:14px;}
h2{
	font-size: 1.1em;
	color: #006600;
	font-weight: bold;
}
.tit_noticias{padding:0;margin:0;padding:15px;font-size: 2em;}

h3{
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	text-decoration: underline;
}
h4{text-decoration: underline;}

p{text-align:justify;}
.izq{margin-top:10px; text-align:left;}	

a{
	color: #628E3D;
	text-decoration:underline;
}
a:hover{text-decoration: underline;}

.bold {
	font-weight: bold;
}
.direccion{
	background: url(../img/fondo_direccion.gif) no-repeat;
	width: 330px;
	height: 70px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	margin-top: 20px;
}
.contacto{
	background: url(../img/fondo_contacto.jpg) no-repeat;
	width: 300px;
	height: 25px;
	padding-left: 25px;
	padding-top: 10px;
	margin-top: 50px;
}
.pie_foto{
	padding: 0;
	margin-top: 5px;
	font-size: 0.8em;
	color: #555;
	text-align: center;	
}


/*---------------------------------------- formulario ------------------------------------------*/

form{
	width: 90%;
	font-size: 0.9em;
}

fieldset{
	background-color: #e9ece5;
	border-color: #e9ece5;
	padding: 10px;
}
legend{
	margin-bottom: 15px;
	background-color: #336600;
	color: #fff;
	padding: 2px;
	font-weight: bold;
}
.boton{
	background-color: #336600;
	color: #fff;
	border: solid 1px #e9ece5;
	font-weight: bold;
}

/*---------------------------------------- imagenes ------------------------------------------*/
.imgizquierda{
	float: left;
	margin:10px 15px 10px 0;
}
.imgderecha{
	float: right;
	margin:10px 0 10px 15px;
}
.imgnone{
	float: none;

}


/*---------------------------------------- tablas ------------------------------------------*/
table{
	width: 100%;
	border: solid 1px #333;
	border-collapse:collapse;
}
caption{
	background-color: #8EA788;
	font-weight: bold;
	font-size: 13px;
	padding: 3px;
	color: #fff;

}
tr{
	line-height: 25px;	
}
th{
	background-color: #E9ECE5;
	color: #2F4410;
}
td{
	text-align: center;
}