@charset "utf-8";  * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box }  body { min-width: 360px }  body.fixed { height: 100%; overflow: hidden }  :focus { outline: 0 }  textarea { padding: 5px; font-family: inherit }  label { color: inherit }  input[type=password], input[type=text]:not(.input-buscador), textarea { border: 1px solid rgba(0, 0, 0, .25); background-color: #fff }  input[type=password], input[type=text] { line-height: 40px; height: 40px; padding: 0 5px }  input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #fff inset; -webkit-text-fill-color: #000 !important }  ::-webkit-input-placeholder { color: #666; font-weight: 400 }  ::-moz-placeholder { color: #666; font-weight: 400 }  :-ms-input-placeholder { color: #666; font-weight: 400 }  :-moz-placeholder { color: #666; font-weight: 400 }  select { appearance: none; -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; background-image: url(../img/option.png); background-position: right center; background-repeat: no-repeat; background-size: 14px; padding: 0 15px 0 5px; line-height: 40px; height: 40px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid rgba(0, 0, 0, .25) !important; background-color: #fff }  ul { padding: 0; list-style: none }  input[type=checkbox], input[type=radio] { width: auto; height: auto; margin: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; vertical-align: top }  input[type=checkbox]:before, input[type=radio]:before { content: ""; color: inherit; cursor: pointer; display: block; width: 15px; height: 15px; border: 1px solid rgba(0, 0, 0, .25); background-color: transparent; line-height: 15px }  input[type=checkbox]:checked:before, input[type=radio]:checked:before { font-size: 10px; text-align: center; content: "\e603 "; font-family: icomoon; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border: 1px solid rgba(0, 0, 0, .25) }  [class*=" col-"], [class^=col-] { display: block; float: left; padding: 10px }  .col-12 { width: 100% }  .col-9 { width: 75% }  .col-8 { width: 66.66% } .col-7 { width: 60% } .col-6 { width: 50% } .col-5 { width: 40% } .col-4 { width: 33.33% }  .col-3 { width: 25% }  .col-2 { width: 16.67% }  .md-visible-block { display: none }  .md-visible-inline-block { display: none }  .xs-visible-block { display: none }  .xs-visible-inline-block { display: none }  @media screen and (min-width:980px) { .lg-hidden { display: none !important }.mensajeNoDisponible{height: 36px;position: absolute;font-size: 16px;left: 0;right: 0;top: auto;line-height: 36px;text-transform: uppercase;} .newsletterBoton { position: relative !important; left: 0 !important; border-radius: 0 !important; width: 20% !important; background-color: #ffffff !important; color: #000000 !important;} }  @media screen and (max-width:980px) { .col-md-12 { width: 100% !important }  .col-md-9 { width: 75% !important }  .col-md-8 { width: 66.66% !important }  .col-md-6 { width: 50% !important }  .col-md-4 { width: 33.33% !important }  .col-md-3 { width: 25% !important }  .md-hidden { display: none !important }  .md-visible-block { display: block !important }  .md-visible-inline-block { display: inline-block !important } .newsletterBoton { position: relative !important; left: 0 !important; border-radius: 0 !important; width: 60% !important; background-color: #ffffff !important; color: #000000 !important;} }  @media screen and (max-width:640px) { .col-xs-12 { width: 100% !important }  .col-xs-9 { width: 75% !important }  .col-xs-8 { width: 66.66% !important }  .col-xs-6 { width: 50% !important }  .col-xs-4 { width: 33.33% !important }  .col-xs-3 { width: 25% !important }  .xs-hidden { display: none !important }  .xs-visible-block { display: block !important }  .xs-visible-inline-block { display: inline-block !important } }  #contenidos { width: 100%; padding: 20px 10px; float: left }  #panel-principal { width: 20%; padding: 20px 10px; float: left }  #panel-principal+#contenidos { width: 80% }  .contenedor { width: 94%; margin: auto; min-width: 980px; max-width: 1200px }  .contenedor.full-width { width: 100%; max-width: 100% }  .flotantes { overflow: hidden; height: 1% }  .float-left { float: right }  .float-right { float: right }  .align-left { text-align: left }  .align-right { text-align: right }  .align-center { text-align: center }  .no-padding { padding: 0 !important }  [class*=button-], [class*=button-]:active, [class*=button-]:hover, [class*=button-]:link, [class*=button-]:visited, [class^=button-], [class^=button-]:active, [class^=button-]:hover, [class^=button-]:link, [class^=button-]:visited { height: 40px; /*width: auto*/; padding: 0 10px; text-align: center; text-decoration: none; font-size: 12px; min-width: 80px; display: inline-block; margin: 0; cursor: pointer; vertical-align: middle; line-height: 38px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px }  [class^=button-].left { float: left; margin: 0 5px 0 0 }  [class^=button-].right { float: right; margin: 0 0 0 5px }  .button-d, .button-d:active, .button-d:hover, .button-d:link, .button-d:visited { border-color: transparent; background-color: transparent; color: inherit }  #prfo-pie-des { margin: 0; text-align: right; font-size: 11px; color: #777 }  a#pie-des:active, a#pie-des:link, a#pie-des:visited { text-decoration: none; color: #777 }  a#pie-des:hover { text-decoration: underline }  footer #bottom { width: 100%; display: table; padding: 0 10px }  footer #bottom * { line-height: 40px !important }  a.texto-form-blanco { text-decoration: none; color: #fff }  a.texto-form-blanco:hover { text-decoration: underline }  .enunciado { font-size: 12px; color: #000; text-align: center; padding-top: 10px }  .mensajes_error { color: red; visibility: hidden; font-size: 12px }  .mensajes { position: absolute; border: #122d72 medium solid; width: 700px; height: auto; left: 50%; margin-left: -370px; padding: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; z-index: 100 }  .oculto { display: none }  .boton { background-color: #122d72; padding: 1px 5px 1px 5px; border: 1px solid #fff; border-radius: 2px; color: #fff; cursor: pointer }  .boton:active { position: relative; top: 1px }  .input { padding: 2px; border: #000 thin solid; border-radius: 3px; color: FFFFFF }  #cont-banner { display: none }  .banner-visible #cont-banner { display: block }  #tabla-galeria { width: 100% }  #tabla-galeria td { height: 200px; width: 33.33%; background-position: center; background-size: cover; background-repeat: no-repeat; border: 4px solid #fff; position: relative; overflow: hidden }  #tabla-galeria td div { display: table; width: 100%; background-color: rgba(0, 0, 0, .65); margin: 0; padding: 0; position: absolute; bottom: 0; padding: 6px 0 }  #tabla-galeria td div h2 a, #tabla-galeria td div p { min-height: 24px; line-height: 24px; vertical-align: middle; color: #fff }  #tabla-galeria td div>* { margin: 0; padding: 0 6px }  #tabla-galeria td>a { height: 200px; width: 100%; display: table }  .lb-container { display: table !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; margin: auto !important }  #avisomenores-panel, #cookies-panel { display: block; position: fixed; left: 0; width: auto; height: auto; right: 0; z-index: 9999; padding: 10px; background: #fff; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-delay: 1s; -webkit-animation-delay: 1s; box-shadow: 0 0 1px 1px rgba(0, 0, 0, .05); -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .05); -moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .05); -ms-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .05) }  #cookies-panel { animation: popup_bottom 1s ease; -webkit-animation: popup_bottom 1s ease; bottom: 0 }  #avisomenores-panel { animation: popup_top 1s ease; -webkit-animation: popup_top 1s ease; top: 0 }  #avisomenores-panel p, #cookies-panel p { text-align: center; margin: 10px 0 }  #avisomenores-panel a, #cookies-panel a { text-decoration: underline }  #avisomenores-panel a.button-a, #avisomenores-panel a.button-b, #cookies-panel a.button-a { float: none; text-decoration: none }  .col_1-1, .col_1-2, .col_1-3, .col_1-4, .col_1-5 { float: left }  .col_1-1 { width: 100% }  .col_1-2 { width: 50% }  .col_1-3 { width: 33.33% }  .col_1-4 { width: 25% }  .col_1-5 { width: 20% }  .hide { display: none !important }  .popup { border: 0; padding: 0 0 5px 0; margin: 40px 0 0 -200px; box-shadow: 0 2px 4px 4px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 2px 4px 4px rgba(0, 0, 0, .1); position: fixed; left: 50%; z-index: 999; width: 400px; padding: 30px; text-align: center; border-radius: 3px; -webkit-border-radius: 3px; transition: .6s ease all; -webkit-transition: .6s ease all }  .popup.visible { opacity: 1; visibility: visible; top: 0 }  .popup.hidden { opacity: 0; visibility: hidden; top: -60px }  .popup p { text-align: center }  .popup form>* { margin: 0 0 8px 0 !important; width: 100% !important }  .close-popup { position: absolute; right: 30px; font-size: 18px }  .close-popup a:hover { text-decoration: none }  #filter { display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 8; background-color: rgba(0, 0, 0, .8); opacity: 0; visibility: hidden; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out }  #filter.active { opacity: 1; visibility: visible }  @-webkit-keyframes popup_top { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) }  100% { opacity: 1; -webkit-transform: none; transform: none } }  @keyframes popup_top { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) }  100% { opacity: 1; -webkit-transform: none; transform: none } }  @-webkit-keyframes popup_bottom { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) }  100% { opacity: 1; -webkit-transform: none; transform: none } }  @keyframes popup_bottom { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) }  100% { opacity: 1; -webkit-transform: none; transform: none } }  #sendcomment { display: inline-block; width: 100% }  #sendcomment textarea { width: 100%; margin-bottom: 5px }  #sendcomment h3 { margin: 5px 0; display: inline-block; width: auto }  .cont-def-producto-11 form>* { display: table; clear: both }  p.clasificacion { text-align: left; padding: 0; margin: 0 0 15px 0; direction: rtl; unicode-bidi: bidi-override; float: left; width: 100% }  p.clasificacion span { float: left; line-height: 40px; padding-bottom: 10px }  p.clasificacion span.title { padding-right: 5px; direction: ltr; unicode-bidi: bidi-override }  p.clasificacion label { position: relative; float: right; top: 8px }  p.clasificacion label:before { font-family: "Material Icons"; content: "\E838"; width: 20px; height: 20px; line-height: 20px; left: 0; font-weight: 700; font-size: 24px }  .rating-box label { color: #ccc }  .rating-box label:hover, .rating-box label:hover~label { color: orange }  .rating-box input[type=radio]:checked~label { color: orange }  .rating-box h3 { padding: 10px 0 5px 0; margin: 0 }  .rating-box .data { display: inline-block }  .comments-box .stars, .rating-box .stars { position: relative; display: inline-block; height: 25px }  .comments-box .stars>*, .rating-box .stars>* { position: relative; top: 0; left: 0; margin: 0; line-height: 30px; color: #ccc }  .comments-box .stars .filled, .rating-box .stars .filled { color: orange; z-index: 99; overflow: hidden; word-break: break-all; white-space: nowrap; position: relative; top: -20px; position: absolute; top: 0 }  .comments-box .stars span, .rating-box .stars span { display: inline-block }  .comments-box .stars span:before, .rating-box .stars span:before { font-family: "Material Icons"; content: "\E838"; width: 20px; height: 20px; line-height: 20px; font-weight: 700; font-size: 24px }  .comments-box { border-top: 1px solid rgba(0, 0, 0, .1); padding-bottom: 10px; padding-top: 10px }  .comments-box .name { font-weight: 700; margin: 0 }  .comments-box .date { margin: 0 0 5px 0 }  .comments-box .comment { margin: 0 }  .comments-box .stars span:before { font-size: 18px }  #cont-col-relacionados { width: 100% }  #filtrosProductos .button-a { width: 100% }  [class^=button-].small { display: inline-block; line-height: 32px; height: 32px; padding: 0 4px; min-width: 0; float: left }  .select-list { list-style: none; margin: 0 0 15px 0; padding: 0; display: table; width: 100% }  .select-list h5 { margin: 0 0 5px 0 }  .select-list li { list-style: none; margin: 0; padding: 2px; float: left; width: auto }  .select-list input[type=checkbox], .select-list input[type=radio] { padding: 0 }  .select-list input[type=checkbox]:before, .select-list input[type=radio]:before { display: none }  .select-list input[type=checkbox]:not(:checked)~label, .select-list input[type=radio]:not(:checked)~label { background-color: transparent; color: initial }  .select-list select { width: 100%; margin: 2px 0 }  .list, .list li { padding: 0; list-style: none; margin: 5px 0; float: left; width: 100% }  .list { margin: 0; clear: both; padding: 0 }  .list h3 { margin: 5px 0; line-height: 1 }  .checkbox-container { position: relative; padding-left: 25px !important }  .checkbox-container input[type=checkbox], .checkbox-container input[type=radio] { position: absolute; left: 0; padding: 0 }  hr.visible { width: 100%; padding: 0; margin: 12px 0 !important; border-bottom-width: 1px; border-color: rgba(0, 0, 0, .1); float: left }  hr.hidden { width: 100%; padding: 0; margin: 12px 0 !important; border-bottom: 0; float: left }  .resumen-carrito.visible { display: block; visibility: visible; opacity: 1; transition: 1s ease-in all; -webkit-transition: 1s ease-in all }  .resumen-carrito { opacity: 0; display: none; visibility: hidden; position: absolute; right: 10px; padding: 10px; background-color: #fff; top: 64px; z-index: 1; width: 280px; box-shadow: 0 5px 5px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .1); border-radius: 10px; -webkit-border-radius: 10px }  .resumen-carrito ul { font-family: tahoma, geneva, sans-serif; padding: 0; margin: 0; margin-bottom: 10px }  .resumen-carrito li { min-height: 70px; position: relative; padding-left: 60px; text-align: left; border-bottom: 1px solid #eaeaea }  .resumen-carrito li figure { width: 50px; height: 50px; position: absolute; top: 10px; left: 10px; margin: 0 }  .resumen-carrito li figure:before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-color: rgba(0, 0, 0, .05) }  .resumen-carrito li figure img { object-fit: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100% }  .resumen-carrito li div { padding: 10px }  .resumen-carrito .name { display: block }  .resumen-carrito .price { display: block; font-weight: 400 }  .resumen-carrito .button-c { display: block; text-transform: uppercase; background-color: transparent !important; color: #494949 !important }  @media screen and (min-width:980px) { .botonCarrito { height: 50px !important; padding: 0 20px 0 20px !important; line-height: 45px !important; font-size: 14px !important }  .paddingCero { padding-left: 0 !important }  .inputCompra { width: 80% !important } }  .avanzar { position: fixed; left: 0; bottom: 0; background-color: #fff; text-align: center; width: 100%; margin: auto; border-top: 1px solid rgba(0, 0, 0, .1) }  .totalCarrito { color: #000 !important }  .totalP { text-align: center !important; font-size: 18px }  .ivaincl { font-size: 11px; font-style: italic }  .altoLabel { line-height: 15px !important }  .observacionesPedido { max-height: 100px !important; margin: 0 !important; }  .colorLabel { color: #26a59b; font-size: 14px }  .titular { font-size: 18px !important; color: #929292 !important }  h2 { margin: 0 0 2px 0 }  hr { border-top: 0; border-right: 0; border-left: 0; padding: 15px 0; margin: 15px 0 !important }  body { margin: 0; padding: 0 }  #zona2 { margin: 0 auto; padding: 0; clear: both; text-align: center }  #zona2b { position: relative; display: inline-block }  #zona2c { margin: 4px 0 }  #zona2e { margin: 4px 0 }  .logo-container { display: inline-block; position: relative; min-height: 80px }  #logo { display: inline-block; position: absolute; top: 0; bottom: 0; left: 0; margin: auto }  #zona3b { text-align: left }  #zona5b { padding: 10px }  .colpie4 { width: 20%; padding: 10px; float: left }  .cab-colpie { padding: 0 0 5px 0; float: left; margin-bottom: 10px }  .colpie4 p { clear: both; text-align: left }  #cont-pie { padding: 20px 10px }  #cont-pie>div { float: left }  #pie-empresa { margin-bottom: 10px; padding-bottom: 5px; float: left }  #pie-datos { margin: 0; display: block; clear: left }  #acceso-usuarios, #sesion-iniciada { padding: 0; margin: 0; display: block; width: auto; border-width: 0; border-style: solid; float: right }  #cab-acceso, #usuario-sesion { margin: 0 15px 0 0; float: left; line-height: 30px; text-align: left; display: inline-block; vertical-align: middle }  #prfo-acceso { margin: 0 }  .label-usuarios { display: block; margin: 0 }  #submit-usuarios { padding: 5px 8px 5px 8px; border-radius: 0; width: 100%; margin-bottom: 10px; cursor: pointer }  .cont-link-registro { float: none; text-decoration: underline; display: block; margin-bottom: 5px }  a#registro-usuarios:active, a#registro-usuarios:link, a#registro-usuarios:visited { float: none; text-decoration: underline; display: block; margin-bottom: 5px }  #prfo-sesion { margin: 0 }  .recuperar-clave, .registro, a#cerrar-sesion, a#zona-personal { float: right !important }  #cont-info-carrito { display: block; margin: 0 0 10px 0 }  .lista-publicidad { list-style: none; padding: 0; display: table; width: 100%; border-width: 0; border-style: solid; padding: 0 }  .lista-publicidad li { margin: 0 }  .publicidad { width: auto; border: 0; border-radius: 5px; float: left }  .cont-menu-vertical { margin: 0 0 20px 0; padding-bottom: 0 }  .cab-menu-vertical { padding: 10px 10px; margin: 0 }  .lista-nivel1 { margin: 0; padding: 0; list-style: none }  a.nivel1:active, a.nivel1:hover, a.nivel1:link, a.nivel1:visited { display: block; padding: 8px 10px 8px 10px; text-decoration: none }  .lista-nivel2 { margin: 0; padding: 0; list-style: none }  a.nivel2:active, a.nivel2:link, a.nivel2:visited { display: block; padding: 8px 10px 8px 10px; text-decoration: none }  a.nivel2:hover { padding: 8px 10px 8px 10px }  .lista-nivel3 { margin: 0; padding: 0; list-style: none }  a.nivel3:active, a.nivel3:link, a.nivel3:visited { display: block; padding: 8px 10px 8px 10px }  a.nivel3:hover { padding: 8px 10px 8px 10px }  #zona2e #prfo-sesion a, #zona2e #ver-carrito, #zona2e form a { min-width: inherit; height: 50px; width: 50px; padding: 0 10px; line-height: 48px; text-align: center; display: block; font-size: 22px }  #zona2e>form>a.button-b.registro { min-width: inherit; padding: 0; font-size: 22px }  #zona2e #ver-carrito { min-width: inherit; width: 50px; height: 50px; position: relative }  #zona2e>* { clear: none; float: right }  #zona2e #usuario-sesion { display: none }  #zona2e #acceso-usuarios, #zona2e #sesion-iniciada { background-color: transparent; border: 0 }  #zona2e #ver-carrito span { position: absolute; background-color: #000; width: 20px; height: 20px; line-height: 20px; color: #fff; right: 1px; top: 1px; letter-spacing: -.5px; border-radius: 50%; -webkit-border-radius: 50%; font-size: 12px }  #zona2e #ver-carrito:before { font-size: 20px }  .prfo-opciones-carrito { float: left; width: 100% }  #menu-colpie, #menu-colpie * { width: 100%; float: left; padding: 0; line-height: 1.8; height: auto; display: block; box-shadow: none; position: static }  #menu-colpie :after { display: none }  #menu-colpie a:hover { background-color: transparent !important; text-decoration: underline; color: inherit !important }  #menu-colpie ul ul { padding-left: 10px; position: relative }  #menu-colpie ul ul li:before { content: "\e637"; font-family: icomoon; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: -5px }  .goog-te-gadget-simple .goog-te-menu-value { margin: 0 }  .celda-listado-productos { margin: 0 0 10px 0; width: 25%; float: left; display: block; border-style: solid; border-width: 0; padding: 5px; text-align: center; position: relative }  .celda-listado-productos>div { position: relative; padding: 0 }  .celda-listado-productos p.no-disponible { position: absolute; bottom: 0; left: 0; width: 90%; margin: 0 0 10px 5%; font-size: 12px !important }  span.label.stock { top: 0; left: 0; text-transform: uppercase; font-weight: 700; background-color: red; color: #fff; padding: 8px }  .celda-listado-productos span.label.stock { position: absolute }  span.label.descuento { top: 0; left: 0; text-transform: uppercase; font-weight: 700; background-color: red; color: #fff; padding: 8px; float:right; margin: 4px; }  .celda-listado-productos span.label.descuento { position: absolute }  .tabla-listado-productos { padding: 5px }  .referencia { margin: 0 }  .info-producto { height: 20px; line-height: 20px }  .celda-listado-productos h3 { line-height: 20px; height: 20px; overflow: hidden; text-overflow: ellipsis; width: 100%; white-space: nowrap; margin: 0 0 5px 0; padding: 0 }  .celda-listado-productos p { margin: 0 0 5px 0; padding: 0 }  .celda-listado-productos .imagen-producto { width: 100%; display: block; text-align: center; height: 250px; margin: 0 auto 8px auto; padding: 5px; position: relative; overflow: hidden; border: 1px solid rgba(0, 0, 0, .1) }  .celda-listado-productos .imagen-producto img { object-fit: contain; height: 100%; width: 100%; margin: auto; text-align: center }  .celda-listado-productos .imagen-producto img.cover { object-fit: cover }  .lista-especificaciones { list-style-position: inside; margin: 0 0 10px 10px; padding: 0 0 0 20px }  .prfo-marcar-comparar { margin: 0 }  a.producto:hover { text-decoration: none }  .resumen-producto { margin: 0; clear: both; text-align: justify }  .precio-producto { float: none; padding: 0; text-align: center; clear: both }  .prfo-informacion { float: none; padding: 0; text-align: center }  a.informacion:active, a.informacion:hover, a.informacion:link, a.informacion:visited { text-decoration: none }  .celda-listado-productos .pfro-comprar { margin: 0; position: absolute; bottom: 0; width: 100% }  .celda-listado-productos .resultado { position: absolute; line-height: 20px; bottom: -20px; left: 0; right: 0 }  #panel-secundario+#contenidos .celda-listado-productos { width: 33.33% }  #cont-comparar-pag { overflow: hidden; margin: 0 0 15px 0; padding: 15px 10px 10px 10px; border-radius: 0 }  .prfo-comparar { margin: 0; float: right; padding: 10px }  a.comparar:active, a.comparar:hover, a.comparar:link, a.comparar:visited { padding: 5px 10px 5px 10px; border-radius: 0 }  .tabla-comparacion { width: 100%; margin: 0 0 15px 0; border-collapse: collapse }  .tabla-comparacion th { padding: 0 4px 0 4px; border-collapse: collapse; vertical-align: middle }  .tabla-comparacion td { border-collapse: collapse; padding: 10px 2px 10px 4px; vertical-align: middle }  .comp-imagen { width: 100%; border: 0 }  .comp-celda-comprar { padding: 8px 0 8px 0 }  .comp-lista { list-style: none; margin: 0; padding: 0 }  .cont-def-producto-11 .precio-producto { text-align: left }  #contenido_centro p.marca { position: relative }  #contenido_centro p.marca img { position: absolute; bottom: 0; right: 0; height: 30px !important }  .prfo-filtro { width: 100% }  #cont-filtro-pag .filtro-precio { margin: 0; float: right }  #cont-filtro-pag .filtro-precio .button-a, #cont-filtro-pag .filtro-precio .button-c { padding: 0 5px; min-width: 60px; line-height: 36px; height: 36px }  #cont-filtro-pag .filtro-precio input { border: 0; font-weight: 700; font-size: inherit; text-align: left; width: 114px; background-color: transparent }  #cont-filtro-pag .filtro-precio>div { padding-top: 0; line-height: 25px; display: inline-block; float: left }  #slider-range { width: 80px; margin: 15px 10px 0 0 }  .celda-listado-productos .button-cart, .celda-listado-productos .button-favorite { width: 32px !important; right: 8px; position: absolute }  .celda-listado-productos .button-favorite { top: 8px }  .celda-listado-productos .button-cart { top: 44px }  .celda-listado-productos .button-favorite.active:before, .celda-listado-productos .button-favorite.active:hover:before, .celda-listado-productos .button-favorite:before, .celda-listado-productos .button-favorite:hover:before { font-size: 16px }  .celda-listado-productos .button-cart:before { font-size: 14px }  #contactoInmueble h2 { margin: 0 }  #contactoInmueble input[type=text] { width: 100% }  #contactoInmueble textarea { width: 100% }  #contactoInmueble .button-a { width: 100% }  .detalles-inmueble span { padding: 0 5px 0 0 }  .detalles-inmueble span:after { content: "," }  .detalles-inmueble span:last-child:after { content: "" }  .cont-producto h1 { margin: 0 }  .cont-producto .cont-precio * { text-align: right; margin: 0 }  .cont-producto h1 { margin: 0 }  .cont-producto .maps { width: 100%; height: 400px }  .cont-producto .cont-precio .precio { font-size: 18px; font-weight: 700 }  .slides-container { position: relative; height: 400px; overflow: hidden; border: 1px solid rgba(0, 0, 0, .1) }  .slides-container img.mySlides { object-fit: contain; width: 100% !important; height: 100% !important }  .slides-container .left, .slides-container .right { position: absolute; margin: auto; top: 0; bottom: 0; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 22px; color: #fff; background-color: rgba(0, 0, 0, .5); cursor: pointer }  .slides-container .left { left: 0 }  .slides-container .right { right: 0 }  .numuds { margin-right: 3px }  a.opciones-carrito:active, a.opciones-carrito:hover, a.opciones-carrito:link, a.opciones-carrito:visited { display: inline-block; margin: 0 5px 0 0; padding: 5px; border-radius: 0 }  .tabla-carrito { margin: 0 0 15px 0; display: table }  .tabla-carrito th { text-align: center; line-height: 40px }  .tabla-carrito td { border-collapse: collapse; text-align: center; vertical-align: middle; padding: 5px 0 }  a.carrito-eliminar:active, a.carrito-eliminar:link, a.carrito-eliminar:visited { padding: 4px }  a.carrito-eliminar:hover { text-decoration: none }  .carrito-prfo-envio p { position: relative; padding-right: 30px; margin: 10px 0 }  .carrito-prfo-envio input { position: absolute; right: 0 }  .select-carrito { width: 50%; margin: 0 }  p.nota-envio {display: block; font-weight: 700; text-transform: uppercase; margin: 0; padding: 0 }  .prfo-actualizar-carrito { padding: 10px 0 10px 0 }  a.actualizar-carrito:active, a.actualizar-carrito:hover, a.actualizar-carrito:link, a.actualizar-carrito:visited { display: inline-block; margin: 0; padding: 5px 10px 5px 10px; border-radius: 0 }  .tabla-facturacion { width: 100%; margin: 0 0 40px 0; float: right; border: 0 }  .tabla-facturacion th { border: 0 }  .tabla-facturacion td { border: 0 }  .prfo-finalizar-compra { clear: both }  a.finalizar-compra:active, a.finalizar-compra:hover, a.finalizar-compra:link, a.finalizar-compra:visited { display: inline-block; margin: 0 10px 0 0; padding: 5px 10px 5px 10px; border-radius: 0 }  a.cancelar-compra:active, a.cancelar-compra:hover, a.cancelar-compra:link, a.cancelar-compra:visited { display: inline-block; margin: 0 10px 0 0; padding: 5px 10px 5px 10px; border-radius: 0 }  #cont-cliente-empresa { margin: 0 0 15px 0; overflow: hidden; height: 1% }  #carrito-conf-cliente { width: 340px; margin: 0; float: left }  #carrito-conf-empresa { width: 340px; margin: 0; float: right }  a.pedido-pdf:active, a.pedido-pdf:hover, a.pedido-pdf:link, a.pedido-pdf:visited { display: inline-block; margin: 0 10px 0 0; padding: 5px 10px 5px 10px; border-radius: 0 }  .tabla-carrito td { border-left: 0; border-right: 0 }  #cuentacarrito { display: inline-block }  #resultadoCupon { width: 100%; clear: both; display: table; margin: 0 }  #resultadoCupon .facturacion-valor { float: right; line-height: 34px }  #resultadoCupon .tabla-carrito, .tabla-carrito.facturacion { width: 100%; clear: both; display: table; float: right; border-style: solid; border-width: 1px 0; padding: 0; margin: 0 }  .tabla-carrito.facturacion { margin: 30px 10px; width: 50% }  #resultadoCupon td, .tabla-carrito.facturacion td { text-align: right; border: 0 }  #resultadoCupon td button { float: right; margin: 0; line-height: 38px; height: 40px; min-width: 0 }  #resultadoCupon td input { float: right; margin: 0 5px 0 0; width: 100px; min-width: 120px; text-align: center; line-height: 40px; height: 40px; padding: 0 }  #resultadoCupon p.error { text-align: center; padding: 3% 0 0 1%; color: red; font-size: 14px;} #resultadoCupon p.aplicado{text-align: center; color: green;padding: 3% 0 0 1%; font-size: 14px;} #resultadoCupon p.nota-envio { float: right; padding-right: 10px; line-height: 40px !important }  form { margin: 0; padding: 0 }  .lista-form-gnral { margin: 0 }  .lista-form-gnral li { margin: 0 0 10px 0 }  .input-form-grnal { margin: 3px 0 15px 0; padding: 0 10px; line-height: 30px; width: 100%; border: 1px solid #999 !important; background-color: #fff }  .textarea-form-grnal { width: 100% }  .form-cajaselect { width: 400px }  .submit-gnral { margin: 0 5px 0 5px; padding: 5px 10px 5px 10px; border-radius: 0 }  .reset-gnral { margin: 0 5px 0 5px; padding: 5px 10px 5px 10px; border-radius: 0 }  #prfo-buscador { position: relative; z-index: 1; margin: 0; clear: both; border-style: solid; border-width: 1px; overflow: visible; background-color: #fff }  input.input-buscador { margin: 0; height: 50px; padding-left: 10px; width: 85%; line-height: 50px; border: 0; background-color: transparent; border-radius: 24px 0 0 24px; -webkit-border-radius: 24px 0 0 24px }  #submit-buscador { float: right; width: 15%; height: 50px; line-height: 50px; cursor: pointer; border: 0; border-radius: 0; -webkit-border-radius: 0; background-color: transparent; border-radius: 0 24px 24px 0; -webkit-border-radius: 0 24px 24px 0 }  .cont-link-buscador { display: block; margin-top: 5px }  .prfo-filtro { padding: 0; margin: 0; overflow: hidden }  .prfo-paginacion { margin: 0; float: right }  .input-filtro { width: 20%; margin: 0 5px 0 0; padding: 5px }  .submit-filtro { padding: 5px; border-radius: 0; float: right }  .select-paginacion { margin-left: 5px }  #cont-comparar-pag { margin: 0 0 15px 0 }  ul.buscador-resultados { padding: 0; margin: 0; position: absolute; list-style-type: none; width: 100%; box-shadow: 0 2px 1px 1px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 2px 1px 1px rgba(0, 0, 0, .1); -webkit-animation: fadein .3s 1 ease; animation: fadein .3s 1 ease; z-index: 99999999 }  ul.buscador-resultados li>* { height: 28px; line-height: 28px; padding: 0 10px; width: 100%; margin: 0; display: block; text-align: left; text-overflow: ellipsis; overflow-wrap: break-word; overflow: hidden }  ul.buscador-resultados li a:hover { text-decoration: none }  #zona2 p { margin: 0 }  .no-disponible { line-height: 30px; text-align: center; margin: 0; padding: 50px 0; clear: both }  .form-gnral.form-registro .input-form-grnal, .form-gnral.form-registro label { width: 50%; float: left }  .form-gnral.form-registro .input-form-grnal { margin: 0 0 10px 0 }  .form-gnral.form-registro input[type=checkbox]+label { width: auto; line-height: unset }  .form-gnral.form-registro label { line-height: 30px }  .form-gnral.form-registro li { display: table; margin: 5px 0; width: 100% }  .titular { font-size: 18px !important; color: #929292 !important }  .menucorp { display: block }  #cont-banner { margin: 0 }  #cont-banner img { width: 100%; border: 0 }  #lista-idiomas { list-style: none; margin: 0; padding: 0; line-height: 36px; float: left }  #lista-idiomas li { margin: 0 10px 0 0; float: left }  .flags { width: 28px; border: 0 }  #lista-redes { margin: 0 }  #lista-redes li { margin: 0 0 8px 8px; float: right }  #lista-redes li img { height: 36px }  #lista-redes #iframe-fb { clear: both }  h1 { margin: 0; line-height: 1.3 }  h2 { margin: 0 0 10px 0 }  h3 { margin: 0 0 10px 0 }  h4 { margin: 0 0 10px 0 }  h5 { margin: 0 0 10px 0 }  h6 { margin: 0 0 10px 0 }  form { margin: 0; padding: 0 }  p { margin: 0 0 10px 0 }  hr { margin: 0 0 15px 0; clear: both }  a:hover { transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease }  #prfo-nav { margin: 0 0 10px 0; padding: 0 10px; font-size: 0 }  #prfo-nav a { font-size: 12px; position: relative; padding-right: 15px; line-height: 20px; display: inline-block }  #prfo-nav a:after { display: block; position: absolute; top: 0; right: 0; width: 15px; content: "\e637"; font-family: icomoon; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center }  #prfo-nav a:last-child:after { content: "" }  .prfo-filtro { float: left }  .prfo-paginacion { border: 0 !important; padding: 10px; clear: both; text-align: center; width: 100% }  .prfo-paginacion>a { width: 25px; height: 25px; line-height: 23px; border-radius: 50%; -webkit-border-radius: 50%; display: inline-block; text-align: center; color: initial !important; border: 1px solid rgba(0, 0, 0, .05) !important }  .prfo-paginacion>a:hover { text-decoration: none }  .prfo-paginacion a:hover { color: #fff !important }  .prfo-paginacion a:hover { background-color: transparent !important; color: initial !important; cursor: pointer }  .prfo-paginacion a.active { font-weight: 700 }  .prfo-paginacion.bottom { margin-top: 20px; padding: 0 10px }  .goog-te-gadget-simple { border: none !important }  .goog-te-gadget-simple a:hover { text-decoration: none !important }  .goog-te-gadget-simple { background-color: transparent !important; border: 0 solid !important; font-size: 12px !important }  .goog-te-gadget-simple .goog-te-menu-value span { border-color: transparent !important; border-width: 0 !important }  .goog-te-gadget-simple .goog-te-menu-value span:nth-child(5), .goog-te-gadget-simple img.goog-te-gadget-icon { display: none }  .goog-te-gadget-simple .goog-te-menu-value span:nth-child(3):after { content: "\e635"; font-family: icomoon; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-left: 5px }  #zona2 .fb_reset { padding-top: 6px !important }  #submit-usuarios, .button-a, .button-b, .button-c, .submit-filtro, a#cerrar-sesion:active, a#cerrar-sesion:link, a#cerrar-sesion:visited, a#ver-carrito:active, a#ver-carrito:hover, a#ver-carrito:link, a#ver-carrito:visited, a#zona-personal:active, a#zona-personal:hover, a#zona-personal:link, a#zona-personal:visited, a.actualizar-carrito:active, a.actualizar-carrito:link, a.actualizar-carrito:visited, a.button-a:active, a.button-a:hover, a.button-a:link, a.button-a:visited, a.button-b:active, a.button-b:hover, a.button-b:link, a.button-b:visited, a.button-c:active, a.button-c:hover, a.button-c:link, a.button-c:visited, a.cancelar-compra:active, a.cancelar-compra:hover, a.cancelar-compra:link, a.cancelar-compra:visited, a.comparar:active, a.comparar:hover, a.comparar:link, a.comparar:visited, a.comprar:active, a.comprar:hover, a.comprar:link, a.comprar:visited, a.finalizar-compra:active, a.finalizar-compra:hover, a.finalizar-compra:link, a.finalizar-compra:visited, a.opciones-carrito:active, a.opciones-carrito:link, a.opciones-carrito:visited, a.pedido-pdf:active, a.pedido-pdf:hover, a.pedido-pdf:link, a.pedido-pdf:visited { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; box-shadow: 0 -50px 0 0 transparent inset; -webkit-box-shadow: 0 -50px 0 0 transparent inset; -moz-box-shadow: 0 -50px 0 0 transparent inset; -ms-box-shadow: 0 -50px 0 0 transparent inset; -o-box-shadow: 0 -50px 0 0 transparent inset; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease }  #submit-usuarios:hover, .button-a:hover, .button-b:hover, .button-c:hover, .submit-filtro:hover, a#cerrar-sesion:hover, a#ver-carrito:hover, a#zona-personal:hover, a.actualizar-carrito:hover, a.cancelar-compra:hover, a.comparar:hover, a.comprar:hover, a.finalizar-compra:hover, a.opciones-carrito:hover, a.pedido-pdf:hover { box-shadow: 0 -50px 0 0 rgba(0, 0, 0, .05) inset !important; -webkit-box-shadow: 0 -50px 0 0 rgba(0, 0, 0, .05) inset !important; -moz-box-shadow: 0 -50px 0 0 rgba(0, 0, 0, .05) inset !important; -ms-box-shadow: 0 -50px 0 0 rgba(0, 0, 0, .05) inset !important; -o-box-shadow: 0 -50px 0 0 rgba(0, 0, 0, .05) inset !important }  .pie-direccion, .pie-email, .pie-telefono { margin: 0 20px 0 0; float: left }  #cont-col-relacionados article h2 { height: 20px; overflow: hidden }  #zona3 { overflow: hidden; width: 100% }  .celda-noticias { margin: 0 0 10px 0; position: relative; text-align: left; height: 408px }  .celda-noticias h2 { padding: 24px 0 0 0; margin: 0 0 8px 0; line-height: 22px; height: 67px; overflow: hidden }  .celda-noticias h2 a { color: inherit }  .celda-noticias h2 a:hover { text-decoration: none }  .celda-noticias .resumen { line-height: 18px; max-height: 52px; overflow: hidden; margin: 0 0 8px 0 }  .celda-noticias .datos-noticia { position: absolute; left: 0; top: 0; padding: 0 }  .columna-texto { position: relative }  .datos-noticia .localidad { border-left: 1px solid rgba(0, 0, 0, .15); padding-left: 10px; margin-left: 10px }  .datos-noticia .fecha { text-transform: lowercase }  .celda-listado-productos.celda-noticias a.button-a { margin: 5px 0 0 0; padding-right: 20px }  .detalle-noticias img { width: 100%; margin: 0 0 10px 0 }  .zona-personal div a { color: inherit; border: 1px solid rgba(0, 0, 0, .15); display: block; padding: 20px 0 }  .zona-personal div a:hover { text-decoration: none }  .zona-personal i { display: block; width: 100%; text-align: center; font-size: 30px; line-height: 1; margin: 0 0 10px 0; color: inherit }  .display-none { display: none !important }  @media screen and (min-width:980px) { #responsive-menu { display: none }  .desktop-hide { display: none !important }  #acceso-usuarios .linea-separar { display: none }  .smartphone-visible { display: none !important }  .col-lg-hidden { display: none !important }  .detalle-noticias>.col-4 { float: right } }  @media screen and (max-width:980px) { #responsive-header { position: fixed; height: 40px; top: 0; left: 0; right: 0; display: block; z-index: 98 }  .btn-responsive { position: fixed !important; top: 0 !important; width: 40px !important; min-width: 0 !important; height: 40px !important; margin: 0 !important; padding: 0 !important; text-align: center !important; z-index: 99 !important; line-height: 40px !important; font-size: 18px !important; background-color: transparent !important; background-image: none !important; cursor: pointer !important; border: 0 !important }  .btn-responsive:before { font-size: 18px !important }  .btn-responsive:hover { text-decoration: none }  .btn-responsive.menu { left: 0 !important }  .btn-responsive.login { right: 0 !important }  .btn-responsive.logout { right: 40px !important }  .btn-responsive.cart { left: 0 !important; right: 0 !important; margin: auto !important }  .btn-responsive.cart span { right: -6px !important; left: unset !important }  .contenedor { width: 100%; min-width: 0 }  body, html { height: 100% !important }  body { margin-top: 40px !important }  #submit-buscador, .input-buscador { margin-bottom: 0 !important }  #usuario-sesion { display: none !important }  #contenidos { width: 100% !important; padding: 15px 0 }  .colpie3, .colpie4 { width: 100% !important; padding: 0 10px; margin: 0 0 10px 0 !important }  #prfo-nav { margin: 0 0 10px 0 }  .logo-container { width: 100%; min-height: 0; text-align: center; padding-top: 0 }  #logo { position: static }  #zona2b { padding-top: 10px; display: table }  #zona2c { padding-top: 0; margin: 0 }  #zona2e { margin: 0; padding: 0 }  #zona3 { display: none; border: 0 }  #zona3b { height: auto !important; min-height: 40px !important; border: 0 }  .goog-te-gadget-simple .goog-te-menu-value span:nth-child(1), .goog-te-gadget-simple .goog-te-menu-value span:nth-child(2), .goog-te-gadget-simple .goog-te-menu-value span:nth-child(3), .goog-te-gadget-simple .goog-te-menu-value span:nth-child(4), .goog-te-gadget-simple .goog-te-menu-value span:nth-child(5) { display: none }  .responsive-hide { display: none !important }  .desktop-hide { display: block !important }  .precio-producto { width: 100% !important; text-align: center }  #prfo-sesion { margin: 0 !important }  .form-gnral { width: 100% !important }  #acceso-usuarios { width: 100% !important; position: fixed; top: 40px; margin: 0 !important; height: 100%; display: none; border-left: 0 solid !important; border-right: 0 solid !important; border-bottom: 0 solid !important; margin-bottom: -40px !important }  #cab-acceso { font-size: 18px !important; margin: 20px 0 !important }  .input-usuarios { margin: 0 0 20px 0 !important; padding: 10px !important }  #prfo-acceso span { width: 50% !important; margin-top: 30px }  #prfo-acceso span:nth-child(6) { float: left !important; text-align: left }  #prfo-acceso span:nth-child(7) { float: right !important; text-align: right }  .colpie2 p, .colpie3 p, .colpie4 p, body, p:not(#prfo-nav) { font-size: 13px !important; line-height: 1.5 !important }  #acceso-usuarios, #carrito-conf-cliente, #carrito-conf-empresa, #pie-datos, #prfo-buscador, #prfo-nav a, #prfo-sesion, #sesion-iniciada, #submit-usuarios, .comp-lista, .form-cajaselect, .goog-te-gadget-simple .goog-te-menu-value span, .input-buscador, .input-form-grnal, .label-checks, .label-filtro, .label-paginacion, .label-usuarios, .lista-especificaciones, .nota-carrito, .nota-envio, .prfo-comparar, .prfo-filtro, .resumen-producto, .textarea-form-grnal, a#busc-avanzado:active, a#busc-avanzado:link, a#busc-avanzado:visited, a.comprar:active, a.comprar:hover, a.comprar:link, a.comprar:visited, a.lgtext:active, a.lgtext:link, a.lgtext:visited, a.menucorp-li1, a.menucorp-li2, a.menucorp-li3, a.menuprodhor-li1, a.menuprodhor-li2, a.menuprodhor-li3, a.nav:active, a.nav:link, a.nav:visited, a.nivel2:active, a.nivel2:link, a.nivel2:visited, a.nivel3:active, a.nivel3:link, a.nivel3:visited, a.opciones-carrito:active, a.opciones-carrito:hover, a.opciones-carrito:link, a.opciones-carrito:visited, a.redtext:active, a.redtext:link, a.redtext:visited { font-size: 13px !important }  .prfo-paginacion { font-size: 12px !important }  #lista-idiomas { display: none }  .input-usuarios { float: none !important; width: 100% !important }  #cab-acceso { text-align: center !important; width: 100% !important }  #acceso-usuarios { padding: 0 5% !important }  .menuprodhor li ul li { overflow: hidden }  .pie-direccion, .pie-email, .pie-telefono { width: 100%; margin: 0 0 10px }  #zona5b { padding: 20px 0 }  #cont-pie { padding: 20px 0 }  #prfo-pie-des { text-align: center }  #cuentacarrito { height: 16px; width: 16px; line-height: 16px; border-radius: 50%; font-size: 10px; text-align: center; position: relative; left: -10px; vertical-align: middle }  #acceso-usuarios .linea-separar { display: block }  .celda-listado-productos { width: 50% !important }  .popup { margin-left: -45%; margin-top: 60px; width: 90%; padding: 18px }  .popup form>* { margin: 0 0 5px 0 !important }  .popup .close-popup { right: 16px }  .menucorp-hor-flecha:after, .menucorp-vert-flecha:after, .menuprod-hor-flecha:after, .menuprod-vert-flecha:after { content: "" }  .celda-listado-productos p.no-disponible { margin-bottom: 15px }  #zona3b { border-bottom: 0 }  #panel-principal { padding: 0 }  #tabla-galeria td { height: 100px; border-width: 2px }  #tabla-galeria td a { height: 100px }  #tabla-galeria td p { display: none }  img.img-body { width: 100% !important; height: auto !important }  .mantenimiento-resp { padding-top: 10% }  #cont-menu-horizontal { overflow: visible }  #cont-banner { padding: 0 }  #panel-secundario { padding: 0 }  .filtro-precio { width: 100% }  .menucorp { float: left !important }  #lista-redes li { float: right }  .responsive-menu-left { transition: left ease .5s; -webkit-transition: left ease .5s; display: block !important; width: 70% !important; height: 100% !important; position: fixed; top: 0; padding: 40px 0; box-shadow: 0 2px 1px 1px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 2px 1px 1px rgba(0, 0, 0, .1); overflow-y: scroll !important; overflow-x: hidden !important; z-index: 9 }  .responsive-menu-left.lg { width: 100% !important }  .responsive-menu-left.hidden { left: -70% }  .responsive-menu-left.lg.hidden { left: -100% }  .responsive-menu-left.visible { left: 0 }  #responsive-menu li { width: 100% !important; position: static; padding: 0; margin: 0; background-color: transparent; float: left }  #responsive-menu li a { background-color: transparent; padding: 0 15px; font-size: 14px; line-height: 40px; border-bottom: 1px solid rgba(0, 0, 0, .05); white-space: nowrap; overflow: hidden; text-overflow: ellipsis }  #responsive-menu li a:not(.nivel1):after { position: absolute; right: 15px; content: "\e637"; font-family: icomoon; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 100 }  #responsive-menu li a:hover { background-color: rgba(0, 0, 0, .02) !important; text-decoration: none }  #responsive-menu ul { position: static; float: left; width: 100%; display: block !important; -webkit-box-shadow: 0 0 !important; -webkit-animation: none !important; animation: none !important }  #responsive-menu>ul { margin-bottom: 40px; border-top: 1px solid rgba(0, 0, 0, .05) }  #responsive-menu>ul>li>a { font-weight: n }  #responsive-filter { padding: 60px 20px 40px 20px }  .cab-menu-vertical { display: none }  #cont-filtro-pag .filtro-precio { margin: 15px 0 0 0 }  .slides-container { height: 320px }  .cont-producto .maps { height: 320px }  #panel-secundario+#contenidos { width: 100%; padding: 10px 0 }  .col-md-hidden { display: none !important }  #responsive-menu a[class^=menuprodhor-li]+ul.hidden, #responsive-menu a[class^=nivel]+ul.hidden { display: none !important }  #responsive-menu a[class^=menuprodhor-li]+ul.visible, #responsive-menu a[class^=nivel]+ul.visible { display: block !important }  .precio-carrito { font-size: 11px }  .ref-carrito { font-size: 11px }  .nombreProd { font-size: 11px }  .input-carrito { width: 30px !important }  .botonCarrito { height: 35px !important; padding: 0 5px 0 5px !important; line-height: 30px !important; font-size: 12px !important; width: 100px !important }  .totalCarrito { font-size: 13px !important }  .avanzar { max-height: 80px }  .nombreProducto { font-size: 11px !important } }  @media screen and (max-width:640px) { [class*=button-], [class*=button-]:active, [class*=button-]:hover, [class*=button-]:link, [class*=button-]:visited, [class^=button-], [class^=button-]:active, [class^=button-]:hover, [class^=button-]:link, [class^=button-]:visited { margin: 0; margin-bottom: 5px !important; width: 100% }  [class*=button-].secondary, [class*=button-].secondary:active, [class*=button-].secondary:hover, [class*=button-].secondary:link, [class*=button-].secondary:visited, [class*=button-].small, [class*=button-].small:active, [class*=button-].small:hover, [class*=button-].small:link, [class*=button-].small:visited, [class^=button-].secondary, [class^=button-].secondary:active, [class^=button-].secondary:hover, [class^=button-].secondary:link, [class^=button-].secondary:visited, [class^=button-].small, [class^=button-].small:active, [class^=button-].small:hover, [class^=button-].small:link, [class^=button-].small:visited { width: auto }  .prfo-opciones-carrito [class*=button-], .prfo-opciones-carrito [class^=button-] { width: auto }  .col_1-2, .col_1-3, .col_1-4, .col_1-5 { width: 100% }  .col-xs-hidden, .smartphone-hide { display: none !important }  #cont-filtro-pag .button-a, #cont-filtro-pag .button-c { width: auto; min-width: 0 }  .tabla-carrito.facturacion, div#resultadoCupon .tabla-carrito { width: 100% }  .celda-listado-productos.celda-noticias h1 { padding: 25px 0 5px 0 }  div.detalle-noticias div.texto-noticia { width: 100%; padding: 0 }  .form-gnral.form-registro .input-form-grnal, .form-gnral.form-registro label { width: 100% }  div#resultadoCupon .button-b { width: auto }  .celda-listado-productos { padding: 5px }  .slides-container { height: 240px }  .cont-producto .maps { height: 240px }  .cont-producto .cont-precio * { text-align: left }  .celda-listado-productos.celda-noticias { width: 100% !important }  .celda-noticias .resumen { max-height: none }  .celda-noticias, .celda-noticias .resumen, .celda-noticias h2 { height: auto }  .detalle-noticias>.col-8 { padding-top: 0 }  #lista-redes li { float: left } }  .menucorp { margin: 0; padding: 0; list-style: none; z-index: 1 }  .menucorp>li { float: left; position: relative }  a.menucorp-li1 { display: block }  .menucorp li ul { margin: 0; padding: 0; list-style: none }  a.menucorp-li2 { display: block }  a.menucorp-li3 { display: block }  #zona3b { height: 40px; overflow: hidden }  .menuprodhor { margin: 0; padding: 0; list-style: none; z-index: 101 }  .menuprodhor>li { float: left }  a.menuprodhor-li1 { display: block; padding-left: 10px; height: 40px; line-height: 40px }  .no-prodhor-submenu { padding-right: 10px }  .menuprod-hor-flecha { padding-right: 10px }  .menuprodhor li ul { margin: 0; padding: 0; list-style: none; display: none; position: absolute; min-width: 200px; z-index: 200; box-shadow: 0 2px 1px 1px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 2px 1px 1px rgba(0, 0, 0, .1); -moz-box-shadow: 0 2px 1px 1px rgba(0, 0, 0, .1); -ms-box-shadow: 0 2px 1px 1px rgba(0, 0, 0, .1); -o-box-shadow: 0 2px 1px 1px rgba(0, 0, 0, .1); -webkit-animation: fadein .3s 1 ease; -moz-animation: fadein .3s 1 ease; -ms-animation: fadein .3s 1 ease; -o-animation: fadein .3s 1 ease; animation: fadein .3s 1 ease }  .menuprodhor li:hover>ul { display: block }  .menuprodhor li ul li { position: relative }  a.menuprodhor-li2 { display: block; padding: 7px 10px }  .menuprodhor li ul li ul { right: -200px; top: 0 }  a.menuprodhor-li3 { display: block; padding: 7px 10px }  .menuprodhor li ul li:nth-child(1) { border-top: 0 solid }  @keyframes fadein { 0% { opacity: 0 }  100% { opacity: 1 } }  @-moz-keyframes fadein { 0% { opacity: 0 }  100% { opacity: 1 } }  @-webkit-keyframes fadein { 0% { opacity: 0 }  100% { opacity: 1 } }  @-ms-keyframes fadein { 0% { opacity: 0 }  100% { opacity: 1 } }  100% { opacity: 1 }  .tabla-listado-productos { display: flex; flex-wrap: wrap; align-items: flex-start }  .c100.p100 .slice, .c100.p51 .slice, .c100.p52 .slice, .c100.p53 .slice, .c100.p54 .slice, .c100.p55 .slice, .c100.p56 .slice, .c100.p57 .slice, .c100.p58 .slice, .c100.p59 .slice, .c100.p60 .slice, .c100.p61 .slice, .c100.p62 .slice, .c100.p63 .slice, .c100.p64 .slice, .c100.p65 .slice, .c100.p66 .slice, .c100.p67 .slice, .c100.p68 .slice, .c100.p69 .slice, .c100.p70 .slice, .c100.p71 .slice, .c100.p72 .slice, .c100.p73 .slice, .c100.p74 .slice, .c100.p75 .slice, .c100.p76 .slice, .c100.p77 .slice, .c100.p78 .slice, .c100.p79 .slice, .c100.p80 .slice, .c100.p81 .slice, .c100.p82 .slice, .c100.p83 .slice, .c100.p84 .slice, .c100.p85 .slice, .c100.p86 .slice, .c100.p87 .slice, .c100.p88 .slice, .c100.p89 .slice, .c100.p90 .slice, .c100.p91 .slice, .c100.p92 .slice, .c100.p93 .slice, .c100.p94 .slice, .c100.p95 .slice, .c100.p96 .slice, .c100.p97 .slice, .c100.p98 .slice, .c100.p99 .slice, .rect-auto { clip: rect(auto, auto, auto, auto) }  .c100 .bar, .c100.p100 .fill, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .pie { position: absolute; border: .08em solid #333; width: .84em; height: .84em; clip: rect(0, .5em, 1em, 0); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) }  .c100.p100 .bar:after, .c100.p100 .fill, .c100.p51 .bar:after, .c100.p51 .fill, .c100.p52 .bar:after, .c100.p52 .fill, .c100.p53 .bar:after, .c100.p53 .fill, .c100.p54 .bar:after, .c100.p54 .fill, .c100.p55 .bar:after, .c100.p55 .fill, .c100.p56 .bar:after, .c100.p56 .fill, .c100.p57 .bar:after, .c100.p57 .fill, .c100.p58 .bar:after, .c100.p58 .fill, .c100.p59 .bar:after, .c100.p59 .fill, .c100.p60 .bar:after, .c100.p60 .fill, .c100.p61 .bar:after, .c100.p61 .fill, .c100.p62 .bar:after, .c100.p62 .fill, .c100.p63 .bar:after, .c100.p63 .fill, .c100.p64 .bar:after, .c100.p64 .fill, .c100.p65 .bar:after, .c100.p65 .fill, .c100.p66 .bar:after, .c100.p66 .fill, .c100.p67 .bar:after, .c100.p67 .fill, .c100.p68 .bar:after, .c100.p68 .fill, .c100.p69 .bar:after, .c100.p69 .fill, .c100.p70 .bar:after, .c100.p70 .fill, .c100.p71 .bar:after, .c100.p71 .fill, .c100.p72 .bar:after, .c100.p72 .fill, .c100.p73 .bar:after, .c100.p73 .fill, .c100.p74 .bar:after, .c100.p74 .fill, .c100.p75 .bar:after, .c100.p75 .fill, .c100.p76 .bar:after, .c100.p76 .fill, .c100.p77 .bar:after, .c100.p77 .fill, .c100.p78 .bar:after, .c100.p78 .fill, .c100.p79 .bar:after, .c100.p79 .fill, .c100.p80 .bar:after, .c100.p80 .fill, .c100.p81 .bar:after, .c100.p81 .fill, .c100.p82 .bar:after, .c100.p82 .fill, .c100.p83 .bar:after, .c100.p83 .fill, .c100.p84 .bar:after, .c100.p84 .fill, .c100.p85 .bar:after, .c100.p85 .fill, .c100.p86 .bar:after, .c100.p86 .fill, .c100.p87 .bar:after, .c100.p87 .fill, .c100.p88 .bar:after, .c100.p88 .fill, .c100.p89 .bar:after, .c100.p89 .fill, .c100.p90 .bar:after, .c100.p90 .fill, .c100.p91 .bar:after, .c100.p91 .fill, .c100.p92 .bar:after, .c100.p92 .fill, .c100.p93 .bar:after, .c100.p93 .fill, .c100.p94 .bar:after, .c100.p94 .fill, .c100.p95 .bar:after, .c100.p95 .fill, .c100.p96 .bar:after, .c100.p96 .fill, .c100.p97 .bar:after, .c100.p97 .fill, .c100.p98 .bar:after, .c100.p98 .fill, .c100.p99 .bar:after, .c100.p99 .fill, .pie-fill { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) }  .c100 { position: relative; font-size: 90px; width: 1em; height: 1em; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; float: left; margin: 0 .1em .1em 0; background-color: #ddd }  .c100 *, .c100 :after, .c100 :before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box }  .c100.center { float: none; margin: 0 auto }  .c100.big { font-size: 240px }  .c100.small { font-size: 80px }  .c100>span { position: absolute; width: 100%; z-index: 1; left: 0; top: 0; width: 5em; line-height: 5em; font-size: .2em; display: block; text-align: center; white-space: nowrap; font-weight: 700; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out }  .c100:after { position: absolute; top: .08em; left: .08em; display: block; content: " "; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: #fff; width: .84em; height: .84em; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in }  .c100 .slice { position: absolute; width: 1em; height: 1em; clip: rect(0, 1em, 1em, .5em) }  .c100.p1 .bar { -webkit-transform: rotate(3.6deg); -moz-transform: rotate(3.6deg); -ms-transform: rotate(3.6deg); -o-transform: rotate(3.6deg); transform: rotate(3.6deg) }  .c100.p2 .bar { -webkit-transform: rotate(7.2deg); -moz-transform: rotate(7.2deg); -ms-transform: rotate(7.2deg); -o-transform: rotate(7.2deg); transform: rotate(7.2deg) }  .c100.p3 .bar { -webkit-transform: rotate(10.8deg); -moz-transform: rotate(10.8deg); -ms-transform: rotate(10.8deg); -o-transform: rotate(10.8deg); transform: rotate(10.8deg) }  .c100.p4 .bar { -webkit-transform: rotate(14.4deg); -moz-transform: rotate(14.4deg); -ms-transform: rotate(14.4deg); -o-transform: rotate(14.4deg); transform: rotate(14.4deg) }  .c100.p5 .bar { -webkit-transform: rotate(18deg); -moz-transform: rotate(18deg); -ms-transform: rotate(18deg); -o-transform: rotate(18deg); transform: rotate(18deg) }  .c100.p6 .bar { -webkit-transform: rotate(21.6deg); -moz-transform: rotate(21.6deg); -ms-transform: rotate(21.6deg); -o-transform: rotate(21.6deg); transform: rotate(21.6deg) }  .c100.p7 .bar { -webkit-transform: rotate(25.2deg); -moz-transform: rotate(25.2deg); -ms-transform: rotate(25.2deg); -o-transform: rotate(25.2deg); transform: rotate(25.2deg) }  .c100.p8 .bar { -webkit-transform: rotate(28.8deg); -moz-transform: rotate(28.8deg); -ms-transform: rotate(28.8deg); -o-transform: rotate(28.8deg); transform: rotate(28.8deg) }  .c100.p9 .bar { -webkit-transform: rotate(32.4deg); -moz-transform: rotate(32.4deg); -ms-transform: rotate(32.4deg); -o-transform: rotate(32.4deg); transform: rotate(32.4deg) }  .c100.p10 .bar { -webkit-transform: rotate(36deg); -moz-transform: rotate(36deg); -ms-transform: rotate(36deg); -o-transform: rotate(36deg); transform: rotate(36deg) }  .c100.p11 .bar { -webkit-transform: rotate(39.6deg); -moz-transform: rotate(39.6deg); -ms-transform: rotate(39.6deg); -o-transform: rotate(39.6deg); transform: rotate(39.6deg) }  .c100.p12 .bar { -webkit-transform: rotate(43.2deg); -moz-transform: rotate(43.2deg); -ms-transform: rotate(43.2deg); -o-transform: rotate(43.2deg); transform: rotate(43.2deg) }  .c100.p13 .bar { -webkit-transform: rotate(46.8deg); -moz-transform: rotate(46.8deg); -ms-transform: rotate(46.8deg); -o-transform: rotate(46.8deg); transform: rotate(46.8deg) }  .c100.p14 .bar { -webkit-transform: rotate(50.4deg); -moz-transform: rotate(50.4deg); -ms-transform: rotate(50.4deg); -o-transform: rotate(50.4deg); transform: rotate(50.4deg) }  .c100.p15 .bar { -webkit-transform: rotate(54deg); -moz-transform: rotate(54deg); -ms-transform: rotate(54deg); -o-transform: rotate(54deg); transform: rotate(54deg) }  .c100.p16 .bar { -webkit-transform: rotate(57.6deg); -moz-transform: rotate(57.6deg); -ms-transform: rotate(57.6deg); -o-transform: rotate(57.6deg); transform: rotate(57.6deg) }  .c100.p17 .bar { -webkit-transform: rotate(61.2deg); -moz-transform: rotate(61.2deg); -ms-transform: rotate(61.2deg); -o-transform: rotate(61.2deg); transform: rotate(61.2deg) }  .c100.p18 .bar { -webkit-transform: rotate(64.8deg); -moz-transform: rotate(64.8deg); -ms-transform: rotate(64.8deg); -o-transform: rotate(64.8deg); transform: rotate(64.8deg) }  .c100.p19 .bar { -webkit-transform: rotate(68.4deg); -moz-transform: rotate(68.4deg); -ms-transform: rotate(68.4deg); -o-transform: rotate(68.4deg); transform: rotate(68.4deg) }  .c100.p20 .bar { -webkit-transform: rotate(72deg); -moz-transform: rotate(72deg); -ms-transform: rotate(72deg); -o-transform: rotate(72deg); transform: rotate(72deg) }  .c100.p21 .bar { -webkit-transform: rotate(75.6deg); -moz-transform: rotate(75.6deg); -ms-transform: rotate(75.6deg); -o-transform: rotate(75.6deg); transform: rotate(75.6deg) }  .c100.p22 .bar { -webkit-transform: rotate(79.2deg); -moz-transform: rotate(79.2deg); -ms-transform: rotate(79.2deg); -o-transform: rotate(79.2deg); transform: rotate(79.2deg) }  .c100.p23 .bar { -webkit-transform: rotate(82.8deg); -moz-transform: rotate(82.8deg); -ms-transform: rotate(82.8deg); -o-transform: rotate(82.8deg); transform: rotate(82.8deg) }  .c100.p24 .bar { -webkit-transform: rotate(86.4deg); -moz-transform: rotate(86.4deg); -ms-transform: rotate(86.4deg); -o-transform: rotate(86.4deg); transform: rotate(86.4deg) }  .c100.p25 .bar { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg) }  .c100.p26 .bar { -webkit-transform: rotate(93.6deg); -moz-transform: rotate(93.6deg); -ms-transform: rotate(93.6deg); -o-transform: rotate(93.6deg); transform: rotate(93.6deg) }  .c100.p27 .bar { -webkit-transform: rotate(97.2deg); -moz-transform: rotate(97.2deg); -ms-transform: rotate(97.2deg); -o-transform: rotate(97.2deg); transform: rotate(97.2deg) }  .c100.p28 .bar { -webkit-transform: rotate(100.8deg); -moz-transform: rotate(100.8deg); -ms-transform: rotate(100.8deg); -o-transform: rotate(100.8deg); transform: rotate(100.8deg) }  .c100.p29 .bar { -webkit-transform: rotate(104.4deg); -moz-transform: rotate(104.4deg); -ms-transform: rotate(104.4deg); -o-transform: rotate(104.4deg); transform: rotate(104.4deg) }  .c100.p30 .bar { -webkit-transform: rotate(108deg); -moz-transform: rotate(108deg); -ms-transform: rotate(108deg); -o-transform: rotate(108deg); transform: rotate(108deg) }  .c100.p31 .bar { -webkit-transform: rotate(111.6deg); -moz-transform: rotate(111.6deg); -ms-transform: rotate(111.6deg); -o-transform: rotate(111.6deg); transform: rotate(111.6deg) }  .c100.p32 .bar { -webkit-transform: rotate(115.2deg); -moz-transform: rotate(115.2deg); -ms-transform: rotate(115.2deg); -o-transform: rotate(115.2deg); transform: rotate(115.2deg) }  .c100.p33 .bar { -webkit-transform: rotate(118.8deg); -moz-transform: rotate(118.8deg); -ms-transform: rotate(118.8deg); -o-transform: rotate(118.8deg); transform: rotate(118.8deg) }  .c100.p34 .bar { -webkit-transform: rotate(122.4deg); -moz-transform: rotate(122.4deg); -ms-transform: rotate(122.4deg); -o-transform: rotate(122.4deg); transform: rotate(122.4deg) }  .c100.p35 .bar { -webkit-transform: rotate(126deg); -moz-transform: rotate(126deg); -ms-transform: rotate(126deg); -o-transform: rotate(126deg); transform: rotate(126deg) }  .c100.p36 .bar { -webkit-transform: rotate(129.6deg); -moz-transform: rotate(129.6deg); -ms-transform: rotate(129.6deg); -o-transform: rotate(129.6deg); transform: rotate(129.6deg) }  .c100.p37 .bar { -webkit-transform: rotate(133.2deg); -moz-transform: rotate(133.2deg); -ms-transform: rotate(133.2deg); -o-transform: rotate(133.2deg); transform: rotate(133.2deg) }  .c100.p38 .bar { -webkit-transform: rotate(136.8deg); -moz-transform: rotate(136.8deg); -ms-transform: rotate(136.8deg); -o-transform: rotate(136.8deg); transform: rotate(136.8deg) }  .c100.p39 .bar { -webkit-transform: rotate(140.4deg); -moz-transform: rotate(140.4deg); -ms-transform: rotate(140.4deg); -o-transform: rotate(140.4deg); transform: rotate(140.4deg) }  .c100.p40 .bar { -webkit-transform: rotate(144deg); -moz-transform: rotate(144deg); -ms-transform: rotate(144deg); -o-transform: rotate(144deg); transform: rotate(144deg) }  .c100.p41 .bar { -webkit-transform: rotate(147.6deg); -moz-transform: rotate(147.6deg); -ms-transform: rotate(147.6deg); -o-transform: rotate(147.6deg); transform: rotate(147.6deg) }  .c100.p42 .bar { -webkit-transform: rotate(151.2deg); -moz-transform: rotate(151.2deg); -ms-transform: rotate(151.2deg); -o-transform: rotate(151.2deg); transform: rotate(151.2deg) }  .c100.p43 .bar { -webkit-transform: rotate(154.8deg); -moz-transform: rotate(154.8deg); -ms-transform: rotate(154.8deg); -o-transform: rotate(154.8deg); transform: rotate(154.8deg) }  .c100.p44 .bar { -webkit-transform: rotate(158.4deg); -moz-transform: rotate(158.4deg); -ms-transform: rotate(158.4deg); -o-transform: rotate(158.4deg); transform: rotate(158.4deg) }  .c100.p45 .bar { -webkit-transform: rotate(162deg); -moz-transform: rotate(162deg); -ms-transform: rotate(162deg); -o-transform: rotate(162deg); transform: rotate(162deg) }  .c100.p46 .bar { -webkit-transform: rotate(165.6deg); -moz-transform: rotate(165.6deg); -ms-transform: rotate(165.6deg); -o-transform: rotate(165.6deg); transform: rotate(165.6deg) }  .c100.p47 .bar { -webkit-transform: rotate(169.2deg); -moz-transform: rotate(169.2deg); -ms-transform: rotate(169.2deg); -o-transform: rotate(169.2deg); transform: rotate(169.2deg) }  .c100.p48 .bar { -webkit-transform: rotate(172.8deg); -moz-transform: rotate(172.8deg); -ms-transform: rotate(172.8deg); -o-transform: rotate(172.8deg); transform: rotate(172.8deg) }  .c100.p49 .bar { -webkit-transform: rotate(176.4deg); -moz-transform: rotate(176.4deg); -ms-transform: rotate(176.4deg); -o-transform: rotate(176.4deg); transform: rotate(176.4deg) }  .c100.p50 .bar { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) }  .c100.p51 .bar { -webkit-transform: rotate(183.6deg); -moz-transform: rotate(183.6deg); -ms-transform: rotate(183.6deg); -o-transform: rotate(183.6deg); transform: rotate(183.6deg) }  .c100.p52 .bar { -webkit-transform: rotate(187.2deg); -moz-transform: rotate(187.2deg); -ms-transform: rotate(187.2deg); -o-transform: rotate(187.2deg); transform: rotate(187.2deg) }  .c100.p53 .bar { -webkit-transform: rotate(190.8deg); -moz-transform: rotate(190.8deg); -ms-transform: rotate(190.8deg); -o-transform: rotate(190.8deg); transform: rotate(190.8deg) }  .c100.p54 .bar { -webkit-transform: rotate(194.4deg); -moz-transform: rotate(194.4deg); -ms-transform: rotate(194.4deg); -o-transform: rotate(194.4deg); transform: rotate(194.4deg) }  .c100.p55 .bar { -webkit-transform: rotate(198deg); -moz-transform: rotate(198deg); -ms-transform: rotate(198deg); -o-transform: rotate(198deg); transform: rotate(198deg) }  .c100.p56 .bar { -webkit-transform: rotate(201.6deg); -moz-transform: rotate(201.6deg); -ms-transform: rotate(201.6deg); -o-transform: rotate(201.6deg); transform: rotate(201.6deg) }  .c100.p57 .bar { -webkit-transform: rotate(205.2deg); -moz-transform: rotate(205.2deg); -ms-transform: rotate(205.2deg); -o-transform: rotate(205.2deg); transform: rotate(205.2deg) }  .c100.p58 .bar { -webkit-transform: rotate(208.8deg); -moz-transform: rotate(208.8deg); -ms-transform: rotate(208.8deg); -o-transform: rotate(208.8deg); transform: rotate(208.8deg) }  .c100.p59 .bar { -webkit-transform: rotate(212.4deg); -moz-transform: rotate(212.4deg); -ms-transform: rotate(212.4deg); -o-transform: rotate(212.4deg); transform: rotate(212.4deg) }  .c100.p60 .bar { -webkit-transform: rotate(216deg); -moz-transform: rotate(216deg); -ms-transform: rotate(216deg); -o-transform: rotate(216deg); transform: rotate(216deg) }  .c100.p61 .bar { -webkit-transform: rotate(219.6deg); -moz-transform: rotate(219.6deg); -ms-transform: rotate(219.6deg); -o-transform: rotate(219.6deg); transform: rotate(219.6deg) }  .c100.p62 .bar { -webkit-transform: rotate(223.2deg); -moz-transform: rotate(223.2deg); -ms-transform: rotate(223.2deg); -o-transform: rotate(223.2deg); transform: rotate(223.2deg) }  .c100.p63 .bar { -webkit-transform: rotate(226.8deg); -moz-transform: rotate(226.8deg); -ms-transform: rotate(226.8deg); -o-transform: rotate(226.8deg); transform: rotate(226.8deg) }  .c100.p64 .bar { -webkit-transform: rotate(230.4deg); -moz-transform: rotate(230.4deg); -ms-transform: rotate(230.4deg); -o-transform: rotate(230.4deg); transform: rotate(230.4deg) }  .c100.p65 .bar { -webkit-transform: rotate(234deg); -moz-transform: rotate(234deg); -ms-transform: rotate(234deg); -o-transform: rotate(234deg); transform: rotate(234deg) }  .c100.p66 .bar { -webkit-transform: rotate(237.6deg); -moz-transform: rotate(237.6deg); -ms-transform: rotate(237.6deg); -o-transform: rotate(237.6deg); transform: rotate(237.6deg) }  .c100.p67 .bar { -webkit-transform: rotate(241.2deg); -moz-transform: rotate(241.2deg); -ms-transform: rotate(241.2deg); -o-transform: rotate(241.2deg); transform: rotate(241.2deg) }  .c100.p68 .bar { -webkit-transform: rotate(244.8deg); -moz-transform: rotate(244.8deg); -ms-transform: rotate(244.8deg); -o-transform: rotate(244.8deg); transform: rotate(244.8deg) }  .c100.p69 .bar { -webkit-transform: rotate(248.4deg); -moz-transform: rotate(248.4deg); -ms-transform: rotate(248.4deg); -o-transform: rotate(248.4deg); transform: rotate(248.4deg) }  .c100.p70 .bar { -webkit-transform: rotate(252deg); -moz-transform: rotate(252deg); -ms-transform: rotate(252deg); -o-transform: rotate(252deg); transform: rotate(252deg) }  .c100.p71 .bar { -webkit-transform: rotate(255.6deg); -moz-transform: rotate(255.6deg); -ms-transform: rotate(255.6deg); -o-transform: rotate(255.6deg); transform: rotate(255.6deg) }  .c100.p72 .bar { -webkit-transform: rotate(259.2deg); -moz-transform: rotate(259.2deg); -ms-transform: rotate(259.2deg); -o-transform: rotate(259.2deg); transform: rotate(259.2deg) }  .c100.p73 .bar { -webkit-transform: rotate(262.8deg); -moz-transform: rotate(262.8deg); -ms-transform: rotate(262.8deg); -o-transform: rotate(262.8deg); transform: rotate(262.8deg) }  .c100.p74 .bar { -webkit-transform: rotate(266.4deg); -moz-transform: rotate(266.4deg); -ms-transform: rotate(266.4deg); -o-transform: rotate(266.4deg); transform: rotate(266.4deg) }  .c100.p75 .bar { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg) }  .c100.p76 .bar { -webkit-transform: rotate(273.6deg); -moz-transform: rotate(273.6deg); -ms-transform: rotate(273.6deg); -o-transform: rotate(273.6deg); transform: rotate(273.6deg) }  .c100.p77 .bar { -webkit-transform: rotate(277.2deg); -moz-transform: rotate(277.2deg); -ms-transform: rotate(277.2deg); -o-transform: rotate(277.2deg); transform: rotate(277.2deg) }  .c100.p78 .bar { -webkit-transform: rotate(280.8deg); -moz-transform: rotate(280.8deg); -ms-transform: rotate(280.8deg); -o-transform: rotate(280.8deg); transform: rotate(280.8deg) }  .c100.p79 .bar { -webkit-transform: rotate(284.4deg); -moz-transform: rotate(284.4deg); -ms-transform: rotate(284.4deg); -o-transform: rotate(284.4deg); transform: rotate(284.4deg) }  .c100.p80 .bar { -webkit-transform: rotate(288deg); -moz-transform: rotate(288deg); -ms-transform: rotate(288deg); -o-transform: rotate(288deg); transform: rotate(288deg) }  .c100.p81 .bar { -webkit-transform: rotate(291.6deg); -moz-transform: rotate(291.6deg); -ms-transform: rotate(291.6deg); -o-transform: rotate(291.6deg); transform: rotate(291.6deg) }  .c100.p82 .bar { -webkit-transform: rotate(295.2deg); -moz-transform: rotate(295.2deg); -ms-transform: rotate(295.2deg); -o-transform: rotate(295.2deg); transform: rotate(295.2deg) }  .c100.p83 .bar { -webkit-transform: rotate(298.8deg); -moz-transform: rotate(298.8deg); -ms-transform: rotate(298.8deg); -o-transform: rotate(298.8deg); transform: rotate(298.8deg) }  .c100.p84 .bar { -webkit-transform: rotate(302.4deg); -moz-transform: rotate(302.4deg); -ms-transform: rotate(302.4deg); -o-transform: rotate(302.4deg); transform: rotate(302.4deg) }  .c100.p85 .bar { -webkit-transform: rotate(306deg); -moz-transform: rotate(306deg); -ms-transform: rotate(306deg); -o-transform: rotate(306deg); transform: rotate(306deg) }  .c100.p86 .bar { -webkit-transform: rotate(309.6deg); -moz-transform: rotate(309.6deg); -ms-transform: rotate(309.6deg); -o-transform: rotate(309.6deg); transform: rotate(309.6deg) }  .c100.p87 .bar { -webkit-transform: rotate(313.2deg); -moz-transform: rotate(313.2deg); -ms-transform: rotate(313.2deg); -o-transform: rotate(313.2deg); transform: rotate(313.2deg) }  .c100.p88 .bar { -webkit-transform: rotate(316.8deg); -moz-transform: rotate(316.8deg); -ms-transform: rotate(316.8deg); -o-transform: rotate(316.8deg); transform: rotate(316.8deg) }  .c100.p89 .bar { -webkit-transform: rotate(320.4deg); -moz-transform: rotate(320.4deg); -ms-transform: rotate(320.4deg); -o-transform: rotate(320.4deg); transform: rotate(320.4deg) }  .c100.p90 .bar { -webkit-transform: rotate(324deg); -moz-transform: rotate(324deg); -ms-transform: rotate(324deg); -o-transform: rotate(324deg); transform: rotate(324deg) }  .c100.p91 .bar { -webkit-transform: rotate(327.6deg); -moz-transform: rotate(327.6deg); -ms-transform: rotate(327.6deg); -o-transform: rotate(327.6deg); transform: rotate(327.6deg) }  .c100.p92 .bar { -webkit-transform: rotate(331.2deg); -moz-transform: rotate(331.2deg); -ms-transform: rotate(331.2deg); -o-transform: rotate(331.2deg); transform: rotate(331.2deg) }  .c100.p93 .bar { -webkit-transform: rotate(334.8deg); -moz-transform: rotate(334.8deg); -ms-transform: rotate(334.8deg); -o-transform: rotate(334.8deg); transform: rotate(334.8deg) }  .c100.p94 .bar { -webkit-transform: rotate(338.4deg); -moz-transform: rotate(338.4deg); -ms-transform: rotate(338.4deg); -o-transform: rotate(338.4deg); transform: rotate(338.4deg) }  .c100.p95 .bar { -webkit-transform: rotate(342deg); -moz-transform: rotate(342deg); -ms-transform: rotate(342deg); -o-transform: rotate(342deg); transform: rotate(342deg) }  .c100.p96 .bar { -webkit-transform: rotate(345.6deg); -moz-transform: rotate(345.6deg); -ms-transform: rotate(345.6deg); -o-transform: rotate(345.6deg); transform: rotate(345.6deg) }  .c100.p97 .bar { -webkit-transform: rotate(349.2deg); -moz-transform: rotate(349.2deg); -ms-transform: rotate(349.2deg); -o-transform: rotate(349.2deg); transform: rotate(349.2deg) }  .c100.p98 .bar { -webkit-transform: rotate(352.8deg); -moz-transform: rotate(352.8deg); -ms-transform: rotate(352.8deg); -o-transform: rotate(352.8deg); transform: rotate(352.8deg) }  .c100.p99 .bar { -webkit-transform: rotate(356.4deg); -moz-transform: rotate(356.4deg); -ms-transform: rotate(356.4deg); -o-transform: rotate(356.4deg); transform: rotate(356.4deg) }  .c100.p100 .bar { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg) }  .c100:hover { cursor: default }  .c100:hover>span { width: 3.33em; line-height: 3.33em; font-size: .3em }  .c100:hover:after { top: .04em; left: .04em; width: .92em; height: .92em }  .c100.orange .bar, .c100.orange .fill { border-color: #333 !important }    #top-products { padding: 30px 0 0; text-align: center; background-color: #fff; border-radius: 10px; margin: 0 0 50px }  #top-products h2 { color: 000 !important; font-size: 24px; margin: 0 0 10px }  #top-products a.box { padding: 5px; display: block; width: 100% }  #top-products a.box:hover, #top-products a.box:hover * { text-decoration: none }  #top-products .item .pic { width: 100%; margin: 0 0 10px; padding: 0; border: 1px solid #CE1D24; position: relative }  #top-products .item .pic:before { margin-top: 100%; content: ""; display: block }  #top-products .item .pic img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; object-position: center }  #top-products .item .tit { text-align: center; margin: 0 0 5px; color: #444; font-size: 14px; white-space: nowrap }  #top-products .item .pri { font-size: 16px; text-align: center; margin: 0; color: #FF5722 }  .slick-loading.slick-list { background: #fff url(../img/ajax-loader.gif) center center no-repeat }  .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 30px; height: 40px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: #333333; border: none; outline: none; background: #ffffff; z-index: 1; transition: .3s ease all; -webkit-transition: .3s ease all; }  .slick-prev:hover, .slick-next:hover { width: 40px }  .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none }  .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1 }  .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25 }  .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }  .slick-prev { left: 0 }  [dir='rtl'] .slick-prev { right: -25px; left: auto }  .slick-prev:before, .slick-next:before { content: ''; width: 10px; height: 10px; border-width: 2px 0 0 2px; border-color: #000; border-style: solid; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; }  .slick-prev:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); left: 4px }  .slick-next:before { transform: rotate(135deg); -webkit-transform: rotate(135deg); right: 4px }  [dir='rtl'] .slick-prev:before { content: '' }  .slick-next { right: 0 }  [dir='rtl'] .slick-next { right: auto; left: -25px }  .slick-next:before { content: '' }  [dir='rtl'] .slick-next:before { content: '' }  .slick-dotted.slick-slider { margin-bottom: 30px }  .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center }  .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer }  .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent }  .slick-dots li button:hover, .slick-dots li button:focus { outline: none }  .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1 }  .slick-dots li button:before { font-family: “slick”; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: “”; text-align: center; opacity: .25; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-fonts-moothing: grayscale }  .slick-dots li.slick-active button:before { opacity: .75; color: #000 }  .slick-initialized .slick-slide>div { padding: 5px; overflow: hidden }  .slick-slide img { display: block; object-fit: cover; width: 100% }  .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent }  .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0 }  .slick-list:focus { outline: none }  .slick-list.dragging { cursor: pointer; cursor: hand }  .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -mstransform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }  .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto }  .slick-track:before, .slick-track:after { display: table; content: '' }  .slick-track:after { clear: both }  .slick-loading .slick-track { visibility: hidden }  .slick-slide { display: none; float: left; height: 100%; min-height: 1px }  [dir='rtl'] .slick-slide { float: right }  .slick-slide img { display: block }  .slick-slide.slick-loading img { display: none }  .slick-slide.dragging img { pointer-events: none }  .slick-initialized .slick-slide { display: block }  .slick-loading .slick-slide { visibility: hidden }  .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent }  .slick-arrow.slick-hidden { display: none }  @media screen and (max-width: 980px) { .productosmasvendidos { width: 100% !important } } .newsletterIcon { vertical-align: -2px; } .newsletterInput { width: 80%; border: none !important; border-bottom: 1px solid black !important; text-align: center; } .newsletterCondiciones { text-align: justify !important; }  .center { text-align: center !important; } .wrongEmail { border: none !important; border-bottom: 1px solid red !important; } .newsletterBorde { border-top: 1px solid #f6f6f6; } /* @alejandro Nuevo sistema de carrito. */ .input-carrito { width: 60% !important; line-height: 30px !important; height: 30px !important; } .alinearCarrito { text-align: center !important; } .borderCarrito { border-top: 1px solid #f6f6f6 !important; } .textpago { display: flex; cursor: pointer; font-weight: 500; position: relative; overflow: hidden; margin-bottom: 0.375em; width: 100% !important; } .textpago input { position: absolute; left: -9999px; }  .textpago input:checked + span:before { box-shadow: inset 0 0 0 0.4375em #000000; } .textpago span { display: flex; align-items: center; transition: 0.25s ease; } .textpago span:before { display: flex; flex-shrink: 0; content: ""; background-color: #fff; width: 1.5em; height: 1.5em; border-radius: 50%; margin-right: 0.375em; transition: 0.25s ease; box-shadow: inset 0 0 0 0.125em #000000; } .contadorPaso { background-color: #000000; padding: 5px 10px 5px 10px; border: 1px solid #000000; border-radius: 50%;  color: white; } .tituloSeccionCarrito { font-size: 16px; padding-bottom: 2% !important; border-bottom: 1px solid #f6f6f6; } .iconFormaPago { height: 30px; } .nombreProducto { text-align: center; } @media screen and (max-width:980px){ .resumen-carrito .name { line-height: 20px;height: 20px;overflow: hidden;text-overflow: ellipsis;width: 100%;white-space: nowrap;margin: 0 0 5px 0;padding: 0; }} .separarabajo { margin-bottom: 90px !important; }  @media screen and (max-width:980px){.widthSelectCarrito { width: 100% !important;}} @media screen and (min-width:980px){ .widthSelectCarrito { width: 80% !important;}}#mobile-whatsapp { position: fixed; bottom: 0; left: 10px; z-index: 99; background-image: url(../img/icon-whatsapp.png); background-size: 24px; background-position: 10px center; background-repeat: no-repeat; padding-left: 38px } .whatsapp { height: 40px; width: auto; padding: 0 10px; text-align: center; text-decoration: none; font-size: 14px; /*min-width: 80px;*/ display: inline-block; margin: 0; cursor: pointer; vertical-align: middle; line-height: 38px; color: #fff !important; border: 0; } @media screen and (max-width:980px) { #mobile-whatsapp { position: fixed; bottom: 15px; right: unset; left: 15px; z-index: 99; background-image: url(../img/icon-whatsapp.png); background-size: 24px; background-position: center center; background-repeat: no-repeat; padding-left: 38px; } .whatsapp { position: fixed; width: 50px; height: 50px; left: auto; background-color: #25d366; color: #FFF; border-radius: 50px; text-align: center; font-size: 30px; z-index: 100; } } @media screen and (max-width:980px) { /* @alejandro Estilos detalle del producto (responsive). */ .precioPersonalizado { font-size: 28px !important; } .alignLeft { text-align: left !important; } .tamanoResponsive { font-size: 18px !important; } .descuentoResponsive { float: right !important; position: relative !important; top: -50px !important; } } @media screen and (min-width:980px) { /* @alejandro Estilos detalle del producto (desktop). */ .precioDesktop { font-size: 24px !important; } .nombreProductoDecha { font-size: 18px !important; } .refProductoDecha { margin-top: 1%; } .alignLeft { text-align: left !important; } .impuestos { font-size: 12px !important; margin-top: 1%; } .comprarDcha { width: 100% !important; border-radius: 0 !important; } .marginTop1 { margin-top: 1%; } .textoEnviosGratis { font-size: 14px !important; } .descuentoDesktop { float: right !important; position: relative !important; top: -50px !important; } } @media screen and (max-width:980px) { .contenedortipo.flash { padding: 3px 4px; } .countdownflash { width: 70px; } .countdownflash div {} .countdownflash div b { font-size: 14px; } .cont-producto .tgs { text-align: left; margin: 0 0 5px 0; padding: 0; } .cont-producto .countdownflash { width: unset; } .capa-compra { position: fixed; bottom: 0; left: 0; right: 0; background-color: white; z-index: 99; padding: 12px 8px; /*padding-left: 116px;*/ box-shadow: 0 -5px 5px rgb(0 0 0 / 5%); text-align: center !important; } .capa-compra .b .button-a { line-height: 46px; height: 46px; margin-bottom: 0 !important; display: block; font-size: 20px; } .capa-compra .b { display: inline-block; width: 60%; } } .notification { position: fixed; bottom: 0; left: 0; right: 0; text-align: center; line-height: 40px; background-color: rgba(255, 255, 255, .9); z-index: 9; } .contenedortipo { position: absolute; top: 2px; left: 2px; background-color: #24395E; padding: 5px 10px; color: #fff; } .contenedortipo.flash { background-color: #f44336; /*ext-transform: uppercase;*/ padding: 5px; } .countdownflash { position: absolute; bottom: 52px; left: 2px; } .countdownflash div { float: left; text-align: center; width: 32px; background-color: white; color: #000; padding: 5px; margin: 0 3px 3px 0; border-radius: 3px; } .countdownflash div b { display: block; font-size: 20px; line-height: 1; } .countdownflash div small { display: block; line-height: 1; } .celda-producto.flash .imagen-producto { box-shadow: 0 0 0 4px #f44336; -webkit-box-shadow: 0 0 0 4px #f44336; } .cont-producto .countdownflash { position: static; display: inline-block; } .cont-producto .countdownflash div { display: inline-block; text-align: center; float: none; margin: 2px; padding: 5px; background-color: #f44336; color: #fff; width: 40px; } .width100 { width: 100%; } .tabla-carrito th { background-color: #ffffff !important; } .tabla-carrito td { background-color: #ffffff !important; } #pie-datos a { color: #ffffff !important; text-decoration: none; } @media screen and (max-width:980px) { .imagenCarrito { height: 60px; max-height: 60px; width: auto; } .imagenCarritoAnchas { width: 60px; max-width: 60px; height: auto; } } @media screen and (min-width:980px) { .imagenCarrito { height: 60px; max-height: 60px; width: auto; } .imagenCarritoAnchas { width: 60px; max-width: 60px; height: auto; } }