@media only screen and (min-width: 1025px) and (max-width: 1565px){
	#contenido .balance_social{	margin-top: 40px; margin-bottom: 15px;	font-size: 1.6em;}
	img.somorrostro{height: 36px !important; width: auto;}
	img.ebi{height: 40px !important; width: auto;}
	img.deusto{height: 40px !important; width: auto;}
	#contenido .balance_social img{	padding: 0px 20px;}
	#contenido .balance_social img:last-child{	padding-right: 5px !important;}
	#footer img {	padding: 0px 2px;	width: 67px; height: 67px; }
	#menu a {	padding: 5px 10px 5px 30px;	width: 180px; font-size: 0.9em;}
	#menu a.activa{	width:240px;}
	#menu a:hover {width:240px;}
	#footer {	 bottom:0;	background: white; border-top: 1px solid #eee;}
	#menu img{ height: 23px; width: auto;}
	.content {	width: 25%; 	}
	.content img{	margin-right: 5px; 	}
	.content p{	font-size: 0.75em;line-height: 12px;width: 100%;	}
	.content h2 {line-height: 22px;	width: 100%; font-size: 1.1em; display:block; float: none;	}
	.content:last-child{	margin-bottom: 180px; }
	.bloque_texto{float:left; width:55%; margin-top: 60px; margin-bottom: 10px; }
	.bloque_texto h2{font-size: 1.2em; margin-bottom: 10px;}
	.bloque_texto p{font-size: 0.85em; padding-bottom: 20px; }
	.bloque_imagen{float:left; width:45%; margin-top: 20px;}
	.bloque_texto_expandido{margin-bottom: 200px; }
	.submenu{background: white !important;  width:240px !important; margin-left: -35px;}
	.submenu p{ width:250px !important; }
	#mision, #vision, #proyectos{	width: 40px !important;	padding-left:22px !important; margin-top: 20px !important; 	}
	#menu a#nuestros_valores img {height: 13px;width: auto;margin-left: 6px;}
}

@media only screen and (min-width: 768px) and (max-width: 1024px){
	#menu img{ height: 20px; width: auto;}
	#menu a {	padding: 5px 10px 5px 30px;	width: 120px;	font-size: 0.82em;}
	#menu a.activa{	width:140px;}
	#menu a:hover {width:140px;}
	#footer {	position: fixed; bottom:0;	width: 100%; background: white; border-top: 1px solid #eee;}
	#footer img {	padding: 0px 2px;	width: 67px; height: 67px; }
	#contenido .balance_social{	margin-top: 70px;	font-size: 1.3em;}
	#contenido .balance_social img{	vertical-align: middle;	padding: 0px 8px; height: 42px; width: auto;  }
	#contenido .balance_social img:last-child{	padding-right: 10px !important;}
	img.somorrostro{height: 22px !important; width: auto;}
	img.ebi{height: 28px !important; width: auto;}
	img.deusto{height: 28px !important; width: auto;}
	.flex-container {	margin-top: 10px;}
	.content{	display: block;	padding: 25px 0px; }
	.content:last-child{	margin-bottom: 250px; }
	.content img{	margin-right: 0px; height: 150px; width: 150px;	}
	.content p{	font-size: 0.82em;line-height: 16px;width: 80%;	}
	.content h2 {line-height: 22px;	width: 80%; font-size: 1.2em;	}
	.bloque_texto{float:left; width:55%; margin-top: 60px; margin-bottom: 250px; }
	.bloque_texto h2{font-size: 1.2em; margin-bottom: 10px; margin-top: -40px;}
	.bloque_texto p{font-size: 0.85em; padding-bottom: 20px; }
	.bloque_imagen{float:left; width:45%; margin-top: 20px;}
	.bloque_texto_expandido{margin-bottom: 250px; }
	.submenu{background: white !important;  width:180px !important; margin-left: -30px;}
	.submenu p{ width:180px !important; }
	#mision, #vision, #proyectos{width: 35px !important;padding-left:18px !important;margin-top: 20px !important; }
	
		.submenu{background: white !important;  overflow: hidden; z-index: 1  !important; margin-left: -50px;}
	.submenu p{ width:110px !important; text-align: justify; z-index: 1; }
	#proyectos_objetivo {font-size: 0.85em;  float: left; margin-top: -240px; text-align:justify; padding-right: 10px;}
#proyectos_objetivo h4{font-size: 1.1em; spadding: 10px 0px; display:inline-block;}
#nuestros_valores img{display:none;}
#nuestros_valores{font-size: 0.60em !important;}
.submenu p{ font-size:0.7em !important; text-align: left; }
.flex-container-expanded{z-index: 0;}

	
	
	
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px){
	#menu img{ height: 18px; width: auto;}
	#menu a {	padding: 3px 10px 3px 30px;	width: 120px;	font-size: 0.82em; display: block;}
	#menu a.activa{	width:160px;}
	#menu a:hover {width:160px;}
	#nuestros_valores {top:36px;}
	#excelencia {top: 64px;}
	#solidaridad {top: 92px;}
	#innovacion {top: 120px;}
	#trabajo_equipo {	top: 148px;	}
	#compromiso {	top: 176px;	}
	#atencion {	top: 204px;	}
	#footer {	position: fixed; bottom:0;	width: 100%; background: white; border-top: 1px solid #eee;}
	#footer img {	padding: 0px 2px;	width: 54px; height: 54px; }
	#contenido .balance_social{ position: fixed; top: 0; left:0; margin-top: 0px; padding-left: 20px;	font-size: 1.2em; background: white; border-bottom: 1px solid #eee; width: 100%; }
	#contenido .balance_social img{	vertical-align: middle;	padding: 0px 5px; height: 28px; width: auto;  }
	#contenido .balance_social img:last-child{	padding-right: 10px !important; padding-bottom: 5px;}
	#contenido{float:left;width: 75%; padding: 25px 10px;}
	.content{ padding: 15px 0px; width: 50% !important; }
	.content:last-child{	margin-bottom: 200px; }
	.content img{float: left;	margin-right: 10px; height: 150px; width: 150px; overflow: hidden; display: block;	}
	.content p{	font-size: 0.82em;line-height: 16px;width: 90%;	}
	.content h2 {line-height: 22px;	width: 90%; font-size: 1.2em; 	}
	.bloque_texto, .bloque_texto_expandido{width:70%;  margin-bottom: 250px; margin-left: 210px;}
	.bloque_texto h2, .bloque_texto_expandido h2{font-size: 1em; margin-bottom: 10px; }
	.bloque_texto p, .bloque_texto_expandido p{font-size: 0.85em; padding-bottom: 20px; }
	.bloque_texto_expandido li{font-size: 0.85em; }
	.bloque_texto{width:70%;  margin-bottom: 250px; margin-left: 210px; }
	.bloque_texto h2{font-size: 1em; margin-bottom: 10px; margin-top: 5px;}
	.bloque_texto p{font-size: 0.85em; padding-bottom: 20px; }
	.bloque_imagen{ display: none;}
	#relleno.content{ display: inline !important; visibility: visible !important;}
	.submenu{background: white !important;  width:160px !important; margin-left: -30px;}
	.submenu p{ width:160px !important; }
	#mision, #vision, #proyectos{width: 25px !important;padding-left:0px !important;margin-top: 20px !important; }
	
	
}

@media only screen and (min-width: 320px) and (max-width: 479px){
	#menu img{ height: 18px; width: auto;}
	.vision {margin-left: -5px;}
	#menu {z-index: 1; top: 20px; width:160px;}
	#menu a {	padding: 2px 10px 2px 20px;	width: 100px;	font-size: 0.75em; display: block;}
	#menu a.activa{	width:110px;}
	#menu a:hover {width:110px;}
	#contenido{float:left;width: 100%; padding: 25px 10px;}
	.content{ padding: 15px 0px; width: 50% !important; }
	.content:last-child{	margin-bottom: 200px; }
	.content img{float: left;	margin-right: 10px; height: 120px; width: 120px; overflow: hidden; display: block;	}
	.content p{	font-size: 0.78em;line-height: 16px;width: 90%;	}
	.content h2 {line-height: 22px;	width: 90%; font-size: 1em; 	}
	.bloque_texto, .bloque_texto_expandido{width:50%;  margin-bottom: 250px; margin-left: 150px; margin-top: 0px !important;}
	.bloque_texto h2, .bloque_texto_expandido h2{font-size: 1em; margin-bottom: 10px; margin-left: 20px;}
	.bloque_texto p, .bloque_texto_expandido p{font-size: 0.85em; padding-bottom: 20px; }
	.bloque_texto_expandido li{font-size: 0.85em; }
	.bloque_imagen{ display: none;}
	#contenido .balance_social{ position: fixed; top: 0; left:0; margin-top: 0px; padding-left: 5px;	font-size: 0.75em; background: white; border-bottom: 1px solid #eee; width: 100%; }
	#contenido .balance_social img{		padding: 0px 5px; height: 18px; width: auto;  }
	img.somorrostro{height: 14px !important; width: auto;}
	#footer img {padding: 0px 1px;	width: 48px; height: 48px; }
	#footer {position: fixed; bottom:0;	width: 100%; background: white; border-top: 1px solid #eee;}
	#relleno.content{ display: inline !important; visibility: visible !important; z-index: -1;}
	.tipso_content{display:none;}
	.tipso_arrow{display: none;}
	#mision, #vision, #proyectos{padding-right:24px !important;	 margin-top: 5px !important; }
	.submenu{background: white !important;  overflow: hidden; z-index: 1  !important; width:170px !important; margin-left: -50px;}
	.submenu p{ width:110px !important; text-align: left; z-index: 1; }
	#proyectos_objetivo {font-size: 0.85em; width: 48%; float: left; margin-top: -240px; margin-left: 171px; text-align:justify; padding-right: 10px;}
#proyectos_objetivo h4{font-size: 1.1em; spadding: 10px 0px; display:inline-block;}
#nuestros_valores img{display:none;}
#nuestros_valores{font-size: 0.60em !important;}
.submenu p{ font-size:0.7em !important; text-align: left; }
.flex-container-expanded{z-index: 0;}
h4{font-size: 0.90em !important;}

}