@charset "utf-8";
/* CSS Document */
*{font-family:"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%;}
.black{height:30px; width:100%; background-color:#333344;}
.verde{height:50px; width:100%; background-color:#1c325d;}
nav.flex{display:flex; justify-content:space-between; height:30px; color:#ffffff; line-height:30px;}
.flex>div{height:auto; position:relative;}
.flex>div.p{padding-left:40px;}
.flex>div.p:before{position:absolute; left:10px; top:5px;}
.flex>div.p.u:before{content:url(img/contacto_u.png)}
.flex>div.p.t:before{content:url(img/contacto_t.png)}
.flex>div.p.m:before{content:url(img/contacto_m.png)}
.flex>div:not(.p){padding-right:10px; padding-top:5px;}


.cabecera_fondo{width:100%;height:120px; display:flex; justify-content:space-between; }
.cabecera_fondo > div {text-align:right; padding-right:10px; color:#1c325d;}

#nombrecab{flex:0 0 300px; width:300px; background:url(img/logo.png) no-repeat; margin:20px 10px; background-size:contain;}
.wrapper1.in #nombrecab{background:url(img/logob.png) no-repeat; margin:0px 10px;}
/*Navegador*/
#navegador {flex:1 1; justify-content:center; text-align:center; margin:0px; padding: 0px;}
#navegador a li, #navegador li.ser{color:#ffffff; background-color:#1c325d;}
#navegador li{display:inline-block; list-style: none; height:50px; line-height:50px; color:#1c325d; background-color:#2480AF; padding-left:40px; padding-right:40px; margin:0px; font-weight:700; position: relative;}
#navegador li:hover{color:#1c325d;background-color:#2480AF;}

#navegador li >ul {position:absolute; background-color:#2480AF;padding:0px; margin:0px; text-align:left;font-weight:normal;left:0px; width:220px; line-height:normal; display:none; top:50px; z-index:500;}

#navegador li:hover > ul {display:block;}
#navegador li >ul li {line-height:normal; height:auto; border-bottom:#1c325d 4px solid; margin:0px; padding:10px; width:220px; font-weight:normal; }

#fondo1>img{width:100%; height:auto; display:block;}
#fondo1.inicioi>img{visibility:hidden; }

#fondo1{width:100%; position:relative; margin: 0px auto;}
div#slider{position:absolute; overflow: hidden; z-index:0; height:100%; width:100%; top:0px;}
div#slider figure { position: relative; width: 400%; height:100%; margin: 0; left: 0; text-align: left; font-size: 0; animation:20s slidy infinite; }
div#slider figure img { width: 25%; float: left; height:100%;}
@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:#1c325d;}
div.celeste{width:100%; background-color:#a5c6ee;}
div.gris{width:100%; background-color:#e8e8e8;}
div.inicio{padding:40px; font-size:1.5em; }
div.inicio>section{width:80%; color:#ffffff; margin:0px auto; text-align:center; }
div.boton1{margin:40px auto; width:300px; text-align:center; border:#ffffff 2px solid; max-width:100%; height:40px; line-height:40px; border-radius:20px; font-size:0.7em;}

section.items{padding-left:10px; padding-right:10px; color:#1c325d;}
section.items h1{ padding:30px; text-align:center; width:90%; border-bottom:#1c325d 1px solid; margin:0px auto;color:#1c325d; margin-bottom:20px;}
section.items>div{display:flex; justify-content:space-between; flex-wrap:wrap; }
section.items>div figure{width:280px; background:#ffffff; text-align:center; margin:10px auto; border-radius:10px; overflow:hidden; }
section.items>div figure img{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;}
div.boton2{display:block; margin:20px auto; width:200px; text-align:center; color:#292929; max-width:100%; height:40px; line-height:40px; margin-bottom:40px; background-color:#95b3d7;}

h2{font-size:2em; color:#0f2b56; text-align:center;}
section.clientes{background-color:#f7f7f7; padding-top:20px; padding-bottom:20px;}
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);}

.ini2{text-align:center;}
.ini2 h3{color:#95b3d7; font-size:2em;}
.ini2 p{font-size:1.5em !important; color:#ffffff !important}

section.items.testi{padding-bottom:10px;}
section.items.testi>div figure{background-color:transparent;}
section.items.testi>div p{color:#222222;}

section.items.blog {padding-bottom:10px;}
section.items.blog figcaption{display:flex;}
section.items.blog>div figure{background-color:transparent;}
section.items.blog figcaption div{flex:0 0 60px; width:60px; height:60px; background-color:#00325c; color:#ffffff;}
section.items.blog figcaption div span{display:block; text-align:center;}
section.items.blog figcaption div span:nth-child(1){font-size:2em;}
section.items.blog figcaption div span:nth-child(2){font-size:1.5em;}
section.items.blog figcaption p{margin-left:20px; margin-top:5px; font-size:1.2em; text-align:left; color:#00325c; font-weight:normal;  }
section.items.blog p{text-align:left;}
section.items.blog figure div.boton2{margin:0px 0px; width:100px;}

section.items.clientes>div figure{width:180px}

section.items.pie>div figure{background-color:transparent; text-align:left;}
section.items.pie>div figcaption{font-size:1.6em; margin-bottom:20px; color:#00325c;}
img.camara{width:96px !important; height:auto;}

div.nos{display:flex; padding:40px; width:90%; max-width:1000px;}
div.nos>div{position:relative; flex:1 1 60%; width:60%; border-bottom:#cccccc 1px solid;}
div.nos>div>p{padding:20px; line-height:2em; font-size:1.2em; color:#88959e;}

div.nos>div.n1, div.nos>div.n2 {position:relative; flex:1 1 50%; width:50%; border-bottom:#cccccc 1px solid; padding:20px;}
div.nos>div.n1>p, div.nos>div.n2>ul{padding:10px; line-height:1.5em; font-size:1.1em; color:#88959e;}
div.nos>div.n1 h2, div.nos>div.n2 h2{text-align:left; display:inline-block; width:auto; padding-left:0px;position: relative;}
div.nos>div.n1 h2:after, div.nos>div.n2 h2:after {position:absolute; right:-40px; top:15px; width:10px; height:5px; content:''; border-left:#222222 10px solid; background-color:#666666; border-right:#999999 10px solid; }
div.nos>div.n2 { background-color:#ffffff;}
div.nos>div.n2>ul { list-style:none;}
div.nos>div.n2>ul>li{padding-left:40px; position:relative; margin-bottom:20px;}
div.nos>div.n2>ul>li:before {position:absolute; top:0px; left:0px; content:'✓' ; background-color:#1c325d; color:#ffffff; height:24px; width:24px; line-height:24px; text-align:center;}
/*div.nos>div>p{position:absolute; top:50%; transform:translateY(-50%); padding:40px; border-bottom:#66dddd 1px solid; width:90%;}*/
div.nos>img{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:#7a848c; color:#ffffff; position:relative; padding:40px;}
div.verde1>section{width:50%; color:#ffffff; text-align:center; margin: 0px auto; min-width:320px; font-size:1.2em;}
div.verde2{width:100%; background-color:#032f5c; 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.servicios{display:flex; padding:40px; width:90%; max-width:1200px;}
div.servicios>div.n1{flex:0 0 400px; width:400px; padding:10px;}
div.servicios>div.n2{flex:1 1; padding:10px;word-break:break-all}
div.servicios>div.n1>p, div.nos>div.n2>ul{padding:10px; line-height:1.5em; font-size:1.1em; color:#88959e;}
div.servicios h2{text-align:left; display:inline-block; width:auto; padding-left:0px;position: relative;}
div.servicios h2:after{position:absolute; right:-40px; top:15px; width:10px; height:5px; content:''; border-left:#222222 10px solid; background-color:#666666; border-right:#999999 10px solid; }
div.servicios>div.n2 img{max-width:100%; height:auto;}
div.servicios>div.n2 div.boton2{width:300px;}

div.servicios>div.n1>ul { list-style:none; margin:0px; padding:0px;}
div.servicios>div.n1>ul li{padding:10px; margin-bottom:4px; background-color:#002751; color:#ffffff;}
div.servicios>div.n1>ul a li{background-color:#b3c8e3; color:#000000;}
div.servicios>div.n1>ul a li:hover{background-color:#002751; color:#ffffff;}


.productos>article:nth-child(even)>div{text-align:right;}
.productos>article:nth-child(even) div.boton3{float:right; }

section.items.enlaces{padding:40px; justify-content:center;}
section.items.enlaces > div{justify-content:center;}
section.items.enlaces>div figure{width:320px; margin:20px; border-radius:0px; overflow:visible;filter: grayscale(100%); }
section.items.enlaces>div figure:hover{filter: none; }

div.contacto{display:flex; padding:40px;}
div.contacto>div{flex:1 1 33%;}
div.contacto>div:nth-child(1){padding:40px;}
div.contacto h2{text-align:left; display:inline-block; width:auto; padding-left:0px;position: relative;}
div.contacto h2:after{position:absolute; right:-40px; top:15px; width:10px; height:5px; content:''; border-left:#222222 10px solid; background-color:#666666; border-right:#999999 10px solid; }
.contactof{border:#404040 0px solid; text-align:left;}
.contactof h2{text-align:left;}
.contactof>form{background-color:#ffffff; padding:10px; 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;}

div.ct{text-align:left}
div.ct>h2{margin-top:-20px; padding-left:0px;margin-left:-20px;}
div.ct>div.p{padding:10px; padding-left:40px; position:relative;}
div.ct>div.p:before{position:absolute; left: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: #d9d9d9; color:#222222; 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:#222222; text-decoration:none;}
.tn img{padding:10px;}
/*FIN DE PIE DE LA PAGINA*/


span.wa{position: fixed; bottom: 20px; right: 20px; width: 60px; height: 60px;}
span.wa img{width: 100%; height: auto;}

@media screen and (max-width: 1400px) {
	.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) {
	.verde{height: 40px;}
	.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:7pt; height:40px; line-height:40px;}
	#navegador li.enl{width:48px; white-space: nowrap; 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 img{max-width: 100%; height: auto;}
	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.nos>div.n1, div.nos>div.n2 {display: block; width: 100%;}
	div.servicios{display: block;}
	div.servicios>div.n1{width: 100%}
	div.contacto>div img{width: 80%; height: auto; display: block; margin: 0px auto;}
	span.wa{width: 40px; height: 40px;}
	.cabecera_fondo > div {text-align: center; font-size: 0.6em;}
	.cabecera_fondo > div > p {margin:5px;}
}