@charset "utf-8";
body, html  { margin:0 auto; padding:0; font-family: 'Roboto', sans-serif; font-size:15px; 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:#CCC; }
.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; }
.contenedor_2 { display: inline-block; width:100%; top:0; margin:0px; text-align:center; padding:0; background-color:#282d3d; }
.contenedor_3 { display: inline-block; width:100%; margin:0; text-align:center; padding: 0; position:relative; background-color:#d74344; }
.contenedor_4 { display: inline-block; width:100%; margin:0; text-align:center; padding:0 0 100px 0; position:relative; background-color:#d9e0ea; }
.cuadrocentro {  display: table/table-cell; width:600px; min-height:150px; padding:25px; margin:5px 25px; top:0px;   display:inline-block; float:none; text-align:left;  color:#FFF;}
.cuadrocentro_left {  display: table/table-cell; width:650px; min-height:150px; padding:25px; margin:5px; top:0px;   display:inline-block; float:none; text-align:left;  color:#FFF; border-right:#FFF solid 2px; }



.cuadrocentro_1 {  display: table/table-cell; width:650px; min-height:150px; padding:25px; margin:5px; top:0px;   display:inline-block; float:none; text-align:left;  color:#FFF; border-right:#282d3d solid 2px; color:#282d3d;}
.cuadrocentro_1_2 {  display: table/table-cell; width:650px; min-height:150px; padding:25px; margin:5px; top:0px;   display:inline-block; float:none; text-align:left;  color:#FFF; }
.titulos_1{ font-size: 20px; font-family: 'Roboto Slab', serif; font-weight:bold;}
.titulos{ font-size: 18px; font-family: 'Roboto Slab', serif; font-weight:bold;}
.footer_1 { font-size:15px; color:#282d3d; font-weight:400;}
.footer_2 { font-size:13px; color:#282d3d; font-weight:400;}
.footer_3 { font-size:15px; color:#d74344; font-weight:bold; font-family:Roboto Slab;}


.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:30px; width: 120px; z-index: 999; }
.titulosc { font-family:Roboto Slab; font-size:25px; font-weight:bold; color:#d74344;}
.titulosc-2 {font-family:Roboto Slab; font-size:17px; color:#282d3d;}

.signature { color:#282d3d; font-size:13px; font-weight:400; }
.signature:hover { color:#ccc;  }


.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: #091f2c; font-family: 'Roboto', sans-serif; font-weight:500; font-size: 13px; letter-spacing:0px;   }
.boton_header:hover { color: #fff; }


.boton_header_1 {  display:inline-block; float:left; margin: auto;  margin: 0 12px; color: #fff; font-family: 'Roboto', sans-serif; font-weight:500; font-size: 13px; letter-spacing:0px;  }
.boton_header_1:hover { color: #091f2c; }


.boton_header_on {  display:inline-block; float:left; margin: auto;  margin: 0 12px; color: #091f2c; font-family: 'Roboto', sans-serif; font-weight:500; font-size: 13px; letter-spacing:0px; border-bottom:#d74344 solid 2px;   }
.boton_header_on:hover { color: #fff; }

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

.botonheader_1 { color: #fff; font-family: font-family: 'Roboto Condensed', sans-serif; font-size: 16px; font-weight: 300;  }
.botonheader_1:hover { color: #d74344; }


.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 #d74344; color: #282d3d; font-size: 13px; font-weight:bold; padding: 10px 15px;  background: none; }
.btnmarco:hover { color: #fff; background:#d74344;  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;  }


.btnmarco_2 {  font-size: 13px; font-weight:bold; padding: 10px 15px; text-transform: uppercase; background-color:#fff; color:#d74344; }
.btnmarco_2:hover { color: #fff; background:#d74344;  border: 0px; }

.btnmarco_3 {  font-family: 'Roboto Slab', serif;  font-size: 13px; font-weight:bold; padding: 10px 15px; text-transform: uppercase;  color:#fff; border:#FFF solid 2px; }
.btnmarco_3:hover { color: #d74344; background:#fff;  border: 0px; }



.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: 800px; }
.inicio_head_1 { 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; } 

.boxes { width:1380px; background-color:#960; top:-15px; text-align:center; }

.formcampocont { width: 80%; height: 30px;  padding: 0 5%;  font-size:15px;  margin: 10px 0; line-height: 30px; }
.formcampocont_2{width: 80%; padding: 0 5%; background: #fff;    height:100px;  font-size: 15px;  margin: 10px 0;    border: none;}
.btn1{color: #fff; background-color:#d74344;  border:0px; font-family: 'Roboto Slab', serif; font-weight:bold; font-size:18px;}
.btn1:hover{color: #091f2c; background-color:#d74344;  border:0px; font-family: 'Roboto Slab', serif; font-weight:bold; font-size:18px;}
.cuadros_footer { width:350px; margin:0 5px 5px 5px ; min-height:120px; display:inline-block;  float:none;  padding:45px 45px 15px 45px;}
.cuadros_footer_1{width:350px; text-align:left;}
.cuadros_1{width:350px; margin:0 5px 5px 5px ; min-height:220px; display:inline-block; background-color:#e3e9f3; float:none;  padding:25px; }
.cuadros_1_2{width:350px; text-align:left;}
.cuadro_azul {font-family: 'Roboto Slab', serif; font-size:25px; padding:7% 0 0 50%; color:#fff; width:650px; left:-325px;}


@media (max-width:1600px){
.centro { width:96%; }
.centro_1 { font-family:'Roboto'; font-size:13px; padding:5px 0 0 0; color:#282d3d; text-align:center; min-height:150px;  padding-top:50px;  width: 33.3%; display:inline-block; float:left;}
.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; }
.text_banner { font-family: 'Roboto Slab', serif; font-size:20px; padding:16% 0 0 50%; color:#282d3d; width:850px; left:-425px;}


@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; }
	.inicio_head_1 { 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%; }
.cuadrocentro {  display: table/table-cell; width:100%; min-height:300px; padding:0px; margin:0px; top:0px;   display:inline-block; float:none; text-align:left;  color:#FFF;}
.cuadrocentro_left {  display: table/table-cell; width:100%; min-height:300px; padding:0px; margin:0px; top:0px;   display:inline-block; float:none; text-align:left;  color:#FFF;  border-right:0px}

}
.inicioB { height: 330px;  }
.inicio_Home {height:400px;}

.inicioB_1 { height: 630px;  }
.inicio_Home_1 {height:600px;}

.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;}
	
	.inicioB_1 { height: 330px; }
	.inicio_Home_1 {height:350px;}
	
	.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; }
	.inicio_head_1 { height: 310px; }
	.tercia { padding: 60px 50px 0; width: calc(100% - 100px); width: -moz-calc(100% - 100px); }
	.txtproducts { height: 350px; }
	.cuadro_1{ font-family:'Roboto'; font-size:13px; padding:5px 0 0 50%; color:#282d3d; width:400px;  font-size:18px; left:-200px;}
	.image_1 { width:75%; }
	
	.centro_1 { background: #ededed; color:#5e5e5e; text-align:center; min-height:150px; display:inline-block; float:left;  padding-top:50px;  width:300px;;}
	.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: 450px; }
	.inicio_Home {height:450px;}
	
	.inicioB_1 { height: 550px; }
	.inicio_Home_1 {height:550px;}
	
	.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; } 
	.inicio_head_1 { 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%; }
	.cuadrocentro {  display: table/table-cell; width:80%; min-height:300px; padding:0px; margin:10%; top:0px;   display:inline-block; float:none; text-align:left;  color:#FFF;}
		.cuadrocentro_left {  display: table/table-cell; width:80%; min-height:300px; padding:0px; margin:10%; top:0px;   display:inline-block; float:none; text-align:left;  color:#FFF;  border-right:0px}
	
	
		.cuadrocentro_1 {  display: table/table-cell; width:80%; min-height:200px; padding:0px; margin:10%; top:0px;   display:inline-block; float:none; text-align:left;  color:#FFF;}
	.text_banner { font-family: 'Roboto Slab', serif; font-size:20px; padding:16% 0 0 0; color:#282d3d;   left:0px; width:100%;}
	.cuadros_footer{width:100%; margin:0 ; min-height:40px; display:inline-block;  float:none; padding:10px 0 0 0; }
	.cuadros_footer_1{width:100%; text-align:center; padding:0px;}
	.btnmarco {  border: 2px solid #d74344; color: #282d3d; font-size:8px; font-weight:bold; padding: 5px 10px;  background: none; }
	
.btnmarco_2 {  font-size: 10px; font-weight:bold; padding:5px 10px; text-transform: uppercase; background-color:#fff; color:#d74344; }
.btnmarco_2:hover { color: #fff; background:#d74344;  border: 0px; }


.cuadros_1{width:90%; margin:5px ; min-height:220px; display:inline-block; background-color:#e3e9f3; float:none;  padding:10px; }
.cuadros_1_2{width:100%; text-align:left;}

.cuadro_azul {font-family: 'Roboto Slab', serif; font-size:20px; padding:25% 0 0 0%; color:#fff; width:100%; left:0px;}


.cuadrocentro_1 {  display: table/table-cell; width:90%; min-height:150px; padding:0px; margin:5px; top:0px;   display:inline-block; float:none; text-align:left;  color:#FFF; border-right: 0px; color:#282d3d;}

.cuadrocentro_1_2 {  display: table/table-cell; width:90%; min-height:150px; padding:0px; margin:5px; top:0px;   display:inline-block; float:none; text-align:left;  color:#FFF; color:#282d3d;}
}