@charset "utf-8";

/* CSS Document */



@font-face {

    font-family: "modern";

    src:url(../fonts/modern/MODERNESAN.ttf) format("truetype");

}



@font-face {

    font-family: "century-gothic";

    src:url(../fonts/century/GOTHIC.TTF) format("truetype");

}



@font-face {

    font-family: "lane";

    src:url(../fonts/lane/LANENAR_.ttf) format("truetype");

}



@font-face {

    font-family: "merri";

    src:url(../fonts/merri/Merriweather-Regular.ttf) format("truetype");

}



* {

	margin:0;

	padding:0;

}



html, body { 

	width: 100%;

}



body { 

	background:#2e2844; /*5d508c*/

	background-image:url(../img/back1.jpg);

	background-repeat:repeat;

	font-family: century-gothic;

	font-size:0.8em;

}



.wrapper {

	width:100%;

}



.head {

	width:100%;

	height:150px;

	position:fixed;

	top:0px;

	z-index:201;



}





/* ya no 

.back-head {

	width:100%;

	height:130px;

	position:fixed;

	top:0px;

	z-index:200;

	background-color:#000;

	-webkit-transition: all .25s ease-in;

       -moz-transition: all .25s ease-in;

        -ms-transition: all .25s ease-in;

         -o-transition: all .25s ease-in;

            transition: all .25s ease-in;

}

*/





/* colores scroll */

.nubes {

    background-color: #ecf0f1;

    color:black;

}



.plata {

    background-color: rgba(225,224,224,.90);

}



.esmeralda {

    background-color: rgba(225,224,224,.90);

}



.verde {

    background-color:rgba(225,224,224,.90);

}



.zanahoria {

    background-color: rgba(225,224,224,.90);

}



.zapallo {

    background-color:rgba(225,224,224,.90);

}



.transp {

    background-color:transparent;

}



.logo {

	width:24%;

	height:143px;

	background-image:url(../img/logo_web.png);

	background-repeat:no-repeat;

	margin-left:3%;

	display:inline-block;

}



.icon_menu {

	width:32px;

	height:36px;

	display:inline-block;

	float:right;

	background-image:url(../img/menu_icon.png);

	background-repeat:no-repeat;

	margin-top:1%;

	margin-right:2%;

}



.barra_menu {

	width:60%;

	height:50px;

	margin-top:4%;

	margin-right:5%;

	background-color:#1E1E1E;

	display:inline-block;

	float:right;

	opacity: 0.7;

  	filter:  alpha(opacity=70);

}



.link {

	cursor:pointer;

}

.fondo_menu_index {

	background:rgba(225,224,224,.75);

	background-repeat:repeat-x;

}



.base_menu_index {

	width:84%;

	height:112px;

	display:inline-block;

}

/* textos y titulos */



.texto1 {

	font-family:modern;

	font-size:2.5em;

	text-align:center;

	color:#FFF;

	padding-top:1.5vw;

	width:50%;

	margin:0 auto;	

}



.texto2 {

	font-family:modern;

	font-size:1.5em;

	text-align:center;

	color:#FFF;

	padding-top:0.1vw;

	width:55%;

	margin:0 auto;	

}



.texto3 {

	font-family:merri;

	font-size:1.2em;

	text-align:justify;

	color:#658193;

	padding:45px 45px 45px 45px;

	margin:0 auto;	

}



.texto4 {

	font-family:merri;

	font-size:1.1em;

	text-align:justify;

	padding:40px 40px 40px 40px;

	margin:0 auto;	

}



h1 {

	font-family:lane;

	font-size:1.3em;

	text-align:center;

	color:#FFF;

}



h1:hover {

	color:#2F414E;

}



h2 {

	font-family:modern;

	font-size:1.6em;

	text-align:center;

	color:#FFF;

	font-weight:normal;

	line-height:35px;

}



h3 {

	font-family:century-gothic;

	font-size:1.2em;

	text-align:center;

	font-weight:normal;

	color:#FFF;

}



h4 {

	font-family:century-gothic;

	font-size:0.9em;

	text-align:center;

	font-weight:normal;

	color:#FFF;

	display:inline-block;

}



h5 {

	font-family:merri;

	font-size:1.4em;

	text-align:justify;

	margin:0 auto;

	font-weight:normal;

	line-height:32px;

}



h6 {

	font-family:modern;

	font-size:2.3em;

	text-align:center;

	color:#FFF;

	font-weight:normal;

	line-height:35px;

}

h7 {

	font-family:century-gothic;

	font-size:0.8em;

	text-align:center;

	font-weight:normal;

	color:#666699;

	display:inline-block;

}

.letra1 {

	font-size:1.5em;

}



.titulo-sec {

	font-family:lane;

	font-size:2.5em;

	font-weight:normal;

	color:#FFF;

	display:inline-block;

	margin-top:2.5%;

}



.titulo-sec2 {

	font-family:lane;

	font-size:1.8em;

	font-weight:normal;

	color:#FFF;

	display:inline-block;

	margin-top:1.5%;

}





/* botones 1/4 de pantalla y colores*/



.contenedor_btn {

	width:100%;

	display:inline-block;

	margin:0 auto;

	vertical-align:top;

}



.btn_uncuarto {

	width:25%;

	height:80px;

	display:inline-block;

	text-align:center;

	background-color:transparent;

}



.alto1 {

	height:80px;

}



.alto2 {

	height:335px;

}



.alto3 {

	height:50px;

}



.alto4 {

	height:119px;

}



.alto5 {

	height:60vw;

}



.alto6 {

	height:25vw;

}



.alto7 {

	height:28vw;

}



.alto8 {

	height:200px;

}

.alto8b {

	height:200px;

}




.ancho100 {

	width:100%;

}



.ancho2 {

	width:50%;

}



.ancho3 {

	width:92%;

}



.ancho4 {

	width:40%;

}



.ancho5 {

	width:46%;

}



.ancho6 {

	width:35%;

}



.ancho7 {

	width:60%;

}



.ancho8 {

	width:80%;

}

.ancho9 {

	width:82%;

}



.back_color1 {

	background-color:#A7B4BF;

}



.back_color2 {

	background-color:#728D9C;

}



.back_color3 {

	background-color:#5d508c;

}



.back_color4 {

	background-color:#787f9f;

}



.back_color5 {

	background-color:#00a4ca;

}



.back_color6 {

	background-color:#fff;

}



.back_color7 {

	background-color:#2e2844;

}



.back_color8 {

	background-color:#036da3;

}



.back_color9 {

	background-color:#432a70;

}





.back_img1 {

	background-image:url(../img/green-gobbler.png);

	background-repeat:repeat-x;

	background-position:bottom;

}



.back_img2 {

	background-image:url(../img/fondo_prod11.png);

	background-repeat:repeat-x;

	background-position:bottom;

}



.color1 {

	color:#FFF;

}



.color2 {

	color:#97a2a5;

}



.color3 {

	color:#788e69;

}



.color4 {

	color:#2e2844;

}



.oculto {

	z-index:1;

}



.centrar {

	text-align:center;

}



.izquierda {

	text-align:left;

	padding-left:16%;

}



.margen1 {

	margin-left:60px;

}



.margen_abajo1 {

	margin-bottom:7%;

}



.linea {

	display:inline-block;

}







/* contenedores e iconos de submenu */







.contenedor-icono {

	width:85%;

	height:15px;

	margin:0 auto;

	text-align:center;

	display:inline-block;

	margin-top:15px;

	cursor:pointer;

}



.icono-set {

	color:#2E333B;

	margin-right:10px;

	display:block;

	font-size:2vw;

}



/* contenedores y elementos de seccion */



.main-section {

	display:table;

}



.contenedor_section {

	width:100%;

	display:table-row;

	margin:0 auto;

	vertical-align:top;

}



.contenido {

	display: table-cell;

	width:25%;

	text-align:center;

}



.contenido50 {

	display: table-cell;

	width:50%;

	text-align:center;

}



.contenido100 {

	display: table-cell;

	width:90%;

	text-align:center;

}



.contenedor-texto {

	width:75%;

	height:90px;

	margin:0 auto;

	text-align:center;

	display:block;

	margin-top:10px;

	background-color:transparent;

}



.contenedor-texto : hover {

	transition: background-color 1s ease, height 2s ease-in 1s, margin-bottom 1s linear 3s;

}



.btn_ir {

	background:url(../img/btn_ir.png);

	background-repeat:no-repeat;

	text-align:center;

	width:35%;

	height:83px;

	margin:0 auto;

	cursor:pointer;

	margin-top:50px;	

}



.btn_ir:hover {

	background-image:url(../img/btn_ir_hover.png);

}



.foto1 {

	background-image:url(../img/capacitacion.jpg);

	background-repeat:no-repeat;

	background-size:cover;

}



.foto2 {

	background-image:url(../img/contenido2.jpg);

	background-repeat:no-repeat;

}



.foto3 {

	background-image:url(../img/vida.jpg);

	background-repeat:no-repeat;

}



.foto4 {

	background-image:url(../img/retiro.jpg);

	background-repeat:no-repeat;

}

.foto5 {

	background-image:url(../img/gastos_medicos.jpg);

	background-repeat:no-repeat;

}





/* Nosotros */



.contenedor_nos {

	width:100%;

	height:100%;

	display:inline-block;

}



.head_nos {

	width:100%;

	display:inline-block;

}



.nosotros {

	width:84%;

	height:119px;

	display:inline-block;

}



.base_menu {

	width:84%;

	height:85px;

	display:inline-block;

}



.fondo_nos {

	background-image:url(../img/textura_fondo.png);

	background-repeat:repeat-x;

}



.fondo_menu {

	background-image:url(../img/back_menu.png);

	background-repeat:repeat-x;

}







.img_nos {

	width:100%;

	background:#293847;

	padding-bottom:1%;

}


/*nos_head simula parallax - no utilizado */
.nos_head {

	background-image:url(../img/nos_head.jpg);

	background-attachment:fixed;

	bacground-repeat:no-repeat;

	height:260px;

	background-size:cover;

	background-position:0px 30px;

}



.contenido_nos_gral {

	width:100%;

	display:inline-block;

}



.contenido_nos_gral2 {

	width:100%;

	display:inline-block;

}



.contenido_nos {

	display:table;

	height:4vw;

	margin-left:7%;

	margin-top:40px;

	border-spacing:10px;

}



.contenido_nos2 {

	display:table;

	height:4vw;

	margin-left:20%;

	margin-top:20px;

	border-spacing:10px;

}



.nos-row {

	display:table-row;

}



.titulo-nos {

	width:45%;

	border:thin solid rgba(255,255,255,1.00);

	display:table-cell;

}



.celda {

	display:table-cell;

}



.img_titulo_nos {

	width:35%;

	background-image:url(../img/titulo_nos.png);

	background-repeat:no-repeat;

	display:table-cell;

}



.vision_img {

	width:40%;

	height:190px;

	background-image:url(../img/vision.jpg);

	background-repeat:no-repeat;

	display:table-cell;

	background-size:cover;

}



.clientes_img {

	width:40%;

	height:190px;

	background-image:url(../img/clientes.jpg);

	background-repeat:no-repeat;

	display:table-cell;

	background-size:cover;

}



.img_nos1 {

	width:100%;

	height:190px;

	display:inline-block;

	background-position:center;

	margin-top:10px;

}



.img_round1 {

	background-image:url(../img/nosotros1.png);

	background-repeat:no-repeat;

}



.img_round2 {

	background-image:url(../img/nosotros2.png);

	background-repeat:no-repeat;

}



.img_round3 {

	background-image:url(../img/vision1.png);

	background-repeat:no-repeat;

}



.img_round4 {

	background-image:url(../img/vision2.png);

	background-repeat:no-repeat;

}



.img_round5 {

	background-image:url(../img/vision3.png);

	background-repeat:no-repeat;

}



.img_round6 {

	background-image:url(../img/vision4.png);

	background-repeat:no-repeat;

}

.img_round7 {

	background-image:url(../img/razon.png);

	background-repeat:no-repeat;

}

.img_round8 {

	background-image:url(../img/ayuda.png);

	background-repeat:no-repeat;

}

.img_round9 {

	background-image:url(../img/smnyl.png);

	background-repeat:no-repeat;

}

.cuadro_nos {

	border-top-left-radius:30px;

	border-bottom-right-radius:30px;

	background-color:#fff;

	margin-left:9%;

	margin-top:25px;

	margin-bottom:35px;

	display:inline-block;
	opacity:0;

}



.cuadro_nos2 {

	width:35%;

	height:90%;

	margin-left:3%;

	margin-top:25px;

	vertical-align:top;

	display:inline-block;

	text-align:center;

}



.cuadro_nos3 {

	border-top-left-radius:30px;

	border-bottom-right-radius:30px;

	background-color:#fff;

	margin-left:10%;

	margin-top:25px;

	margin-bottom:35px;

	display:inline-block;

}



.cuadro_nos4 {

	border-top-left-radius:30px;

	border-bottom-right-radius:30px;

	background-color:#fff;

	margin-left:7%;

	margin-top:45px;

	display:inline-block;

}



.cuadro_nos_oscuro {

	border-top-left-radius:30px;

	border-bottom-right-radius:30px;

	background-color:#787f9f;

	margin-left:9%;

	margin-top:25px;

	margin-bottom:35px;

	display:inline-block;

}







.cita1 {

	width:100%;

	display:inline-block;

	margin-top:30px;

	margin-bottom:10px;

	background-color:rgba(53,60,76,0.60);

	padding:16px 30px 16px 30px;

	border-radius:10px;

}



.contenedor_mision {

	width:40%;

	display:inline-block;

}



.contenedor_textom {
	width:50%;
	display:inline-block;
}



/* Productos */



.contenedor_prod {

	width:100%;

	display:inline-block;

}



/*Cotacto*/



.fondo_menu_contacto {

	background-image:url(../img/back_head.png);

	background-repeat:repeat-x;

}



.base_menu_c {

	width:84%;

	height:147px;

	display:inline-block;

}



.img_contacto2 {

	width:40%;

	height:239px;

	background-image:url(../img/generar_contacto_chica.jpg);

	background-repeat:no-repeat;

	display:table-cell;

	background-size:cover;

}



/*noticias*/



.fondo_news {

	width:100%;

	background:#1c2831;

	padding-bottom:1%;

}



.img_noticia1 {

	width:40%;

	height:325px;

	background-image:url(../img/mision_home.jpg);

	background-repeat:no-repeat;

	display:table-cell;

	background-size:cover;

}



/*noticias*/

.img_contacto1 {

	width:40%;

	height:185px;

	background-image:url(../img/contact-icons-1.png);

	background-repeat:no-repeat;

	display:table-cell;

	background-size:cover;

}





/* footer */



footer {

	width:100%;

	text-align:center;

	background-color:#5d508c;

	display:block;

	float:left;

	padding-top:2%;

	padding-bottom:2%;

	border-top:thin solid  rgba(120,127,159,1);

}



footer a span {

	text-decoration:none;

	color:#FFF;

	display:inline-block;

}



footer a {

	text-decoration:none;

	font-family:century-gothic;

	font-size:0.8em;

	text-align:center;

	font-weight:normal;

	color:#FFF;

	display:inline-block;

	cursor:pointer;

}



footer a : hover {

	font-size:0.9em;

	color:#000;

}



.sombra {

	box-shadow: 3px 0 10px 7px rgba(0, 0, 0, 0.4);

}









@media screen and (min-width: 1280px) and (max-width: 1920px) {



}



@media screen and (min-width: 1086px) and (max-width: 1280px) {



.btn_ir {

	width:35%;

	height:70px;

	background-size:65px;	

}



.texto3 {

	font-size:1.1em;

}



.img_nos1 {

	width:100%;

	height:170px;

	background-size:170px;

}





h5 {

	font-size:1.2em;

}



.titulo-sec {

	font-size:2.5em;

	margin-top:2.5%;

}



/* .nos_head {

	background-size:1280px;

	background-position:0px 40px;

	height:240px;

}*/

	

	

}



@media screen and (min-width: 1024px) and (max-width: 1086px) {



.btn_ir {

	width:35%;

	height:70px;

	background-size:65px;	

}





.img_nos1 {

	height:150px;

	background-size:150px;

}



h5 {

	font-size:1.2em;

}



.titulo-sec {

	font-size:2.5em;

	margin-top:2.8%;

}


/*
.nos_head {

	background-size:1086px;

	background-position:0px 80px;

	height:220px;

}*/



}



@media screen and (min-width: 850px) and (max-width: 1024px) {



.btn_ir {

	width:35%;

	height:70px;

	background-size:58px;	

}



.img_nos1 {

	height:145px;

	background-size:145px;

}



.margen1 {

	margin-left:30px;

}



.cuadro_nos {

	width:50%;

	margin-left:8%;

	margin-top:15px;

}



.cuadro_nos2 {

	width:30%;

	margin-left:3%;

	margin-top:15px;

}



.cuadro_nos_oscuro {

	width:50%;

	margin-left:8%;

	margin-top:15px;

}



h5 {

	line-height:20px;

}



.texto4 {

	font-size:1.2em;

}



.titulo-sec {

	font-size:2.5em;

	margin-top:3%;

}


/*
.nos_head {

	background-size:1150px;

	background-position:0px 60px;

	height:200px;

} */



}







@media screen and (min-width: 480px) and (max-width: 850px) {



.head {

	background-color:rgba(255,255,255,0.20);

	height:140px;

}



.btn_uncuarto {

	width:50%;

	height:65px;

	border-bottom:1px solid rgba(255,255,255,1.00);

}



.contenido {

	width:50%;

	float:left;

}



.contenido50 {

	width:100%;

	float:left;

}



.contenedor-texto {

	height:60px;

	margin-top:35px;

}



.alto2 {

	height:250px;

}



.foto1 {

	background-size:420px;

}



.texto1 {

	font-size:2em;

	padding-top:1.6vw;

	width:70%;	

}



.texto3 {

	font-size:0.9em;

}



.texto4 {

	font-size:0.85em;

	padding:28px;

}



.titulo-sec {

	margin-top:4%;

	font-size:2em;

	text-align:center;

}



.btn_ir {

	width:25%;

	height:70px;

	background-size:40px;

	margin-top:10px;	

}



.sombra {

	box-shadow: 3px 0 10px 7px rgba(0, 0, 0, 0.9);

}





/*nos*/



.img_nos1 {

	width:20%;

	height:96px;

	background-size:96px;

	margin-top:-15px;

	background-position:left;

}



.cita1 {

	width:40%;

	float:right;

	margin-left:1%;

	margin-bottom:15px;

	margin-top:-15px;

}



h5 {

	font-size:0.9em;

	line-height:20px;

	vertical-align:middle;

}





.cuadro_nos {

	width:88%;

	margin-left:8%;

	margin-top:15px;

}



.cuadro_nos2 {

	width:95%;

	margin-left:1%;

	margin-top:5px;

}



.cuadro_nos_oscuro {

	width:88%;

	margin-left:8%;

	margin-top:15px;

}



.margen_abajo1 {

	margin-bottom:15%;

}


/*
.nos_head {

	background-size:860px;

	background-position:0px 120px;

	height:160px;

} */



}



@media screen and (max-width: 480px) {

	

.head {

	background-color:rgba(255,255,255,0.20);

	height:150px;

}



.btn_uncuarto {

	width:100%;

	height:50px;

}



.contenido {

	width:100%;

	float:left;

}



.contenido50 {

	width:100%;

	float:left;

}



.contenedor-texto {

	height:20px;

	margin-top:30px;

}

.ancho7 {

	width:80%;

}

.alto2 {

	height:210px;

}


.alto8b {

	height:100%;

}


h2 {

	font-size:1.5em;

}



h3 {

	font-size:1.2em;

}



.texto1 {

	font-size:1.1em;

	padding-top:1.6vw;

	width:80%;	

}



.texto2 {

	font-size:0.7em;

	width:70%;

}



.texto3 {

	font-size:0.9em;

	padding:30px;

}



.texto4 {

	font-size:0.9em;

	padding:30px;

}



.titulo-sec {

	font-size:1.5em;

	margin-top:7%;

	text-align:center;

}



.foto1 {

	background-size:460px;

}	



.btn_ir {

	width:21%;

	height:70px;

	background-size:45px;

	margin-top:20px;	

}



/*nos*/



.img_nos1 {

	width:40%;

	height:96px;

	background-size:96px;

	margin-top:-15px;

	background-position:left;

}



.cita1 {

	width:75%;

	margin-top:20px;

	margin-bottom:20px;

}



h5 {

	font-size:0.9em;

	line-height:20px;

	vertical-align:middle;

}



.cuadro_nos {

	width:88%;

	margin-left:8%;

	margin-top:15px;

}



.cuadro_nos2 {

	width:95%;

	margin-left:1%;

	margin-top:5px;

}



.cuadro_nos_oscuro {

	width:88%;

	margin-left:8%;

	margin-top:15px;

}



.contenedor_mision {

	width:90%;

	display:block;

}



.contenedor_textom {

	width:90%;

	display:block;

}



.contenido_nos2 {

	margin-left:5%;

}



.cuadro_nos3 {

	margin-left:-2%;

	margin-top:10px;

	vertical-align:top;

}

.cuadro_nos4 {

	margin-bottom:3%;

}



.margen_abajo1 {

	margin-bottom:-15%;

}


/*
.nos_head {

	background-image:url(../img/nos_head.jpg);

	background-size:850px;

	background-position:-350px 120px;

	height:180px;

} */



}