@charset "utf-8";
*{-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box}
header, section, footer, aside, nav, article, figure, figcaption, hgroup, div{display:block;}
a{text-decoration:none;}
html{min-height:100% !important;}
body{margin:0px 0px;min-height:100% !important;font-size:10pt;font-family:"Century Gothic", "Trebuchet MS", Verdana, sans-serif; background-color:#ffffff;}
.nada{clear:both;}

.wrapper1{width:1300px; max-width:100%; margin:0px auto;}
.negro{height:50px; width:100%; background-color:#202020; color:#ffffff;}
nav.flex{height:40px;}
nav.flex>div.wrapper1{display:flex; justify-content:space-between; }
nav.flex>div.wrapper1>div{height:40px; line-height:40px; position:relative;}
nav.flex>div.wrapper1>div.p{padding-left:40px;}
nav.flex>div.wrapper1>div.p:before{position:absolute; left:10px; top:5px;}
nav.flex>div.wrapper1>div.p.u{line-height:14px; height:40px; margin-top:5px;}
nav.flex>div.wrapper1>div.p.u:before{content:url(img/contacto_u.png)}
nav.flex>div.wrapper1>div.p.d:before{content:url(img/camion.png)}
nav.flex>div.wrapper1>div.p.d{padding-left:60px; color:#b2e61e;}
nav.flex>div.wrapper1>div.p.t:before{content:url(img/contacto_w.png)}
nav.flex>div.wrapper1>div.p.m:before{content:url(img/contacto_m.png)}
nav.flex>div.wrapper1>div:not(.p){padding-right:10px; padding-top:5px;}


#menu1{display:block;width:100%;height:130px; background-color:#f4f5f7;}
#cabecera{display:block;top:0px;width:1200px; height:130px; margin:0px auto;}
#cabecera #nombrecab{display:block;float:left;width:325px;background:url(img/logo.png) no-repeat 20px 20px; height:130px; margin-top:0px;}
#menuch{display:block;width:100%;height:53px;z-index:2000; position:fixed;top:0px; border-bottom:#E51C15 2px solid; background-color: #ffffff;}
#cabecerach{display:block;width:1200px; height:50px;margin:0px auto;z-index:1000;}
#cabecerach #nombrecab{display:block;float:left;width:120px;background:url(img/logoch.png) no-repeat; height:48px; margin-top:0px;}
#cabecera #navegador, #cabecerach #navegador{display:block; float:right; width:auto; height:35px;text-align:left; font-weight:bold; margin-right:20px;}
#cabecera #navegador ul, #cabecerach #navegador ul{padding:0px;margin:0px 0px;float:left; font-size:12pt;}
#cabecera #navegador ul{margin-top:40px;}
#cabecerach #navegador ul{margin-top:5px;}
#cabecera #navegador ul a li, #cabecerach #navegador  ul a li{color:#222222;}
#cabecera #navegador li, #cabecerach #navegador li{display:inline-block;list-style: none;height:35px; line-height:35px; padding-left:10px; padding-right:10px; margin:0px; color:#b2e61e;}
#cabecera #navegador li:hover, #cabecerach #navegador li:hover{color:#b2e61e;}


div.flex{display:flex; justify-content:space-between; }
div.flex.ini{margin-top:40px; margin-bottom:20px;}
div.flex.ini > img {max-width:540px; height:auto; }

h1{text-align:center; }

#fondo1{width:100%; height:auto; background-color:#ffffff; text-align:justify; color:#222222;padding:20px;}
#fondo2{width:100%; height:auto; background-color:#bbbbbb; text-align:justify; color:#222222;padding:20px;}
#fondo3{width:100%; height:auto; background-color:#cccccc; text-align:justify; color:#222222;padding:20px;}
#fondo4{width:100%; height:auto; background-color:#dddddd; text-align:justify; color:#222222;padding:20px;}

#fondo1 h1, #fondo2 h1, #fondo3 h1{ text-align:left; color:#222222; padding-left:20px;}	
#bannerPrincipal{width:1200px; height:400px; margin:0px auto; z-index:0; position:relative;}	
div#slider{position:absolute;overflow: hidden; z-index:0; height:100%}
div#slider figure img {width: 16.6667%; float: left; height:100%;}
div#slider figure { position: relative;width: 600%;margin: 0;left: 0;text-align: left;font-size: 0;animation: 24s slidy infinite; }

#productos {margin-top:40px;}
#productos>section{display:flex; flex-flow:row; flex-wrap:wrap; justify-content:space-around; }
#productos>section>figure{width:280px; position:relative; border-radius:10px; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); margin:20px 0px;}
#productos>section>figure img{width: auto; height: auto; max-width: 280px; max-height: 160px; display: block; margin: 0px auto;}
#productos>section>figure>div{position:absolute; top:158px; right:10px; background-color:#88959e; color:#ffffff; text-align:center; padding-left:10px; padding-right:10px; height:32px; line-height:32px; border-radius:10px;}
#productos>section>figure>figcaption{text-align:center; padding:10px; margin:0px;}
#productos>section>figure>p{text-align:center; padding:10px; margin:0px; color:#88959e; padding-top:0px; padding-bottom:20px;}

div.boton1{border:#c5dc4f 2px solid; color:#c5dc4f; border-radius:10px; height:32px; line-height:30px; text-align:center; width:100px; margin:40px auto;}

#nosotros{width:100%; background:url(img/fondo.jpg); background-size:cover; background-repeat:no-repeat; padding-top:40px; padding-bottom:40px;}
#nosotros h2{color:#ffffff; text-align:center; font-size:1.8em;}
#nosotros>section{display:flex;flex-flow:row; flex-wrap:wrap; justify-content:space-around; }
#nosotros>section>figure{width:280px; position:relative; border-radius:10px; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); background-color:#ffffff; padding:25px; padding-top:15px; margin:20px 0px;}
#productos>section>figure img{width: auto; height: auto; max-width: 280px; max-height: 160px; display: block; margin: 0px auto;}
#nosotros>section>figure>figcaption{text-align:left; padding:10px; margin:0px;}
#nosotros>section>figure>p{font-size:0.8em;}
#nosotros>section>figure>a>div{text-align:center; width:100px; height:32px; line-height:30px; background-color:#b8e41f; border-radius:10px; color:#606060; font-size:0.8em;}
	
div.contacto{display:flex; padding:40px;}
div.contacto>div{flex:1 1 50%;}
div.contacto>div:nth-child(2){padding:40px;}
.contactof{ border:#404040 1px solid;}
.contactof>form{background-color:#ffffff; padding:20px; text-align:center; display:block;}
.contactof>form>div{margin:20px; display:flex;}
.contactof>form>div>div{flex:0 0 40px; background-color:#ededed;}
.contactof>form>div>div>img{margin:0px; padding:0px; display:block;}
.contactof>form>div>input{flex:1 1; background-color:#ededed; border:#ededed 0px solid; height:40px; text-align:left; padding-left:12px;}
.contactof>form>div>textarea{flex:1 1; background-color:#ededed; border:#ededed 0px solid; height:200px; padding-top:14px; padding-left:12px;}
.contactof>form>input[type=submit]{display:block; background-color:#333333; color:#ffffff; height:32px; line-height:32px; text-align:center; border:#baca04 0px solid; margin:20px auto; width:90%;}

div.ct{text-align:right}
div.ct>h1{margin-top:-40px; color:#3190b0; text-align:right; }
div.ct>div.p{padding:10px; padding-right:40px; position:relative;}
div.ct>div.p:before{position:absolute; right:10px; top:7px;}
div.ct>div.p.u:before{content:url(img/contacto_u.png); filter: brightness(50%) sepia(100%) hue-rotate(190deg) saturate(500%);}
div.ct>div.p.t:before{content:url(img/contacto_w.png); filter: brightness(50%) sepia(100%) hue-rotate(190deg) saturate(500%);}
div.ct>div.p.m:before{content:url(img/contacto_m.png); filter: brightness(50%) sepia(100%) hue-rotate(190deg) saturate(500%);}
div.ct>div:not(.p){padding-right:10px; padding-top:5px;}
div.ct div.wa{display:block; background-color:#b8e41f; color:#ffffff; height:32px; line-height:32px; border:#b8e41f 0px solid; margin:20px auto; width:240px; float:right; text-align:center; border-radius:10px;}

div.ct iframe{width:100%;}

div.pie{text-align:center; }
div.pie>h2{color:#a02629; }

#espacio{height:64px;line-height:64px;}
#firma{ bottom:0px;position:fixed;height:32px;width:100%;line-height:32px; text-align:center; color:#CCCCCC; font-size:8pt; background-color:#222222;}
#firma a{color:#CCCCCC;	font-size:8pt;text-decoration:none;}

@keyframes slidy {
0% { left: 0%; }
16% { left: 0%; }
21% { left: -100%; }
38% { left: -100%; }
43% { left: -200%; }
60% { left: -200%; }
65% { left: -300%; }
82% { left: -300%; }
87% { left: -400%; }
93% { left: -400%; }
100% { left: -500%; }
}
@media screen and (max-width: 1200px) {
	.wrapper1, #cabecera, #cabecerach, .wrapper3 .cabecera, #bannerPrincipal{width:100%;}
	#cabecera #navegador li{padding-left:20px; padding-right:20px;}
}
@media screen and (max-width: 1024px) {
	#bannerPrincipal{height:435px;}
	#pie{width:100%;}
}
@media screen and (max-width: 800px) {
	#cabecerach #navegador ul,#cabecera #navegador ul{font-size:11pt;}
	#cabecera #navegador li{padding-left:5px; padding-right:5px;}
	#bannerPrincipal{height:340px;}
	#popup #popupimg{width:80%; height:80%;}
}
@media screen and (max-width: 600px) {
	#cabecera, #menup{height:50px;}
	#cabecera #nombrecab{width:120px;height:35px;background:url(http://webtools.creativaperu.com/editor/demos/img/logoch.png) no-repeat;}
	#bannerPrincipal{height:255px;}
	#cabecerach #navegador ul,#cabecera #navegador ul{font-size:9pt; margin:0px;}
}
@media screen and (max-width: 480px) {
	#bannerPrincipal{height:204px;}
	.rsd{width:100%;}
	#menu{width:85%; height:auto;}
	#contenidoc aside{width:85%}
	#contacto1 {margin-left:0px;}
	#contacto2 #nombre{width:100%;}
	#contacto2 #email{width:100%;}
	#contacto2 #telefono{width:100%;}
	#contacto2 #empresa{width:100%;}
	#contacto2 #consulta{width:100%;}
	.wrapper2 #contenido{padding:20px;}
	#cabecera #nombrecab{width:105px;}
	#cabecera #navegador li, #cabecerach #navegador li{padding-left:5px; padding-right:5px; margin-left:0px;}
	#cabecerach #navegador ul,#cabecera #navegador ul{font-size:7.5pt; margin:0px;}
}