@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: "OpenSans";
	src: url("fonts/OpenSans.eot");
		src: url("fonts/OpenSans.eot?#iefix") format("embedded-opentype"),
		url("fonts/OpenSans.woff") format("woff"),
		url("fonts/OpenSans.ttf") format("truetype"),
		url("fonts/OpenSans.svg#OpenSans") format("svg");
	font-weight: normal;
	font-style: normal;
}
*{font-family:"OpenSans", "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:#ececec;}
#nada, .nada{clear:both;}
/*CABECERA*/
.wrapper1{display:block;width:1000px; margin:0px auto; max-width:100%;}
.verde{height:100px; width:100%; background-color:#c40000;}
#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:100px; line-height:100px; color:#000000; padding-left:20px; padding-right:20px; margin:0px; font-weight:700; font-size:1.3em}
#navegador li:hover{color:#777777;}

.cabecera_fondo{width:100%;height:110px;}
#nombrecab{width:580px; height:110px; background:url(img/logo.png) no-repeat; margin:1px 10px; max-width:100%; background-size:contain; display:inline-block; background-position:center;}
.cabecera_fondo>div{width:270px; text-align:right; float:right; height:110px;}
.cabecera_fondo>div>div{vertical-align:middle; display:inline-block;  width:265px; font-weight:bold;}
.cabecera_fondo>div>div>strong{color:#c40000;}
.cabecera_fondo>div>span{vertical-align:middle; display:inline-block;  width:1px; height:100%;}
/*Navegador*/


#fondo1{width:100%; position:relative; margin: 0px auto;}
#fondo1>img{width:100%; height:auto; display:block; visibility:hidden; }
div#slider{position:absolute; overflow: hidden; z-index:0; height:100%; width:100%; top:0px; left:0px; right:0px;}
div#slider > figure { position: relative; width: 400%; height:100%; margin: 0; left: 0; text-align: left; animation:20s slidy infinite; }
div#slider > figure > div {position:relative; height:100%; width: 25%; float: left; }
div#slider > figure > div > img {position:absolute; width: 100%; height:auto;}
div#slider > figure > div > figcaption{position:absolute; display:block; left:0px; right:0px; bottom:0px; background-color:#22222299; color:#ffffff; padding:20px;}
div#slider > figure > div > figcaption h3, div#slider > figure > div > figcaption p {margin:0px;}
@keyframes slidy {
	0% {left: -0%;}
	21% {left: -0%;}
	26% {left: -100%;}
	47% {left: -100%;}
	52% {left: -200%;}
	73% {left: -200%;}
	78% {left: -300%;}
	99% {left: -300%;}
}

	/*Fin navegadores*/
/*FIN CABECERA*/
/*CUERPO*/

div.azul{width:100%; background-color:#7a848c;}
div.inicio{padding:40px; font-size:1.5em; }
div.inicio>section{width:100%; padding:20px; text-align:justify; font-weight:bold; line-height:1.8em;}
div.inicio>section strong{color:#c40000; font-size:1.4em;}
div.inicio>section strong.gris{color:#555555}

div.inicio h1{font-size:2em; position:relative;}
div.inicio h1:after {display:block; width:50px; height:2px; background-color:#c40000; content:''; position:absolute; bottom:-10px; left:10px;}

section.items{position:relative; padding-left:10px; padding-right:10px; margin-top:-170px; max-width:1200px; margin:0px auto;}
section.items>div{display:flex; justify-content:space-around; flex-wrap:wrap; align-items: center }
section.items>div article{width:260px; background:#b3b1b1; text-align:center; margin:20px auto; border-radius:20px; padding:20px;}
section.items>div article.p2{padding-left:10px; padding-right:10px;}
section.items>div article h2{margin-top:5px; color:#fff; position:relative; margin-bottom:40px; font-size:1.7em;}
section.items>div article h2:after {display:block; width:50px; height:4px; background-color:#c40000; content:''; position:absolute; bottom:-10px; left:50%; transform: translatex( -50% );}
section.items>div article p{font-size:1.2em; font-weight:normal; color:#000000;}
section.items>div article ul{font-size:1.2em; font-weight:normal; color:#000000; text-align:left; margin:0px; padding-left:20px;}



section.nosotros{padding-top:40px; padding-bottom:40px; font-size:1.5em;}
section.nosotros>div{display:flex;}
section.nosotros>div>article{flex:1 1 50%; text-align:center; }
section.nosotros>div>article img{width:90%; height:auto;}
section.nosotros h2{margin-top:5px; position:relative; margin-bottom:40px; text-align:center;}
section.nosotros h2:after {display:block; width:100px; height:3px; background-color:#c40000; content:''; position:absolute; bottom:-10px; left:50%; transform: translatex( -50% );}
section.nosotros p{margin-bottom:0px;}
section.nosotros ul{padding-left:20px; margin-top:0px;}
section.nosotros ul li{list-style:none;}
section.nosotros ul li::before { content: "\2022"; color: red; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em;}

section.nosotros>div>figure{ margin:40px; flex:0 0 280px; width:280px; text-align:center;}
section.nosotros>div>figure.socio{cursor:pointer;}
section.nosotros>div>figure img{width:100%; height:auto;}
section.nosotros>div>figure p{margin:0px;}
section.nosotros>div>figure ul{text-align:justify; }
section.nosotros>div>figure div.rojo{height:64px; line-height:60px; background-color:#c40000; color:#ffffff; text-align:center; width:100%; border-radius:10px; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); margin-bottom:40px;}
section.nosotros>div>figure div.rojo h3{position:relative;}
section.nosotros>div>figure div.rojo h3:after {display:block; width:50px; height:3px; background-color:#ffffff; content:''; position:absolute; bottom:10px; left:50%; transform: translatex( -50% );}

div.popup {position:fixed; top:0px; bottom:0px; left:0px; right:0px; background-color:#22222299; display:none;}
div.popup > div {position:absolute; top:50%; left:50%; transform: translate( -50% , -50% ); padding:40px; text-align:left; background-color:rgb(179, 177, 177);}
div.popup > div svg{width:30px; position:absolute; right:10px; top:10px; cursor:pointer;}
div.popup > div p {text-align:justify; }

section.servicios article{display:flex; font-size:1.4em;}
section.servicios article>div:first-child{flex:0 0 200px; width:200px; height:200px; background-position:center; margin:20px; border-radius:20px; background-size:auto 100%;}
section.servicios article>div.s1{background-image:url(img/s1.jpg)}
section.servicios article>div.s2{background-image:url(img/s2.jpg)}
section.servicios article>div.s3{background-image:url(img/s3.jpg)}
section.servicios article div.text{display:inline-block; width:90%; vertical-align:middle;}
section.servicios article span.fl{display:inline-block; width:1px; height:100%; vertical-align:middle;}
section.servicios article h3{font-size:1.8em; margin:0px;}
section.servicios article p{margin-top:10px; text-align:justify; }
section.servicios article strong{color:#c40000; font-size:1.3em;}

div.galeria{float:right; width:380px; height:320px; margin-left:40px;}
div.galeria div#imgP{width:380px; height:240px; background-image:url(img/gal1.jpg); background-position:center; background-size:auto 100%;}
div.galeria div#tn {margin-top:10px; display:flex; justify-content:space-between; }
div.galeria div#tn div{width:80px; height:60px; background-position:center; background-size:auto 100%;}
div.galeria div#tn div.g1{background-image:url(img/gal2.jpg);}
div.galeria div#tn div.g2{background-image:url(img/gal3.jpg);}
div.galeria div#tn div.g3{background-image:url(img/gal4.jpg);}
div.galeria div#tn div.g4{background-image:url(img/gal5.jpg);}

div.contacto{display:flex; padding:20px;}
div.contacto>div{flex:1 1 50%;}
.contactof{ border:#404040 1px solid;}
.contactof>form{background-color:#ffffff; padding:10px; text-align:center; display:block;}
.contactof>form>div{margin:10px; 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:160px; padding-top:14px; padding-left:12px;}
.contactof>form>input[type=submit]{display:block; background-color:#c40000; color:#ffffff; height:32px; line-height:32px; text-align:center; border:#baca04 0px solid; margin:20px auto; width:90%; border-radius:6px;}

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

/*PIE DE LA PAGINA*/
.wrapper3{width:100%; background-color: #000000; color:#ffffff; padding-top:0px; padding-bottom:40px; margin-top:80px;}
.wrapper3 #navegador li{color:#c40000;}
.wrapper3 #navegador a li{color:#ffffff;}
.wrapper3 #navegador li:hover{color:#777777;}
.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;}
.tn img{padding:10px;}
/*FIN DE PIE DE LA PAGINA*/



@media screen and (max-width: 1000px) {
	.wrapper1, .wrapper2, #bannerPrincipal, .cuerpo1, .contenido, #contenidon, #navegador ul, #contenidoc, #pie{width:100%;}
}
@media screen and (max-width: 850px) {
	nav.flex>div{white-space: nowrap; max-width: 25%; overflow: hidden; text-overflow: ellipsis;}
	#navegador li{padding-left:10px; padding-right:10px; font-size:10pt;}
}
@media screen and (max-width: 480px) {
	.wrapper1.in{margin-top:0px;}
	#fondo1.in{margin-top:-120px;}
	div.inicio{background-size:cover;}
	div.inicio>section{width:100%;}
	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;}
	section.nosotros>div{display:block; padding:20px;}
	section.servicios article{display:block; padding:20px;}
	section.servicios article>div:first-child{width:90%; margin:0px auto;}
	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;}
	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;}
	div.galeria{width:100%; margin:0px auto;}
	div.galeria img{max-width:100%; height:auto;}
	div.galeria div#imgP{width:100%;}
}