@charset "utf-8";
body, html  { margin:0 auto; padding:0; font-family: 'Roboto', sans-serif; font-size:17px; font-weight:300; height: 100%; color:#5e5e5e; } 
a { transition-duration: 0.2s; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; text-decoration:none; color:#665; }
.animado { transition-duration: 0.2s; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; } 
div { position:relative; float:left;  } 
.contenedor { display: inline-block; width:100%; margin:0; text-align:center; padding: 0; position:relative; }
.contenedor_1 { background-image:url("../img/back_1.jpg"); background-position:bottom; background-repeat:repeat-x; display: inline-block; width:100%; margin:0; text-align:center; padding: 0; position:relative; }
.centro { display:inline-block; width:1600px; margin:auto; position:relative; text-align:left; float:none; }
.proyimg { position:absolute; width:100%; height:100%; left:-10px; top:-10px; }
.btn { color:#fff; font-size:36px; font-weight:400; }
.btn:hover { color:#fff; font-size:46px; font-weight:900; }
.logoheader { position: absolute; left: 35px; top: 15px; width: 120px; z-index: 999; }


.signature { color:#665; font-size:12px; font-weight:400; }
.signature:hover { color:#242424;  }


.boton_header_2{  display:inline-block; float:left; margin: auto;  margin: 0 12px; color:#FFF; font-family: 'Roboto Condensed', sans-serif; font-size: 12px; letter-spacing:1px;   }
.boton_header_2:hover{ color: #242424; } 

.boton_header_3{  display:inline-block; float:left; margin: auto;  margin: 0 12px; color:#7D7D7D; font-family: 'Roboto Condensed', sans-serif; font-size: 12px; letter-spacing:1px;   }
.boton_header_3:hover{ color: #242424; } 



.boton_header {  display:inline-block; float:left; margin: auto;  margin: 0 12px; color: #fff; font-family: 'Roboto Condensed', sans-serif; font-weight:700; font-size: 14px; letter-spacing:1px;   }
.boton_header:hover { color: #242424; }


.boton_header_1 {  display:inline-block; float:left; margin: auto;  margin: 0 12px; color: #7d7d7d; font-family: 'Roboto Condensed', sans-serif; font-weight:700; font-size: 14px; letter-spacing:1px;  }
.boton_header_1:hover { color: #242424; }


.boton_header_on {  display:inline-block; float:left; margin: auto;  margin: 0 12px; color:#92c435; font-family: 'Roboto Condensed', sans-serif; font-weight:700; font-size: 14px; letter-spacing:1px;  }
.boton_header_on:hover { color: #242424; }

.botonheader { color: #92c435; font-family: font-family: 'Roboto Condensed', sans-serif; font-size: 16px; font-weight: 300; }
.botonheader:hover { color: #92c435; }
.botonheader_on { color: #ccc; font-family: font-family: 'Roboto Condensed', sans-serif; serif; font-size: 16px; font-weight: 300; }
.botonheader_on:hover { color: #ccc; }

.mitad { width: 50%; height: 100%; }
.derecha { float:right; }
.titulo { font-size: 25px; font-family: 'Roboto', serif; font-weight:300; color:#92c435; }
.btnmarco {  border: 2px solid #fff; color: #fff; font-size: 13px; padding: 10px 15px; text-transform: uppercase; background: none; border-radius: 25px 25px 25px 25px; }
.btnmarco:hover { color: #fff; background:#92c435;  border: 0px; }

.btnmarco_1 {  border: 2px solid #5e5e5e; color: #5e5e5e; font-size: 13px; font-weight: 700; padding: 10px 15px; text-transform: uppercase; background: none; border-radius: 25px 25px 25px 25px; }
.btnmarco_1:hover { border: 0px solid #fff; color: #fff; background:#92c435;  }

.btnsend {     background: #fff;    color: #000;    border: 3px solid #000;    padding: 10px 25px;    text-align: center;    cursor: pointer;    transition-duration: 0.2s;    -webkit-transition: all 10ms ease;    -moz-transition: all 100ms ease;    font-weight: bold;}
.btnsend:hover {  background: #000;    color: #fff;  }

.tercia_1 { width:calc(20% );  padding: 5px 5px; color: #ccc; font-size: 18px; text-align:left; }
.tercia {    width: calc(33.3% - 140px);    width: -moz-calc(33.3% - 140px);    padding: 110px 70px;    color: #5e5e5e;    font-size: 18px; text-align:left;}
.doble {    width: calc(50% );    width: -moz-calc(50%);        color: #ccc;     text-align:left;}
.titulolinea { font-size: 22px; font-family: 'Roboto Slab', serif; width: 140px; border-bottom: 2px solid #ffdb4f; display: inline-block; margin: 0 0 7px 0; }

.div48 { width:580px; font-size:18px; padding:0 0 30px 0; margin:auto; float:none; text-align:left; }

.btn_news { background:#2c2c2c; color:#fff; font-size:12px; font-weight:400;  padding:5px 10px; text-transform:uppercase; transition-duration: 0.2s; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; cursor:pointer; }
.btn_news:hover { background:#ffdb4f; }

.btn_share { font-size:15px; font-weight:700; color:#2c2c2c; }
.btn_share { color:#000; }

.campo { width:100%; height:35px; }
.campo2 { width:100%; height:85px; }

.inicio_head { width: 100%; height: 600px; }
.inicioA { position: absolute; left: 90px; bottom: 160px; width: 490px; font-size: 17px; color: #5e5e5e; text-align: left; }
.inicioC_1 {	position: absolute;	left: 60px;	bottom: -82px;	width: 540px;	font-size: 17px;	color: #5e5e5e;	text-align: left;
}

.lfooter {  color:#fff;  }
.lfooter:hover,visited { color:#ccc;  }
.cuadro_1{ font-family: 'Roboto', sans-serif; padding:5px 0 0 50%; color:#FFF; font-weight:100; font-size:18px; width:800px; left:-400px; color:#5e5e5e; text-align:left;}
.image_1{max-width:752px; }

.primero { display:none;    width:150px;  }
#primero:hover .primero { position:absolute;  margin-left:0px;margin-top:10px;  display:block;   z-index:3000000000; } 




@media (max-width:1600px){
.centro { width:96%; }
.centro_1 { width:100%; }
.inicioC_1 { width:80%; left: 60px;}
}
.altura540 { height: 540px; }
.history_img { width: 640px; float: right; padding: 0 100px 0 0; }
.history_txt { padding: 0px 50px 0 100px; width: calc(100% - 1000px); width: -moz-calc(100% - 1100px); color: #5e5e5e; font-size: 17px; text-align:justify; }
.history_txt2 { width: 730px; font-size: 18px; color: #fff; margin: 50px 0 70px 70px; text-align:justify; }
.contactlogo { float:left; margin:140px 0 0 100px; }
.contact_info { float:right; margin: 130px 130px 140px 0; }
@media (max-width:1400px){
.contact_info { margin: 130px 100px 140px 0; } 
.contactlogo { margin:140px 0 0 100px; }
.history_txt { padding: 0px 0 0 100px; width: calc(100% - 850px); width: -moz-calc(100% - 1000px); font-size: 16px; text-align:justify; }
.history_txt2 { width: 530px; font-size: 16px; margin: 90px 0 70px 100px; }
.history_img { width: 540px; padding: 0 100px 0 0; }
}
.newscont { width:1170px; float:none; margin:auto; }
.new14 { width:1140px; float:none; margin:auto; padding:60px 0 0 0; }
.contactinfo1 { width:410px; color:#2b2b2b; font-size:18px; }
.contactinfo2 { width:360px; color:#2b2b2b; font-size:18px; }
.inicioC_1 { width:80%; left: 60px;}


@media (max-width:1300px){
	.contactinfo1 { width:350px; }
	.contactinfo2 { width:300px; }
	.contact_info { margin: 130px 50px 140px 0; }
	.contactlogo { margin:140px 0 0 50px; }
	.new14 { width:90%; }
	.newscont { width:780px; float:none; margin:auto; }
	.inicio_head { height: 410px; }
	.inicioA { left: 80px; bottom: 45px; width: calc(100% - 160px); width: -moz-calc(100% - 160px); font-size: 18px; }
	.inicioC_1 { width:80%; left: 60px;}
}

.menu_desk { width: 100%; text-align: center; }
.pie { font-size: 14px; color: #fff; padding: 12px 0 12px 100px; }
.cabeza { height: 80px;  position: fixed; left: 0; top: 0; z-index: 9999; }

.txtproducts { position: absolute; left: 105px; bottom: 55px; width: 490px; font-size: 20px; color: #2b2b2b; text-align: left; }
.history18 { width: 1080px; margin: auto; float: none; }
.menu_mov { position:fixed; right:20px; top:15px; display:none; z-index:99999; display:none; }
.inicioC_1 { width:80%; left: 60px;}
@media (max-width:1100px){
	.menu_mov { display:inline-block;}
	.contactlogo { margin: 100px 0 0 20px; }
	.contactinfo1 { width: 300px; font-size: 16px; }
	.contactinfo2 { width: 260px; font-size: 16px; }
	.contact_info { margin: 100px 20px 140px 0; }
	.div48 { width: 380px; }
	.history18 { width: 90%; }
	.txtproducts { position: absolute; left: 70px; bottom: 35px; width: 490px; font-size: 18px; }
	.altura540 { height: 440px; }
	.history_img { padding: 0 50px 0 0; width: 440px; }
	.history_txt { font-size: 16px; padding: 0 0 0 50px; width: calc(100% - 600px); width: -moz-calc(100% - 600px); }
	.history_txt2 { margin: 90px 0 70px 70px; }
	.inicioC_1 { width:80%; left: 60px;}
}

.newsnew { width:360px; margin: 0 15px 60px 15px; color:#2c2c2c; text-align:justify; }
.newimg { width:100%; height:540px; margin: 0 0 30px 0; }
@media (max-width:1000px){
	.contact_info { margin: 50px 10% 140px 10%; width: 80%; }
	.contactlogo { margin: 0 0 50px 0; width: 100%; text-align: center; }
	.newimg { height:410px; }
	.newsnew { width:310px; margin: 0 15px 60px 15px; }
	.newscont { width:680px; float:none; margin:auto; }
	.div48 { width: 280px; font-size: 16px; }
	.menu_desk { display:none; }
	.logoheader { top: 5px; }
	.inicioA { font-size: 16px; }
	.tercia { font-size: 16px; padding: 90px 50px; width: calc(80% - 100px); width: -moz-calc(80% - 100px); }
	.pie { padding: 12px 0; width: 100%; text-align: center; }
	.altura540 { height: 340px; }
	.txtproducts { bottom: 20px; font-size: 14px; left: 50px; width: calc(100% - 100px); width: -moz-calc(100% - 100px); }
	.history_img { padding: 0 10%; width: 80%; }
	.history_txt { font-size: 16px; padding: 0 10% 50px; width: 80%; }

}
.inicioB { height: 530px; background: #21222d; }
.inicio_Home {height:400px;}
.inicioC { height: 600px; background: #FFF; }
.inicioD { height: 530px; background: #92c435; }
.inicioE { background: rgba(255,255,255,0); }
.inicioF { height: 335px; background: #21222d; }
.inicioFF { height: 535px; }
.inicioF_1 { height: 335px; background: #92c435; }
.inicioFF_1 { height: 535px; }
.mitadimg { width: 50%; height: 100%; }
.mitadtxt { width: 50%; height: 100%; }
.newsimg { width:100%; height:150px; margin: 0 0 30px 0; }
.newstitulo { font-size:25px; font-weight:700; font-family: 'Roboto Slab', serif; line-height:30px; height:30px; overflow:hidden; margin: 0 0 10px 0; text-align: left; }
.margen { width:100%; height:0px; }



@media (max-width:700px){
	.margen { width:100%; height:0px; }
	.contactinfo2 { margin: 70px 0 0 0; }
	.new14 { width:80%; }
	.newimg { height:210px; }
	.newstitulo { font-size:21px; line-height:27px; height:27px; margin: 0 0 5px 0; }
	.newsimg { width:100%; height:140px; margin: 0 0 15px 0; }
	.newsnew { width:calc(100% - 40px); width:-moz-calc(100% - 40px); margin: 0 20px 50px 20px; }
	.newscont { width:100%; }
	.history_txt2 { margin: 50px 5% 70px; width: 90%; }
	.altura540 { height: 700px; }
	.mitadimg { width: 100%; height: 300px; }
	.mitadtxt { width: 100%; height: 400px; }
	.derecha { float:left; }
	
	.logoheader { top: 0; left: 25px; width: 80px; }
	.inicioE { margin-top: 60px; }
	.mitad { width:100%; }
	.inicioB { height: 230px; }
	
	.inicio_Home {height:250px;}
	.inicioC_cosmetic { height: 750px; }
	.inicioC { height: 450px; }
	.inicioC_1 {bottom:30px; font-size: 16px; left: 50px; width: calc(100% - 100px); }
	.inicioD { height: 280px; }
	.inicioA { bottom: 5px; font-size: 16px; left: 50px; width: calc(100% - 100px); }
	.cabeza { height: 60px; }
	.inicio_head { height: 310px; }
	.tercia { padding: 60px 50px 0; width: calc(100% - 100px); width: -moz-calc(100% - 100px); }
	.txtproducts { height: 350px; }
	.cuadro_1{ font-family:'Roboto Light'; padding:5px 0 0 50%; color:#FFF; width:400px;  font-size:18px; left:-200px; color:#CCC; text-align:left;}
	.image_1 { width:75%; }
	
	
}

@media (max-width:700px){
	.margen { width:100%; height:0px; }
	.contactinfo2 { margin: 70px 0 0 0; }
	.new14 { width:80%; }
	.newimg { height:210px; }
	.newstitulo { font-size:21px; line-height:27px; height:27px; margin: 0 0 5px 0; }
	.newsimg { width:100%; height:140px; margin: 0 0 15px 0; }
	.newsnew { width:calc(100% - 40px); width:-moz-calc(100% - 40px); margin: 0 20px 50px 20px; }
	.newscont { width:100%; }
	.history_txt2 { margin: 50px 5% 70px; width: 90%; }
	.altura540 { height: 700px; }
	.mitadimg { width: 100%; height: 300px; }
	.mitadtxt { width: 100%; height: 400px; }
	.derecha { float:left; }
	
	.logoheader { top: 0; left: 25px; width: 80px; }
	.inicioE { margin-top: 60px; }
	.mitad { width:100%; }
	.inicioB { height: 230px; }
	
	.inicio_Home {height:250px;}
	.inicioC_cosmetic { height: 750px; }
	.inicioC { height: 450px; }
	.inicioC_1 {bottom:30px; font-size: 16px; left: 50px; width: calc(100% - 100px); }
	.inicioD { height: 280px; }
	.inicioA { bottom: 5px; font-size: 16px; left: 50px; width: calc(100% - 100px); }
	.cabeza { height: 60px; }
	.inicio_head { height: 310px; }
	.tercia { padding: 60px 50px 0; width: calc(100% - 100px); width: -moz-calc(100% - 100px); }
	.txtproducts { height: 350px; }
	.cuadro_1{ font-family:'Roboto Light'; padding:5px 0 0 50%; color:#FFF; width:400px;  font-size:18px; left:-200px; color:#CCC; text-align:left;}
	.image_1 { width:75%; }
	
	
}