@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:210px;margin:0px auto;}
	#wrapperpie{display:block;width:100%; margin:0px auto;background-color:#f7f7f7;}
	#cabecera{top:0px;width:1200px; height:155px;}
	#cabecera #nombrecab{display:block;float:left;width:300px;background:url(images/logo.jpg) no-repeat;height:100px;color:#eee;margin-left:0px; margin-top:27px;}
	#cabecera #ccontacto{float:right; width:320px; height:60px;margin-left:60px; color:#999999; margin-top:20px; line-height:35px; font-size:12pt;}
	/*Navegador*/
	#navegador{width:1200px;display:block;height:55px;text-align:center; font-weight:bold; color:#ffffff;}
	#navegador ul{padding:0px;margin:0px auto; width:auto; height:85px; z-index:1000; width:590px;}
	#navegador li{display:block; float:left;list-style: none; padding:10px;height:85px; line-height:85px; padding-left:40px; padding-right:40px; margin-left:0px; margin-right:0px;}
	#navegador a {color:#ffffff;}
	#navegador a:nth-child(1) li{background-color:#96c5cc;}
	#navegador a:nth-child(2) li{background-color:#42a8bf;}
	#navegador a:nth-child(3) li{background-color:#4289bf;}
	#navegador a:nth-child(4) li{background-color:#4262bf;}
	#navegador a:hover li{background-color:#273d5f;}
	#navegador #facebook{float:right; background-color:#2b9cd8; width:40px; line-height:40px; vertical-align:middle; text-align:center; height:40px;}
	
	#fondo1{width:100%; height:600px; background:url(images/fondo1.jpg); background-position:center; background-repeat:no-repeat;}
	#fondo2{width:100%; height:480px; background:url(images/fondon1.jpg); background-position:center; background-repeat:no-repeat;}
	#fondo3{width:100%; height:600px; background:url(images/fondo3.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:1200px;margin:10px auto;z-index:1;}
	#contenido{width:1200px;}
	h1{font-weight:bolder; color:#222222; font-size:18pt; text-align:center}
	h2{font-weight:bolder; color:#222222; font-size:12pt;}
	h3{font-weight:bolder; color:#222222; font-size:12pt;}
	#cuadrosinicio{width:1200px; text-align:center;}
	#cuadroinicio{display:inline-block; margin:30px; margin-top:20px; width:220px; height:220px; text-align:center; background-color:#f7f7f7; padding:40px; vertical-align:top;}
	#cuadroinicio img{margin-bottom:20px;}
	
	#cuerpo{text-align:center}
	#producto{width:350px; text-align:center; margin:10px; display:inline-block}
	#producto figcaption{color:#2b9cd8; font-weight:bold; font-size:12pt;}
	#producto #precio{color:#222222; font-weight:700; font-size:14pt; line-height:40px;}
	#producto #mas{width:280px; background-color:#2b9cd8; text-align:center; height:32px; line-height:32px; color:#ffffff; margin:0px auto;}
	
	#boletin{width:100%; background-color:#f3f3f3; height:auto;}
	#boletinc{width:1200px; margin:0 auto;}
	#boletini, #boletind{width:500px; display:inline-block; vertical-align:top;}
	#boletini h2{margin:40px; font-size:20pt; color:#222222;}
	#boletini p{margin:20px; font-size:12pt; color:#222222;}
	#boletinf input{border:none; height:60px; line-height:60px; font-size:14pt; margin-right:20px;}
	#boletinf input[type=text]{background-color:#ffffff; color:#555555; width:250px;}
	#boletinf input[type=submit]{background-color:#2b9cd8; color:#ffffff; width:200px;}
	
	#cuerpon article{vertical-align:top;}	
	#cuerpon article img{display:inline-block; margin-top:60px;}
	#cuerpon article section{display:inline-block; width:600px;vertical-align:top; margin-top:0px; font-size:12pt;}
	#cuerpon h2{margin-top:40px; margin-bottom:10px;font-size:20pt;}
	#cuerpon p{margin-bottom:5px;}
	
	#cuerpop figure{display:inline-block; width:370px;text-align:center;margin:10px; margin-bottom:40px; box-sizing:border-box; background-color:#f7f7f7; vertical-align:top; height:360px;}
	#cuerpop .descripcion{font-size:10pt; color:#868686; margin:20px;}
	#cuerpop #nombre{color:#222222; margin:10px ;font-size:16pt;}
	#cuerpop #precio{font-size:20pt;}
	#contenidopie h2{text-align:left; font-size:20pt; margin-top:40px;}
	
	#contenidoc{margin-top:50px; margin-bottom:50px;}
	#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:#175e92 2px solid;background-color:#ffffff;margin-bottom:15px; padding-left:10px;}
	#contacto2 #email{width:500px;height:20px;border:#175e92 2px solid;background-color:#ffffff;margin-bottom:15px; padding-left:10px;}
	#contacto2 #telefono{width:500px;height:20px;border:#175e92 2px solid;background-color:#ffffff;margin-bottom:15px; padding-left:10px;}
	#contacto2 #empresa{width:500px;height:20px;border:#175e92 2px solid;background-color:#ffffff;margin-bottom:15px; padding-left:10px;}
	#contacto2 #consulta{width:500px;height:80px;margin-bottom:15px;border:#175e92 2px solid;background-color:#ffffff;margin-top:10px; padding-left:10px;}
	#contacto2 #envia{border:none;background-color:#175e92;color:#ffffff;width:100px;padding:5px;}
	.mapa{margin:50px auto;}
	
	/*PIE DE LA PAGINA*/
	#pie{color:#222222;background-color:#f7f7f7; padding:20px; vertical-align:top; width:1200px; margin:20px auto; text-align:center}
	#pie aside{width:250px; display:inline-block; margin:10px; vertical-align:top; text-align:left;}
	#pie h3{margin-bottom:15px;}
	#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:15px;margin-right:5px; margin-left:-40px;}.ct{position:relative;top:0px; 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;}

/*ELEMENTOS HTML*/
	/*---SELECT----*/
	select {padding:3px;margin: 0;background: #fff;color:#888;border:#bbb 1px solid;outline:none;display: inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;}
	.labelSelect {position:relative}
	.labelSelect:after {content:'<>';font:11px "Consolas", monospace;color:#aaa;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);right:8px; top:2px;padding:0 0 2px;border:none;border-bottom:1px solid #ddd;position:absolute;pointer-events:none;}
	.labelSelect:before {content:'';right:4px; top:-2px;width:20px; height:20px;background:#fff;position:absolute;border:none;pointer-events:none;display:block;}
	/*---SELECT----*/
	/*---CHECKBOX-----*/
	checkbox {outline:none; border:#CCC 1px solid; background-color:#FFF;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
	/*---CHECKBOX-----*/