@charset "UTF-8";

@media handheld, only screen and (min-width: 1025px) {
	#ver-menu, #cerrar-menu, #volver-menu{display:none}
	.visible-phone{display:none}
}


@media handheld, only screen and (max-width: 1024px) {

	a:hover{text-decoration:none !important}
	
	.visible-phone{display:block}
	.hidden-phone{display:none}
	
	img{max-width:100%;height:auto !important}
	body{padding-top:57px}
	body.on #section{display:none}
	.dimensioncuerpo{max-width:100%}
	#section .cuerpo{background:transparent}
	
	#header, #nav, #section, #footer{min-width:0 !important}
	#ver-menu, #cerrar-menu{float:left;margin-top:10px;cursor:pointer}
	#cerrar-menu{float:right;margin:20px 20px 0 0}
	#volver-menu{display:none;width:8px;height:15px;float:left;margin:21px 0 0 20px;background:transparent url(/public/img/css/icono/volverMovil_wu_9ae67475edda9be0c3904be8e6cc7d10.png) no-repeat 0 0}
	
	#cotizacioncab{width:100%;float:left;margin:10px 0 -5px}
	
	.cabecera{z-index:100;position:fixed;top:0;left:0;width:90%;padding:10px 5%;background:#e31818}
	.logo, .logo2{position:static;float:right}
	.logo2{margin:-5px 0 0 20px}
	.logo a, .logo2 a{width:auto;height:auto}
	.logo img, .logo2 img{width:70px}
	
	.grupo-head{visibility:hidden;z-index:100000000;position:absolute;top:0;left:0;overflow-y:auto;width:100%;height:100%;float:left}
	body.on .grupo-head{left:0;background:#fff;visibility:visible;
      -webkit-transition: background 0.8s, left 0s 0.2s;
      -moz-transition: background 0.8s, left 0s 0.2s;
      transition: background 0.8s, left 0s 0.2s;
  	}
	
	#header{position:static;padding:0;background:transparent;color:#000}
	.agrupa{width:100%}
	#buscadorGeneralForm, #utilidades{width:100%;padding:15px 0}
	#idioma{position:absolute;top:25px;left:50%;margin-left:-40px}
	#idioma li.primero{padding-left:0}
	#idioma li strong{color:#ee3426}
	
	#buscadorGeneralForm{/*position:absolute;bottom:60px;right:20px;*/width:80%;float:right;margin-right:10px;padding:0;background:transparent;border-bottom:1px solid #d4d4d4}
	#buscadorGeneralForm input{width:80%;padding:10px;color:#686868}
	#buscadorGeneralForm input.buscar{width:22px;height:22px;padding:0;background-image:url(/public/img/css/icono/lupaMovil_wu_1a9607609a860e504ce09e3ee450637e.png)}
	
	#utilidades{/*position:absolute;bottom:0;left:0;*/background:#d4d4d4;text-align:center}
	#utilidades li{margin-bottom:15px;background:transparent;font-family:roboto;font-size:1.5em}
	#utilidades a{color:#000}
	#utilidades li.twitter, #utilidades li.instagram{display:none}
	p.twitter, p.instagram{/*position:absolute;bottom:65px;left:20px;*/float:left;display:block;margin:10px 10px 0}
	.twitter a, .instagram a{width:29px;height:24px;background-image:url(/public/img/css/icono/twitterMovil_wu_cabfe17197ecc25392f51384efa77130.png);text-indent:9999px}
	.instagram a{background-image:url(/public/img/css/icono/instagramMovil_wu_f351b654348dce622ac4002b97625db2.png)}
	
	#compas{display:none}
	
	/* ----- CUANDO ACTIVAMOS EL MENU  -----*/
	.grupo-head.on{visibility:visible;left:0;background:#e7e7e7;
	    -webkit-transition: background 0.8s, left 0s 0.2s;
	    -moz-transition: background 0.8s, left 0s 0.2s;
		transition: background 0.8s, left 0s 0.2s;
	}
	body.on #section, body.on #footer{display:none}

	#nav, .bloquenav{background:transparent}
	#nav .cuerpo{font-size:initial}
	#n1{margin:20px 20px 0;padding:0}
	#n1 li{float:none;padding:0 0 5px;font-size:1em;text-transform:none}
	#n1 a{padding:10px 0;color:#000}
	#n1 li > a{font:normal 1.3em roboto}
	
	#n1 li.pmcon.activo a{background:transparent}
	#n1 li.pmcon:hover .n2, .bodysubhome #n1 li.pmcon.activo .n2{display:none}
	#n1 li.menu-on > ul{display:block !important}
	
	#n1.sec-on > li:not(.menu-on), 
	#n1.ter-on > li:not(.menu-on), 
	#n1.ter-on .n2 > li:not(.menu-on), 
	#n1.ter-on > li.menu-on > a{display:none}
	
	#n1 li.pmcon:hover a{background:transparent}
	#n1 li.menu-on > a, #n1 .n2 > li.menu-on > a{margin-bottom:20px;border-bottom:1px solid #000;text-align:left;color:#000 !important}
	#n1 .n2 > li.menu-on > a{font-size:1.3em;font-family:roboto}
	#n1 .n2{position:static;margin:0;padding:0;background:transparent;border:0;
	    -webkit-border-radius: 0;
	    -moz-border-radius: 0;
	    border-radius: 0
	}
	#n1 .n2 li{padding:0;border:0;font-size:1em;text-align:left}
	#n1 .n2 li a{padding:10px 0;font-size:1em;font-family:roboto}
	
	#nav2{display:none}
	#footer .cuerpo{width:100%;padding:70px 0 20px !important;background-position:50% 20px;text-align:center}

	#navinf{padding-bottom:0;margin:20px -5% 0;width:110%}
	.bodysubhome #navinf{margin:20px 0 0;width:100%}
	/*#navinf .logos-pie{margin-bottom:0;padding-bottom:20px;overflow-x:scroll;white-space:nowrap}*/
	
	#menu-pie{position:relative;width:100%;float:left;margin-top:-15px;background:#fff}
	#navinf .item-menu{width:100%;padding:0}
	#navinf .item-menu h2{padding:15px 20px 10px;border-top:1px solid #d0d0d0}
	#navinf .item-menu h2 a{color:#4a4a4a}
	
	#navinf .item-menu h2 a:after{width:10px;height:10px;float:right;background:transparent url(/public/img/css/icono/masMenos_wu_daf769e4e47bd0c7b5db037bb6bbe82c.png) no-repeat 0 0;content:""}
	#navinf .item-menu h2.activo a:after{background-position:100% 0}
	
	#navinf .item-menu div{padding:0 20px 10px}
	#navinf li{width:97%;padding-bottom:5px;font-size:1em}
	#navinf li a{padding:3px 0}

	#situacion, #recurso, #atajo{width:100%}
	.adjuntamenu{margin:16px 0 0}
	

	.destacado3 .infodest{margin:0;height:auto;clear:left}
	.destacado3 img{width:100%}
	#footer .seccion1, #footer .seccion2{float:none}
	#footer .seccion1{margin-bottom:20px}
	
	#section{width:90%;padding:0 5%}
	.modulohome{padding:43px 0 0}
	.modulohome .caja3col, .modulohome .caja2col{width:94%;padding:0 3%;margin-bottom:30px}
	
	
	.forma, .forma .destacado img, .forma .destacado p.tipo2, .forma .destacado2 img{height:auto !important;margin-bottom:20px;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
	}
	
	.forma .destacado p{
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;		
	}
	
	
	.iteminfo img{width:100%}
	.caja-scroll{width:100%;float:left;overflow-x:auto}
	.subhome{padding:0}
	.subhome .forma{
		-webkit-box-shadow:none;
	    -moz-box-shadow:none;
	    box-shadow:none;
	}
	
	.banners .tipo1 li{padding:0 2px 5px}
	
	.diamundo .mapa, .diamundo .txtdest{display:none !important}
	.diamundo .txtdest2{width:30% !important;float:none;margin:0 3% 15px 0;padding:0;background:transparent !important;display:inline-block !important;position:static !important;border-bottom:1px solid #c90000 !important;vertical-align:top;}
	.diamundo .txtdest2 .cajatxt{width:100% !important;padding:10px 0 !important;background:none;border-radius:0;}
	.diamundo .txtdest2 h2, .diamundo .txtdest2 p, .diamundo .txtdest2 a{color:#000 !important}
	.diamundo .txtdest2 h2{font-size:1.8em;color:#e31818 !important;}
	
	.principios .moduloizda, .principios .modulodcha{width:100%}
	.principios .moduloizda{margin-bottom:20px;text-align:center}
	.principios .moduloizda img{width:250px;margin-bottom:20px}
	.principios .item{width:46%;float:none;display:inline-block;vertical-align:top}
	.principios .item .img a{display:block;text-align:center}
	.cajaprincipios .hide-with-script{display:block !important;width:100%;float:left;margin-top:10px}
	
	.contacto2 .col.primero{width:100%}
	.contacto2 .col{width:33%;min-height:0 !important}
	.contacto2 .txtdest2{width:100%;margin:0;padding:0;background:transparent}
	.contacto2 .txtdest2 .cajatxt {
		-webkit-border-radius: 10px;
	    -moz-border-radius: 10px;
	    border-radius: 10px;
	}
	
	#a_infofinanciera h2, .destacado div, #a_hechosrelevantesdest .tit, #a_infofinanciera h2, #a_infofinanciera h2, #a_noticiadest .tit{background:transparent}
	
}


@media handheld, only screen and (max-width: 940px) {
	.modulohome .caja3col .col{width:46.5%;margin:0 1.5%}
	.modulohome .caja3col .col:last-child{width:96.5%}
	
	.banners .tipo1 li{width:19.5%;padding:0 0 5px}
	
}

@media handheld, only screen and (max-width: 850px) {
	
	.banners .tipo1 li{width:24.5%}
	.diamundo .txtdest2{width:46.5% !important;}
	
	.txt-dest p{font-size:1.5em}
	.txt-dest p strong{font-size:1.7em;}
	
	.descargar-pdf a{padding:7px 20px 7px 65px}
	.modulohome .caja2col .col .forma, .subhome .caja2col .col .forma{max-height:200px;}
}

/* ---------------------------------------------------------------------------------------
	Tabletas portrait (650)
--------------------------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 750px) {

	.visible-phone{display:inherit}
	#navinf .logos-pie {text-align:center}
	#navinf .logos-pie li{float:none;display:inline-block}
	.adjuntamenu img{max-width:none;width:auto;height:150px !important;float:right}

	.moduloizda, .modulodcha{width:100%}
	.caja2col .col, .caja3col .col, .caja4col .col, .contacto2 .col,
	.principios .moduloizda, .principios .modulodcha{width:100% !important;margin:0 auto !important}
	.contacto2 .col{margin-bottom:10px !important}
	
	.modulohome .caja3col .col, .modulohome .caja2col .col{max-width:360px;float:none;}
	
	.imgtxtdest{width:100%;float:left}
	.txtdest2{position:static !important;width:100% !important;padding-bottom:20px;background:transparent !important}
	.txtdest2 .cajatxt{width:80% !important;pading:20px 10% 10px !important;
		-webkit-border-radius:10px !important;
    	-moz-border-radius:10px !important;
    	border-radius:10px !important;
	}
	
	.pestanas .tipo2 li{border:0}
	.proyectos .item{width:100% !important}
	.proyectos .item img{width:100%}
	
	.infonot{padding:10px 20px}
	.infonot h2{font-size:1.7em;text-transform:none;line-height:1.2em}
	
	.listado_tipo1 thead{display:none}
	.listado_tipo1 td{display:block;width:100%;float:left;text-align:left !important}
	.listado_tipo1 td strong{float:left;width:30%;padding-right:2%}
	
	.subhome-dossier .imagen, .subhome-dossier .texto{width:100%;float:left;height:auto !important}
	.subhome-dossier .texto p strong{font-size:2.5em}
	.subhome-dossier .texto p em{width:73%}
	
}

/* ---------------------------------------------------------------------------------------
	Pequeñas tabletas (600x860)
--------------------------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 650px) {

	.historia .izda, .historia .dcha{width:100%;padding:0;background:#fff}
	.historia .dcha .imagen{width:100%;padding:0;text-align:center}
	.imagen-deco:before{display:none}
	.historia .dcha .imagen img{margin:0}
	.historia .tit{width:100%;float:left;background:transparent !important;padding:0 !important}
	.historia p{padding:0 !important}
	.banners .tipo1 li{width:32.5%}	
	.banners .tipo1 li img{width:100%}
	.diamundo .txtdest2{width:99% !important;margin:0 0 15px;}
	
	.principios .item{width:100%}
	
}

/* ---------------------------------------------------------------------------------------
	Mobile landscape (480x320)
--------------------------------------------------------------------------------------- */

@media handheld, only screen and (max-height: 768px) {
	#nav{min-height:79.5%}
}

@media handheld, only screen and (min-width: 375px) and (max-height: 667px) {
	#nav{min-height:76.3%}
}

@media handheld, only screen and (max-height: 600px) {
	#nav{min-height:70%}
}


/* ---------------------------------------------------------------------------------------
	Mobile portrait (320x480)
--------------------------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 480px) {
	.img_Sin_L, .img_Con_L{float:none;display:block;margin:0 0 15px}
	.banners .tipo1 li{width:49%}
	
	#utilidades li{font-size:1.2em}
}