@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;}
/*CABECERA*/
.wrapper1{display:block;width:1400px;margin:0px auto;}
.cabecera_fondo{width:100%;height:165px;background-color: #ffffff;z-index:1000; position:relative; border-bottom:#84b315 4px solid;}
/*Navegador*/
#navegador{width:1400px; margin:20px auto; height:165px; display:block; padding:0px; text-align:center;}
#navegador a li span{background-color:#ffffff; color:#84b315;}
#navegador li{display:inline-block; list-style: none; height:165px; line-height:125px; padding-left:20px; padding-right:20px; margin:0px;font-weight:700; vertical-align:middle; font-size:14pt;}
#navegador span{background-color:#84b315; color:#ffffff; display:block; height:32px; padding:20px; line-height:0px; margin:20px auto;}
#navegador li:hover span{background-color:#84b315; color:#ffffff;}
#navegador li.logo{width:244px; height:241px; background:url(img/logo.png);}

#fondo1{width:100%; height:auto;}
#fondo1 img{width:100%; height:auto;}
	/*Fin navegadores*/
/*FIN CABECERA*/
/*CUERPO*/
h1, h2{display:block; width:100%; text-align:center;}
h1{font-size:20pt; margin:0px;}
h2{font-size:16pt; color:#9e9d9d; margin:0px;}
.contenido{width:1200px; margin:0px auto; padding:25px; padding-bottom:50px; text-align: justify;} /*  -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines;*/

.verde{margin:20px; background-color:#84b315; padding:20px; background:url(img/fondo2.jpg) #84b315; background-position:right bottom; background-repeat:no-repeat; }
.verde h1{color:#ffffff; font-size:24pt;}
.verde h2{color:#ffffff; text-align:right; font-weight:normal; font-size:14pt; padding-right:100px;}
.verde .cuadro1{width:440px; font-size:14pt; color:#ffffff; }
.verde .boton1{margin-top:120px; margin-bottom:80px; width:120px; padding:10px; background-color:#ffffff; text-align:center; color:#84b315; font-weight:bold;}

.mv{display:flex; font-size:14pt;}
.mv h3{color:#84b315; font-size:16pt;}
.mv div{margin:20px; background-color:#f9fbfc; flex:1 0; padding:20px;}
.mv div img{float:right; margin-left:20px;}

.beneficios{display:flex; font-size:10pt;}
.beneficios h3{color:#84b315; font-size:16pt;}
.beneficios div{margin:10px; flex:1 0; padding:10px;}
.beneficios .centro{width:100%; height:auto;}

.contra{display:flex; font-size:14pt; background-color:#f9fbfc;}
.contra h3{color:#222222; font-size:18pt; text-align:right; }
.contra div{margin:20px; flex:1 0; padding:20px;}
.contra div img{width:100%; height:auto;}
.mas{margin-top:120px; margin-bottom:80px; width:200px; padding:10px; background-color:#156135; text-align:center; color:#ffffff; font-weight:bold;}


.contenido2{width:1200px; margin:0px auto; padding:25px; padding-bottom:50px; text-align: justify;}/*  -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines;*/
.contenido2 h1{color:#84b315; text-align:left;}
.contenido2 .qs, .contenido2 p{font-size:12pt;}
.fl{float:left; margin-right:20px;}
.cc{display:block; text-align:center; margin:10px auto;}
.clientes h2{text-align:center; color:#84b315; font-size:22pt; margin-top:40px; margin-bottom:20px;}
.clientes img{max-width:100%; height:auto; display:block; margin:0px auto;}

.contenido3{width:1200px; margin:40px auto; padding:25px; padding-bottom:50px; text-align: justify;}/*  -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines;*/
.contenido3 h1{color:#84b315; text-align:center;}
.contenido3 .pp{max-width:100%; height:auto; display:block; margin:10px auto;}
.contenido3 .be{color:#222222; font-size:20pt; text-align:left;}
.contenido3 h3{color:#84b315; font-size:14pt;}

.verde2{display:flex; margin-top:50px; background-color:#84b315; font-size:14pt;}
.verde2 div{flex:1 0;}
.verde2 h3{color:#ffffff; text-align:right; font-size:20pt; padding-right:20px;}
.verde2 img{max-width:100%; height:auto;}
.fr{float:right; margin-left:40px;}


.contenido4{width:1200px; margin:40px auto; padding:25px; padding-bottom:50px;text-align: justify;}/*  -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines;*/
.contacto{display:flex;}
.contacto div{flex:1 0;}
.ct1{color: #84b315; margin:20px;}
.contacto #nombre{width:90%;height:20px;border:#cccccc 1px solid;background-color:#ffffff;margin-bottom:15px; padding-left:10px;}
.contacto #email{width:90%;height:20px;border:#cccccc 1px solid;background-color:#ffffff;margin-bottom:15px; padding-left:10px;}
.contacto #telefono{width:90%;height:20px;border:#cccccc 1px solid;background-color:#ffffff;margin-bottom:15px; padding-left:10px;}
.contacto #empresa{width:90%;height:20px;border:#cccccc 1px solid;background-color:#ffffff;margin-bottom:15px; padding-left:10px;}
.contacto #consulta{width:90%;height:100px;margin-bottom:15px;border:#cccccc 1px solid;background-color:#ffffff; padding-left:10px;}
.contacto #envia{border:none;background-color:#84b315;color:#ffffff;width:100px;padding:5px;}

.ct{color:#84b315;}
#c1{display:flex;}
#c1 aside{flex:1 0;}
#c1 aside img{display:inline-block; vertical-align:middle;}
#c1 aside p{display:inline-block; vertical-align:middle; }

/*PIE DE LA PAGINA*/
.wrapper3{width:100%;z-index:1; margin:40px auto;background-color: #84b315; background-size:5px 100%; background-repeat:repeat-x;}
#pie{width:1200px; margin:0 auto;color:#222222; padding:10px; vertical-align:top; text-align:left; padding-top:25px; padding-bottom:25px;}
#pie aside{width:30%; display:inline-block; margin:10px; vertical-align:top; font-size:9pt; padding-right:20px;}
#pie h3{margin-bottom:15px; color:#222222; background:url(img/linea.png); background-repeat:no-repeat; background-position:left bottom; padding-bottom:10px; font-size:14pt;}
#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;}
#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: 1400px) {
	.wrapper1, .wrapper2, #bannerPrincipal, .cuerpo1, .contenido, .contenido2, .contenido3, .contenido4, #contenidon, #navegador, #contenidoc, #pie{width:100%;}
}
@media screen and (max-width: 1024px) {
	.contenido {text-align:center;}
	#cabecera, #navegador, #contenidoc{width:100%;}
	#navegador li{padding-left:10px; padding-right:10px; font-size:10pt;}
	#fondo1, #fondo2{background-size:100%; height:200px;}
	.contenido aside.a50{width:95%}
}
@media screen and (max-width: 850px) {
	.cabecera_fondo, .wrapper1{height:auto; text-align:center;}
	#navegador li.logo{width:120px; height:119px; background:url(img/logom.png); margin-top:-40px;}
	.cabecera_fondo{height:90px;}
	#navegador{margin:0px auto; height:90px;}
	.wrapper1 aside{float:none; margin:0;}
	.verde *{text-align:center; width:100%;}
	.verde .cuadro1{width:100%}
	.mv div img{float:none; }
	#fondo1, #fondo2{display:none;}
	#pie{text-align:center;}
	#pie aside{width:100%;}
	#pie h3{background-position:center bottom;}
	#contacto2{margin-left:0px;}
	.cuadro{width:90%;}
	.cuadro img{width:100%;}
}
@media screen and (max-width: 640px) {
	.cabecera_fondo{height:60px; margin:0px;}
	#navegador li{padding-left:0px; padding-right:0px; font-size:9pt;}
	#navegador{height:30px;}
	#navegador span{margin:10px auto;}
	#navegador li.logo{width:64px; height:63px; background:url(img/logos.png); margin-top:-80px;}
	.mv, .beneficios, .contra, #c1, .verde2{display:block; text-align:center;}
}
@media screen and (max-width: 480px) {
	.contenidon .servicio figure #imgp,.contenidon .servicio figure #imgp2{width:80%; height:auto;}
	.producto{width:100%; margin:0px;}
	.producto img{width:100%; height:auto;}
	.producto .cuadro{margin-left:50%;}
}