*{
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
margin: 0;
color: #8e8e8e;
}
a{
text-decoration: none;
outline: 0;
}
#contenido{
float:right;
width: 75%;
display: block;
}


#mision, #vision, #proyectos{
display:inline-block !important;
width: 50px !important;
padding-left:24px !important;
margin-top: 5px !important;
}


.mision:hover, .vision:hover, .proyectos:hover{
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
	transition: 0.3s;
}


#menu {
float:left;
width: 25%;
display: block;
z-index: 9999;
position: absolute;
left: 0;
top: 3px;
font-size: 16px;
background: white;
}


#menu a#nuestros_valores img {
height: 15px;
width: auto;
margin-left: 8px;
}

#menu a:first-child {
margin-bottom: 4px;
}

#menu a {
color: white;
display: block;
width: 200px;
transition: 0.3s;
text-decoration: none;
padding: 8px 10px 8px 60px;
margin: 2px 0px;
}

#menu a strong{
  color: white;
}

#menu a.activa{
  width:270px;
}

#menu a:hover {
  width:270px;
}

#menu  p{
  font-size: 12px;
	width: 200px;
	margin-left: 60px;
}

.cita{
font-style: italic;
font-weight: bold;
padding-bottom: 0px;
display: block;

}

#proyectos_objetivo{
clear:both;
margin: 0;
}

.submenu{height:0; visibility: hidden; background-color: white; }
.submenu p{ width:270px !important; text-align: justify;}
.activa-submenu { height: auto; margin: 10px 0px; transition: 0.5s; visibility:visible;}


img.deusto{margin-right: 0px !important}


.menu2-active{
	opacity: 1 !important;
}

.fijo{
	opacity: 1 !important;
}

.content:hover:not(.fijo) {
	opacity: 0.5 !important;
	transition: 0.3s;
	cursor:pointer;
}

.icono-activo{
abackground:red !important;
}


.menu2-inactive{
  opacity: 0.5 !important;
  !pointer-events: none;
  !cursor: default;
}

#nuestros_valores {
  background-color: #727274;
}

#excelencia {
  background-color: #ed0034;
}

#solidaridad {
  background-color: #ec9102;
}

#innovacion {
	background-color: #00834d;
}
#trabajo_equipo {
  background-color: #ebc701;
}
#compromiso {
  background-color: #014083;
}
#atencion {
  background-color: #620379;
}

.excelencia, .excelencia .cita {
	color: #ed0034;
}

.solidaridad, .solidaridad .cita {
  color: #ec9102;
}

.innovacion, .innovacion .cita {
	color: #00834d;
}
.trabajo_equipo, .trabajo_equipo .cita {
  color: #ebc701;
}
.compromiso, .compromiso .cita {
  color: #014083;
}
.atencion, .atencion .cita {
  color: #620379;
}

#footer {
		position: fixed;
	  bottom: 5;
	  width: 100%;
		text-align: center;
		background: white;
		z-index: 9999;
}
#footer img {
		padding: 0px 2px;
		width: 84px;
		height: 84px;
}
#footer img:hover {

}
.azul{
color: #004183;
}
#contenido .balance_social{
color:#727274;
margin-top: 40px;
margin-bottom: 20px;
font-size: 2.5em;
}
#contenido .balance_social img{
vertical-align: middle;
padding: 0px 20px;
}
.flex-container {
	z-index: -1;
	display: flex;
	flex-flow: row wrap;
	margin-top: 20px;

}
.flex-container-expanded{
	z-index: 1;
	left: 15;
	position: absolute;
	width: 98%;
}

.content{
width: 25%;
padding: 40px 0px;
display: block;
overflow: hidden;
}

.content img{
float: left;
margin-right: 10px;
}
.content p{
font-size: 0.82em;
line-height: 16px;
width: 90%;
}
.content h2 {
color:#1b407f;
line-height: 30px;
width: 90%;
}
.amarillo {color: #fa9d26; font-weight: bold;}
.verde {color: #248652; font-weight: bold;}
.ocultar{display: none;}

//.bloque_texto{float:left; width:50%; margin-top: 60px; }

.bloque_texto{float:left; width:80%; margin-top: 60px; }

.bloque_texto h2{font-size: 2em; margin-bottom: 10px;}
.bloque_texto p{font-size: 0.85em; padding-bottom: 20px; }
.bloque_imagen{float:left; width:50%; margin-top: 60px;}

.bloque_texto_expandido {width:85%; margin-top: 60px; }
.bloque_texto_expandido h2{font-size: 2em; margin-bottom: 10px; color:#004183;}
.bloque_texto_expandido p{font-size: 0.85em; padding-bottom: 20px; }
.bloque_texto_expandido li{font-size: 0.85em; padding: 3px 0px; }
.bloque_texto_expandido ul{ padding: 5px 0px; margin-left: 30px;}

.icon_text1 > a > img{vertical-align:middle; margin-left: 10px;}
.icon_text2 > a > img{vertical-align:middle; margin-left: 10px;}
.icon_text3 > a > img{vertical-align:middle; margin-left: 10px;}
.icon_text4 > a > img{vertical-align:middle; margin-left: 10px;}
.icon_text5 > a > img{vertical-align:middle; margin-left: 10px;}
.icon_text6 > a > img{vertical-align:middle; margin-left: 10px;}
.icon_text7 > a > img{vertical-align:middle; margin-left: 10px;}
.icon_text8 > a > img{vertical-align:middle; margin-left: 10px;}
.icon_text9 > a > img{vertical-align:middle; margin-left: 10px;}
.icon_text10 > a > img{vertical-align:middle; margin-left: 10px;}
.icon_text11 > a > img{vertical-align:middle; margin-left: 10px;}
.icon_text12 > a > img{vertical-align:middle; margin-left: 10px;}
.icon_text13 > a > img{vertical-align:middle; margin-left: 10px;}
.icon_text14 > a > img{vertical-align:middle; margin-left: 10px;}
.icon_text15 > a > img{vertical-align:middle; margin-left: 10px;}
.icon_text16 > a > img{vertical-align:middle; margin-left: 10px;}
.icon_text17 > a > img{vertical-align:middle; margin-left: 10px;}

.icon_text1{color:#eb1c2d;}
.icon_text2{color:#cfa12f;}
.icon_text3{color:#369e49;}
.icon_text4{color:#bd0035;}
.icon_text5{color:#e73630;}
.icon_text6{color:#39aed8;}
.icon_text7{color:#f8b823;}
.icon_text8{color:#8b0039;}
.icon_text9{color:#ec6a2c;}
.icon_text10{color:#da0084;}
.icon_text11{color:#f39d2e;}
.icon_text12{color:#ca8d2f;}
.icon_text13{color:#4b793f;}
.icon_text14{color:#2c7cbb;}
.icon_text15{color:#49b34a;}
.icon_text16{color:#20548a;}
.icon_text17{color:#1f3468;}

.icon_text1 a{color:#eb1c2d;}
.icon_text2 a{color:#cfa12f;}
.icon_text3 a{color:#369e49;}
.icon_text4 a{color:#bd0035;}
.icon_text5 a{color:#e73630;}
.icon_text6 a{color:#39aed8;}
.icon_text7 a{color:#f8b823;}
.icon_text8 a{color:#8b0039;}
.icon_text9 a{color:#ec6a2c;}
.icon_text10 a{color:#da0084;}
.icon_text11 a{color:#f39d2e;}
.icon_text12 a{color:#ca8d2f;}
.icon_text13 a{color:#4b793f;}
.icon_text14 a{color:#2c7cbb;}
.icon_text15 a{color:#49b34a;}
.icon_text16 a{color:#20548a;}
.icon_text17 a{color:#1f3468;}

.check li{   list-style-image: url('../img/check.jpg');}

#proyectos_objetivo {font-size: 0.85em; width: 96%; }
#proyectos_objetivo h4{color: #666; stext-decoration: underline; font-size: 1.5em; spadding: 10px 0px; display:inline-block;
    border-bottom:1px solid #666;
    padding-bottom:2px; 
    margin: 10px 0px;
    }
#proyectos_objetivo > div { padding: 12px 0px; }
#proyectos_objetivo:last-child{ margin-bottom: 120px; }