@charset "utf-8";

@font-face {
	font-family: "Helvetica";
	src: url("fonts/Helvetica.eot");
		src: url("fonts/Helvetica.eot?#iefix") format("embedded-opentype"),
		url("fonts/Helvetica.woff") format("woff"),
		url("fonts/Helvetica.ttf") format("truetype"),
		url("fonts/Helvetica.svg#Helvetica") format("svg");
	font-weight: normal;
	font-style: normal;
}
/* CSS Document */
*{font-family:"Helvetica","Century Gothic", "Trebuchet MS", Verdana, sans-serif; -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; margin:0;}
a{text-decoration:none; color:inherit;}
html{min-height:100% !important;}
body{margin:0px 0px;min-height:100% !important;font-size:10pt; background-color:#ffffff;}

#nada, .nada{clear:both;}
/*CABECERA*/
.wrapper1{display:block;width:1300px; margin:0px auto; max-width:100%;}
.verde{height:auto; width:100%; position:relative; }
nav.flex{display:flex; justify-content:right; height:50px; padding-right:40px;}
nav.flex>div{height:50px; line-height:50px; position:relative; color:#ffffff}
nav.flex>div.p{padding-left:40px;}
nav.flex>div.p:before{position:absolute; left:10px; top:5px;}
nav.flex>div.p.u:before{content:url(img/contacto_u.png)}
nav.flex>div.p.t:before{content:url(img/contacto_t.png)}
nav.flex>div.p.m:before{content:url(img/contacto_m.png)}
nav.flex>div:not(.p){padding-right:10px; padding-top:5px;}


.cabecera_fondo{width:100%;height:82px; display:flex;}
.verde .wrapper1{position:relative; z-index:20;}
#nombrecab{flex:0 0 376px; width:376px; margin:0px 10px; max-width:30%;}
#nombrecab img{width:100%; height:auto;}
/*Navegador*/
#navegador {flex:1 1; justify-content:right; text-align:right; margin:0px; }
#navegador a li{color:#ffffff;}
#navegador li{display:inline-block; list-style: none; height:82px; line-height:82px; color:#ffffff; padding-left:40px; padding-right:40px; margin:0px; font-weight:700;}
#navegador li:hover{color:#ffffff;}
.wrapper1.in #navegador li:hover{color:#ffffff;}

#fondo1{width:100%;position:relative; z-index:1; margin-top:-132px;}
#fondo1>img{width:100%; height:auto; display:block;}
#fondo1>h1{font-family:Helvetica,Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";position:absolute; top: 50%; left:50%; width:500px; height:55px; max-width:90%; transform: translate( -50%, -50%); text-align:center; color:#ffffff;}
div.busca{position:absolute; top: calc(50% + 100px); left:50%; width:500px; height:55px; max-width:90%; background-color:#ffffff; border-radius:20px; transform: translate( -50%, -50%); padding-left:10px; padding-top:3px}
div.busca>input{width: calc(100% - 60px); height:49px; border:none; text-align:center; }
div.busca>input:focus{outline: none;}
div.busca>span{width:43px; height:43px; cursor:pointer; background-image:url(img/lupa.png); position:absolute; display:block; right:5px; top:5px;}
	/*Fin navegadores*/
/*FIN CABECERA*/
/*CUERPO*/

section.items{padding-left:10px; padding-right:10px; max-width:90%; position:relative;}
section.items>div{display:flex; justify-content:space-around; flex-wrap:wrap; }
section.items>div figure{width:240px; background:#ffffff; text-align:center; margin:20px auto; border-radius:10px; overflow:hidden;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25); position:relative; }
section.items>div figure img{max-width:100%; height:auto;}
section.items>div figure>figcaption{margin-top:20px; font-weight:bold; color:#4a4f54;}
section.items>div figure>p{text-align:center; padding:10px; padding-top:0px; color:#88959e;}
section.items div.boton2{display:block; margin:20px auto; width:100px; text-align:center; color:#ffffff; background-color:#28357A; max-width:100%; height:40px; line-height:40px; border-radius:4px; margin-bottom:40px;}

section.items.cats{margin-top:-60px; z-index:40; margin-bottom:40px;}
section.items.cats figure>figcaption{position:absolute; bottom:-20px; height:40px; line-height:40px; font-weight:bolder; color:#ffffff; background-color:#C51111; border-radius:8px; width:90%; left:50%; transform: translate(-50% , 0px);}
section.items.cats figure{width:350px; overflow:visible;}

div.gris{background-color:#f2f2f2; margin:0px;}
section.items.margen{padding-top:20px; padding-bottom:20px;}
section.items.margen h1{text-align:center; color:#C51111; height:60px; line-height:40px; position:relative; font-weight:normal; font-size:2em;}
section.items.margen h1:after {content:' '; display:block; position:absolute; background-color:#C51111; width:40px;height:2px; bottom:10px; left:50%; transform: translate(-50% , 0px);}
section.items.margen figure{border-radius:0px; padding-bottom: 20px;}
section.items.margen figure>span{margin-top:8px; color:#85c800; display:block;}

div.rojo{background-color:#C51111;}
div.rojo section.items.margen h1{color:#ffffff;}
div.rojo section.items.margen h1:after{background-color:#ffffff;}

div.mapa > iframe{width:100%; display:block; }

section.items.clientes figure{width:165px; box-shadow:none;}

h2{font-size:2em; color:#0f2b56; text-align:center;}
section.clientes>div{display:flex; justify-content:space-between; flex-wrap:wrap; }
section.clientes>div figure{width:280px; background:#ffffff; text-align:center; margin:20px auto; overflow:hidden; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);}

div.nos{display:flex; padding:40px; width:90%; max-width:1000px;}
div.nos>div{position:relative; flex:1 1 60%; width:60%;}
div.nos>div>p{padding:20px; line-height:1.5em; font-size:1.1em; color:#88959e;}
/*div.nos>div>p{position:absolute; top:50%; transform:translateY(-50%); padding:40px; border-bottom:#66dddd 1px solid; width:90%;}*/
div.nos>figure{flex:0 0 40%; width:40%; height:auto;}
div.nosotros{padding-top:40px; padding-bottom:40px; font-size:1.2em; letter-spacing:0.15em;}
div.nosotros>p{display:block; width:60%; min-width:300px; margin:0px auto; color:#ffffff; text-align:center; }

div.verde1{width:100%; background-color:#f2f2f2; color:#222222; position:relative; padding:40px;}
div.verde1>section{width:50%; color:#6b6b6b; text-align:center; margin: 0px auto; min-width:320px; font-size:1.2em; position:relative;}
div.verde2{width:100%; background-color:#C51111; color:#ffffff; position:relative; padding-top:40px;}
div.nos2>figure{display: flex; padding:40px; border-bottom:#ffffff 2px solid; width:90%; margin:0px auto; max-width:1000px; padding-bottom:60px;}
div.nos2>figure>div{padding-left:20px;}
div.nos2>figure figcaption{font-size:2em;}
div.nos2>figure:nth-child(2){border-bottom:none;}

div.delivery{background-color:#ffffff; text-align:center; padding:40px;}
div.delivery figure{padding-bottom:40px; color:#6b6b6b;}
div.delivery figure figcaption{font-size:1.8em; line-height:2em;}
div.delivery a{text-decoration:underline; }

section.busca{height:50px;}
section.busca div.busca{position:absolute; top: calc(50%);}
div.productos{width:1000px !important; max-width:100% !important; display:flex; margin:0px auto;}
nav.menu{flex:0 1 200px; width:200px; background-color:#C51111; color:#ffffff; padding:20px;}
nav.menu ul{list-style:none; margin-left:0px; padding-left:0px;}
nav.menu ul li{border-bottom:#ffffff 1px solid; margin-bottom:5px; padding-top: 12px; padding-bottom: 12px;}

div.productos>section{flex:1 1;}
div.productos>section>div{display:flex; justify-content:space-between; flex-wrap:wrap; }
div.productos>section h1{text-align:center; font-weight:normal; line-height:2em;}

div.productos figure {background-color:#ffffff;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25); text-align:center; color:#88959e; border-radius:5px; width:240px; margin:10px; padding-bottom: 20px;}
div.productos figure img{max-width:100%; height:auto;}
div.productos figure figcaption{margin-top:20px; font-weight:bold; color:#4a4f54;}

div.pag{display: flex; justify-content: center !important; flex-wrap: wrap;}
div.pag a > span{ background-color: #c51111; color: #ffffff; border: #c51111 2px solid;}
div.pag span{ margin: 5px; text-align: center; border-radius: 5px; display: block; width: 36px; line-height: 36px; height: 36px; position: relative; background-color: #ffffff; border: #c51111 2px solid; color: #c51111;}
div.pag > span::after{display: block; position: absolute; height: 2px; width: 32px; bottom: -8px; left: 0px; background-color: #000000; content: '';}

.productos.producto{width:1000px !important; max-width:100% !important;}
.productos.producto>article{display:flex; padding:40px; border-bottom:#cccccc 1px solid; color:#4a4f54;}
.productos.producto>article>div{flex:1 1; padding-left:40px; padding-right:40px;}
.productos.producto>article:nth-child(even)>div>p{text-align:right; }
.productos.producto>article>img{flex:0 0 300px;}
div.cod{font-size: 0.8em; font-weight: bold; color: #aaaaaa;}

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:#3190b0; color:#ffffff; height:32px; line-height:32px; text-align:center; border:#baca04 0px solid; margin:20px auto; width:90%; border-radius:6px;}



form.libro{background-color:#ffffff; padding:20px; text-align:center; display:block;}
form.libro div.cont{margin:20px; display:flex;}
form.libro div.cont>div{flex:0 0 40px; background-color:#ededed;}
form.libro div.cont>div>img{margin:0px; padding:0px; display:block;}
form.libro input[type=text],form.libro input[type=email],form.libro input[type=tel], .g-recaptcha{flex:1 1; background-color:#ededed; border:#ededed 0px solid; height:40px; text-align:left; padding-left:12px;}
form.libro textarea{flex:1 1; background-color:#ededed; border:#ededed 0px solid; height:200px; padding-top:14px; padding-left:12px;}
form.libro input[type=submit], .g-recaptcha {display:block; background-color:#3190b0; color:#ffffff; height:32px; line-height:32px; text-align:center; border:#baca04 0px solid; margin:20px auto; width:90%; border-radius:6px; padding: 0px !important;}
form.libro input[type=radio]{margin-left: 20px;}

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

/*PIE DE LA PAGINA*/
.wrapper3{width:100%; background-color: #C51111; color:#ffffff; padding-top:40px; padding-bottom:40px;}
.firma{width:1000px; max-width:90%; margin:0px auto; padding-top:10px; border-top:#222222 1px solid; font-size:0.8em;}
.firma a{color:#ffffff; text-decoration:none;}
#pie{width:1000px; margin:0px auto; color:#ffffff; vertical-align:top; text-align:left; max-width:90%; display:flex; justify-content:space-between; }
#pie aside{width:30%; font-size:9pt; }
#pie aside a{color: white;}
.tn img{padding:10px;}
/*FIN DE PIE DE LA PAGINA*/

@media screen and (max-width: 1400px) {
	.wrapper1, .wrapper2, #bannerPrincipal, .cuerpo1, .contenido, #contenidon, #navegador ul, #contenidoc{width:100%;}
}
@media screen and (max-width: 850px) {
	nav.flex>div{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	#navegador li{padding-left:10px; padding-right:10px; font-size:10pt;}
}
@media screen and (max-width: 480px) {
	nav.flex{ height:30px;}
	.wrapper1.in{margin-top:0px;}
	#fondo1{margin-top:-70px;}
	#fondo1>h1{display: none;}
	div.inicio{background-size:cover;}
	div.inicio>section{width:100%;}
	section.items.cats{margin-top:0px;}
	section.items>div{justify-content:center; }
	.cabecera_fondo{display:block; text-align:center; height:auto;}
	.wrapper1.in .cabecera_fondo{display:block; text-align:center; height:120px;}
	#nombrecab{display:none; height:90px; margin:0px auto;}
	#navegador {text-align:center;}
	#navegador li{padding-left:10px; padding-right:10px; font-size:8pt; height:40px; line-height:40px;}
	#pie{padding:0px;}
	#pie aside{width:90%; display: block; text-align: center; margin: 10px; vertical-align: top; font-size: 9pt; padding:0px; padding-top:10px;}
	#pie aside p{text-align:center; }
	.wrapper3{margin:0px auto;}
	div.nosotros{text-align:center;}
	div.nos{display:block;}
	div.nos>div{width:100%; position:static; }
	div.nos>div>p{position:static; transform:none; }
	div.nos>img{width:100%}
	div.nos2{display:block; padding:40px; padding-bottom:170px;}
	div.nos2>figure{width:100%; text-align:center; }
	.productos>article {display:block;}
	.productos.producto>article{display: block; padding: 0px;}
	div.wapp{float: none; width: 180px;}
	div.contacto{display:block; padding:20px;}
	div.contacto>div:nth-child(2){padding:20px;}
	div.contacto iframe{max-width:100%;}
	div.ct{margin-top:40px;}
	div.nos>div>p{width:100%;}
	.contactof>form{padding:0px;}
	div.ct>div.wa{text-align:center;}
}