@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, 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; border: 1px solid rgba(0, 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, 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, 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, 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, 0.05); -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 0 1px 1px rgba(0, 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, 0.1); -webkit-box-shadow: 0 2px 4px 4px rgba(0, 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: 0.6s ease all; -webkit-transition: 0.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, 0.8); opacity: 0; visibility: hidden; -webkit-transition: all 0.5s ease-in-out; transition: all 0.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 !important; } .rating-box label:hover, .rating-box label:hover ~ label { color: orange !important; } .rating-box input[type="radio"]:checked ~ label { color: orange !important; } .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 !important; 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, 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, 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, 0.1); -webkit-box-shadow: 0 5px 5px rgba(0, 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, 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: 100% !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, 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: -0.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, 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, 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, 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; } #resultadopuntos p.error { text-align: center; padding: 3% 0 0 1%; color: red; font-size: 14px; } #resultadopuntos p.aplicado { text-align: center; color: green; padding: 3% 0 0 1%; font-size: 14px; } 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, 0.1); -webkit-box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.1); -webkit-animation: fadein 0.3s 1 ease; animation: fadein 0.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 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.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, 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 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.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, 0.05) inset !important; -webkit-box-shadow: 0 -50px 0 0 rgba(0, 0, 0, 0.05) inset !important; -moz-box-shadow: 0 -50px 0 0 rgba(0, 0, 0, 0.05) inset !important; -ms-box-shadow: 0 -50px 0 0 rgba(0, 0, 0, 0.05) inset !important; -o-box-shadow: 0 -50px 0 0 rgba(0, 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, 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, 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 0.5s; -webkit-transition: left ease 0.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, 0.1); -webkit-box-shadow: 0 2px 1px 1px rgba(0, 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, 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, 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, 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, 0.1); -webkit-box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.1); -webkit-animation: fadein 0.3s 1 ease; -moz-animation: fadein 0.3s 1 ease; -ms-animation: fadein 0.3s 1 ease; -o-animation: fadein 0.3s 1 ease; animation: fadein 0.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: 0.08em solid #333; width: 0.84em; height: 0.84em; clip: rect(0, 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 0.1em 0.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: 0.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: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.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: 0.08em; left: 0.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: 0.84em; height: 0.84em; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.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, 0.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: 0.3em; } .c100:hover:after { top: 0.04em; left: 0.04em; width: 0.92em; height: 0.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: 0.3s ease all; -webkit-transition: 0.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: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; opacity: 0.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: 0.25; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-fonts-moothing: grayscale; } .slick-dots li.slick-active button:before { opacity: 0.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: 50% !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: 100% !important; font-weight: bold; font-size: 14px; border-color: #999 !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: 22px !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, 0.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: 75px; 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; text-decoration: none; } .respuesta { padding-left: 15%; } .contenerdorfotos { height: 380px; max-height: 380px; } @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; } } #zona_links { padding: 10px 0; font-family: "Poppins"; display: none; } .banner-visible #zona_links { display: block; text-align: center; } #zona_links a { z-index: 1; text-align: center; font-size: 1.5rem; text-transform: uppercase; letter-spacing: 1rem; padding: 6rem 0; background-color: #f4f4f4; border: 10px solid #fff; position: relative; background-position: center; background-size: cover; color: #fff; transition: 0.3s ease all; display: inline-block; /* float: none; */ /*max-width: 400px;*/ } /* @alejandro Adaptar segun pantalla. */ @media screen and (min-width: 980px) { #zona_links a { max-width: 50%; } } @media screen and (max-width: 980px) { #zona_links a { max-width: 50%; min-height: 275px; } } #zona_links a:hover { text-decoration: none; } #zona_links a:before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgb(54 57 75 / 70%); } #zona_links a:after { content: ""; display: block; position: absolute; top: 8px; left: 8px; right: 8px; bottom: 8px; box-shadow: 0 0 0 4px #fff inset; } #zona_links .link-man:before { background-color: rgb(54 57 75 / 70%); } #zona_links a span { position: relative; z-index: 1; font-weight: bold; display: block; } #zona_links a span .btn { font-size: 0.8rem; letter-spacing: 0.1rem; /* background-color: #fff; */ color: #fff; padding: 0.4rem 0.8rem; box-shadow: 0 0 0 0.15rem #fff; font-weight: bold; } @media only screen and (max-width: 640px) { #zona_links a { font-size: 1.2rem; letter-spacing: 1rem; padding: 4rem 0; letter-spacing: 0.25rem; } #zona_links a span .btn { position: relative; top: 10px; } } @media screen and (max-width: 640px) { #zona_links a:after { display: none !important; } } @media screen and (max-width: 359px) { #zona_links a { max-width: 100% !important; width: 100% !important; min-height: 0 !important; padding: 3rem 0; } } .fondo-link { object-fit: cover; height: 100%; width: 100%; margin: auto; text-align: center; top: 0; position: absolute; left: 0; z-index: -1; } .display-none { display: none !important; } #condiciones { border: 1px solid rgba(0, 0, 0, 0.25); height: 100px; overflow: auto; padding: 5px; } .label-form-gnral { color: inherit; } .img-producto-talla { width: 80px; } .tabla-carrito { border-color: transparent; } span.me-gusta { width: 50px; height: 25px; display: block; position: absolute; top: 20px; right: 1px; color: #fff; font-size: 13px; } span.me-gusta { background-color: #f00; } .celda-listado-productos > div { background-color: ; } .bx-wrapper .bx-prev:before, .bx-wrapper .bx-next:before { color: #ffffff !important; background-color: rgba(0, 0, 0, 0.5) !important; } #prfo-buscador { border-radius: 25px; -webkit-border-radius: 25px; } @media screen and (max-width: 980px) { #responsive-header { background-color: #000000; } .btn-responsive.menu { background-color: transparent; } .btn-responsive { color: #ffffff !important; } .btn-responsive.cart span { background-color: #ffffff !important; color: #000000 !important; } .responsive-menu-left { background-color: #ffffff; } #responsive-menu li a, #responsive-menu li a:hover { color: #000000 !important; } .capa-compra .b .button-a { background-color: #35cc65; border: 1px solid #27a449; } } .w3-white { color: white; background-color: white; } a.mySlides { width: 100%; height: 100%; object-fit: cover; text-align: center; } .mySlidesZoom { width: 100%; height: 100%; object-fit: contain; } .list img { max-width: 100%; max-height: auto; height: 100%; width: auto; } .slick-slide img { object-fit: contain; width: 100%; max-height: 350px; } .contenedorfotos .slick-initialized .slick-slide { object-fit: contain; width: 100%; max-height: 350px; } #sliderfotos { height: 380px; max-height: 380px; } .button-volver { background-color: #eeeeee; color: #000; font-size: 12px; border: 1px solid #dedede; height: 36px; line-height: 36px; padding: 0 10px; cursor: pointer; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } /*@miguel estilos del texto del cupon en pedido-procesado*/ .registroCupon { font-size: 18px !important; } .registroCupon strong { font-size: 18px !important; } /*@miguel estilos de pedido procesado capa de cupon*/ .capaCuponCompra { display: inline-block; max-width: 80%; margin: 5px; padding: 15px 8px 10px 8px; border: 1px solid rgb(111, 111, 111, 0.3); background-color: #fff; box-shadow: 2px 2px 10px rgb(111 111 111); border-radius: 10px; } .no-visible { display: none !important; } .size1 { text-align: center; font-size: 18px; margin: 15px; font-weight: bold; } /* @angello Sistema de tallas/colores en detalle-producto */ #resultadoPintarCombinaciones {display: inline-block;width: 100%;} #resultadoPintarCombinaciones .label { display: block; line-height: 20px; margin: 0; letter-spacing: 1px; text-transform: uppercase; font-size: 12px; } #resultadoPintarCombinaciones .contenedorAtributo { padding: 10px; border: 1px solid #dddddd; margin: 0; min-height: 70px; } #resultadoPintarCombinaciones .contenedorAtributo span { width: 20px; height: 20px; display: inline-block; float: none; margin: 5px 5px 5px 0; } #resultadoPintarCombinaciones .contenedorAtributo input { width: 20px; height: 20px; border: 0; box-shadow: 0 0 0 1px #dddddd inset, 0 0 0 4px #fff inset; } #resultadoPintarCombinaciones .contenedorAtributo input:before { content: ""; display: none; } #resultadoPintarCombinaciones .contenedorAtributo input:hover { cursor: pointer; } #resultadoPintarCombinaciones .contenedorAtributo input.selected { box-shadow: 0 0 0 1px #999 inset, 0 0 0 4px #fff inset; } #resultadoPintarCombinaciones .contenedortallas { display: block; padding: 10px; border: 1px solid #dddddd;    /*border-top: 0;*/ margin: 0; height: 70px; } #resultadoPintarCombinaciones .contenedortallas select { width: 100%; border: 0 !important; font-weight: bold; padding-left: 0; font-size: 16px; letter-spacing: 1px; height: 30px; line-height: 30px; background-size: 18px; } #resultadoPintarCombinaciones .contenedorprecio { text-align: right; position: absolute; top: 0; right: 0; width: 110px; line-height: 24px; } #resultadoPintarCombinaciones .contenedorboton { margin: 15px 0 0; } #resultadoPintarCombinaciones .contenedorboton .button-cart { width: 100%; font-family: sans-serif; border-radius: 0; line-height: 50px; height: 50px; margin: 0 !important; } @media only screen and (max-width:640px) { #resultadoPintarCombinaciones .label { /*display: none;*/ } #resultadoPintarCombinaciones .contenedorAtributo, #resultadoPintarCombinaciones .contenedorboton { width: 100%; float: left; margin: 0; /*height: 50px;*/ height: auto; } #resultadoPintarCombinaciones .contenedortallas { border: 1px solid #dddddd; width: 100%; float: left; margin: 0; height: 50px; } #resultadoPintarCombinaciones .contenedortallas select { font-size: 14px; } #resultadoPintarCombinaciones .contenedorprecio .precio { font-size: 16px !important; letter-spacing: 0; } } .contenedorPrecio .precio { margin: 0; padding: 0; border: 0; font-size: 18px; vertical-align: baseline; font-weight: 600; letter-spacing: .7px; line-height: 21px; } .contenedorPrecio{ padding: 10px 0; } .nombreProductoDecha{ margin: 0; padding: 0; border: 0; vertical-align: baseline; font-weight: 600; letter-spacing: .7px; line-height: 21px; text-transform: uppercase; } /*pop up vista previa*/ #popup { left: 0; position: fixed; top: 0; width: 100%; z-index: 1001; height: 100%; box-shadow: 0 2px 5px #666666; } .content-popup { margin: 0px auto; margin-top: 120px; position: relative; padding: 10px; width: 55%; min-height: 250px; border-radius: 4px; background-color: #FFFFFF; /*box-shadow: 0 2px 5px #666666;*/ height: 55%; min-height: 28.13rem; } .content-popup h3 { color: #48484B; border-bottom: 1px solid #48484B; margin-top: 0; padding-bottom: 4px; text-align: left; font-size: 18px; } .popup-overlay { left: 0; position: fixed; top: 0; width: 100%; z-index: 999; display: none; background-color: #777777; cursor: pointer; opacity: 0.7; } .close { position: absolute; right: 15px; font-size: 18px; } .contenedorPrecio{ text-align: left; padding: 10px 0px; } .contenedorNombre{ padding: 10px 0px; } .contenedorboton .button-cart{ position: relative; width: 100% !important; top: 0; display: inline-block; right: 0; } .imclose:before { content: "\e117"; font-family: 'icomoon'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: bold; } .content-popup select{ text-align: center; } @media only screen and (max-width:640px) { .content-popup{ width: 90%; height: 75%; } } .icon-search:before { content: "\e616"; font-family: 'icomoon'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; } .vistaprevia{ font-size: 14px; } .deslizante{ overflow: auto; } .slider-logos { margin-top: 1%; display: block; width: 100%; float: left; text-align: center; } .slider-logos a {width: 20%;} .slider-logos a img {display: block;width: 100%;} .slider-logos .slick-slide {height: 100px;padding: 15px;} .slider-logos .slick-slide img {width: 100%;height: 100%;;object-fit: contain;} .slider-logos h2 span { border: 1px solid #6f6f6f; padding: 10px; background-color: #fff; } .slider-logos h2 { margin: 0 0 -30px; position: relative; background-color: transparent; z-index: 1; } .slider-logos .slick-slider {padding: 30px;border: 1px solid #ff89c2;} .slider-logos .slick-prev, .slider-logos  .slick-next{ background-color: #fff; } .slider-logos .slick-prev:before, .slider-logos  .slick-next:before{ border-color:#000; } .slider-logos .button-d { /* text-transform: uppercase; */ letter-spacing: 3px; font-weight: bold; } /*selector unidades detalle producto*/ .unidadesDetalle { float: left; /* margin: 0 10px 0 10px; */ display: inline-flex; } .capaUnidadesTallas { width: 100%; } .botonUnidadesTallas { min-width: 30% !important; max-width: 30% !important; border-radius: 1 !important; } .campoUnidadesTallas { min-width: 40% !important; max-width: 40% !important; border: 1px solid #eeeeee !important; } .campoUnidadesTallas { text-align: center; height: 40px } /*sistema de putnos*/ .valuerange { /* border-bottom: 4px dashed #bdc3c7; */ text-align: center; font-weight: bold; font-size: 3em; /* width: 300px; */ /* height: 100px; */ /* line-height: 60px; */ /* margin: 40px auto; */ letter-spacing: -0.07em; text-shadow: white 2px 2px 2px; } .rangeinput { display: block; -webkit-appearance: none; background-color: #bdc3c7; width: 100%; height: 5px; border-radius: 5px; margin: 1.5em auto; outline: 0; } .rangeinput::-webkit-slider-thumb { -webkit-appearance: none; background-color: #e74c3c; width: 20px; height: 20px; border-radius: 50%; border: 2px solid white; cursor: pointer; transition: 0.3s ease-in-out; } .rangeinput::-webkit-slider-thumb:hover { background-color: white; border: 2px solid #e74c3c; } .rangeinput::-webkit-slider-thumb:active { transform: scale(1.1); } .no-margin{ margin: 0; } .inputLista{ background: url(https://cdn0.iconfinder.com/data/icons/slim-square-icons-basics/100/basics-19-32.png) no-repeat 0px 5px; background-size: 24px; width: 100%; border: transparent !important; border-bottom: solid 1px #ccc !important; padding: 10px 10px 10px 30px !important; outline: none; } .listadoListas p{ font-size: 16px; } .listadoListas p:after { background: #000; content: ' '; display: block; height: 1.3px; margin-top: 5px; width: 3rem; } .fotoListado{ width: 100%; height: auto; object-fit: contain; } .tablaListadoLista .col-12{ height: 80px; text-align: center; display: flex; align-items: center; justify-content: center; } .tablaListadoLista .col-12 .col-8{ text-align: left; } .tablaListadoLista .col-12 .col-2 { text-align: center; } .buttonborrar { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .buttonborrar:before{ content: "\e614"; font-family: 'icomoon'; -webkit-font-smoothing: antialiased; } #mostrarListasbuscador { padding: 0 10px !important; } #mostrarListasbuscador ul { width: 100%; } #mostrarListasbuscador ul 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; } .buttonInsertarProducto{ color: #fff; background-color: #35cc65; border-color: #27a449; float: left; margin-right: 10px; } .buttonInsertarProducto:before{ content: "\e611"; font-family: 'icomoon'; -webkit-font-smoothing: antialiased; } .listadoListas .capabuscar{ background-color: #F4F4F6; border-radius: 11px; box-shadow: 2px 2px #4f4f4f; padding: 15px; height: 340px; } .listadoListas .capalistar{ padding: 15px; } .listadoListas{ margin-bottom: 5rem; } .insertarNuevaLista .buttonLista{ width: 33.33%; width: 33.33%; height: 40px; background-color: #000000; color: #FFFFFF; border: 1px solid #000000; border-radius: 5px; } .insertarNuevaLista .inputLista{ background: url(https://cdn4.iconfinder.com/data/icons/navigation-40/24/add-512.png) no-repeat 0px 5px; background-size: 24px; width: 66.66%; border: transparent !important; border-bottom: solid 1px #ccc !important; padding: 10px 10px 10px 30px !important; outline: none; } .celdaLista .buttonborrar{ float: right; top: 100%; margin-top: -28px; z-index: 999; } .enviarLista{ padding: 10px 0; } .enviarLista input{ float: left; padding-right: 1em; } .enviarLista label{ color: #494949; } /* Style the tab */ .datosCarrito .tab { overflow: hidden; border-bottom: 1px solid #999; display: block; text-align: center; margin-top: 1em; } /* Style the buttons inside the tab */ .datosCarrito .tab a { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 5px; transition: 0.3s; font-size: 14px; width: 50%; color: #000; } /* Change background color of buttons on hover */ .datosCarrito .tab a:hover { background-color: #ddd; } /* Create an active/current tablink class */ .datosCarrito .tab a.active { background-color: #ccc; } /* Style the tab content */ .datosCarrito .tabcontent { display: none; padding: 6px 12px; /*border: 1px solid #ccc;*/ border-top: none; } .hidden{ display: none; } /*Capa de compartir*/ .compartirDatosProd { float: left; padding: 0; margin: 0; } .compartirDatosProd .title { line-height: 30px; } .compartirDatosProd li { display: inline-block; float: none; margin: 0 5px 0 0; } .compartirDatosProd .link { width: 30px; height: 30px; border-radius: 50%; box-shadow: 0 0 0 1px #777676; -webkit-box-shadow: 0 0 0 1px #777676; border: 0; background-color: transparent; display: inline-block; float: left; position: relative; overflow: hidden; padding: 0; min-width: 0; line-height: 30px; font-size: 16px; color: gray; margin: 0 !important; } .compartirDatosProd i { width: 100%; object-fit: cover; height: 100%; position: absolute; top: 0; left: 0; background-size: contain; } .compartirDatosProd .icon-twitter { background-image: url(../../img/icon-twitter.png); } .compartirDatosProd .icon-facebook { background-image: url(../../img/icon-facebook.png); } .compartirDatosProd .icon-print { background-image: url(../../img/icon-print.png); } .compartirDatosProd .icon-mail { background-image: url(../../img/icon-mail.png); } .compartirDatosProd .icon-whatsapp { background-image: url(../../img/icon-whatsappc.png); } .compartirDatosProd .label { float: left; line-height: 30px; padding: 0 10px 0 0; font-weight: bold;} .bx-wrapper .bx-controls-direction a { text-decoration: none; } .comments-box a { color: #333; } .contenedorDescuento { padding-left: 0 !important; } .contenedorDescuento span.label.descuento {   float: left !important;  margin-left: 0 !important; } .width100 {   width: 100% !important; } #zona_links a { height: 20rem !important;  letter-spacing: .1rem;  padding: 6rem 0;  font-size: 1.25rem; } #zona_links a:after {   box-shadow: 0 0 0 1px #fff inset; } #zona_links .link-man:before {  background-color: rgb(54 57 75 / 30%); } .combinacionTipoRadio { display: flex !important; width: auto !important; align-items: center; justify-content: start; flex-wrap: nowrap; } .combinacionTipoRadio input { margin-right: .5rem; height: 1.5rem !important; width: 1.5rem !important; } .combinacionTipoRadio input:checked { box-shadow: 0 0 0 1px #dddddd inset, 0 0 0 4px #fff inset !important; background-color: black; } .migasDePan { font-weight: 500; text-transform: uppercase; text-decoration: none; } .migasDePan a:hover {  font-weight: 600 !important; text-decoration: none !important; cursor: pointer; } @media screen and (max-width: 980px) { .migasDePan { font-size: 12px; } } @media screen and (min-width: 980px){ .migasDePan { font-size: 14px; } }