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

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	/*este box es para q no se salgan los elementos en responsive*/
	
}



#section{
	width: 100%;
	margin-bottom: 0px;
}


#contenido_somos{
	
	text-align: center;
	margin-top: 100px;
	display: block;
	}

#contenido_somos #animacion5{
	
	width: 100%;
	height: auto;
	background-repeat: no-repeat;
	margin: auto;
	margin-top: 0px;
text-align: center;
	position: absolute;
	z-index: 10000;		
}


#contenido_somos #animacion5 .somos{
	margin-top: 160px;
	width: 100%;
	z-index: 100;
	padding-right: 0px;
}

#contenido_somos #animacion5 .somos img{
	
	width: 260px;
	height: auto;
	margin: auto;
	
}

.animated fadeInDown {
  animation-duration: 7s;
  animation-delay: 80s;
	

}


.animated fadeInUp {
  animation-duration: 5s;
  animation-delay: 20s;
  
}

#contenido_somos  h4{
	font-size: 13px;
	color:rgba(6,33,96,1.00);
	font-family: 'Open Sans', sans-serif;
	width: 100%;
	margin: auto;
	font-weight: bold;
	position: absolute;
	z-index: 10000;
	margin-top: 350px;
	}	
	


	#contenido_somos h4 .text2{
	
	width: 60%;
	z-index: 100;
	}

#contenido_somos .banner{
display: none;
	
}

#contenido_somos .banner_movil{
	
	background-image: url(../imagenes/sliders/somos_movil.jpg);
	margin-bottom: 0px;
	margin: auto;
	margin-top: 0px;
	height:650px;
	width: 100%;
	float:none;
	display: block;
	background-repeat: no-repeat;
	text-align: center;
	background-position: -50px -120px;
}

	#contenido_somos .banner_movil h1{
	width: 90%;
	font-family: 'Dosis', sans-serif;
	font-weight: 600;
	letter-spacing: 2px;
	padding-top: 220px;
	padding-bottom: 0px;
	line-height: 55px;
	font-size: 45px;
	color: rgba(0,6,73,1.00);
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
}	




#section{
	width: 100%;
	margin-bottom: 0px;
}


#head_mision{
margin-top: 0px;	
height: 210px;
background-color:rgba(255,255,255,1.00);
text-align: center;
}


.animated fadeInUp {
  animation-duration: 5s;
  animation-delay: 20s; 
}


#head_mision  h4{
	width: 80%;
	font-family: 'Bebas Neue', cursive;
	font-weight: 600;
	letter-spacing: 1px;
	font-size: 23px;
	color:rgba(6,33,96,1.00);
	margin: auto;
	z-index: 10000;
	padding-top: 50px;
	}	
	

	#head_mision h4 .text2{
	z-index: 100;
	
}


	#head_mision  p{
	
	color:rgba(6,33,96,1.00);
	width: 83%;
	margin: auto;
	font-family: 'Dosis', sans-serif;
	 font-style: bold;
	font-size: 17px;
	z-index: 10000;
	padding-top: 20px;
		line-height: 27px;
	
	}	
	
	#head_mision p .text2{
	z-index: 100;
	
}





/*=====================NUEVA MISION=====================*/


.contenedor_datos{
	width: 100%;
	height: auto;
	padding-bottom: 150px;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	background-color: #FFF;
margin-top: 0px;
	text-align: center;
	padding-top: 50px;
	margin-bottom: -100px;
	}


.datos{
	width: 100%;
	padding: 20px;
	
	}
	

.animado{
	opacity: 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	
}

.mostrarArriba{
	animation: mostrarArriba 1s;
}

@keyframes mostrarArriba{
	0% {
		transform: translateY(80px);
	}
	100%{
		transform: translateY(0px);
	}
}

	
.contenedor_datos .datos h3{
	width: 90%;
	font-family: 'Bebas Neue', cursive;
	font-weight: 600;
	letter-spacing: 1px;
	border-bottom-style: dotted;
	font-size: 23px;
	color: rgba(0,6,73,1.00);
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	margin-top: 20px;
	}	
	
.icon-ok-2{
	font-size: 25px;
	color: rgba(0,6,73,1.00);
	margin-bottom: 20px;
	margin-top: 20px;
	}
	
	
	 .icon-lightbulb{
	font-size: 40px;
	color: rgba(0,6,73,1.00);
	margin-bottom: 20px;
	margin-top: 20px;
	}
	
	
	.icon-heart-3{
	font-size: 38px;
	color: rgba(0,6,73,1.00);
	margin-bottom: 0px;
	margin-top: 20px;
	}




	
.contenedor_datos .datos p{
	width: 90%;
	font-family: 'Dosis', sans-serif;
	font-size: 17px;
	color: rgba(0,6,73,1.00);
	margin-right: auto;
	margin-left: auto;
	text-align: justify;
	margin-top: 30px;
	margin-bottom: 40px;
	
}

#corporativo   {
	
	width: 100%;
	height: auto;
	text-align: center;
	padding-top: 40px;
}

#corporativo video  {
	position:relative;
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: -100px;
	border-radius: 0px 0px;

}





/*===============================1024px=========================*/


@media all and (min-width:1024px) {
	
	#section{
	width: 100%;
	margin-bottom: 0px;
}


#contenido_somos{
	
	text-align: center;
	margin-top: 90px;
	display: block;
	}

#contenido_somos #animacion5{
	
	width: 100%;
	height: auto;
	background-repeat: no-repeat;
	margin: auto;
	margin-top: 0px;
text-align: center;
	position: absolute;
	z-index: 10000;		
}


#contenido_somos #animacion5 .somos{
	margin-top: 125px;
	width: 100%;
	z-index: 100;
	padding-right: 0px;
}

#contenido_somos #animacion5 .somos img{
	
	width: 230px;
	height: auto;
	margin: auto;
	
}

.animated fadeInDown {
  animation-duration: 20s;
  animation-delay: 280s;
}


.animated fadeInUp {
  animation-duration: 5s;
  animation-delay: 20s;
}

#contenido_somos  h4{
	width: 60%;
	font-family: 'Bebas Neue', cursive;
	font-weight: 600;
	letter-spacing: 2px;
	border-bottom-style:  dotted;
	padding-bottom: 30px;
	line-height: 35px;
	font-size: 35px;
	color: rgba(0,6,73,1.00);
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	}	
	
		
	#contenido_somos h4 .text2{
	
	width: 100%;
	z-index: 100;	
}

	
#contenido_somos .banner_movil{
	display: none;	
}	

#contenido_somos .banner{
	
	text-align: center;
	/*width: 100%;*/
	margin-top: 0px;
	padding-top: 0px;
	background-image: url(../imagenes/sliders/bann_somos.jpg);
	background-attachment: fixed;
	background-position: center 90px;
	height: 700px;
	background-size: cover;
	
	transition: all 1.0s ease-in-out .5s;
	-webkit-transition: all 1.0s ease-in-out .5s;
	-moz-transition: all 1.0s ease-in-out .5s;
	-o-transition: all 1.0s ease-in-out .5s; 
	-ms-transition: all 1.0s ease-in-out .5s;
	margin-bottom: 0px;
	background-repeat: no-repeat;		
	display: block;
}

	#contenido_somos .banner h1{
	width: 60%;
	font-family: 'Dosis', sans-serif;
	font-weight: 600;
	letter-spacing: 2px;
	padding-top: 300px;
	padding-bottom: 0px;
	line-height: 55px;
	font-size: 45px;
	color: rgba(0,6,73,1.00);
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
}	

	
	
	
#section{
	width: 100%;
	margin-bottom: 0px;
}

#head_mision{
margin-top: 0px;	
height: 310px;
background-color:rgba(255,255,255,1.00);
text-align: center;
}

.animated fadeInUp {
  animation-duration: 5s;
  animation-delay: 20s;
  
}

#head_mision  h4{
	
	width: 60%;
	font-family: 'Bebas Neue', cursive;
	font-weight: 600;
	letter-spacing: 2px;
	border-bottom-style:  dotted;
	padding-bottom: 0px;
	line-height: 35px;
	font-size: 35px;
	color: rgba(0,6,73,1.00);
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	
	}	
	
	#head_mision h4 .text2{
	z-index: 100;
	
}
	

	#head_mision  p{
	
	color:rgba(6,33,96,1.00);
	width: 35%;
	margin: auto;
	font-family: 'Dosis', sans-serif;
	 font-style: bold;
	font-size: 17px;
	z-index: 10000;
	padding-top: 0px;
		line-height: 27px;
	
	}	
	
	#head_mision p .text2{
	z-index: 100;
	
}
	
	
	
	
	
	/*===================DATOS=================*/


.contenedor_datos{
	width: 100%;
	height: auto;
	padding-bottom: 70px;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	background-color: #FFF;
margin-top: -100px;
	}


.datos{
	width: 30%;
	padding: 20px;
	
	}
	

.animado{
	opacity: 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	
}

.mostrarArriba{
	animation: mostrarArriba 1s;
}

@keyframes mostrarArriba{
	0% {
		transform: translateY(80px);
	}
	100%{
		transform: translateY(0px);
	}
}
	
	
.contenedor_datos .datos h3{
	width: 90%;
	font-family: 'Bebas Neue', cursive;
	letter-spacing: 2px;
	font-weight: 700;
	font-size: 25px;
	color: rgba(0,6,73,1.00);
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	margin-top: 20px;
	text-align: center;
	/*border-bottom-style:solid;*/
	}	
	
	
	.icon-ok-2{
	font-size: 35px;
	color: rgba(0,6,73,1.00);
	margin-bottom: 20px;
		margin-top: 20px;
	}
	
	
	 .icon-lightbulb{
	font-size: 35px;
	color: rgba(0,6,73,1.00);
	margin-bottom: 20px;
		padding-top: 20px;
	}
	
	
	.icon-heart-3{
	font-size: 35px;
	color: rgba(0,6,73,1.00);
	margin-bottom: 20px;
		margin-top: 20px;
	}
	
	
	
	
.contenedor_datos .datos p{
	width: 90%;
	font-family: 'Dosis', sans-serif;
	font-size: 17px;
	color: rgba(0,6,73,1.00);
	margin-right: auto;
	margin-left: auto;
	text-align: justify;
	margin-top: 10px;
	margin-bottom: 10px;
	letter-spacing: 1px;
	line-height: 25px;
	
	
	}
	
	
	
#corporativo   {
	
	width: 100%;
	height: auto;
	text-align: center;
	padding-top: 150px;
margin-bottom: 150px;
	
}

#corporativo video  {
	position:relative;
	width: 50%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
padding-top: 0px;
	border-radius: 10px 10px;
	
}

/*#corporativo video  {
	position:relative;
	width: 50%;
	height: 80%;
	margin-right: auto;
	margin-left: auto;
padding-top: 130px;
	
}*/