/* CSS Document */



/* $0 - Estilos de la estructura del Sitio ///////////////////////////////////////////////////////////////////////////////////*/

body {
	background: #FFF url(../images/fondo-pagina.jpg) repeat-x;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #414141;
	}
		
#contenedor {
	width: 850px;
	margin: 0 auto;
}

#cabecera {
	width: 850px;
	height: 105px;
	background: url(../images/cabecera.gif) no-repeat;
	margin-top: 15px;
}

#menuflash {
	width: 850px;
	height: 200px;
	background: url(../images/fondo_flash.gif) no-repeat;
	margin: 0;
	text-align: center;
}

#contenido {
	width: 850px;
	margin: 0;
	padding-top: 0px;
	text-align: left;
	background: url(../images/fondo.gif) repeat-y;
}	

#contenido-principal {
	width: 505px;
	margin: 0 0 0 65px;
	padding-top: 45px;
	text-align:left;
	}
	
	#portada #contenido-principal { /* Esto es un apaño para que el background del PIE no nos quede muy abajo en la portada, teniendo en cuenta que entre entrada y entrada hay que dejar 40px de separación (que luego se sumarán a estos 10px dándo lugar a los 50px superiores que tendría una página normal) */
	padding-top: 10px;
	}

#contenido-lateral {
	float: right;
	text-align:right;
	width: 225px;
	margin: 0px 4px 0 0;
	text-align: left;
	padding-top:0px;	
	overflow:hidden;
}

	#portada #contenido-lateral { /* En la portada el CONTENIDO-LATERAL debe tener 50px para bajar el "Teléfono del Regante", pero en el resto no porque el menú lateral debe ir justo debajo del menú flash */
	padding-top: 50px;
	}

#pie {
	clear: both;
	width: 100%;
	height: 60px;
	margin: 0;
	background: url(../images/fondo_abajo.gif) no-repeat;
	padding-top: 120px;
	text-align: center;
}

.copyright {
	text-align: center;
	margin-top: 40px;
	padding-bottom: 40px;
	color: #777;
}

	.copyright a, 
	.copyright a:link,
	.copyright a:visited {
	color: #007CCA;
	}	
	
	.copyright a:hover {
	color: #007CCA;
	font-weight: bold;
	}


/* $1 - Estilos de la Portada ///////////////////////////////////////////////////////////////////////////////////*/

.entrada-portada {
	width: 505px;
	padding: 20px 0; 
}

	.entrada-portada img {
		padding: 5px;
		border: 1px solid #CCCCCC;		
	}
	
	.entrada-portada h3 {
		margin-top: 8px;
		font-size: 22px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		letter-spacing: 0.6px;
		color: #007CCA;
		text-align: left;
	}

	.entrada-portada p {
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;
		color: #414141;
		text-align:justify;
		line-height: 14px;
		letter-spacing: 1px;
	}
	
	.entrada-portada a:visited .entrada-portada a:hover {
		color: #007CCA;
		text-decoration: none;
	}
	


	.entrada-portada a:link {
		color: #007CCA;
		text-decoration: none;
	}
	


	.entrada-portada a {
		color: #007CCA;
		text-decoration: none;
	}
	

/* $2 - Estilos del Menu Alt ///////////////////////////////////////////////////////////////////////////////////*/

#menu-alt {
	color:#007CCA
}

#menu-alt li {
	display:inline;
	font-size: 10px;
	}

#menu-alt li a {  
	color:#777;
	font-weight: normal; 
	text-transform: uppercase;
	margin: 0 5px; /* esto controla el espacio entre los elementos de la lista */
	padding-bottom: 5px;
	}

#menu-alt li a.selected {
	font-weight: bold;
	color:#007CCA;
	}
	
#menu-alt li a:hover {
	font-weight: bold;
	color:#007CCA;
	}



/* $4 - Estilos de página ///////////////////////////////////////////////////////////////////////////////////*/

.titulo {
	margin-top: -4px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #007CCA;
	line-height: 27px;
	letter-spacing: 0.5px;
	text-align: left;
}

#texto-resumen {
	margin-top: 15px;
	font: 12px/15px Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 0.5px;
	text-align: justify;
	color: #333;
}

	#texto-resumen p {
		padding-bottom: 15px;
	}


#texto-contenedor {
	margin-top: 15px;
}


#entresacado {
	margin-top: 100px;
	margin-right: 20px;
	font: 21px "Lucida Grande", "Lucida Sans", Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-style: italic;
	color: #A2C33A;
	text-align: right;
	
}

.puntos {
	margin-left: 40px;
	margin-bottom: 15px;
	font: 12px/15px Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	text-align: justify;
	color: #414141;
	list-style-image: url(../images/punto.gif);
}
	.puntos li {
		padding-bottom: 5px;
		
	}





/* Estilos de menu dinámico */

.texto_menu
{
 padding-top:1px;
 margin-top:1px;
 cursor :pointer;
 width:100%; 
 height:22px;
 background-image: url('../images/fondo_deg_claro.gif'); 
 background-repeat: repeat-x;	
font: bold 11px Arial, Verdana, Helvetica, sans-serif;
color: #666;
width: auto;
text-decoration: none;
letter-spacing: -0.1px;
}

.texto_menu_sel
{
 padding-top:1px;
 margin-top:1px;
 cursor :pointer;
 width:100%; 
 height:22px;
 background-image: url('../images/fondo_deg_oscuro.gif'); 
 background-repeat: repeat-x;	
font: bold 11px Arial, Verdana, Helvetica, sans-serif;
color: #666;
width: auto;
text-decoration: none;
letter-spacing: -0.1px;
}


.flecha_menu
{
 margin-top:0px;
 display:block ; 
 width:20px ; 
 height:22px;
 cursor:pointer;
}

.punto_menu
{
 margin-top:0px;
 display:block ; 
 width:20px ; 
 height:22px;
}


.relleno_menu {
 width:100%;
 height:22px;
 background-color:#d4d4d4;
 margin-top:0px;
}




/* Boletín */

#Boletin{
	width:225px;
	background:#64A440 url(../images/bgBoletin.jpg) top left no-repeat;
	color:#FFF;
	float:right;}
#BoletinFin{width:183px;padding:20px 20px 10px;background:url(../images/bk.BoletinFin.jpg) left bottom no-repeat;}
#Boletin h2{font-size:17px;line-height:18px;margin-bottom:7px;}
#Boletin h2 span{font-size:22px;}

#Boletin p{font-size:11.5px;margin-bottom:7px;}

#Boletin fieldset{border:none;}
#Boletin legend{display:none;border:none;}
#Boletin label{display:none;}

#Boletin input{width:94%;margin:0;padding:2px;color:#555;font-size:11px;}

#Boletin input.Boton{width:93px;float:right;background-color:#ededed;border:solid 1px #888;margin-top:6px;padding:3px 2px 1px 2px;color:#000;font-size:9.5px;text-transform:uppercase;text-align:center; cursor:pointer;}

#Boletin #btnsAmpliar{margin:12px 0 0;padding-top:4px;clear:both;width:99%;overflow:hidden;border-top:1px solid #fff;}
#Boletin #btnsAmpliar a{width:auto;display:block;font-size:10px;color:#fff;}
#Boletin #btnsAmpliar a:hover{text-decoration:underline;}

#Boletin .izda{float:left;}
#Boletin .dcha{float:right;}
#Boletin #Baja{margin-top:12px;display:none;}
#Boletin #ResultadoBaja #Baja{margin-top:12px;display:block;}

#Info{width:auto;margin:14px 0 0;float:right;display:block;}

#SuscripcionOK, #BajaOK {margin-top:8px;padding:7px;font-weight:bold;background-color:#9dbe3a;text-transform:uppercase;font-size:10px;line-height:11px;}