@charset "utf-8";
/* CSS Document */
*{margin:0px;font-family:"Century Gothic", "Trebuchet MS", Verdana, sans-serif;}
header, section, footer, aside, nav, article, figure, figcaption, hgroup, div{display:block;}
a{text-decoration:none;}
html{min-height:100% !important;}
body{margin:0px 0px;min-height:100% !important;font-size:10pt; background-color:#ffffff;}
#nada{clear:both;}
/*CABECERA*/
	.wrapper1{display:block;width:1200px;height:195px;margin:0px auto;z-index:1000;}
	#cabecera{top:0px;width:400px; height:145px;float:left;}
	#cabecera #nombrecab{width:400px;background:url(images/logo.gif) no-repeat;height:145px;margin:0px;}
	/*Navegador*/
	#navegador{width:auto;display:block;height:195px;text-align:center; font-weight:bold; background-color:#ffffff; color:#000000;float:right;}
	#navegador ul{padding:0px;margin:0px 0px;}
	#navegador ul a li{color:#000000; background:none;}
	#navegador li{display:inline-block;list-style: none;height:195px;color:#ffffff; padding-left:40px; padding-right:40px; margin:0px; background-color:#00a2e8; line-height:195px;}
	#navegador li:hover{color:#ffffff; background-color:#00a2e8;}
	
	#fondo1{width:100%; height:450px; background:url(images/fondo1.jpg); background-position:center; background-repeat:no-repeat;}
	#fondo2{width:100%; height:220px; background:url(images/fondo2.jpg); background-position:center; background-repeat:no-repeat;}
	#fondo3{width:100%; height:480px; background:url(images/fondop1.jpg); background-position:center; background-repeat:no-repeat;}
	#fondo4{width:100%; height:480px; background:url(images/fondoc1.jpg); background-position:center; background-repeat:no-repeat;}
	/*Fin navegadores*/
/*FIN CABECERA*/
/*CUERPO*/
	.wrapper2{width:100%;z-index:1; background-color:#f6f6f6;}
	.wrapper3{width:100%;z-index:1; background-color:#333333;}
	.contenidoi1{width:1200px; margin:0 auto;}
	.contenidoi2{width:1200px; margin:0 auto;}
	h1{font-weight:bolder;font-size:18pt; text-align:center}
	.hi{background:url(images/hi.png); background-position:center; background-repeat:no-repeat; height:65px; line-height:65px;}
	.hj{background:url(images/hj.png); background-position:center; background-repeat:no-repeat; height:65px; line-height:65px; color:#ffffff;}
	h2{font-weight:bolder; color:#222222; font-size:12pt;}
	h3{font-weight:bolder; color:#222222; font-size:12pt;}
	
	#cuerpo{text-align:center}
	#cuerpon p{margin-bottom:20px;}
	.producto{width:375px; text-align:center; margin:10px; display:inline-block; vertical-align:top; background-color:#ffffff; position:relative;}
	.producto figcaption{padding:20px;font-weight:bold; font-size:10pt; color:#222222; text-align:center; margin-top:10px;}
	.producto #mas{padding:20px; padding-top:0px;text-align:center; margin:0px auto; font-size:9pt;}
	.producto .cuadro{position:absolute; margin:-35px 162.5px; background-image:url(images/cuadro.png); width:50px; height:50px;  z-index:50;}
	.inicio{width:285px; text-align:center; margin:5px; display:inline-block; vertical-align:top; background-color:#ffffff;}
	.inicio figcaption{display:inline-block;width:210px; vertical-align:middle; margin-top:20px;}
	.inicio .mas{display:inline-block;width:70px; height:70px; background-image:url(images/mas.png); vertical-align:top;}
	.inicio figcaption h1{font-size:10pt; padding-left:10px; text-align:left;}
	.inicio figcaption h2{font-size:8pt; padding-left:10px; text-align:left;}
	#fondo2 h1{height:100%; line-height:220px; text-align:center; color:#222222; font-size:36pt;}
	
	.nosotros{display:inline-block; width:300px; margin:20px; vertical-align:top; color:#ffffff; text-align:left;}
	.contenidon{width:1200px; margin:0 auto; text-align:center;}
	.contenidon p, .nosotros p{margin-top:10px;}
	.contenidon .menu{width:360px; padding:10px; display:inline-block; vertical-align:top; text-align:left; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
	.contenidon .menu div{margin-bottom:5px; border-bottom:#999999 2px solid; color:#222222;}
	.contenidon .menu .sel{ border-bottom:#00a2e8 2px solid;}
	.contenidon .servicio{display:inline-block; overflow:hidden; padding:10px; vertical-align:top; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
	.contenidon .servicio figure{text-align:center; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
	.contenidon .servicio p{text-align:justify;}
	.contenidon .servicio figure #imgp,.contenidon .servicio figure #imgp2{display:inline-block; width:420px; height:auto;}
	.contenidon .servicio figure #tn,.contenidon .servicio figure #tn2{display:inline-block; width:60px; padding:5px; padding-top:0px; vertical-align:top;}
	.contenidon .servicio figure #tn img,.contenidon .servicio figure #tn2 img{margin-bottom:5px;}
	
	#cuerpop figure{display:inline-block; width:400px;text-align:center;}
	#cuerpop #datos{display:inline-block; width:700px;vertical-align:top; margin-left:20px; font-size:12pt;}
	#cuerpop #nombre{color:#32338e; margin-bottom:10px ;font-size:20pt;}
	#cuerpop #precio{font-size:20pt;}
	#contenidopie h2{text-align:left; font-size:20pt; margin-top:40px;}
	
	#contenidoc{width:1200px; margin:0px auto;margin-top:50px; margin-bottom:50px; padding:20px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
	#contenidoc aside{width:500px; display:inline-block; vertical-align:top;}
	#contenidoc h2{font-size:18pt; margin-bottom:20px;}
	#contenidoc h3{font-size:14pt; margin-top:20px;}
	#contacto2{margin-left:80px;}
	#contacto2 #nombre{width:500px;height:20px;border:#32338e 2px solid;background-color:#ffffff;margin-bottom:15px; padding-left:10px;}
	#contacto2 #email{width:500px;height:20px;border:#32338e 2px solid;background-color:#ffffff;margin-bottom:15px; padding-left:10px;}
	#contacto2 #telefono{width:500px;height:20px;border:#32338e 2px solid;background-color:#ffffff;margin-bottom:15px; padding-left:10px;}
	#contacto2 #empresa{width:500px;height:20px;border:#32338e 2px solid;background-color:#ffffff;margin-bottom:15px; padding-left:10px;}
	#contacto2 #consulta{width:500px;height:80px;margin-bottom:15px;border:#32338e 2px solid;background-color:#ffffff;margin-top:10px; padding-left:10px;}
	#contacto2 #envia{border:none;background-color:#32338e;color:#ffffff;width:100px;padding:5px;}
	.mapa{margin:50px auto;}
	
	/*PIE DE LA PAGINA*/
	#pie{width:1200px; margin:0 auto;color:#222222; padding:20px; vertical-align:top; text-align:right; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
	#pie aside{width:250px; display:inline-block; margin:10px; vertical-align:top;}
	#pie h3{margin-bottom:15px; color:#222222;}
	#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;}
	/*FIN DE PIE DE LA PAGINA*/
	
/*FIN CUERPO*/

/*CLASES*/
	.fuenten{font-size:10pt;}
	.fuenteg{font-size:18pt;}
	.fuentec{font-size:9pt;}
	.f{width:32px; height:32px; background-image:url(images/fg.png); float:right;}
	.t:hover{background-image:url(images/tb.png);}
	.f:hover{background-image:url(images/fb.png);}
	.t{width:32px; height:32px; background-image:url(images/tg.png); float:right;}
	.pt:before{content:url('images/pt.png');position:relative;top:5px;margin-right:5px;}.y{position:relative;top:-5px;}
	.pc:before{content:url('images/pc.png');position:relative;top:5px;margin-right:5px;}.e{position:relative;top:-5px;color:#0c404d;font-size:11pt;}
	.cm:before{content:url('images/cm.png');position:relative;top:35px;margin-right:5px; margin-left:-40px;}.cm{position:relative;top:-35px; margin-left:40px; margin-bottom:-20px;}
	.ct:before{content:url('images/ct.png');position:relative;top:35px;margin-right:5px; margin-left:-40px;}.ct{position:relative;top:-35px; margin-left:40px; margin-bottom:-20px;}
	.cc:before{content:url('images/cc.png');position:relative;top:15px;margin-right:5px;}.cc{position:relative;top:-10px; margin-bottom:5px;}

@media screen and (max-width: 1200px) {
	.wrapper1, .wrapper2, #bannerPrincipal, #pie, .contenidoi1, .contenidoi2, .contenidon{width:100%;}
}
@media screen and (max-width: 1024px) {
	#cabecera, #navegador, #contenidoc{width:100%;}
	#cabecera #nombrecab{float:none; margin:0px auto;}
	#navegador, #navegador li{height:100px; line-height:100px;}
	#fondo1, #fondo2{background-size:100%; height:200px;}
}
@media screen and (max-width: 600px) {
	.contenidon .servicio, .contenidon .menu, #contacto2 #nombre, #contacto2 #email, #contacto2 #telefono, #contacto2 #empresa, #contacto2 #consulta, #contacto2 #envia, #contenidoc aside{width:100%; overflow:inherit;}
	#navegador{height:auto; line-height:50px;}
	#navegador li{height:50px; line-height:50px; padding-left:10px; padding-right:10px; font-size:10pt;}
	#fondo1, #fondo2{display:none;}
	#pie{text-align:center;}
	#contacto2{margin-left:0px;}
}
@media screen and (max-width: 480px) {
	#cabecera #nombrecab{width:100%; background-size:100%;}
	.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%;}
}