@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;}
html{min-height:100% !important;}
body{margin:0px 0px;min-height:100% !important;font-size:10pt; background-color:#ffffff;}
#nada, .nada{clear:both;}
.wrapper1{display:block;width:1280px;margin:0px auto;}
/*CABECERA*/
.linea{width:100%; height:10px; background-color:#f45e5b;}
/*Navegador*/
.redes{display:flex; border-bottom:#b2b2b2 1px solid; justify-content:space-between; }
.redes>div{height:40px; line-height:40px; position:relative; padding-left:32px;}
.redes>div:before {position:absolute; left:0px; top:6px;}
.redes>div#dir:before{content:url(img/ico1.png)}
.redes>div#wha:before{content:url(img/ico2.png)}
.redes>div#cor:before{content:url(img/ico3.png); top:7px;}
.redes>div#red{padding-top:4px; padding-right:8px;}
#navegador{width:100%; display:flex; justify-content:space-between; }
#nombrecab{flex:0 0 350px; width:350px; height:160px; background-image:url(img/logo.png); background-repeat:no-repeat;  background-position:0px 45px;}
#navegador ul{flex:1 1; height:160px; text-align:right; margin:0; padding:0px;}
#navegador ul a li{color:#aaaaaa;}
#navegador li{display:inline-block;list-style: none;height:160px;color:#222222; padding-left:40px; padding-right:40px; margin:0px; line-height:140px; font-weight:700;}
#navegador a li:nth-child(3){border-right:none;}
#navegador li:hover{color:#222222;}
	/*Fin navegadores*/
/*FIN CABECERA*/

/*CUERPO*/
#fondo1{width:100%; height:auto;}
#fondo1 img{width:100%; height:auto; display:block;}
.boton{height:42px; line-height:42px; padding-left:32px; padding-right:32px; border:#222222 1px solid; color:#222222; display:inline-block;}
.morado{background-color:#7c8ff6; text-align:center; padding:40px; color:#ffffff;}
.morado p{line-height:2em; font-size:1.4em; margin:40px auto; max-width:70%; display:block; }
.contenido{width:1200px; margin:0px auto; text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; padding-top:25px; padding-bottom:50px;}
.moradotop{width:100%; background:url(img/linea.png) repeat-x; padding:40px;}

.inicio{display:flex; justify-content:space-around; flex-wrap:wrap; }
.inicio figure{width:330px; border:#555555 1px solid; padding:10px; background-color:#ffffff; text-align:center; margin-top:20xp ;margin-bottom:20px;}
.inicio figure>figcaption{margin-top:20px; margin-bottom:20px; text-align:center; font-size:1.2em; font-weight:bold;}
.inicio figure>p{text-align:justify; }

.blanco{background-color:#ffffff; padding:40px; }
.blanco p{line-height:2em; font-size:1.4em; margin:40px auto; max-width:70%; display:block; text-align:center; }
.nosotros{display:flex; justify-content:space-around; color:#222222; flex-wrap:wrap;}
.nosotros figure{width:50%; padding:10px; text-align:center; }
.nosotros figure>figcaption{margin-top:20px; margin-bottom:20px; text-align:center; font-size:1.2em; font-weight:bold;}
.nosotros figure>p{text-align:center; font-size:1em}

.servicios{padding-top:40px; padding-bottom:40px;}
.servicios>article{display:flex; margin-top:20px; margin-bottom:20px; flex-wrap:wrap; border-bottom:#cab681 1px solid; padding-bottom:20px;}
.servicios>article>div{flex: 1 1; padding-left:40px; padding-right:40px; line-height:2em;}
.servicios>article>img{flex: 0 0 420px; padding-left:40px; padding-right:40px; padding-top:40px;}

#contacto{display:flex; padding:20px;}
.contacto{background-color:#5f9f25; border:#999999 1px solid; width: 50%;}
.contacto>form{background-color:#ffffff; padding:20px; text-align:center; display:block;}
.contacto>form>div{margin:20px; display:flex;}
.contacto>form>div>div{flex:0 0 40px; background-color:#ededed;}
.contacto>form>div>div>img{margin:0px; padding:0px; display:block;}
.contacto>form>div>input{flex:1 1; background-color:#ededed; border:#ededed 0px solid; height:40px; text-align:left; padding-left:12px;}
.contacto>form>div>textarea{flex:1 1; background-color:#ededed; border:#ededed 0px solid; height:100px; padding-top:14px; padding-left:12px;}
.contacto>form>input[type=submit]{display:block; background-color:#5d5d5d; color:#ffffff; height:32px; line-height:32px; text-align:center; border:#5d5d5d 0px solid; margin:20px auto; width:70%;}

.datos{text-align:right; width:40% }
.datos h1{color:#f45e5b}
.datos>div { position:relative; padding-right:40px; margin-bottom:20px;}
.datos>div#tel:before {content:url(img/ico2.png); position:absolute; right:0px; top:0px;}
.datos>div#ema:before {content:url(img/ico3.png); position:absolute; right:0px; top:0px;}
.datos>iframe{max-width:80%; height:auto; margin-top:80px;}

/*PIE DE LA PAGINA*/
#pie{color:#ffffff; padding:40px; background-color:#292929;}
.pie{display:flex; justify-content:space-between; padding-bottom:30px;}
.pie aside{flex:1 1; padding:40px; font-size:9pt;}
.pie h3{margin-bottom:15px; color:#ffffff; border-bottom:#ffffff 1px solid; height:30px; line-height:24px;}
.pie a{color:inherit; text-decoration:none;}
.pie p{margin-bottom:8px;}

#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; border-top:#555555 1px solid;}
#firma a{color:#CCCCCC;	font-size:8pt;text-decoration:none;}
.tn img{padding:10px;}
/*FIN DE PIE DE LA PAGINA*/

@media screen and (max-width: 1280px) {
	.wrapper1, .wrapper2, #bannerPrincipal, .cuerpo1, .contenido, #contenidon, #contenidoc, #pie{width:100%;}
}
@media screen and (max-width: 1024px) {	
	#navegador li{padding-left:20px; padding-right:20px; font-size:10pt;}
}
@media screen and (max-width: 850px) {
	.cabecera_fondo, .wrapper1{height:auto; text-align:center;}
	#nombrecab{flex:0 0 180px; width:180px; height:160px; background-image:url(img/logo.png); background-repeat:no-repeat;  background-position:0px 55px; background-size:contain; }
	.redes{font-size:0.7em;}
}
@media screen and (max-width: 640px) {	
	#navegador li{padding-left:10px; padding-right:10px; font-size:10pt;}
	#pie{padding:10px;}
	.pie{display:block; }
	.pie aside{padding:10px;}
}
@media screen and (max-width: 600px) {
	.redes>div{width:32px; overflow:hidden; }
	.redes>div#red{width:100px; overflow:hidden; }
	.redes.redes>div:hover{width:auto; }
	#navegador{display:block;height:auto; text-align:center; }
	#nombrecab{height:40px;background-position:0px 0px; margin:10px auto;}
	#navegador ul{text-align:center; margin:0px auto; height:auto; margin-bottom:20px;}
	#navegador ul li{height:40px; line-height:40px;}
	.blanco p{font-size:1em; max-width:90%;}
	.nosotros figure{width:100%; padding:0px; }
	.morado{padding:20px;}
	.morado p{line-height:1.5em; font-size:1em; margin:20px auto; max-width:90%;}
	.servicios>article>div{text-align:justify; }
	#contacto{display:block; padding:10px;}
	.contacto{width: 100%;}
	.datos{text-align:center; width:80% }
}