@import url("noticias.css");
@media aural {
 caption { voice-family: paul; stress: 20; richness: 90; volume: x-loud ;}
  h1, h2, h3, h4, h5, h6, td, p, a { voice-family: female; pause-before: 100ms; pause-after: 20ms; stress: 75; richness: 60; volume: x-loud; }
 acronym { speak: spell-out }
}

@media speech {
 h1, h2, h3, h4, h5, h6, td, p, a { voice-family: female; pause-before: 100ms; pause-after: 20ms; stress: 75; richness: 60; volume: x-loud; }
 }
 
/* ---------------------------------------------------------------------------------------- */

body {
	padding: 0; margin: 0; 
	background-color: #fff; color: #000; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 63%;
	height:100%;
}

img {border: 0;}
a {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000; text-decoration: none;}
	a:visited {color: #000;}
	a:hover {text-decoration: underline;}
	
p, div, h1, h2, h3, h4 {margin: 0; padding: 0;}

h1{}
h2{font-size: 1.1em;}
h3{}
h4{}

span {font-weight:bold;}
form { margin:0; padding:0;}
input, select, textarea { font-size: 1.1em; color: #000;}

hr {display: none;}
.invisible {display: none;}
.accesible{display: none;}

li {padding-bottom:3px;}

/* LAYOUT  --------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

#marco_principal{width:760px;  margin: 0 auto 0 auto;  position:relative;} /*-------- pagina centrada --------*/ 
#saltar div {position:absolute;}

/* ------------------------ cabecera ------------------------ */

#cabecera { width:100%; margin: 0em;  background: #fff url(../img/bg_cabecera.jpg) top center repeat-x;}
	.logo_mma {float: left! important; margin:0; padding:0; height:6.7em; width:354px;}
	.logo_guadiana {float: right !important; margin:0; padding:0; height:6.7em; width:400px; text-align:right;}
/* ------------------------ barra navegacion ------------------------  */	
#barra_navegacion { width:100%; position: relative; height:2.3em; margin:0; background-color: #5b8276;  }
	#navegacion {padding:0.3em 0 0 0.8em;}
		
/*--------------------------- menu 1nivel y buscador ------------------*/		
#menu_buscador{background-color:#4d6c64; height:25px; position: relative; width:100%;}
   	/*#menu{	float: left; width: 58em; overflow: hidden;border:1px solid yellow;}
		#menu_top { height: 2.5em; margin: 0em; padding: 0em; width: auto;}*/
		/*#menu_top ul {list-style-type: none; margin: 0.4em 0em 0em 0em; padding: 0em; text-align: left;}
		#menu_top ul li { color: #fff; display: inline; font-size: 1.1em; font-weight: bold; padding:0em 0.2em 0em 0.5em; }
		#menu_top ul li a {color: #fff; display: inline; font-size: 1.1em; font-weight: bold; }
		#menu_top ul li a:hover{ color: #fff; font-weight: bold; text-decoration:underline;}
		*/
	#buscador {float: right; background-color:#4d6c64; padding:0.2em 0.5em 0.2em 0;}	
		.buscador {border: 1px solid #e8c303; margin: 0; padding: 1px; background-color: #ffffff; font-size: 9px; color: #4d4d4d;}
		.boton_enviar {font-size: 1.2em; color:#fff; font-weight:bold;}
	
/*-----------------------------  fecha e imprimir  -------------------------------*/	
#fecha_imprimir {width:100%; height:3.0em; position: relative; margin:0; }
	#fecha_layout { color:#000; width:70%; float: left !important; padding: 0.5em 0 0 0.8em; font-size:1.2em; }
	#imprimir{float: right !important; background:#fff url(../img/imprimir.gif) center left no-repeat; padding: 1.0em 3em 0.5em 3em;}
	#imprimir a {color:#000;}
	#imprimir a:hover { color:#000; text-decoration:underline;}
		

/* ------------------------ pie ------------------------ */
#pie {height: 4.5em; width: 100%; float:left !important; position: relative; margin: 0; padding: 0em; color: #fff; background-color: #49675d;}
	
	#menuPie{width:100%; top: 0.7em; padding: 5px 0px 5px 0px; margin: 0; float:left;}
		#enlaces ul { list-style-type: none;	margin: 0.4em 0.5em 0em 0em; padding: 0em; text-align: left; }
		#enlaces ul li {color: #fff; display: inline; font-size: 1.0em;	font-weight: bold; padding:0em 2em 0em 2em;}
		#enlaces ul li a{ color: #fff; display: inline; font-size: 1.0em; font-weight: bold;}
		#enlaces ul li a:hover{ color: #fff; font-weight: bold; text-decoration:underline;}
	
	p.copy{ margin: 0; float:left; position: relative; padding:5px 5px 12px 5px;}
	
#banners_validacion{position:relative; margin: 0; padding: 0.5em 0.5em 2em 0.5em;}
	#iconos_validacion {float:left !important; padding:0.5em 0em 0em 0em;}


/* ------------------------ menú de la izquierda------------------------ */	
#titulo_padre {background-color:#415c55; color:#fff; width:167px; text-align:center; padding:0.5em; margin-bottom:0.5em; font-size:1.4em; font-weight:bold;}
#menu_left {float: left; position:relative; padding: 0 0 1em 0; width:181px; }

	

#menu_principal {margin: 0; padding: 0; list-style-type: none;}
#menu_principal ul {margin: 0; padding: 0; list-style-type: none; width: 181px;}
/* ------------------------ nivel 1 ------------------------ */
#menu_principal ul li {width:181px;}
#menu_principal ul li a {display: block; color: #fff; margin: 0; padding: 0.3em 0.3em 0.3em 0.8em; text-decoration:none;  font-weight: bold; font-size: 1.1em; background-color: #5b8276;   }
#menu_principal ul li a:hover {background-color: #a2afab; color: #fff; text-decoration: none;}
/* ------------------------ nivel 2 ------------------------ */
#menu_principal ul li ul li {width:181px;}
#menu_principal ul li ul li a {display: block; color: #49675d;  margin: 0; padding: 0.3em 0.3em 0.3em 1.7em; text-decoration: none; border-bottom: 1px solid #49675d; font-weight: normal; font-size: 1.1em; background:#d4e2de url(../img/bullet_menu_n3.jpg) 0.7em 0.8em no-repeat;}
#menu_principal ul li ul li a:hover {color: #49675d; text-decoration: none; background:#f6f6f6 url(../img/bullet_menu_n3.jpg) 0.7em 0.8em no-repeat;}
/* ------------------------ nivel 3 ------------------------ */
#menu_principal ul li ul li ul li {width:181px;}
#menu_principal ul li ul li ul li a { display: block; color: #49675d;  margin: 0; padding: 0.3em 0.3em 0.3em 2.7em; text-decoration: none; border-bottom: 1px solid #49675d; font-weight: normal; font-size: 1.1em; background:#fff url(../img/bullet_menu_n4.jpg) 1.4em 0.8em no-repeat;}
#menu_principal ul li ul li ul li a:hover {color: #415c55; text-decoration: underline; background:#fff url(../img/bullet_menu_n4.jpg) 1.4em 0.8em no-repeat; }
/* ------------------------ nivel 4 ------------------------ */
#menu_principal ul li ul li ul li ul li {width:181px;}
#menu_principal ul li ul li ul li ul li a { display: block; color: #49675d;  margin: 0; padding: 0.3em 0.3em 0.3em 3.0em; text-decoration: none; border-bottom: 1px solid #49675d; font-weight: normal; font-size: 1.1em; background:#f4f3f3 url(../img/bullet_menu_n5.gif) 2em 0.8em no-repeat;}
#menu_principal ul li ul li ul li ul li a:hover {color: #415c55; text-decoration: underline; background:#fff url(../img/bullet_menu_n5.gif) 2em 0.8em no-repeat;}

		
/* CONTENIDOS  --------------------------------------------------------------------------- */
	
/* ------------------------ CONTENIDOS DE LA IN------------------------ */
#columna_contenidos{ width:100%; height: 100%; position:relative; float: left !important; padding: 0em; padding: 0em 0 1em 0; }
	#bloque_columnas{ width:100%; height:100%; position:relative; float:left !important; }
		#columna_izq{ width:180px; height: 100%;  position: relative; float:left !important; padding: 1.0em; margin: 0; background-color:#f8f8f8; border:0.1em solid #e5e5e5;}
				#banners_left { width:100%; float:left !important; margin-bottom:0.2em}
		#columna_cen{ width:545px; min-height: 60em; height:auto !important; height: 100%;  position: relative; float: right !important; margin:0; padding: 0; color: #000; background-color:#f8f8f8; border:1px solid #e5e5e5;}
			#ruta {float: right !important; padding:5px 5px 10px 5px; font-size:1.0em;}
			#ruta a { color:#49675d; text-decoration: none; font-weight:normal;}
			#ruta a:hover{ color:#49675d; text-decoration: underline; font-weight:normal;}
			#foto_variable {padding-top:1em;}
			#contenidos{ width:525px; margin:7px; overflow: hidden;}
			
			
	
/* ------------------------ CONTENIDOS DE LA HOME  ------------------------ */
#home_columna_contenidos{width:100%; height: 100%; position:relative; float: left !important; padding: 0em; }
	#home_bloque_columnas{width:100%; height:100%; position:relative; float:left !important; }
	
		#home_columna_izq{ width:545px; height: 100%;  position: relative; float:left !important; padding: 0 0.8em 0 0; margin: 0;}
			/*#novedades { width:266px; min-height: 14.0em; overflow-y: auto; position: relative; float:left !important; padding:120px 0px 0px 0px; margin:0; background:#f8f8f8 url(../img/novedades.jpg) top center no-repeat; border:0.1em solid #e5e5e5;}*/
			#novedades {width:266px; min-height: 250px; height:auto !important; height:100%; position: relative; float:left !important; padding:0px; margin:0; background-color:#f8f8f8; border:0.1em solid #e5e5e5;}
			#novedades img {padding:0px 5px 0px 10px;}
			#destacamos {width:266px; height:260px; overflow-y:auto; position: relative; float:right !important; padding:50px 0px 0px 0px; margin: 0; background: #f8f8f8 url(../img/destacamos.jpg) top center no-repeat; border:0.1em solid #e5e5e5;}
			#destacamos .contenedor { padding:0; margin:0px 15px 10px 15px; display:block}	
			
			/*Secciones nuevas*/
			/*#eventos { width:266px; height:120px; overflow-y:auto; position: relative; float:left !important; padding:0px; margin-top:10px; background:#f8f8f8 url(../img/eventos.jpg) top center no-repeat; border:0.1em solid #e5e5e5;}
			#eventos div {padding:50px 5px 0px 10px; }
			#eventos td {  padding-left:15px; background: transparent url(../img/bullet_3.gif) 4px 5px no-repeat; font-size:1.2em;}
			#eventos a {color:red; font-weight:bold;}*/
			#eventos {width:266px; height:120px; overflow-y:auto; position: relative; float:left !important; padding:0px; margin-top:10px; background:#f8f8f8 url(../img/eventos.jpg) top center no-repeat; border:0.1em solid #e5e5e5;}
			#eventos div {padding:42px 5px 0px 10px;}
			/*#eventos td ,#eventos a{ color:red; padding-left:15px; background: transparent url(../img/bullet_3.gif) 4px 5px no-repeat; font-size:1.2em;}*/
			
			#biblioteca {width:266px; height:120px; overflow:hidden; position: relative; float:right !important; padding:0px; margin-top: 10px; background: #f8f8f8 url(../img/biblioteca_virtual.jpg) top center no-repeat; border:0.1em solid #e5e5e5;}
			#biblioteca img {padding:60px 5px 0px 10px;}
			
			.clear {clear: both;}
			#temas{ width:535px; padding:10px 0px 10px 10px; background-color:#f8f8f8; border:0.1em solid #e5e5e5; margin-top:1em;}
				.tabla_temas{ background-color:#f8f8f8; padding:1.0em;}
				.tabla_temas caption { color:#f8f8f8; padding:0px;}
				.tabla_temas th {color:#4d4d4d; background-color:#e9eaec; text-transform:capitalize; font-size:1.6em;font-weight:bold;}	
				.tabla_temas td {border-bottom:0.1em dotted #e5e5e5; color:#414141; }
				.tabla_temas a{color:#000;}
				.tabla_temas a:hover{color:#000;}
				.tabla_temas a:active{color:#000;}
				
			#banner_home{ width:535px; padding:10px 0px 10px 10px; background-color:#f8f8f8; border:0.1em solid #e5e5e5; margin-top:0px;}
			#banner_home caption{ padding:10px 0px 20px 10px; font-size:1.2em; color:#4d4d4d;}
			
		#home_columna_cen{width:200px; height:100%; height:auto !important;  position: relative; float: right !important; margin:0; padding:0 0 1em 0; background-color:#f8f8f8; border:0.1em solid #e5e5e5; }

			/*#intranet{width: 100%; height:10em; position: relative; float:left !important; background-color: #eef7ff; color:#49675d; 
				margin-top: 0.5em; background:#f8f8f8 url(../img/acceso_intranet.jpg) top center no-repeat; padding:3.5em 0 0.5em 0em;}*/
			#intranet {padding:40px 0px 0px 0px;}

				/*---------------ACCESO INTRANET------------------------*/
				.contenedor_form_intranet{padding:0.5em; vertical-align:top;}
				.form_intranet_titulo{}
				.form_intranet_botonera {padding: 3px 0 0 0; vertical-align: middle; text-align: center;}
				.form_intranet_contenido{vertical-align: top; padding: 0px 5px 10px 15px; text-align: left;}
				.form_intranet_campo td{padding: 2px; }
				.form_intranet_campo span{font-weight: bold;}
				.usuario_logado {font-weight:bold; padding:0.5em; color:#49675d;}
				.usuario_logado a, .usuario_logado a:visited, .usuario_logado a:link {font-weight:bold; padding:0.5em; color:#49675d;}
				.usuario_logado a:hover {font-weight:bold; padding:0.5em; text-decoration:underline; color:#49675d;}
					
				/*----------------- ACCESO PANEL DE CONTROL--------------*/	
				.acceso_panel_control { width:242px; height:139px; margin:0px 0px 0px 100px; background:transparent url(../img/acceso_panel_control.jpg) top left no-repeat;}	
				.acceso_panel_control { width:230px; height:120px; padding:35px 5px 5px 5px; }	
				
			/*#accesos_directos { width:100%; height: 100%; float:left !important; margin-top:5px;}*/
			#accesos_directos { width:100%; height: 100%; float:left !important; margin-top:5px; background:transparent url(../img/accesos.gif) 7px 0px no-repeat;}

        #enlaces_recomendados{ width:100%; float:left !important; background-color:#f8f8f8; border:0.1em solid #e5e5e5; margin-top:1.0em; margin-bottom:1em; padding:1em 0 0 0;}
				#enlaces_recomendados caption {font-size:1.2em; background-color:#e9eaec;}	


/* ------------------------ Contenidos Generales ------------------------ */	
#contenidos_general { text-align:justify; font-size:1.1em;}
#contenidos_general div { text-align:justify;}
#contenidos_general h3{font-size: 1.6em; font-weight: bold; margin:0 0 2em 0; padding: 1em 0 0.2em 0; color:#49675d; border-bottom: 1px dotted #49675d;}
#contenidos_general strong{color:#49675d;}
#contenidos_general address p{color:#49675d; text-align: center; font-style:normal; font-weight: normal;}

#contenidos_general p{padding-bottom: 1em; text-align: justify;}
/*#contenidos_general table{border-left: 1px solid #49675d; border-right: 1px solid #49675d; border-top: 1px solid #49675d; border-bottom: 3px solid #49675d;}*/
#contenidos_general caption{color:#49675d; background: #f8f8f8; padding: 1em 0 0.5em 0; text-align: left; font-weight: bold; font-size: 1.1em; border-bottom:0.1em solid #49675d;}
#contenidos_general summary{display: none; color:#49675d;}
#contenidos_general th{display: none; color:#49675d; background:#eef7ff; padding: 0.3em; font-weight: bold; border-bottom: 2px solid #49675d;}
/*#contenidos_general td{padding: 0.3em; text-align: left; border-top: 1px solid #fff; border-bottom: 1px dotted #bcbcbc;}*/
#contenidos_general td{padding: 3px 5px 3px 3px; border-top: 1px solid #fff; border-bottom: 1px dotted #bcbcbc; vertical-align:top;}
#contenidos_general a{color:#49675d;text-decoration: none; font-weight:bold;}
#contenidos_general a:hover{color:#000; text-decoration: none; font-weight:bold;}

/*------------------------ Mapa Web ------------------------ */
#mapa_web {width:100%; float: none; position:relative; padding: 0 2em 0 1em; font-size:1.1em; color:#415c55; }
	#mapa_web ol {margin: 0; padding: 0; list-style-type: none; }
	#mapa_web ul {list-style-type: none; padding: 0 2em 0 0em;}
	#mapa_web a {display: block; margin: 0; font-weight: bold; font-size: 1.1em; padding: 0.3em 2em 0.3em 1em; background-image: url(../img/bullet_menu_n2.jpg); background-repeat: no-repeat; background-position: 0em 0.8em;}
	#mapa_web a:hover {text-decoration: none;}
	/*------------- 3 nivel --------------------*/
	#mapa_web li li a {display: block; margin: 0; padding: 0.3em 0.2em 0.5em 3em; text-decoration: none; 
	font-weight: bold; font-size: 1.1em; background-image: url(../img/bullet_menu_n3.jpg); background-repeat: no-repeat; background-position: 2em 0.8em;}
	#mapa_web li li a:hover {text-decoration: none; background-image: url(../img/bullet_menu_n3.jpg); background-repeat: no-repeat; background-position: 2em 0.8em;}
	/*------------- 4 nivel --------------------*/
	#mapa_web li li li a {display: block; margin: 0; padding: 0.3em 0.2em 0.5em 3em; text-decoration: none; 
	font-weight: normal; font-size: 1.1em; background-image: url(../img/bullet_menu_n4.jpg); background-repeat: no-repeat; background-position: 2em 0.8em;}
	#mapa_web li li li a:hover {text-decoration: none; background-image: url(../img/bullet_menu_n4.jpg); background-repeat: no-repeat; background-position: 2em 0.8em;}
		/*------------- 5 nivel --------------------*/
	#mapa_web li li li li a {display: block; margin: 0; padding: 0.3em 0.2em 0.5em 3em; text-decoration: none; 
	font-weight: normal; font-size: 1.1em; background-image: url(../img/bullet_menu_n5.gif); background-repeat: no-repeat; background-position: 2em 0.8em;}
	#mapa_web li li li li a:hover {text-decoration: none; background-image: url(../img/bullet_menu_n5.gif); background-repeat: no-repeat; background-position: 2em 0.8em;}
	
			/*------------- 6 nivel --------------------*/
	#mapa_web li li li li li a {display: block; margin: 0; padding: 0.3em 0.2em 0.5em 3em; text-decoration: none; 
	font-weight: normal; font-size: 1.1em; background-image: url(../img/bullet_menu_n3.jpg); background-repeat: no-repeat; background-position: 2em 0.8em;}
	#mapa_web li li li li li a:hover {text-decoration: none; background-image: url(../img/bullet_menu_n3.jpg); background-repeat: no-repeat; background-position: 2em 0.8em;}
	

/*----------------------- Estilos para los contenido--------------------------------*/
.notas {border:1px solid #5b8276; background-color:#d4e2de; padding:10px;}

/*-- Ríos y arroyos--*/
.cabecera {font-size:0.8em; font-weight:bold;}
.decimal {font-size:0.8em; font-style: italic; font-weight:normal;}

.tabla_peqna{}
.tabla_peqna td {font-size:0.8em;}

/*--- Alineación---*/
.align_right {float:right;}
.align_center{ margin:0px auto 0px auto;}
.infraestructuras { padding-right:20px; float:right;}

/*-- FOTOTECA --*/
.fototeca {}
.fototeca caption { color:#f8f8f8;}
.fototeca td { vertical-align:top; border-bottom:1px dotted #f8f8f8;}
.fototeca a img {
	float:left; 
    padding:3px 3px 5px 3px; 
	background-color:#efefef; 
	border:1px solid #acacac; 
}
.coment_photo {
	border:1px solid #acacac !important; 
	padding:5px 5px 5px 5px; 
	text-align:center;
	font-style:italic;
	font-size:9px;
	background-color:#efefef; 
	width:150px !important;
}

/* Calendario de actividades de educacion ambiental*/	
.datos_basicos {text-align:left !important;}


/*-- BUSCADOR --*/
#buscador_header { background: url(../img/buscador.jpg) no-repeat; height: 54px; }
   .texto_resultado  { width:420px;  #padding-top:10px; padding-top:20px; margin:10px 3px 0px 70px; text-align:center; }
   .texto_resultado span { color:#000; }
.buscador_content td { text-align:justify; }   

/* --  INFORMACION METEREOLOGICA -- */
#informacion_meteorologica {width:100%; height:70px; text-align:center;}
#tiempo { width:235px; margin:0px 0px 15px 0px; background-color:#faf9dd; border:1px solid #e9e0dd;}	

/* -- Procedimientos -- */
.procedimientos{}
.procedimientos caption {background-color:#5b8276 !important; color:#fff !important; font-weight:bold !important; padding:6px !important;}
.header_proc {border-bottom:1px solid #49675d !important; font-weight:bold; color:#49675d !important;}
