@charset "utf-8";
/* CSS Document */
img {
	max-width:100%;
	height:auto;
}
#video {
	position:relative;
	padding: 0 0 72.79% 0;
	overflow:hidden;
}
#video iframe, #video object, #video embed, #video video {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
}
.fondoGrisContVideo #video {
	/*padding: 0 0 49.67% 0;*/
	padding: 0 0 56.2% 0;
}
.imagenEntrada#video {
	padding: 0 0 29.17% 0;
}
/* BORRAR, sólo para prueba */
.imagenEntrada#video iframe, .imagenEntrada#video object, .imagenEntrada#video embed, .imagenEntrada#video video {
  top: -25%;
  height: 194%;
}
/**/
.empujeSubMenu { width: 100%; float: left; padding: 15%; }
/**/
@media screen and (max-width: 1730px) {	
	.empujeSubMenu { padding: 20%; }
}
@media screen and (max-width: 1450px) {	
	.empujeSubMenu { width: 100%; float: left; padding: 25%; }
	.imagenes {	padding: 0 0 22% 0; }
}
@media screen and (max-width: 1210px) {	
	body.home .subMenu .dosColumnas li img { margin: 4.5% 0 70% 0; }
	body.home .subMenu .dosColumnas { background-position: 0% 15.2%; }
}
@media screen and (max-width: 1280px) {	
	.anchoCompleto .subMenu .dosColumnas li img { padding: 0.6% 0.6% 70.5% 0.6%; }
	.empujeSubMenu { padding: 25%; }
	.imagenes {	padding: 0 0 24% 0; }
	.subMenu .segundoNivel.dosColumnas.dos li { margin: 0 0 0 10%; }
	.subMenu h1 { padding-right: 16%; }
	.tresColumnas.cuatro .imagenCircularTexto  a p { font-size: 165%; line-height: 100%; }
	.tresColumnas.dos article { margin: 0 11% 0 13%; }
}
@media screen and (max-width: 1110px) {	
	.empujeSubMenu { padding: 30%; }
	.tabla, .buscar_embalse .tabla { max-width: 93%; }
}
@media screen and (max-width: 1024px) {
	/**/
	.empujeSubMenu { display:none; }
	/**/
	body.home .fondoAzul { padding: 108px 0 0 0; }
	body.home .subMenu { margin: -70px auto 0 auto; }	
	/**/
	header nav ul li a { padding: 2.5% 0 31% 0; }
	/**/
	.subMenu ul li { width: 33%; }
	.subMenu ul li img { margin: 4.4% 0 65% 0; }
	/**/
	body.segundoNivel .fondoAzul.titulares { padding: 50px 0 160px 0; }
	body.segundoNivel .menuCirculos { margin: -110px auto 0 auto!important; }
	/**/
	.fondoAzul.titulares.fichaSuperior { padding: 50px 0 130px 0; }
	body.tercerNivel .menuCirculos.anchoCompleto { margin: -90px auto 0 auto!important; }
	/**/
	.fichaSuperior .imagenCircular img { margin: 2.5% 0 25.3% -13%; }
	/**/
	.buscar_embalse .mapa { width: 80%; height: auto; padding: 93% 0 0 0; }
	.buscar_embalse .columnaDcha { width: 39.8%; }
	/**/
	/* una columna */
	.subMenu  .unaColumna li { width:142px; margin:auto; float:none; }
	.subMenu  .unaColumna li a { }
	.subMenu  .unaColumna li img { margin: 4%; }
	.subMenu .unaColumna li p { background-size: 82.7% auto; padding: 96% 0 0 0; }
	/**/
	.subMenu .tresColumnas { padding: 0; background-position: center 30%; }
	.subMenu .tresColumnas li { margin: 0 0 3.4% 0 ; }
	/**/
	.subMenu .segundoNivel.dosColumnas.dos li { margin: 0 0 0 9%; }
	/**/
	.subMenu h1 { padding-right: 0%; }
	.tresColumnas.dos article { margin: 0 0% 0 15%; }
	
	
	
	
	header nav ul li { margin: 0 0.75% 0.8% 0 ; width: 13.65%; }
	/**/
	footer h3 { /*font-size:200%;*/ }
	footer a { /*font-size:180%;*/ }
	footer nav ul li.primerNivel a { /*font-size:220%;*/ }
	/**/
	.fichaSuperior p { /*font-size: 260%;*/ }
	/**/
	body.home header. logotipo { width:230px; }
	/**/
	body.home .subMenu .dosColumnas { background-position: 0% 12.5%; }
	/**/
	.oculta { padding: 7.5% 0 0 9px; }
	/**/
	/*body.home .subMenu .dosColumnas li img { margin: 4.5% 0 47% 0; }*/
	/**/
	.texto { position:static; /*font-size: 105%;*/ clear: both; width: 85%; padding: 5% 0 0 0; }
	/**/
	/*.contMapaCaracteristicas {   position: static; width: 80%; margin: auto; }*/
	.mapaCaracteristicas { width: 57.2%; margin: 24.6% 6% 0 0; }
	
}
/* MAPA y CIRCULO */
@media screen and (max-width: 850px) {
	.contMapaCaracteristicas { position: static; }
	.mapaCaracteristicas { max-width: 580px; margin: auto; float: none; clear: both; width: 100%; min-height: 140px; background-position: center bottom; background-image: url(../imagenes/lineas/linea_gris-centrada2.gif);}
    .fichaSuperior nav.iconos { position:static; }
	.fichaSuperior .columnaDcha { padding-top: 0%; }
	.tresColumnas.cuatro .imagenCircularTexto  a p { font-size: 165%; line-height: 100%; }
}
/*
 TABLET
*/
@media screen and (max-width: 768px) {
	/**/
	body.home .fondoAzul .contBuscarEmbalseHome { top: 10px; }
	body.home .fondoAzul .buscarEmbalse a { width: 40px; height: 40px; }
	body.home .subMenu .dosColumnas li img { margin: 4.5% 0 47% 0; }
	/**/
	footer nav ul { padding: 2.9% 6.4% 0 6.4%; }
	/**/
	nav.idioma ul { width: 82px; }
	nav.idioma ul li a:hover { color:#fff!important; }
	/**/
	.datosRelevantes p { font-size: 130%; }
	.fondoAzul.claro.tresColumnas article {	min-height: 300px; }
	/**/
	body.segundoNivel .fondoAzul.titulares { padding: 50px 0 80px 0; }
	body.segundoNivel .menuCirculos { margin: 0 auto 0 auto!important; }
	body.segundoNivel .imagenCircularTexto a p { font-size: 270%; }
	body.segundoNivel .menuCirculos p { font-size: 200%; }
	/**/
	.fichaSuperior nav.iconos ul { width: 100%; }
	/**/
	.fichaSuperior .imagenCircular img { margin: 2.5% 0 4% -13%; }
	/**/
	.formulario .titulo { width: 35%; }
	.formulario select { width: 65%; }
	.formulario .btnCont { padding: 60px 0 0 10%; }
	.buscar_embalse .tabla table nav.iconos { right: -25%; bottom: -258%; width: 140%; }
	/**/
	.tresColumnas.cuatro .imagenCircularTexto a p { font-size: 270%; line-height: 180%;}
	.tresColumnas.cuatro article { width: 100%; margin: 5% auto 0 auto;}
	.tresColumnas.dos article { margin: 5% auto 0 auto; }
	
	
	
	
	


	body { font-size:9px; }
	p { /*font-size:250%;*/ }
	/**/
	header .logotipo { width:140px; }
	header h2 { line-height: normal; }
	header nav ul li { margin: 0 0.2% 0.2% 0 ; width: 14.2%;; }
	header nav ul li a { font-size: 120%; padding: 0 0 33.5% 0; }
	/*nav.rastro ul li { font-size: 160%; }*/
	/**/
	.tresColumnas article, .tresColumnas li { float: none; max-width: 406px; width:100%; margin: 5% auto 0 auto; clear:both;}
	/**/
	.menuCirculos { margin:0; }
	.fondoAzul.titulares { padding: 3.2% 0 15.25% 0; margin: 0 auto 0 auto; }
	.imagenCircularTexto { width: 100%; }
	/*.imagenCircularTexto a p { background-image: url(../imagenes/circulo_imagen-con-texto_responsive_off.png); font-size: 400%;}
	.imagenCircularTexto a:hover p { background-image: url(../imagenes/circulo_imagen-con-texto_responsive_on.png);}*/
	.imagenCircularTexto a img { width: 93%; }
	/**/
	nav.iconos { padding: 0 0 0 7.2%; }
	nav.iconos ul li { margin: 0 9% 11% 0; clear: none; }
	/**/
	.tabla { /*max-width: 84.60%;*/ }
	table td.primera { background-position: -2% bottom; }
	table tr.titular.recuento td.cifra { background-position: 119% bottom; }
	table nav.iconos { width: 110%;   bottom: -120%; right: -12%; }
	/**/
	/*footer { text-align:center; }*/
	footer nav, footer hgroup { max-width:640px; margin:auto; }
	footer hgroup { padding: 0 6.4% 0 6.4%; }
	footer nav ul.uno, footer nav ul.dos, footer nav ul.tres, footer nav ul.cuatro, footer nav ul.cinco, footer nav ul.seis { width:40%; margin:0 3% 0 3%; }
	footer h3 { /*font-size:240%;*/ padding:3% 0 3% 0; }
	footer a { /*font-size:210%;*/ }
	footer nav ul li.primerNivel a { /*font-size:230%;*/ }
	/**/
	footer ul.izqa li a, footer ul.dcha li a { /*font-size:180%;*/	}
	footer .pieDos p { left: 37%; /*font-size: 180%;*/ top: 20%; }
	footer .pieDos.tres ul.izqa li a, footer .pieDos.tres ul.dcha li a { /*font-size:160%;*/ }
	/**/
	/*.posterVideo .titular { margin: 17% auto 0 auto; }*/
	/**/
	/**/
	.subMenu ul li img { margin: 4.4% 0 55% 0; }
	.subMenu ul li p { padding: 100% 0 0 0; /*font-size:180%;*/}
	.subMenu .segundoNivel li p { /*font-size:170%;*/ }
	.subMenu .tresColumnas li { clear: none; }
	.subMenu .segundoNivel.dosColumnas li { margin: 0 1% 0 9%; }
	/**/
	.fondoAzul.tresColumnas article { float: left; max-width: 33.3%; margin: 0; clear: none; }
	article.sabias p { /*font-size: 240%;*/ }
	.fondoAzul.tresColumnas article { min-height: 300px; }
	/**/
	 nav.iconos { padding: 1.7% 0 9% 6.7%!important; }
	/**/
	.fondoGrisContVideo .posterVideo .titular { margin: 19% auto 0 auto; }
	.fondoGrisContVideo { margin: 12.6% 0 0 0; }
	/**/
	.imagenes .imagenesContenedor .cincoMiniaturas img { border: solid 6px #fff; }
	.imagenes .imagenesContenedor .cincoMiniaturas a:hover img { border: solid 6px #0087cf; }
	/**/
	/**/
	body.home header. logotipo { width:200px; }
	/**/
	body.home .fondoAzul { padding: 0; height: 59px;}
	body.home .multimedia .fondoAzul { height:auto; }
	body.home .fondoAzul .buscarEmbalse { position: static; float: none; margin: 0 auto 0 auto; width: 61px; }
	/**/
	body.home .subMenu { margin: 12% auto 0 auto; }
	body.home .subMenu .cuatroColumnas {padding: 0 0 0 2%; }
	body.home .subMenu .cuatroColumnas li { margin: 0 3% 0 0%; width: 22%; }
	body.home .subMenu ul p.descripcion { /*font-size: 230%;*/ padding: 0 0 50% 0%; text-align: center; }
	/**/
	body.home .subMenu .dosColumnas { width: 91.5%; padding: 0; margin: 0 4.2% 0 4.2%;  background-position: 0% 16.9%;}
	body.home .subMenu .dosColumnas li { margin: 0 5.3% 0 15%; }
	/*body.home .subMenu .dosColumnas p.descripcion { padding:0; }*/
	/**/
	body.home .multimedia .columnaCentral { position: absolute; width: 60%; top: 105%; left: 20%; }
	body.home .multimedia .columnaIzqa { width: 40%; margin: 0; }
	body.home .multimedia .columnaDcha { width: 55%; margin: 0 0 0 0; }
	.empujeHome { padding: 18%; float: left; }
	body.home .multimedia nav.iconos {   width: 88%; padding: 3% 0 1.2% 0;   max-width: 406px; }
	/**/
	.buscador a { padding: 0 0 100% 0; background-size: 80% auto; background-position: 43% 100%; }
	/**/
	.oculta { padding: 13% 0 0 9px; }
	/**/
	.contMapaCaracteristicas { width: 95%; }
}
@media screen and (max-width: 710px) {
	body.home .subMenu .dosColumnas li img { margin: 4.5% 0 70% 0; }
}

/*
 MOVIL
*/
@media screen and (max-width: 600px) {
	/**/
	nav.idioma { height:0; position:relative; }
	nav.idioma ul { display: block; position: absolute; top: 35px;}
	nav.idioma ul li { float: left; border-bottom: none; }
	nav.idioma ul li a, nav.idioma ul li a:hover { height: auto; line-height: normal; color:#81C3E6; background-color:transparent; }
	nav.idioma ul li a.activo {color:#fff;}
	/**/
	body.home nav.idioma ul { top:-19px;}
	body.home nav.idioma ul li a.activo, nav.idioma ul li a:hover { /*color: #848484;*/}
	body.home nav.idioma ul li a {color:#0087cf;}
	/*body.home nav.idioma ul li {color:#fff;}*/
	body.home .subMenu ul li a p {background-image: url(../imagenes/circulos/circulo_imagen-sin-texto_blanco_off_responsive.png); }
	body.home .subMenu ul li a:hover p {background-image: url(../imagenes/circulos/circulo_imagen-sin-texto_blanco_on_responsive.png); }
	/*body.segundoNivel nav.iconos { padding: 6.5% 0 0 9%; }*/
	/**/
	footer nav ul { padding: 0% 6.4% 0 6.4%; }
	/**/
	header nav ul li a:hover, .activo { background-image: none; }
	/**/
	.subMenu .dosColumnas li { margin: 0 1% 0 9%; }
	/**/
	.datosRelevantes, .sabias { width: 100%!important; }
	/**/
	body.segundoNivel .fondoAzul.titulares,
	.fondoAzul.titulares.fichaSuperior { padding: 20px 0 20px 0; }
	/**/
	.fondoGrisContVideo { margin: 4.6% 0 0 0; }
	/**/
	.imagenes { padding: 0 0 24% 0; }
	/**/
	/**/
	.buscar_embalse .columnaIzqa { width: 100%; margin: 40px 0 40px 0; }
	.buscar_embalse .columnaDcha { width: 80%; float:none; margin:auto; }
	.buscar_embalse .formulario { margin: 0;}
	.buscar_embalse h1 { padding: 0 0 12% 0; padding: 0 0 7% 0; }
	.formulario .titulo, .formulario select { width: 100%; padding:0; margin: 0 0 15px 0; }
	.formulario .btnCont { padding: 30px 0 0 0; width: 100%; }
	/**/
	.tabla, .buscar_embalse .tabla { max-width:90%;}
	.buscar_embalse .tabla table nav.iconos { right: 8%; bottom: -170%; width: 120%; }
	/**/
	.pie { padding-bottom: 40px; }
	footer .pieDos p { position: absolute!important; top: 180%; left: 22%; }
	/**/
	.subMenu .tresColumnas li { width:33.3%; }
	
	
	
	
	
	
	
	header .logotipo { width:120px; }
	header h2 { /*font-size:350%;*/ }
	header nav { margin: 15px 0 0 0; height: 59px; position: relative; }
	header .iconoMenu { display:block; }
	header nav ul {display: none; padding-left: 0%; width:50%; position: absolute; z-index: 5; right: 0; top:60px; }
	header nav ul li { float: none; border-bottom: solid 10px #a9cae2; margin:0; width:100%; }
	header nav ul li a { font-size:190%; padding: 0 ; margin:auto; height:50px; line-height:50px; background-image:none; background-color:#fff; }
	header nav ul li.buscarEmbalse { float: none; padding: 20px 0 10px 0; background-image: none; width: 100%; border-bottom: none; background-color: #0087CF; margin: 0; height: 79px;}
	header nav ul li.buscarEmbalse a { background-color:transparent; width: 44px; }
	/**/
	nav.rastro ul { width: 95%; /*padding: 4% 0 4% 0;*/ float:left; /*margin:0 2.5% 0 2.5%;*/ }
	nav.rastro ul li { /*font-size: 250%;*/ margin: 0 0 0px 10px; }
	/**/
	.tresColumnas article, .tresColumnas li { width:90%; margin: 6% auto 0 auto; }
	/**/
	.fondoAzul.titulares { padding: 3.2% 0 3.2% 0; }
	.fondoAzul.titulares h1, .fondoAzul.titulares h2 { float:none; }
	/**/
	table tr.titular { /*font-size:63%;*/ }
	table tr.titular td { /*font-size:250%;*/ }
	table tr.titular strong { /*font-size:120%;*/}
	table td { /*font-size:160%;*/ }
	table tr.titular.recuento td.cifra { /*font-size:300%;*/ }
	table td.primera { background-position: -1% bottom; }
	table tr.titular.recuento td.cifra { background-position: 104% bottom; }
	table nav.iconos { right: 19%; }
	table nav.iconos ul { width: 150.6%; }
	/**/
	footer h3 { text-align:center; }
	footer nav ul.uno, footer nav ul.dos, footer nav ul.tres, footer nav ul.cuatro, footer nav ul.cinco, footer nav ul.seis { width:300px; margin:auto; float:none; }
	footer nav ul li a, footer nav ul.uno li a { text-align:center;  padding: 0 0 3% 0; }
	footer nav ul li.segundoNivel.ultimo { padding: 0; }
	footer nav ul li.primerNivel a { padding: 23px 0 13px 0; }
	/**/
	/**/
	footer ul.izqa li a, footer ul.dcha li a { /*font-size: 190%;*/ padding: 0 0 0.5% 0; padding: 0 0 3% 0; }
	footer .pieDos p { position: static; /*font-size: 190%;*/ }
	footer .pieDos.tres ul.izqa li a, footer .pieDos.tres ul.dcha li a { /*font-size:180%;*/ }
	footer ul.izqa, footer ul.dcha { width: 100%; float: none; text-align:center; padding: 2% 0 2% 0; margin: auto!important; }
	footer ul.izqa li/*, footer ul.dcha li*/ { float: none; }
	footer .pieDos li span { display:none; }
	footer nav ul li.segundoNivel { text-align: center; }
	.idiomaPie li { padding-bottom:10px!important; }
	.idiomaPie li a { padding-top:2px!important; }
	/**/
	.fondoAzul.contVideo { width: 100%; }
	.posterVideo .titular { margin: 15% auto 0 auto; }
	/**/
	.subMenu { width: 100%; }
	.subMenu hgroup { width: 100%; margin: 10.2% 0 6.6% 0; }
	.subMenu .dosColumnas { padding: 0; }
	.subMenu ul li { width: 35.6%; }
	.subMenu .segundoNivel.tresColumnas { padding: 0; background-position: center 28.5%; }
	.subMenu .segundoNivel.tresColumnas li { width: 33%; margin: 0!important; }
	.subMenu ul li img, .subMenu .segundoNivel li img { margin: 4.5% 0 42% 0; }
	body.home .subMenu ul li img, body.home .subMenu .segundoNivel li img { margin: 3.5% 0 42% 0!important; width: 93%;}
	/*.subMenu*/ .texto { width: 80%; padding: 2% 0 0 0;  }
	/**/
	.fondoAzul.claro.tresColumnas article { float: none; max-width: 100%; width:100%; margin: auto; border-right: none; border-bottom: solid 5px #fff; min-height:inherit; padding: 10%; }
	/**/
	.oculta .titular .primera { background-position: right 14%; background-size: 5% auto;border-bottom: solid 2px #0087cf; }
	.oculta { padding: 25% 0 0 9px; }
	/**/
	/*.fondoAzul.titulares.fichaSuperior { padding: 3.2% 0 27.2% 0; }*/
	body.tercerNivel .menuCirculos.anchoCompleto { margin: 20px auto 0 auto!important; }
	.fichaSuperior .columnaIzqa { width: 100%; margin: 0 0 6% 0; }
	.fichaSuperior .imagenCircular { width: 95%; }
	.fichaSuperior .columnaDcha { width: 100%; margin: auto; float: none; }
	.fichaSuperior p { width:90%; margin: 0 auto 2.3% auto; }
	.fichaSuperior nav.iconos ul { width: 100%; }
	.fichaSuperior nav.iconos ul li { margin: 0 5% 0 5%; }
	.fondoGrisContVideo .posterVideo .titular { /*font-size: 280%!important;*/ }
	.mapaCaracteristicas { background-position: 42% 46.7%;     margin-top: 20%; }
	.mapaCaracteristicas .mapa { float: none; margin: auto; }
	.caracteristicas { position: static; margin: 20% auto 10% auto; }
	.caracteristicas .caracteristicasTexto p, .caracteristicas .caracteristicasTexto p.titular { margin: auto; }
	/**/
	.imagenes .imagenesContenedor .cincoMiniaturas img { border: solid 3px #fff; }
	.imagenes .imagenesContenedor .cincoMiniaturas a:hover img { border: solid 3px #0087cf; }
	/*.imagenes .izqa, .imagenes .dcha { margin-top: 6.8%; }*/
	/**/
	/**/
	body.home header .logotipo { width: 130px; margin: 12px auto 0 auto; }
	body.home header h3 { /*font-size: 260%;*/ }
	body.home .imagenEntrada { opacity:0.6; }
	/**/
	body.home .subMenu { margin: 80px auto 0 auto; }
	body.home .subMenu .cuatroColumnas { padding: 0; }
	body.home .subMenu .cuatroColumnas li,
	body.home .subMenu .dosColumnas li { margin: 0 auto 0 auto; width: 270px; float: none; }
	body.home .subMenu ul li a p { font-size: 250%;   padding: 118% 0 0 0; }
	/*body.home .subMenu ul li img,
	body.home .subMenu .dosColumnas li img { padding: 0.5% 0.5% 44% 0.5%; }*/
	body.home .subMenu ul p.descripcion { font-size: 200%; width: 100%; padding: 0 0 40% 0; text-align: center; }
	/**/
	body.home .subMenu .dosColumnas { width: 100%; background-image:none; margin: 0;}
	/**/
	body.home .multimedia .imagenCircular { margin:1px 0 0 0; }
body.home .multimedia .columnaCentral { /*width: 90%;  left: 5%;*/ top: 110%; }
	.empujeHome { padding: 30%; }
	/**/
	.buscador a { padding: 0 0 50% 0; background-size: 45% auto; background-position: 43% 100%; }
}