@charset "utf-8";
/* CSS Document */
                          
/* ESTILOS */
html { height: 100%;}
body { background:#D7D7D7; font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#58595B; line-height: normal; padding: 0; margin: 0; height: 100%;}
h1 {}
.elementoOculto{visibility:hidden;display: none;}
a { color: #58595b; text-decoration: none; outline-color: -moz-use-text-color; outline-style: none; outline-width: 0pt;}
a:hover { color: #1281ac; text-decoration: none;}

.txt_izda { text-align: left;}
.txt_dcha { text-align: right;}
.txt_justif { text-align: justify;}

.float_izda { float: left;}
.float_dcha { float: right;}
.float_ctro { margin: 0 auto;}

.foto_izda { float: left; margin: 0 20px 10px 0;}
.foto_dcha { float: right; margin: 0 0 10px 20px;}

.negrita { font-weight: bold;}

.gris { color: #414141;}
.gris2 { color: #666666;}
.gris_claro { color: #bbbbbb;}
.blanco { color: #FFFFFF; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.negro { color: #000000;}
.azul { color: #3366ff;}
.azul2 { color: #488FAF;}
.azulEnlace{ margin:0; padding:0; text-align:left; font-size:1.2em; font-weight:lighter; color:#488FAF;}

.sinborde { border: none;}
.sinsubrrayar { text-decoration: none;}

.padding15dcha { padding: 0 15px 0 0;}
.padding5inf { padding: 0 0 5px 0;}
.padding10izda { padding: 0 0 0 10px;}
.padding10lateral { padding: 0 10px;}

.margin10inf { margin: 0 0 10px 0;}
.margin20inf { margin: 0 0 20px 0;}

.sangria_primera { text-indent: 10px;}

.texto_centrado { text-align: center;}

.grande { font-size: 15px;}

.porcentaje_embalse {text-align: justify;}


/* ---------------- MAQUETACIÓN --------------------------------------------------------------------------------------- */
#contenedorcentral { width: 95%; margin: 0 2%; height: 100%; padding: 0; background: #fff}

#cabecera { display: block; float:left; width:100%; height: 65px; background: url(../imagenes/fondo_cabecera.png) right 1px no-repeat;}
/*#cabecera { display: block; float:left; width:100%; height: 65px; background: url(../imagenes/fondo_cabecera.png) 428px 1px no-repeat #dee1e7;}*/

#logos_pq{ display: block; width: 100%; float: left; padding: 10px 0px 0px 0px; margin: 0 0 10px 0;}

#menu { width: 100%; float: left; height: 34px; background: url(../imagenes/fondo_menu.png) left top repeat-x; font-size: 13px;}
#menu ul { list-style: none; margin: 0; padding: 0; float: left; width: 24.95%;}
#menu ul .menu_activo { background: #69B8D9;}
#menu a { display: block; margin: 0; padding: 10px 0 10px 0; color: #000; text-decoration: none; color: #fff; text-align: center;}
#menu a:hover {  color: #fff; background: #69B8D9;}
#menu a.padre { display: block; background: #eeeeee; margin: 0; padding: 5px 0 5px 5px; color: #000; text-decoration: none; color: #000; text-align: left;}
#menu a.padre1 { display: block; background: #eeeeee; margin: 0; padding: 5px 0 5px 5px; color: #000; text-decoration: none; color: #000; text-align: left;}
#menu a.padre2 { display: block; background: #d7d7d7; margin: 0; padding: 5px 0 5px 5px; color: #000; text-decoration: none; color: #000; text-align: left;}
#menu a.menuactivo { background: #d7d7d7;}
#menu a.padre:hover {  color: #fff; background: #1D4165;}
#menu a.padre1:hover, #menu a.padre2:hover {  color: #fff; background: #1D4165;}
#menu li {position: relative;}
#menu ul ul { position: absolute; z-index: 500; width: 100%;}
#menu ul ul ul.right { position: absolute; top: 0; right: 100%; left:-100%}
#menu ul ul ul { position: absolute; top: 0; left: 100%;}

div#menu ul:hover { background: #69B8D9;}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul ul ul,
div#menu ul li:hover ul ul ul ul,
div#menu ul li:hover ul ul ul ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul,
div#menu ul ul ul ul li:hover ul,
div#menu ul ul ul ul ul li:hover ul
{display: block;}

#contenedor_cols { display: block; float: left; width: 100%; margin: 0 auto; padding: 0 0 20px 0; background: #fff;}

.col_izda { float: left; width: 72.9%; text-align: justify; }
.col_izda p{ font-size:1.1em; margin:0; padding: 0 15px 15px 0; text-align:justify;}
.col_izda p.p_foto{ font-size:1.1em; padding:5px; margin:0 15px 10px 0; float:left; text-align:left; border:1px solid #CCCCCC; background-color:#F9F9F9;}
.col_izda p.p_foto img{ margin-bottom:5px; border:1px solid #CCCCCC;}
.col_izda h1{ margin:0; padding: 0 0 10px 0; text-align:left; font-size:2em; font-weight:bolder; color:#488FAF;}
.col_izda h2{ margin:0; padding: 0 15px 15px 0; text-align:justify; font-size:1.5em; font-weight:bolder;}
.col_izda p.subtitulo{ margin:0; padding: 0 15px 15px 0; text-align:justify; font-size:1.5em; font-weight:bolder; color:#488FAF;}

.col_dcha { float: right; width: 27%; text-align: justify;}

.col_40 { float: left; width: 39.99%; text-align: justify;}
.col_50 { float: left; width: 49.99%; text-align: justify;}
.col_60 { float: left; width: 59.99%; text-align: justify;}
.col_noticias { background: url(../imagenes/fnd_noticias.gif) left top repeat-x;}
.col_destacado { background: url(../imagenes/fnd_destacado.gif) left top repeat-x;}
.col_accesosdirectos { background: url(../imagenes/fnd_accesosdirectos.gif) left top repeat-x; width: 100%; text-align: left; padding: 2px 0 0 0;}
.col_accesosdirectos ul{ list-style:none; margin:0; padding:0 0 0 10px; margin-top:0;}
.col_accesosdirectos li{ margin:0; padding:0;}

.col_noticias { background: url(../imagenes/fnd_noticias.gif) left top repeat-x; padding: 2px 10px 0 10px;}
.col_noticias ul{ list-style:none; margin: 10px 0 0 0; padding:0;}
.col_noticias li{ margin:0; padding:0;}
.col_noticias p{ font-size:1.1em; margin:0; padding:0; color:#565A5B; padding-bottom:5px; line-height: normal;}
.col_noticias h1, #destacado h1, #mas_visto h1{ margin:0; padding-left:13px; text-align:left; font-size:1.3em; font-weight:lighter; color:#fff; line-height:23px; font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";}
.col_noticias h2{ margin:0; padding:0; text-align:left; font-size:1.2em; font-weight:lighter; color:#488FAF;}
.col_noticias h3{ margin:0; padding:0; text-align:left; font-size:1.8em; font-weight:bolder; color:#565A5B;}
.col_noticias li.fecha_noticia{ margin: 0 0 5px 0;}
.col_noticias li.contenido_noticia{ margin: 0 0 15px 70px;}
 
table.tabla_noticias { border: none; margin: 10px 0 0 0;}
table.tabla_noticias tr { border: none;}
table.tabla_noticias td { border: none; vertical-align: top; padding: 0 0 5px 0;}
table.tabla_noticias tr:nth-child(even) { background: #ffffff }
table.tabla_noticias tr:nth-child(odd) { background: #ffffff }

.listado_noticias { padding: 0;}
.listado_noticias ul{ list-style:none; margin: 10px 0 0 0; padding:0;}
.listado_noticias li{ display: block; float: left; margin:0 0 10px 0; padding:0; width: 100%}
.fecha_noticas { display: block; float: left; width: 100%; margin: 0 0 5px 0; color: #488FAF;font-size:1.1em;}
.foto_noticas { display: block; float: left; width: 75px;}
.contenido_noticas {  display: block; float: left; width: 85%;font-size:1.1em;}

.col_destacado { background: url(../imagenes/fnd_destacado.gif) left top repeat-x; padding: 2px 10px 0 10px; margin: 0 0 20px 0;}
.col_destacado ul{ list-style:none; margin: 10px 0 0 0; padding:0; text-align:left;}
.col_destacado li{ margin:0; padding:0 0 0 25px; background: url(../imagenes/destacados.png) left top no-repeat; padding-bottom:8px; clear:both;}
.col_destacado img{ margin:0; padding:0; float:left; margin-right:5px; margin-bottom:5px;}
.col_destacado h2{ margin:0; padding:0; text-align:left; font-size:1.2em; font-weight:lighter; color:#488FAF;}
.col_destacado h3{ margin:0; padding:0; text-align:left; font-size:1.2em; font-weight:bolder; color:#565A5B; line-height: normal;}

.col_notasprensa { background: url(../imagenes/fnd_destacado.gif) left top repeat-x; padding: 2px 10px 0 10px; margin: 0 0 20px 0;}
.col_notasprensa ul{ list-style:none; margin: 10px 0 0 0; padding:0; text-align:left;}
.col_notasprensa li{ margin:0; padding:0; padding-bottom:8px; clear:both;}
.col_notasprensa img{ margin:0; padding:0; float:left; margin-right:5px; margin-bottom:5px;}
.col_notasprensa h2{ margin:0; padding:0; text-align:left; font-size:1.2em; font-weight:lighter; color:#488FAF;}
.col_notasprensa h3{ margin:0; padding:0; text-align:left; font-size:1.2em; font-weight:bolder; color:#565A5B; line-height: normal;}

.col_masvisto { background: url(../imagenes/fnd_masvisto.gif) left top repeat-x; padding: 2px 10px 0 10px;}
.col_masvisto ul{ list-style:none; margin: 15px 0 0 20px; padding:0; font-size:1.4em; font-weight:bolder; list-style-image:url(../imagenes/lista.gif);}
.col_masvisto li{ margin:0; padding:0; padding-bottom:10px;}

/*#banner_principal{ width: 98.5%; height: 245px; margin: 10px 0 0 0; padding-top:0; float: left; z-index: 35; border-top: 1px solid #b4b4b4;}*/
#banner_principal{ width: 98.5%; height: 245px; margin: 10px 0 0 0; padding: 10px 0; float: left; z-index: 35; border-top: 1px solid #b4b4b4;}

#iconos_inferiores{ margin:0; padding:0; width: 100%; height: 110px; float: left; background: #fff; z-index: 50; font-size:1.2em; text-align:center;}
#iconos_inferiores ul{ list-style:none; margin: 15px 0 0 0; padding:5px; height: 80px; border: 1px solid #b4b4b4; text-align:center;}
#iconos_inferiores li{ margin: 0 3.3%; padding:0; display: inline;}

#ruta{ width: 100%; float: left; height: 45px; height: 20px; margin: 10px 0 5px 0; text-align:left; z-index: 20; border:1px solid #81AEC5; background-color:#F0F5F9; font-size:1.2em;}
#ruta ul{ padding: 0 0 0 10px; margin: 0;}
#ruta ul li{ display:block; float:left; height:100%; font-weight:lighter; color:#81AEC5; line-height:20px;}
#ruta ul li a{ color:#81AEC5; display:block; text-decoration:none;}
#ruta ul li a:hover{ color: #58595B;}

#volver{ margin:0 0 5px 0; padding:0; width: 100%; height: 20px; float: left; text-align:right; z-index: 41; font-size:1.2em;}

#zona_derecha_interior { background: url(../imagenes/fnd_accesosdirectos.gif) left top repeat-x; width: 100%; padding: 3px 0 0 0;}
#zona_derecha_interior h1{ margin:0; padding: 0 0 0 8px; font-weight:lighter; color:#fff; line-height:24px; text-align:left;}
#zona_derecha_interior ul{ list-style:none; margin:0; padding:0; margin: 15px 0 0 10px; font-size:1.1em; font-weight:lighter;}
#zona_derecha_interior li{ margin: 0 0 5px 0; padding: 0 10px 5px 0; border-bottom:1px solid #fff;}

#pie { display: block; float: left; background: #fff; width: 100%; margin: 20px auto 0 auto; padding: 5px 0 0 0; line-height: 120%;}
#pie_izda { display: block; float: left; width: 50%; float: left;}
#pie_izda ul{ width:100%; padding: 0; margin: 0; padding-left:15px; padding-top:7px;}
#pie_izda ul li{ display:block; float:left; height:100%; font-weight:lighter; color:#B4B4B6;}
#pie_izda ul li a{ color:#B4B4B6; display:block; text-decoration:none;}
#pie_izda ul li a:hover{ color: #58595B;}
#pie_izda p.copyright{ padding: 0; margin: 0; padding-left:15px; padding-top:7px; clear:both; color: #b4b4b6;}
#pie p.accesibilidad{ padding: 0; padding-right:10px; margin: 0; float:right;}
#pie_dcha { display: block; width: 49%; float: right; text-align: right;}

#accesos_top { width: 100%; float: left; height: 45px; background: url(../imagenes/fondo_cuerpo.png) left top repeat-x;}
#accesos_top ul{ list-style: none; margin: 0; padding: 0; float: left; padding: 9px 0 0 11px;}
#accesos_top ul li{ display:block; float:left; height:35px; line-height:35px;}
#accesos_top ul li a{ display:block; line-height:35px; text-decoration:none;}

#buscador{ display: block; float: right; margin: 0; padding: 14px 15px 0 0; height: 26px; width: 350px; text-align: right;}
input.formulario, textarea.formulario, select.formulario { font-size: 1.1em; font-weight: normal; color:#999999; background-color: #FFFFFF; border: 1px solid #CCCCCC; padding:3px;}
.boton-form { font-size: 1.1em; font-weight: normal; color:#fff; padding:3px; border: 1px solid #1281AC; background-color:#1281AC; border:0;}


.contenido ul{ list-style: none; margin: -10px 0 0 20px; padding:0; font-weight:bold; }
.contenido li{ margin:0; padding:0; padding-bottom:10px;}

/* ------------------------------------ Estilos de las simulaciones de tablas  ------------------------------------ */

/*Olvida la distribucion de bloques existentes hasta este momento e inicia nueva linea*/
.nuevaLinea{ clear : both;}

.seemTable{ padding: 5px 0px; width: 100%; clear : both;}
.seemTr{ padding:5px 0px 0px 0px;  width: 100%; clear : both;}

/* Elemento que simula un td del 1% alineado a la izquierda... */
.seemTd1AlignIzq{ width : 1%; float : left; color: inherit; background: inherit;}
/* Elemento que simula un td del 99% alineado a la izquierda... */
.seemTd99AlignIzq{ width : 99%; float : left; color: inherit; background: inherit;}
/* Elemento que simula un td del 2% alineado a la izquierda... */
.seemTd2AlignIzq{ width : 2%; float : left; color: inherit; background: inherit;}
/* Elemento que simula un td del 98% alineado a la izquierda... */
.seemTd98AlignIzq{ width : 98%; float : left; color: inherit; background: inherit;}

/* Elemento que simula un td alineado a la izquierda... */
.seemTdAlignIzq{ float : left; color: inherit; background: inherit;}
/* Elemento que simula un td del 5% alineado a la izquierda... */
.seemTd5AlignIzq{ width : 5%; float : left; color: inherit; background: inherit;}
/* Elemento que simula un td del 95% alineado a la izquierda... */
.seemTd95AlignIzq{ width : 95%; float : left; color: inherit; background: inherit;}
/* Elemento que simula un td del 10% alineado a la izquierda... */
.seemTd10AlignIzq{ width : 10%; float : left; color: inherit; background: inherit;}
/* Elemento que simula un td del 90% alineado a la izquierda... */
.seemTd90AlignIzq{ width : 90%; float : left; color: inherit; background: inherit;}
/* Elemento que simula un td del 15% alineado a la izquierda... */
.seemTd15AlignIzq{ width : 15%; float : left; color: inherit; background: inherit;}
/* Elemento que simula un td del 85% alineado a la izquierda... */
.seemTd85AlignIzq{ width : 85%; float : left; color: inherit; background: inherit;}
/* Elemento que simula un td del 20% alineado a la izquierda... */
.seemTd20AlignIzq{ width : 20%; float : left; color: inherit; background: inherit;}
/* Elemento que simula un td del 80% alineado a la izquierda... */
.seemTd80AlignIzq{ width: 80%; float: left; color: inherit; background: inherit;}
/* Elemento que simula un td del 25% alineado a la izquierda... */
.seemTd25AlignIzq{ width : 25%; float : left; color: inherit; background: inherit;}
/* Elemento que simula un td del 75% alineado a la izquierda... */
.seemTd75AlignIzq{ width: 75%; float: left; color: inherit; background: inherit;}
/* Elemento que simula un td del 30% alineado a la izquierda... */
.seemTd30AlignIzq{ width : 30%; float : left; color: inherit; background: inherit;}
/* Elemento que simula un td del 70% alineado a la izquierda... */
.seemTd70AlignIzq{ width: 70%; float: left; color: inherit; background: inherit;}
/* Elemento que simula un td del 33% alineado a la izquierda... */
.seemTd33AlignIzq{ width : 33%; float : left; color: inherit; background: inherit;}
/* Elemento que simula un td del 40% alineado a la izquierda... */
.seemTd40AlignIzq{ width : 40%; float : left; color: inherit; background: inherit;}
/* Elemento que simula un td del 60% alineado a la izquierda... */
.seemTd60AlignIzq{ width: 60%; float: left; color: inherit; background: inherit;}
/* Elemento que simula un td del 50% alineado a la izquierda... */
.seemTd50AlignIzq{ width : 50%; float : left; color: inherit; background: inherit;}

/* Elemento que simula un td del 1% alineado a la derecha... */
.seemTd1AlignDch{ width : 1%; float : right; color: inherit; background: inherit;}
/* Elemento que simula un td del 99% alineado a la derecha... */
.seemTd99AlignDch{ width : 99%; float : right; color: inherit; background: inherit;}
/* Elemento que simula un td del 2% alineado a la izquierda... */
.seemTd2AlignDch{ width : 2%; float : right; color: inherit; background: inherit;}
/* Elemento que simula un td del 98% alineado a la izquierda... */
.seemTd98AlignDch{ width : 98%; float : right; color: inherit; background: inherit;}

/* Elemento que simula un td alineado a la derecha... */
.seemTdAlignDch{ float: right; color: inherit; background: inherit;}
/* Elemento que simula un td del 5% alineado a la derecha... */
.seemTd5AlignDch{ width : 5%; float : right; color: inherit; background: inherit;}
/* Elemento que simula un td del 95% alineado a la derecha... */
.seemTd95AlignDch{ width : 95%; float : right; color: inherit; background: inherit;}
/* Elemento que simula un td del 10% alineado a la derecha... */
.seemTd10AlignDch{ width : 10%; float : right; color: inherit; background: inherit;}
/* Elemento que simula un td del 90% alineado a la derecha... */
.seemTd90AlignDch{ width : 90%; float : right; color: inherit; background: inherit;}
/* Elemento que simula un td del 15% alineado a la derecha... */
.seemTd15AlignDch{ width : 15%; float : right; color: inherit; background: inherit;}
/* Elemento que simula un td del 85% alineado a la derecha... */
.seemTd85AlignDch{ width : 85%; float : right; color: inherit; background: inherit;}
/* Elemento que simula un td del 20% alineado a la derecha... */
.seemTd20AlignDch{ width : 20%; float : right; color: inherit; background: inherit;}
/* Elemento que simula un td del 80% alineado a la derecha... */
.seemTd80AlignDch{ width: 80%; float: right; color: inherit; background: inherit;}
/* Elemento que simula un td del 25% alineado a la derecha... */
.seemTd25AlignDch{ width : 25%; float : right; color: inherit; background: inherit;}
/* Elemento que simula un td del 75% alineado a la derecha... */
.seemTd75AlignDch{ width: 75%; float: right; color: inherit; background: inherit;}
/* Elemento que simula un td del 30% alineado a la derecha... */
.seemTd30AlignDch{ width : 30%; float : right; color: inherit; background: inherit;}
/* Elemento que simula un td del 70% alineado a la derecha... */
.seemTd70AlignDch{ width: 70%; float: right; color: inherit; background: inherit;}
/* Elemento que simula un td del 33% alineado a la derecha... */
.seemTd33AlignDch{ width : 33%; float : right; color: inherit; background: inherit;}
/* Elemento que simula un td del 40% alineado a la derecha... */
.seemTd40AlignDch{ width : 40%; float : right; color: inherit; background: inherit;}
/* Elemento que simula un td del 60% alineado a la derecha... */
.seemTd60AlignDch{ width: 60%; float: right; color: inherit; background: inherit;}
/* Elemento que simula un td del 50% alineado a la derecha... */
.seemTd50AlignDch{ width : 50%; float : right;color: inherit; background: inherit;}
/* ------------------------------------ Fin estilos de las simulaciones de tablas  ------------------------------------ */

/* Elemento que simula el borde gris de una celda*/
.bordeTabla1Solido{ border-top: 1px solid #8D8D8D;  border-right: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; border-left: 1px solid #8D8D8D;}

/* Elemento ancho 5% */
.ancho5 { width: 5%;}
/* Elemento ancho 10% */
.ancho10 { width: 10%;}
/* Elemento ancho 20% */
.ancho20 { width: 20%;}
/* Elemento ancho 25% */
.ancho25 { width: 25%;}
/* Elemento ancho 30% */
.ancho30 { width: 30%;}
/* Elemento ancho 33% */
.ancho33 { width: 33%;}
/* Elemento ancho 40% */
.ancho40 { width: 40%;}
/* Elemento ancho 50% */
.ancho50 { width: 50%;}
/* Elemento ancho 60% */
.ancho60 { width: 60%;}
/* Elemento ancho 70% */
.ancho70 { width: 70%;}
/* Elemento ancho 75% */
.ancho75 { width: 75%;}
/* Elemento ancho 80% */
.ancho80 { width: 80%;}
/* Elemento ancho 90% */
.ancho90 { width: 90%;}
/* Elemento ancho 100% */
.ancho100 { width: 100%;}

.descarga { background: url(../imagenes/descarga.png) left top no-repeat; padding: 5px 0 5px 35px; margin: 5px 0; color:green}
 
.padding10sup { padding: 10px 0 0 0;}

.tituloBusqueda { margin:0; padding: 0 0 5px 0; text-align:left; font-size:1.4em; font-weight:bolder; color:#488FAF; }

/* Elementos para el mapa de la Cuenca del Ebro */
.col_rios_cuenca { float: left; width: 77%; text-align: center;}
#rios_cuenca { width: 21%; margin: 0 10px 0 0; float: left; text-align:left;}
#rios_cuenca ul{ padding: 10px; margin: 0 0 10px 0; list-style:none; border:1px solid #ccc;}
#rios_cuenca ul li{ margin: 0; padding: 0 0 5px 0;}
#rios_cuenca ul li a{ color:#81AEC5; text-decoration:none;}
#rios_cuenca ul li a:hover{ color: #58595B;}


/* Elementos para el mapa de la Cuenca del Ebro */
.col_rios_cuenca2 { float: left; width: 90%; text-align: center;}
#rios_cuenca2 { width: 100%; margin: 0 10px 0 0; float: left; text-align:left; overflow: auto;}
#rios_cuenca2 ul{ padding: 10px; margin: 0 0 10px 0; list-style:none; border:1px solid #ccc;}
#rios_cuenca2 ul li{ margin: 0; padding: 0 0 5px 0;}
#rios_cuenca2 ul li a{ color:#81AEC5; text-decoration:none;}
#rios_cuenca2 ul li a:hover{ color: #58595B;}