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

/*Tipografías*/
@font-face {
    font-family: 'Bebas';
    src: url('../fonts/bebasneue-webfont.eot?') format('eot'),
         url('../fonts/bebasneue-webfont.woff') format('woff'),
         url('../fonts/bebasneue-webfont.ttf') format('truetype'),
         url('../fonts/bebasneue-webfont.svg#webfontMAZXZguX') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*anchos*/
.width50{width:50px !important;}
.width80{width:80px !important;}
.width100{width:100px !important;}
.width120{width:120px !important;}
.width140{width:140px !important;}

/*margenes*/
.marginleft10{margin-left:10px !important;}
.marginleft13{margin-left:13px !important;}
.marginleft20{margin-left:20px !important;}
.marginleft25{margin-left:25px !important;}
.marginleft30{margin-left:30px !important;}
.marginleft40{margin-left:40px !important;}
.marginleft50{margin-left:50px !important;}

.marginright10{margin-right:10px !important;}
.marginright20{margin-right:20px !important;}
.marginright30{margin-right:30px !important;}
.marginright40{margin-right:40px !important;}

/*Bordes*/
.no-borde{border: none !important;}
/*Flotaciones*/
.float-left{float:left !important;}
.float-right{float:right !important;}

.clear-left{clear:left !important;}
.clear-right{clear:right !important;}
.clear-both{clear:both !important;}

/*Contenedores genericos*/
.cont-centrado{width:960px; margin: 0 auto;}
.cont-secciones{width:920px; min-height: 535px; margin: 0 auto; padding:40px 20px 20px 20px; background: #fff;}
.col-izqda, .col-drcha{margin-top: 35px;}
.col-izqda{width: 460px; float: left;}
.col-drcha{width: 460px; float: right;}
.col-izqda-secciones{width: 220px; float: left;}
.col-izqda-secciones h2{display: block; font-size:22px; color: #fff; padding: 10px; background:#bac0c0;}
.col-drcha-secciones{width: 675px; float: right;}
.col-izqda-contacta{width: 280px; float:left; margin-top:20px;}
.col-drcha-contacta{width: 595px; float:right; margin-top:20px;}
.col-izqda-noticias{width: 630px; float:left; margin-top:20px;}
.col-drcha-noticias{width: 245px; float:right; margin-top:20px;}

/*enlaces*/
a{color:#e60326;}
a:hover, a:active{text-decoration: underline;}
/*Titulos*/
h1,h2,h3{font-family: 'Bebas', Arial, sans, serif !important;}
.col-izqda h2, .col-drcha h2{font-size: 22px; display: block; margin: 0 0 15px 0; color: #191919;}
.cont-secciones h1{word-spacing: 4px;font-size: 24px; color: #2d2d2d; display: block; border-bottom: 2px dotted #dfe5e6; margin-bottom: 25px; padding: 5px 0 12px 0;}

body{font-family:Arial, Helvetica, sans-serif !important; color:#2d2d2d; line-height: 18px; background:#f6f6f6;}

/*CABECERA*/
/*Menu principal*/
.top-header{height: 80px;  background: #e60326;}
.top-menu{width: 960px; margin: auto; position: relative;}
.top-menu ul{width: 65%; position: absolute; right:0; background: url(../img/bg-menu.png) no-repeat 0 bottom;}
.top-menu ul li{display: inline-block; width: 85px; height: 80px;}
.top-menu ul li a{word-spacing: 4px; transition: background .15s ease-in-out; width:81px; height:50px; display: inline-block; font-family: 'Bebas', Arial, sans, serif; font-size: 17px; font-weight: normal; color: #fff; text-decoration: none; text-align: center; vertical-align: middle; line-height:initial; padding:15px;}
.top-menu ul li a:hover, .top-menu ul li a:active, a.active-menu{color:#8996a0 !important; background: #fff url(../img/icon-active.png) no-repeat 0 bottom !important;}

/*Logotipo*/
.cont-logo{margin: 0 auto; width: 960px; height: 50px; position: relative;}
.cont-logo h1.logo{width: 337px; height:106px; display: block; text-align: center; position: absolute; left: 0; top:-80px; background: #fff;}

/*Bsucador/Telefonos*/
.buscador-telefonos{background: #fff; margin-top:-50px;}
.cont-buscador-telefonos{width: 960px; margin: 0 auto; height:45px; position:relative;}
.cont-buscador-telefonos .telefonos{position: absolute; right: 0; top: 10px;}
.cont-buscador-telefonos .buscador{position: absolute; right: 350px; top: 10px;}
.cont-buscador-telefonos .buscador input.tipo-texto{width: 210px; height: 16px; float:left; border:1px solid #dcdcdc; border-radius: 2px; color: #cecccc; padding: 4px; background: #fff url(../img/bg-input.gif) repeat-x 0 bottom;}
.cont-buscador-telefonos .buscador input.tipo-boton{width: 18px; height:19px; margin:3px 0 0 -23px; border: none; background: url(../img/icon-lupa.png) no-repeat right center;}

/*Carrusel*/
.theme-default .nivoSlider{box-shadow: none !important;}
.theme-default .nivo-controlNav{display: none;}
.bg-carrusel{background: url(../img/bg-carrusel.png) repeat-x 0 0;}
.bg-carrusel .slider-wrapper{width: 960px; height: 325px; margin: 0 auto;}

/*Productos / Noticias*/
.cont-noticias, .cont-productos{border-radius: 3px; padding: 10px; background: #fff /*url(../img/bg-productos.gif) repeat-x 0 bottom*/;}
.cont-productos .producto, .cont-noticias .noticia{border-bottom: 1px dotted #ddd; padding: 10px;}
.cont-productos .producto{min-height: 140px;}
.cont-productos .imagen, .cont-noticias .imagen{float: left; margin: 0 15px 10px 0;}
.cont-noticias .imagen_panel_control{float: left; margin: 0 45px 10px 0;}
.cont-productos .info-producto h3, .cont-noticias .info-noticia h3{font-size: 20px; display: block; margin: 5px 0 10px 0; color: #333333;}
.cont-productos .info-producto .subtitulo, .cont-noticias .info-noticia p.fecha{color:#969798; font-size: 10px;}
.cont-productos .info-producto a.btn-producto{font-family: Arial, Helvetica, sans-serif !important; float: left; height: 18px; margin: 10px 0 0 0; display: block; color:#fff; font-weight: bold; text-decoration: none; padding: 6px 35px 6px 14px; background: url(../img/bg-btn-producto.png) no-repeat 50% 50%;}
a.leer-mas{display: inline-block; color: #e60326; font-weight: bold;}
.cont-ver-mas{height: 42px; background: #e60326; opacity:0.85;}
.cont-ver-mas .ver-mas {opacity: none; font-family: 'Bebas', Arial, sans, serif; color: #fff; display: block; padding: 13px 13px 11px 25px; background:#e60326 url(../img/icon-ver-mas.png) no-repeat 4px 11px; float: right; text-decoration: none; font-size: 16px; display: block; transition: background .15s ease-in-out; }
.cont-ver-mas .ver-mas:hover{background:#fff url(../img/icon-ver-mas-hover.png) no-repeat 4px 13px; color:#e60326;}

/*Menu familias*/
ul.accordion{margin: 0; padding: 0; border:1px solid #f6f6f6; }
ul.accordion li{list-style:none; border-top: 1px solid #fff; border-bottom: 1px solid #ddd; background:#f6f6f6;}
ul.accordion li a{word-spacing:1px; font-weight:normal; font-size: 18px; font-family: 'Bebas', Arial, sans, serif;color:#2d2d2d; text-transform:capitalize; text-decoration:none; display: block; margin-left: 5px; padding: 8px 0 8px 20px; background:url(../img/icon-bullet.png) no-repeat 0 50%;}
ul.accordion li ul{margin: 0; }
ul.accordion li ul li{background: none; padding-left: 0; border: none;}

ul.accordion li:hover{transition: all 0.3s ease; background:#e60326;}
ul.accordion li:hover a{color:#fff;}
ul.accordion li ul li:hover{background:#f5e0e1!important;}
ul.accordion li ul li:hover a{color:#fff;}
ul.accordion li:hover ul li{background:#f6f6f6;}
ul.accordion li:hover ul li a{color:#8996a0;}

ul.accordion li ul li a{margin-left: 15px;color:#8996a0;}
ul.accordion li ul li ul li a{color:#e60326!important; background: none;}
/*ul.accordion li ul li ul li a:hover{text-decoration: underline; color:#e60326; }*/
ul.accordion li ul li ul li a.active{color:#e60326; background:url(../img/icon-bullet-active.png) no-repeat 0 50% !important;}

/*Bloques familias / productos*/
.cont-listado{}
.cont-listado .familias ul, .cont-productos .productos ul{margin: 0; padding:0;}
.cont-listado ul.familias li{width: 207px; height:205px; margin-bottom: 15px; float: left; display: block;}
.cont-listado ul.familias li img{transition: background .15s ease-in-out;}
.cont-listado ul.familias li .nombre-familia-listado{font-size: 22px; word-spacing: 4px; padding: 10px; background:#e60326; transition: background .15s ease-in-out;}
.cont-listado ul.familias li a{font-family: 'Bebas', Arial, sans, serif; color: #fff; display: block; font-size: 16px; text-decoration: none;}
.cont-listado ul.familias li .nombre-familia-listado:hover{background: #bac0c0;}
.cont-listado ul.familias li img{width: 100%;}
.cont-listado ul.familias li img:hover{opacity: 0.8;}

.cont-listado .productos ul{margin: 0; padding:0;}
.cont-listado ul.productos li{width: 205px; border: 1px solid #dfe5e6; margin-bottom: 15px; float: left; display: block;}
.cont-listado ul.productos li .caja-productos{height:195px; position:relative;}

.cont-listado ul.productos li img{width: 100%; transition: background .15s ease-in-out;}
.cont-listado ul.productos li .nombre-producto-listado{width: 185px; position: absolute; bottom:0; padding: 10px; background:#dfe5e6; transition: background .15s ease-in-out;}
.cont-listado ul.productos li .nombre-producto-listado span{text-align: left; color:#2d2d2d; margin: 0 0 2px 0; display: inline-block;}
.cont-listado ul.productos li .nombre-producto-listado span.nombre-producto{font-size: 18px;}
.cont-listado ul.productos li .nombre-producto-listado span.subtitulo-producto, .cont-listado ul.productos li .nombre-producto-listado span.ref-producto{font-family:Arial, Helvetica, sans-serif; font-size: 11px;color: #000;}
.cont-listado ul.productos li .nombre-producto-listado span.ref-producto{font-weight: bold; color:#e60326;}
.cont-listado ul.productos li a{font-family: 'Bebas', Arial, sans, serif; color: #fff; display: block; font-size: 16px; text-decoration: none;}

.cont-listado ul.productos li .nombre-producto-listado:hover{background: #d4d5d5;}
.cont-listado ul.productos li img:hover{opacity: 0.8;}

/*Detalle de producto*/
.detalle-producto{}
.detalle-producto h2{word-spacing:4px; color: #fff; font-size: 22px; display: block; margin-bottom: 20px; padding: 10px; background:#e60326; }
.detalle-producto h2 span{float: right;}
.detalle-producto .cont-imagen{width: 290px; float: left;}
.detalle-producto .cont-imagen img{width: 100%; height: auto;}
.detalle-producto .cont-imagen a.zoom{display: block;}
.detalle-producto .cont-imagen a.zoom img{width: auto;}
.detalle-producto .cont-bloques-producto{float: right; width:378px;}
.detalle-producto .cont-bloques-producto.otro{float: right; width:100%;}
.detalle-producto .cont-bloques-producto .bloque-descripcion, .detalle-producto .cont-bloques-producto .bloque-adjuntos{border-radius: 4px; margin-bottom: 15px; padding: 15px; background: #f0f3f4;}
.detalle-producto .cont-bloques-producto .bloque-adjuntos, .detalle-producto .cont-bloques-producto .bloque-compartir{border: 2px solid #f0f3f4; background: #fff;}
.detalle-producto .cont-bloques-producto .bloque-adjuntos a{display: block; border-bottom: 1px dotted #ddd;}
.detalle-producto .cont-bloques-producto .bloque-adjuntos a.pdf{color: #e60326; font-weight:bold; padding: 15px 0 15px 38px; background: url(../img/icon-pdf.png) no-repeat 0 5px;}
.detalle-producto .cont-bloques-producto .bloque-adjuntos a.youtube{color: #e60326; font-weight:bold; padding: 15px 0 15px 38px; background: url(../img/youtube.png) no-repeat 0 5px;}
.detalle-producto .cont-bloques-producto .bloque-adjuntos a.compartelo{color: #e60326; font-weight:bold; padding: 15px 0 15px 38px; background: url(../img/icon-compartir.png) no-repeat 0 5px;}

.detalle-producto .cont-bloques-producto .bloque-descripcion h3{font-size: 16px; display: block; margin: 0 0 10px 0;}
.cont-solicitar{margin:10px 0;}
.cont-solicitar a{transition: background .15s ease-in-out; font-size:16px; font-family: 'Bebas', Arial, sans, serif; color:#2d2d2d; text-decoration: none; display: block;border-radius: 4px; padding: 6px; background:#dfe5e6;}
.cont-solicitar a:hover{color:#fff; background:#e60326;}

/*Noticias*/
.col-drcha-noticias {border-left: 4px solid #dfe5e6; padding-left: 20px;}
.cont-listado-noticias{}
.noticia{width: 615px; display: block; border-top: 1px dotted #dfe5e6; border-bottom: 1px dotted #dfe5e6; padding: 25px 10px; background: url(../img/bg-input.gif) repeat-x 0 bottom;}
.col-drcha .noticia{width: auto; border-top:none; background: #fff;}
.col-drcha .noticia h3{padding:0;}
.col-drcha .noticia p{line-height: 18px;}
.cont-listado-noticias .noticia img{width: 150px; float: left; border: 1px solid #dfe5e6; margin:0 15px 25px 0; padding: 5px; background:#fff;}
.noticia span.fecha{display: block; float: right; font-size: 12px; color:#bac0c0; font-style:italic; padding: 0 0 0 20px; background: url(../img/icon-fecha.png) no-repeat 0 0;}
.noticia  h3{font-size: 18px; display: block; padding: 15px 0;}
.noticia p{line-height:20px;}
.noticia  h3 a{text-decoration: none; color:#e60326;}
.noticia  h3 a:hover{text-decoration: underline;}
.noticia a.leer-mas{padding: 0 0 0 20px; background: url(../img/icon-ver-mas-hover.png) no-repeat 0 2px;}
.paginacion{float: right; margin: 15px 0 0 0;}
.paginacion ul li{float: left; margin: 0 3px; list-style: none;}
.paginacion ul li a{display: block; color:#666; text-decoration: none; padding: 4px 6px; border: 1px solid #999;}
.paginacion ul li a.pagina-activa, .paginacion ul li a:hover{font-weight: bold; color:#e60326; text-decoration: underline;}

/*Detalle Noticias*/
.detalle-noticia .noticia span.fecha{float: none; margin:0 0 5px 265px;}
.detalle-noticia .noticia{border-top:none; padding-top:0;}
.detalle-noticia .noticia h3{font-size: 24px; color:#e60326; padding: 0; margin: 0 0 20px 0;}
.detalle-noticia .noticia .bloque-imagen{width: 250px; height: 245px; float: left; margin:0 15px 25px 0;}
.detalle-noticia .noticia .bloque-imagen img{width: 230px; border: 1px solid #dfe5e6; padding: 5px; background:#fff;}
.bloque-imagen ul.miniaturas-noticia{margin:15px 0;}
.bloque-imagen ul.miniaturas-noticia li{width: 60px; height: 80px; margin: 0 20px 0 0; list-style: none; display: inline-block;}
.bloque-imagen ul.miniaturas-noticia li a{text-decoration: none; }
.bloque-imagen ul.miniaturas-noticia li a img{width: 60px !important; height:auto;  }
a.volver{display: block; margin: 15px 0; text-decoration: none; font-weight: bold;}
a.volver:hover{text-decoration: underline;}

/*Formulario Compartir*/
.cont-form{padding: 15px;}
.cont-form form{display: block; margin:0; padding:0}
.cont-form form div{margin: 5px 0;}
.cont-form form label{display: block; font-family:Arial, Helvetica, sans-serif !important; font-size: 12px !important; color: #e60326; margin:0 0 5px 0;}
.cont-form form input.tipo.texto{}
.cont-form form input.tipo.boton{}
.cont-form form textarea{height: 100px; overflow: auto;}
.cont-form form legend{font-family: 'Bebas', Arial, sans, serif; width: 99%; font-size: 16px; display: block; padding: 10px 0; border-bottom:1px dotted;}

.detalle-noticia .noticia .bloque-adjuntos{border-radius: 4px; margin: 15px 0; padding: 15px; background: #f0f3f4;}
.detalle-noticia .noticia .bloque-adjuntos a{padding: 0 0 5px 25px; background: url(../img/icon-adjunto.png)no-repeat 0 0;}

/*Contacta*/
.col-izqda-contacta h2, .col-drcha-contacta h2{font-size: 22px; color:#bac0c0; display: block; margin-bottom: 25px;}
ul.info-contacto{display: block; margin: 0; border-top: 6px solid #dfe5e6; }
ul.info-contacto li{display: block; list-style: none; font-size: 18px; font-family: 'Bebas', Arial, sans, serif; margin: 10px 0;}
ul.info-contacto li.telefono{padding: 4px 0 4px 25px; background: url(../img/icon-telefono.png) no-repeat 3px 0;}
ul.info-contacto li.fax{padding: 4px 0 4px 25px; background: url(../img/icon-fax.png) no-repeat 0 3px;}
ul.info-contacto li.mail{font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding: 4px 0 4px 28px; background: url(../img/icon-mail.png) no-repeat 0 2px;}
ul.info-contacto li.mail a{color:#e60326; text-decoration: none;}
ul.info-contacto li.mail a:hover{text-decoration: underline;}

.mapa{margin-bottom:20px; padding: 8px; background:#dfe5e6;}
.col-izqda-contacta{border-bottom: 6px solid #dfe5e6; padding-bottom:15px;}

/*formulario*/
form, form fieldset{margin: 0; padding: 0 10px 10px 0;}
form div.bloque-form{margin: 12px 0; border-radius: 3px; padding:2px; background:#f4f5f5;}
form label{display: block; font-family: 'Bebas', Arial, sans, serif; font-size: 16px;}
form input.tipotexto{width: 98%; height: 25px; border-radius: 3px;border:1px solid #dfe5e6; padding:4px; background: #fff;}
form textarea{width: 99%; height: 200px; border:1px solid #dfe5e6;}
form input.tipoboton{float: right; border: none; border-radius:3px; padding: 10px; font-size:14px; color:#fff; background:#bac0c0; transition: background .15s ease-in-out;}
form input.tipoboton:hover{background:#e60326;}

/*Quienes somos*/
.cont-quienes{margin-top: 20px; }
.cont-quienes .col{width: 285px; float: left;}
.cont-quienes .col01{float:right; width: 600px;}
.cont-quienes h2{font-size: 22px; color:#bac0c0; display: block; margin-bottom: 25px;}
.bloque-fotos{margin: 20px;}
.bloque-fotos ul{margin: 0; padding: 0;}
.bloque-fotos ul li{display:inline; margin:0 9px;}
.bloque-fotos ul li img{width: auto; height: 187px; padding: 4px; border:1px solid #ddd;}

/*FOOTER*/
.footer{width: 920px; height: 175px; margin:35px auto 0 auto; position: relative; border-top:20px solid #dfe5e6; padding:20px; background: #bac0c0;}
.footer h3{font-size: 18px; color: #dfe5e6; display: block;}
.footer .bloque-mapa, .footer .bloque-redes, .footer .bloque-contacto{position: absolute; width: 220px;}
.footer .bloque-mapa{left: 20px;}
.footer .bloque-redes{left: 350px;}
.footer .bloque-contacto{right: 20px;}
.footer .bloque-mapa h3{padding: 4px  5px 8px 35px; background: url(../img/icon-mapa-sitio.png) no-repeat 0 0;}
.footer .bloque-redes h3{padding: 4px  5px 8px 35px; background: url(../img/icon-redes-pie.png) no-repeat 0 0;}
.footer .bloque-contacto h3{padding: 4px  5px 8px 35px; background: url(../img/icon-contacto-pie.png) no-repeat 0 0;}
.footer .bloque-mapa ul, .footer .bloque-redes ul, .footer .bloque-contacto p{margin-left: 35px;}
.footer .bloque-mapa ul li, .footer .bloque-redes ul li{list-style: none;}
.footer .bloque-redes ul li{display: inline-block;}
.footer .bloque-mapa ul li a{color:#2d2d2d; font-size: 11px; text-decoration: none;}
.footer .bloque-redes ul li a span{display: none;}
.footer .bloque-mapa ul li a:hover{text-decoration: underline;}
.footer .bloque-contacto p{font-size: 11px;}



#copyright { color: #000000; text-shadow: 1px 1px 1px #ffffff; font-size: 11px;  padding-left: 35px; }
#copyright a { font-weight: bold; font-style: italic; }