*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body{
	background-color: #002942;
	height: 100vh;
	width: 100vw;
	font-family: 'Lato', sans-serif;
}

.contenedor{
	box-sizing: border-box;
	padding-top: 30px;
}

.flex{
	display: flex;
	flex-direction: row;
}

.contenedor .izq{
	box-sizing: border-box;
	padding-left: 72px;
}

.contenedor .izq .logo img {
	width: 100%;
	max-width: 115px;
	height: 100%;
	max-height: 160px;
}

.contenedor .izq .texto1 {
	margin-top: 25px;
}

.contenedor .izq .texto1 p {
	color: #fcbc59;
	font-size: 38px;
	letter-spacing: 2px;
	line-height: 31px;
}

.contenedor .izq .texto2 {
	margin-top: 25px;
}

.contenedor .izq .texto2 p {
	color: #fff;
	font-size: 15px;
	font-weight: 300;
	letter-spacing: 1.6px;
	line-height: 16px;
}

.contenedor .izq .mision{
	margin-top: 60px;
	display: flex;
	flex-direction: row;
}

.contenedor .izq .mision .img img{
	width: 100%;
	max-width: 145px;
	height: 100%;
	max-height: 47px;
	position: relative;
	right: 25px;
}

.contenedor .izq .mision .texto p{
	color: #fff;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 1.6px;
	position: relative;
	bottom: 16px;
	left: 32px;
}

.contenedor  .der{

}

.contenedor  .der .img-tex img{
	width: 100%;
	max-width: 73px;
	height: 100%;
	max-height: 51px;
	position: absolute;
	margin-top: 50px;
	margin-left: 160px;
}

.contenedor  .der .producto img{
	width: 100%;
	max-width: 656px;
	height: 100%;
	max-height: 607px;
	position: absolute;
	top: 10px;
	right: 0px;
}

footer{
	display: flex;
	flex-direction: row;
	margin:35px 0px 0px 75px;
}

footer .info1{
	display: flex;
	flex-direction: row;
}

footer .info1 .texto p{
	color: #fff;
	font-size: 15px;
	letter-spacing: 1.6px;
	position: relative;
	top: 19px;
	font-weight: 300;
}

footer .info1 .img img{
	width: 100%;
	max-width: 378px;
	height: 100%;
	max-height: 50px;
	margin-left: 6px;
}


footer .info2  p{
	color: #fcbc59;
	font-size: 15px;
	letter-spacing: 1.6px;
	position: relative;
	left: 250px;
	top: 19px;
	font-weight: 300;
}

/* 0---------------------------------------- */

/* DESIGN - CELULARES */
.contenedor-resp{
	margin-left: 25px;
	margin-top: 25px;
	display: none;
}

.contenedor-resp .contacto {

}

.contenedor-resp .contacto p{
	color: #fcbc59;
	position: absolute;
	font-size: 11px;
	right: 25px;
	font-weight: 300;
}

.contenedor-resp .seccion1{

}

.contenedor-resp .seccion1 .sIzq{

}

.contenedor-resp .seccion1 .sIzq .img{

}

.contenedor-resp .seccion1 .sIzq .img img{
	width: 100%;
	height: 100%;
	max-width: 85px;
}

.contenedor-resp .seccion1 .sIzq .texto .texto1{
	margin-top: 22px;
}
.contenedor-resp .seccion1 .sIzq .texto .texto1 p{
	color: #fcbc59;
	font-size: 19px;
	letter-spacing: 1px;
	line-height: 18px;
}

.contenedor-resp .seccion1 .sIzq  .texto .texto2{
	margin-top: 22px;
}

.contenedor-resp .seccion1 .sIzq  .texto .texto2 p{
	color: #fff;
	font-size: 10px;
	letter-spacing: 1px;
	line-height: 12px;
	font-weight: 300;
}

.contenedor-resp .cont-img1{

}


.contenedor-resp .cont-img1 img{
	width: 100%;
	height: 100%;
	max-width: 130px;
	max-height: 230px;
	position: absolute;
	top: 90px;
	right: 20px;
}

.contenedor-resp .seccion2 .cont-img2{
	margin-top: 20px;
}
.contenedor-resp .seccion2 .cont-img2 img{
	width: 100%;
	height: 100%;
	max-width: 350px;
	max-height: 500px;
}

.contenedor-resp .seccion2 .text-mision {

}

.contenedor-resp .seccion2 .text-mision .texto{
	position: absolute;
	right:40px;
	margin-top: -100px;
}

.contenedor-resp .seccion2 .text-mision .texto p{
	color: #fff;
	font-size: 10px;
	font-weight: 300;
	font-weight: 300;
}

.contenedor-resp .footer-res{
	display: flex;
	flex-direction: row;
	margin-top: 10px;
}

.contenedor-resp .footer-res .texto{

}

.contenedor-resp .footer-res .texto p{
	color: #fff;
	font-size: 10px;
	letter-spacing: 1px;
	position: relative;
	top: 16px;
	font-weight: 300;
}

.contenedor-resp .footer-res .img{

}


.contenedor-resp .footer-res .img img{
	width: 100%;
	max-width: 260px;
	height: 100%;
	max-height: 60px;
	margin-left: 6px;
}