@charset "UTF-8";
/* CSS Document */



*{
	margin:0;
	padding:0;	
	}
/*---------------------*/	
#contenedor_base{
	width:734px;
	height:2250px;
	
	}
.columna_derecha{
	width:auto;
	
	height:auto;
	margin-top:-26px;
	}
.contenedor_gris{
	background:#f8f7f7;
	width: 640px;
	height: auto;
	margin: 0 47px;
	z-index: 10;
	position: absolute;
	}
.contenedor_gris_2{
	background:#f8f7f7;
	width: 640px;
	height: auto;
	margin: -45px 47px 0;
	z-index: 10;
	position: absolute;
	}
.contenedor_gris_3	{
	background:#f8f7f7;
	width: 640px;
	height: auto;
	margin: 0 47px 0;
	z-index: 10;
	position: absolute;
	}
.contenedor_azul_1{
	width: 100%;
	height: 500px;
	background:#c9e4ef;
	margin-top: 80px;
}
.contenedor_azul_2{
	width: 100%;
	height: 500px;
	background:#c9e4ef;
	margin-top: 80px;
}
.contenido_contenedor_azul_1{
	margin: 60px 67px 10px 67px;
	position: absolute;
	width: 600px;
	text-align: center;
}
.contenido_contenedor_azul_2{
	margin: 100px 47px 10px 47px;
	position: absolute;
	width: 640px;
	text-align: center;
}
.contenedor_etiquetas_azules{
	width: 578px;
	height: 442px;
	margin: auto;
}
.contenedor_etiquetas_asistencias{
	width: 640px;
	height: 442px;
	margin: auto;
}
.etiquetas_azules{
	width: 170px;
	height: 214px;
	background: #154589;
	margin: 10px 10px 10px;
	display: inline-block;
}
.etiquetas_asistenciales{
	width: 198px;
	height: 139px;
	background: #4F7C9A;
	margin: 2px;
	display: inline-block;
}
.text_etiquetas_azules{
	margin: 15px;
	color: #fff;
	font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 	12px;
}

.text_etiquetas_azules_titulo{
	font-size: 	14px;
	font-weight: bold;
}
.contenedor_columna{
	margin:20px auto;
	width:606px;
	}
.contenedor_columna_ancha{
	
	margin: 20px 0 10px 65px;
	width:609px;
	}
.espacio_blanco{
	width:auto;
	height:60px;
	}
.espacio_blanco_2{
	width:auto;
	height:90px;
	}
.espacio_blanco_3{
	width:auto;
	height:60px;
	}
/*---------------------*/	
.una_columna{
	margin-left:64px;
	margin-right:50px;
	margin-bottom:15px;
	width:607px;
	height:auto;
	}
/*-------------*/
.columna_titulos{
	width:624px;
	margin-left:65px;
	margin-bottom: 15px;
	height:auto;
	padding-top:10px;
	}
.titulo1{
	font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-weight: 600;
    font-style: normal;
	font-size:24px;
	text-align:justify;
	color:#d31145;
	width:420px;
	margin:0 10px 7px -20px;
	}
.titulo1_blan{
	font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-weight: 600;
    font-style: normal;
	font-size:24px;
	text-align:justify;
	color:#fff;
	width:420px;
	margin:0 10px 7px 0;
	}
.titulo2{
	font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-weight: 600;
	vertical-align:middle;
	padding: 13px 50px;
	font-size:20px;
	text-align:center;
	color:#ffffff;
	display:block;
	}
.indicador_titulo{
	margin-right:10px;
	}
.linea_horizontal{
	border-top: dashed 1px #acacac;
	width: 600px;
	margin-bottom: 10px;
	}
.linea_horizontal_blan{
	border-top: solid 1px #ffffff;
	}

.subtitulos_contenido {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size:20px;
	line-height:38px;
	color:#004981;
	text-align: center;
	margin: 10px;
}
.subtitulos_contenido_gris {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-size:20px;
	line-height:38px;
	color:#323232;
	text-align:center;
	display: inline-block;
	}
.txt_generico_gris{
	color:#323232;
	font-family: Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:18px;
	text-align:justify;
	}
.txt_generico_azul{
	color:#004981;
	font-family: Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:18px;
	text-align:justify;
	}
.contenedor_col_val{
	width:624px;
	margin-top: 20px;
	margin-left:65px;
	height:auto;
	}
.columna_valores{
	margin-top:15px;
	display: block;
	height:auto;
	}

.valores_img_izq{
	height:200px;
	
	display:table;
	}
.valores_contenedor_text{
	margin-left:50px;
	text-align:left;
	width: 450px;
	}
.subt_valores{
	color:#363636;
	font-family: Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:16px;
	font-weight: 800;
	}
.ul_valores{
	margin-left:20px;
	line-height:20px;
	}
.li_valores{
	color:#363636;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:20px;
	list-style: initial;
	}
.footer_img{
	height: 22px;
	margin: 0 !important;
	border: 0 !important;
}
.footer_ike{
	background: #e4e4e4;
	width: 734px;
	height: auto;
	display: inline-block;
}

.footer_contenedor{
	width: 340px;
	text-align: center;
	display: table;
	vertical-align: middle;
	margin: auto;
}
.logo_footer{
	width: 130px;
	text-align: center;
	margin: auto;
	display: inline-block;
	float: left;
}
.url_footer{
	font-family: Helvetica, Arial, sans-serif;
	width: 170px;
	height: auto;
	float: left;
	margin: 20px;
}
/*----------------------estilos hover---------------------*/
.box {
  cursor: pointer;
  
  position: relative;
  overflow: hidden;
  width: 198px;
  height: 138px;
}

.box img {
  position: absolute;
  left: 0;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.box .overbox {
  background-color: #304562;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  z-index: 100;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  opacity: 0;
  width: 198px;
  height: 138px;
  padding: 10px 10px;
}



.box:hover .overbox { opacity: 1; }

.box .overtext {
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  transform: translateY(40px);
  -webkit-transform: translateY(40px);
}

.box .titlee {
  width: 150px;
  font-size: 16px;
  text-transform: uppercase;
  opacity: 0;
  text-align: left;
  font-family: Helvetica, Arial, sans-serif;
  margin-top: 7px;
  transition-delay: 0.1s;
  transition-duration: 0.2s;
 }

.box:hover .titlee,
.box:focus .titlee {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);

}

.box .tagline {
  font-size: 14px;
  opacity: 0;
  font-family: Helvetica, Arial, sans-serif;
  text-align: left;
  margin-top: 7px;
  transition-delay: 0.2s;
  transition-duration: 0.2s;
  width: 180px;
}

.box:hover .tagline,
.box:focus .tagline {
  opacity: 1;
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
}


.box .pata {
  font-size: 14px;
  opacity: 0;
  font-family: Helvetica, Arial, sans-serif;
  text-align: left;
  margin-top: 20px;
  position: absolute;
  text-decoration: underline;
  transition-delay: 0.2s;
  transition-duration: 0.2s;
}
.box:hover .pata,
.box:focus .pata {
  opacity: 1;
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
}