@charset "utf-8";
/* CSS Document */

@font-face { font-family: 'AllerBold'; src: url('aller_bd-webfont.eot'); src: url('aller_bd-webfont.eot?#iefix') format('embedded-opentype'), url('aller_bd-webfont.woff') format('woff'), url('aller_bd-webfont.ttf') format('truetype'), url('aller_bd-webfont.svg#AllerBold') format('svg'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'AllerRegular'; src: url('aller_rg-webfont.eot'); src: url('aller_rg-webfont.eot?#iefix') format('embedded-opentype'), url('aller_rg-webfont.woff') format('woff'), url('aller_rg-webfont.ttf') format('truetype'), url('aller_rg-webfont.svg#AllerRegular') format('svg'); font-weight: normal; font-style: normal;}

body { background-color: #F2F2F2; background-image: url(../imagenes/cielo.jpg); background-repeat: no-repeat; background-position: top center; margin-top: 28px;}
a img { border: none;}
p { margin: 0; margin: 0;}

#wrap {width: 960px; margin: 0 auto;}
#contenedor {float: left; width: 925px; padding-left: 35px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #fff; margin-bottom: 20px;}
#header {float: left; width: 890px; margin: 28px 0px; font-family: 'AllerRegular'; }
#header img {float: left; margin-right: 25px;}
h1 {float: left; margin-top: 45px; color: #999; font-size: 15px; font-weight: normal;}
#datos_contacto {float: right; width: 220px; font-size: 16px;}
#datos_contacto .titulo{float: right; color: #FF5D02; font-size: 16px; text-align: right; width: 220px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #E6E6E6; margin-bottom: 10px;}
#datos_contacto .a{float: right; color: #999; padding-right: 5px;}
#datos_contacto .b{float: right; color: #666;}
#menu {float: left; width: 890px; height: 58px; background-image:url(../imagenes/fondo_menu.jpg); padding-top: 18px; margin-bottom: 20px;}
#menu ul {float: left; margin: 0; padding: 0; list-style-type: none;}
#menu li {display: inline;}
#menu li a {float: left; text-decoration: none; font-family: 'AllerBold'; font-size: 17px; color: #808080; padding: 10px 20px; margin-right: 5px;}
#menu li a:hover {background-color: #f57400; background-image: url(../imagenes/btn_menu.jpg); background-repeat: repeat-x; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #fff;}
#menu li .activo {float: left; text-decoration: none; font-family: 'AllerBold'; font-size: 17px; color: #fff; padding: 10px 20px; background-color: #f57400; background-image: url(../imagenes/btn_menu.jpg); background-repeat: repeat-x; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#izq {float: left; width: 300px; margin-right: 35px; margin-bottom: 35px;}
#der {float: left; width: 590px; margin-bottom: 35px;}
.titulo_seccion1{float: left; width: 555px; background-image: url(../imagenes/borde_titulo1.png); background-repeat: no-repeat; background-position: 0px bottom; font-size: 25px; color: #0751A8; font-family:'AllerRegular'; padding-bottom: 28px; margin-bottom: 15px;}
.titulo_seccion2{float: left; width: 890px; background-image: url(../imagenes/borde_titulo2.png); background-repeat: no-repeat; background-position: 0px bottom; font-size: 25px; color: #0751A8; font-family:'AllerRegular'; padding-bottom: 28px; margin-bottom: 15px;}
#clientes {float: left; width: 910px; height: 120px; background-image: url(../imagenes/fondo_clientes.png); background-repeat: repeat-x; position: relative; left: -35px; margin-bottom: 20px; padding-left: 35px; padding-right: 15px;}
#clientes .tit{float: left; padding-top: 50px; font-family: 'AllerRegular'; font-size: 18px; color: #808080;}
.cliente {float: right; margin-top: 15px; height: 95px; border-left-color: #D9D9D9; border-left-style: solid; border-left-width: 1px; padding: 0px 20px; text-align: center; font-family: 'AllerRegular'; font-size: 12px; color: #999;}
#copyright {float: left; color: #999; font-family:'AllerRegular'; font-size: 12px; margin-bottom: 30px;}

/* Slider */
.slide {float: left; width: 893px; height: 301px; background-image: url(../imagenes/fondo_slider.jpg);}
.slide img {float: left; margin-left: 52px; margin-top: 70px;}
.slide .titulo {float: left; color: #389AD1; font-size: 30px; font-family: 'AllerBold'; margin-left: 22px; margin-top: 28px;}
.slide .texto {float: left; width: 490px; color: #666; font-size: 15px; line-height: 18px; font-family: 'AllerRegular'; margin-left: 22px; margin-top: 35px;}
.slide .texto p {padding: 0 0 10px 0;}

/* Home */
#modulo_contacto{float: left; background-image: url(../imagenes/fondo_modulo_contacto.png); width: 282px; height: 183px; padding-top: 61px; font-family: 'AllerRegular'; font-size: 13px; color: #666; padding-left: 20px;}
.campo1 {font-family: 'AllerRegular'; font-size: 13px; float: left; height: 20px; width: 170px; padding-left: 5px; margin-bottom: 8px; background-color: #fff; border: 1px solid #E6E6E6;}
.campo1:focus {border: 1px solid #c0c0c0;}
.campo2 {font-family: 'AllerRegular'; font-size: 13px; float: left; height: 60px; width: 170px; padding-left: 5px; padding-top: 5px;margin-bottom: 8px; background-color: #fff; border: 1px solid #E6E6E6;}
.campo2:focus {border: 1px solid #c0c0c0;}
.enviar {background-image: url(../imagenes/btn_menu.jpg); background-position: 0 -7px; border: none; color: #fff; font-family: 'AllerBold'; font-size:13px; text-align: center; padding: 7px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer;}
.enviar:hover {background-image: url(../imagenes/btn_menu2.png);}
#modulo_contacto .texto {text-align: right; padding-right: 10px; padding-bottom: 10px;}
.imghome {float: left; margin-right: 20px;}
.textohome {float: left; width: 360px; font-family: 'AllerRegular'; font-size: 13px; line-height: 17px; color: #808080;}
.textohome p{padding-top: 0; padding-bottom: 12px;}

/* Quiénes somos */
.textoqs {float: left; width: 555px; font-family: 'AllerRegular'; font-size: 13px; line-height: 17px; color: #808080;}
.textoqs p{padding-top: 0; padding-bottom: 12px;}
.recuadro {float: left; width: 525px; height: 199px; background-image: url(../imagenes/recuadro_qs.png); position: relative; left:-7px; padding: 22px; z-index: 100000;}
.recuadro p {font-family: 'AllerRegular'; font-size: 13px; line-height: 16px; color: #808080; padding-bottom: 20px;}
.recuadro .subtitulo {color: #389AD1; font-size: 17px; padding-bottom: 9px;}

/*Ventas*/
.flechita{width: 5px; height: 9px; padding: 0px 6px; position: relative; top: -2px;}
.titulo_categoria{font-family: 'AllerRegular'; color: #389AD1; font-size: 15px; position: relative; top: -1px;}
.titulo_subcategoria{font-family: 'AllerRegular'; color: #808080; font-size: 15px; position: relative; top: -1px;}
#productos{float: left;}
.producto {float: left; width: 155px; padding: 10px; background-image: url(../imagenes/fondo_producto.png); background-repeat: repeat-x; background-color: #F2F2F2; border: solid 1px #E6E6E6; margin: 0px 12px 12px 0px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow:0px 2px 5px #B2B2B2; -moz-box-shadow: 0px 2px 5px #B2B2B2; 
box-shadow:0px 2px 5px #B2B2B2;}
.producto img{float: left; width: 155px; height: 155px; border: solid 1px #E6E6E6;}
.producto img:hover{opacity: 0.8;}
.producto .nombre {float: left; padding-top: 12px; width: 155px; text-align: center; font-size: 13px; color: #0751A8; font-family: 'AllerRegular'; padding-bottom: 3px;}
.producto .precio {float: left; width: 155px; text-align: center; font-size: 13px; color: #F83400; font-family: 'AllerRegular';}
.producto .vermas {float: left; margin-left: 33px; margin-top: 10px; width: 82px; height: 20px; background-image: url(../imagenes/ver_mas.png); color: #fff; font-family: 'AllerBold'; font-size: 13px; text-align: center; text-decoration: none; padding-top: 7px;}
.producto .vermas:hover {background-position: 0px -27px;}
.detalle_producto {float: left; width: 514px; padding: 20px; background-image: url(../imagenes/fondo_producto.png); background-repeat: repeat-x; background-color: #F2F2F2; border: solid 1px #E6E6E6; margin: 0px 12px 12px 0px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow:0px 2px 5px #B2B2B2; -moz-box-shadow: 0px 2px 5px #B2B2B2; box-shadow:0px 2px 5px #B2B2B2;}
.detalle_producto img{float: left; width: 292px; height: 292px; border: solid 1px #E6E6E6; margin-right: 15px;}
.detalle_producto img:hover{opacity: 0.8;}
.detalle_producto .nombre {float: left; width: 205px; font-size: 20px; color: #389AD1; font-family: 'AllerBold'; padding-bottom: 15px; text-transform: uppercase;}
.detalle_producto .descripcion {float: left; width: 205px; font-family: 'AllerRegular'; font-size: 12px; line-height: 15px; color: #808080;}
.detalle_producto .descripcion p{padding: 0px 0px 10px 0px; margin: 0;}
.detalle_producto .precio1 {float: left; text-align: center; font-size: 13px; color: #F83400; font-family: 'AllerRegular'; color: #0751A8; padding-right: 5px;}
.detalle_producto .precio {float: left; font-size: 13px; color: #F83400; font-family: 'AllerRegular'; width: 100px;}
.detalle_producto .consultar {float: left; margin-top: 15px; width: 82px; height: 20px; background-image: url(../imagenes/ver_mas.png); color: #fff; font-family: 'AllerBold'; font-size: 13px; text-align: center; text-decoration: none; padding-top: 7px;}
.detalle_producto .consultar:hover {background-position: 0px -27px;}
.atras {float: left; background-image:url(../imagenes/atras.png); background-repeat: no-repeat; padding-left: 20px; color: #999; font-size: 12px; font-family: 'AllerBold'; text-decoration: none; padding-top: 2px; width: 185px; margin-top: 20px;}
.atras:hover {color: #F83400;}
.botonera{float: left; width: 277px; padding: 10px; background-image: url(../imagenes/fondo_producto.png); background-repeat: repeat-x; background-color: #F2F2F2; border: solid 1px #E6E6E6; margin: 0px 12px 12px 0px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow:0px 2px 5px #B2B2B2; -moz-box-shadow: 0px 2px 5px #B2B2B2; 
box-shadow:0px 2px 5px #B2B2B2;}
.menu_head {float: left; width: 274px; height: 22px; color: #fff; font-family: 'AllerBold'; font-size: 14px; text-transform: uppercase; text-decoration: none; padding: 5px 0px 7px 5px; background-image: url(../imagenes/btn_botonera.png); background-repeat: no-repeat; background-position: -279px 0px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #E6E6E6; margin-bottom: 7px; cursor: pointer;}
.menu_head:hover {background-position: 0px 0px; background-repeat: no-repeat;}
.menu_body {display:none; float: left;}
.menu_body a{display: block; width: 255px; color:#999; font-family: 'AllerBold'; font-size: 15px; text-decoration:none; padding-bottom: 7px; background-image:url(../imagenes/flechita.png); background-repeat: no-repeat; background-position: 0px 4px; margin-left: 15px; padding-left: 10px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #E6E6E6; margin-bottom: 7px;}
.menu_body a:hover{color:#F83400; background-image:url(../imagenes/flechita2.png);}
.menu_body .activo{display: block; width: 255px; color:#F83400; font-family: 'AllerBold'; font-size: 15px; text-decoration:none; padding-bottom: 7px; background-image:url(../imagenes/flechita2.png); background-repeat: no-repeat; background-position: 0px 4px; margin-left: 15px; padding-left: 10px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #E6E6E6; margin-bottom: 7px;}

/* Contacto */
.form {float: left; width: 452px; height: 268px; position: relative; left: -6px; background-image: url(../imagenes/fondo_form.png); padding: 50px; padding-left: 65px;}
.campo3 {font-family: 'AllerRegular'; font-size: 13px; padding-left: 5px; width: 345px; height: 25px; background-color: #fff; border: 1px solid #E6E6E6; margin-bottom: 10px;}
.campo3:focus {border: 1px solid #c0c0c0;}
.campo4 {font-family: 'AllerRegular'; font-size: 13px; padding-left: 5px; padding-top: 5px; width: 345px; height: 75px; background-color: #fff; border: 1px solid #E6E6E6; margin-bottom: 10px;}
.campo4:focus {border: 1px solid #c0c0c0;}
.texto_form {float: right; padding-top: 7px; font-family: 'AllerRegular'; font-size: 13px; color: #666; text-align: right; padding-right: 10px;}