@charset "utf-8"; @font-face { font-family: 'colaboratelightregular'; font-display: swap; src: url(ColabLig-webfont.eot); src: url(ColabLig-webfont.eot?#iefix) format("embedded-opentype"), url(ColabLig-webfont.woff) format("woff"), url(ColabLig-webfont.ttf) format("truetype"), url(ColabLig-webfont.svg#colaboratelightregular) format("svg"); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'colaborate-boldregular'; src: url(ColabBol-webfont.eot); font-display: swap; src: url(ColabBol-webfont.eot?#iefix) format("embedded-opentype"), url(ColabBol-webfont.woff) format("woff"), url(ColabBol-webfont.ttf) format("truetype"), url(ColabBol-webfont.svg#colaborate-boldregular) format("svg"); font-weight: 400; font-style: normal; font-display: swap } body{ color: #525252; font-family: 'colaboratelightregular', sans-serif; line-height: 115%; margin: 0; padding: 0; -webkit-font-smoothing: antialiased } #top-menu li{ font-size: 14px; line-height: 36px; float: left } .first-top-menu li{ margin-right: 20px; text-align: right } #top-menu ul, .register-menu ul, .categories-div ul{ margin: 0; list-style-type: none } #top-menu ul{ padding-left: 10px } .categories-div ul{ padding: 0 10px } .register-menu-ul{ margin: 0; padding: 0; padding-left: 3px } .brand-pp{ border-top: 0; padding-top: 5px } .container-brands ul, .no-margin-style-ul{ padding: 0; margin: 0; list-style-type: none } .container-brands li{ line-height: 35px } .container-brands li:hover A{ color: #FFF } .options-menu-my-account li { line-height: 35px; padding-left: 5px; border-bottom: 1px dashed #9f9f9f; text-transform: uppercase } .options-menu-my-account li A{ font-size: 14px; font-family: 'colaboratelightregular', sans-serif; text-transform: none; font-weight: bold } .clearfloat{ clear: both; height: 0; font-size: 1px; line-height: 0 } .social{ opacity: 1; margin-right: 2px; margin-top: 8px } .social:hover{ opacity: .7 } .boton-whatsapp{ background-color: #25d366; color: #FFF; font-size: 1.00em; font-weight: bold; z-index:2000 } .boton-whatsapp A:link, .boton-whatsapp A:visited{ color: #FFF } .boton-whatsapp A:hover, .boton-whatsapp A:active{ color: #075e54 } .boton-whatsapp .fa-whatsapp{ margin-right: 7px; font-size: 1.2em } .margin-right-5{ margin-right: 5px } .margin-left-5{ margin-left: 5px } .margin-left-10{ margin-left: 10px } .margin-left-20{ margin-left: 20px } .margin-bottom-20{ margin-bottom: 20px } .margin-bottom-10{ margin-bottom: 10px } .margin-top-5{ margin-top: 5px } .margin-top-10{ margin-top: 10px } .margin-top-15{ margin-top: 15px } .margin-top-20{ margin-top: 20px } .banner-articulo{ padding: 20px; background-color: #e6e1d6; font-weight: 700; margin: 20px 0; text-align: center } .banner-articulo A{ text-decoration: none!important } .banner-articulo A:link, .banner-articulo A:visited{ color: #525252!important } .banner-articulo A:hover, .banner-articulo A:active{ color: #000!important } .title-news A:link, .title-news A:visited, .small-news A:link, .small-news A:visited{ color: #333 } .title-news A:hover, .title-news A:active, .small-news A:hover, .small-news A:active{ color: #df5d74 } .title-news h2{ line-height: 20px } .title-news{ overflow: hidden } .margin-top-30{ margin-top: 30px } .margin-top-40{ margin-top: 40px } .padding-top-10{ padding-top: 10px } .margin-top-0{ margin-top: 0 } .margin-bottom-0{ margin-bottom: 0 } .padding-bottom-20{ padding-bottom: 20px } .opacitys{ opacity: 1 } .opacitys:hover{ opacity: .7 } .white-text{ color: #FFF!important } .black-text{ color: #000!important } .center{ text-align: center } A img{ border: 0 solid #000 } A img:hover{ border: 0 solid #000 } h2, .special-h1{ font-family: 'colaboratelightregular', sans-serif; font-size: 20px; letter-spacing: 2px; font-weight: normal; line-height: 27px } h2 A{ color: #333 } h2 A:hover{ color: #ad2139 } h3{ font-size: 14px; font-weight: 400; margin-top: 0 } h5{ font-size: 14px; margin-top: 0; letter-spacing: 2px; color: #000 } h1, .brands-family{ font-size: 22.5px; font-family: 'colaboratelightregular', sans-serif; font-weight: bold; letter-spacing: 1px; line-height: 30px } h4{ font-family: 'colaboratelightregular', sans-serif; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; font-weight: normal; line-height: 20px } .hts{ font-size: 1.8em; margin-bottom: 15px!important } .brands-family{ color: #525252!important } .bold{ font-weight: 700 } .red-color{ color: red } .white-text{ color: #FFF } .bottom-border{ border-bottom: 1px solid #ddd } select{ border: 1px solid #d8d8d8; color: #333; padding: 7px 6px; margin-bottom: 10px; background-color: #e6e1d6 } .size-item-div select{ margin-bottom: 3px } select:active{ border: 1px solid #9d9177 } option{ line-height: 25px } #footer li{ color: #FFF } #footer li:hover{ color: #000 } .color-page { color: #e42c2a } input[type=text], input[type=password], textarea, input[type=email]{ line-height: 21px; padding: 9px 10px; border: 0; border-bottom: 1px solid #9f9f9f; background-color: #e6e1d6; box-shadow: none!important; border-radius: 0 } input[type=text], input[type=password], input[type=email]{ height: auto } input[type=text]:focus, textarea:focus, input[type=password]:focus{ border-bottom: 1px solid #ad2139; outline: 0 } .textarea-contact{ border-bottom: 1px solid #9f9f9f } .unit-offer{ margin-top: 20px } .acept-pol{ margin-top: 10px !important } .search{ float: left; color: #999 } .size-con{ font-size: 14px } .size-tel{ font-size: 23px; font-weight: 700; line-height: 19px } .size-week { font-size: 18px } .size-hour{ font-size: 15px } .in-line{ display: inline } .text-size-12{ font-size: 13px!important } .text-size-14 { font-size: 14px!important } .text-size-18{ font-size: 18px!important } .text-size-24 { font-size: 24px!important } .center-block-transparent-div{ font-size: 15px; line-height: 17px; padding-bottom: 40px; margin-top: 0; overflow:hidden } .erase-line A:before{ font-family: FontAwesome; content: "\f1f8"; color: #ad2039 } .text-item-div h1:before{ content: "" !important; margin-right: 0 !important } .center-block-transparent-div h1{ margin-top: 0 } .center-block-transparent-div p{ font: normal 15px/19px 'colaboratelightregular', sans-serif } .center-block-transparent-div h1:before, .large-services h1:before{ font-family: FontAwesome; content: "\f105"; color: #525252; margin-right: 7px; font-weight: 100 !important } .footer-form p, .smal-text-p{ font-size: 14px } .footer-form{ margin-top: 20px } .color-green{ color: #096 } .color-red{ color: #af213a } .old-price{ font: normal 20px/15px 'colaboratelightregular', sans-serif; color: #8f8f8f } .tachado{ text-decoration: line-through } .small-item-price-div .tachado{ font-size: 0.85em } .ghandi{ font: normal 19px/23px 'Gandhi Serif', sans-serif } .cart-button{ font-size: 18px; line-height: 20px;  background: url(../images/carrito.png) no-repeat; line-height: 30px; height: 35px; background-position: right; border: 0; padding-right: 35px;    color: #FFF; margin-right: 5px; width:100%; text-align: right } .input-uni{ width: 155px !important } .special-lounge{ width: 125px } .special-lounge-list{ width: 165px } .units-cart{ border: 1px solid #d0c9ba!important; width: 27px !important; padding: 0!important; text-align: center!important; font-size: 14px; line-height: 14px } .units-select{ font: italic 13px 'Montserrat', serif, serif; width: 155px; background-color: #e6e1d6; margin-right: 5px;  } .h1-order{ font-size: 20px; padding-bottom: 2px; border-bottom: 1px solid #8d8a7f } .span-units{ padding: 0 10px; background-color: #FFF; margin-right: 3px } .white-background{ background-color: #FFF } td{ width: 50px; border-right: 1px solid #FFF; text-align: center } .color-f1{ background-color: #f1eee7; font-weight: 700 } .color-db{ background-color: #dbd8d2; font-weight: 700 } .color-c1{ background-color: #c1bfb9; font-weight: 700 } .tr-bottom-border{ border-bottom: 1px solid #c7c5c0!important } table{ padding: 10px; width: 90%; border-spacing: 5px 5px; border-collapse: separate } th{ text-transform: uppercase; text-align: center } .t-camisetas td, .t-camisetas th{ width: 30%; line-height: 23px; border-bottom: 1px solid #dbdbdb } .t-boxer th{ text-transform: uppercase; text-align: center } .t-boxer td, .t-boxer th{ width: 25%; line-height: 23px; border-bottom: 1px solid #dbdbdb } .no-border-td{ border: none!important } .euro{ font-size: 70% } .ref{  overflow: hidden!important; height: 32px } .description-text h2, .description-text h3{ font-size: 100%; color: #525252; line-height: 100%; font-weight: 700; margin: 13px 0!important } .description-text h3{ line-height: 1.5em } .description-text{ font-size: 14px; line-height: 15px; margin-top: 20px } .m-bottom{ margin-bottom: 15px } .m-top{ margin-top: 25px } #cookies{ background-color: #d0c9ba; z-index:180; width:100%; color: #000; font-size:1.0em; letter-spacing: 0.1em; position: fixed; bottom: 0; box-shadow: rgba(0,0,0,.5) 0 5px 50px; padding: 30px 10px } #cookies A{ color: #ba2640 !important } .pt-datos{ font-size: 0.80em; margin-top: 20px; background-color: #f6f6f5; padding-top: 20px; padding-bottom: 20px } #cookies ul, .preferencia-privacidad ul{ list-style-type: none } .preferencia-privacidad{ position: fixed; top: 45%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -45%); z-index: 999999999; width: 100%; max-width: 768px; height: 100%; max-height: 580px; overflow: hidden; border-radius: 2.5px; padding: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1.00em; line-height: 145% } .preferencia-privacidad ul{ padding: 0; margin: 0 -15px } .preferencia-privacidad li{ padding: 5px 10px } .preferencia-privacidad a{ line-height: 1.5; text-decoration: none } .men-pref A{ display: block } #cookies .style-button{ padding: 15px 20px; border: 0; width: 100%; text-transform: uppercase } #cookies .style-button:link, #cookies .style-button:visited{ color: #FFF !important; background-color: #ba2640 } #cookies .style-button:hover, #cookies .style-button:active{ background-color: #191919 !important; border: 0 !important; background-color: #df5d74 !important } .texto-cookies .col-md-3{ overflow: visible } #black-pref{ position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); z-index: 2001; display: none } .cnt-cookies .style-button{ display: block; text-align: left; background-color: #ba2640; color: #FFF } .men-pref{ background: #23282d; height: 100% } .blt-block{ background-color: #f6f6f5; height: 100%; position: relative; overflow: scroll !important; position: relative } .blt-block h4{ margin: 20px 0; font-size: 1.1em } .oligatorio-pref{ float: right; background-color: #ba2640; color: #FFF; font-size: 1.00em; border-radius: 50px; padding: 7px 10px } .fa-cerrar-pri{ position: absolute; right: 10px; top: 7px; font-size: 1.3em; color: #FFF; font-weight: 100 } .title-pref h3{ color: #FFF; padding-top: 7px } .title-pref{ background: #23282d; text-align: center; padding-bottom: 5px; position: relative; padding: 5px  } .preferencia-privacidad a:link, .preferencia-privacidad a:visited{ color: #FFF } .preferencia-privacidad a:hover, .preferencia-privacidad a:active{ color: #FFF } .acept-pref a{ color: #ba2640 !important } .preferencia-privacidad button{ background-color: #ba2640 !important; color: #FFF; border: 0; border-radius: 2px; padding: 5px 10px; text-transform: uppercase } .save-pref{ position: absolute; bottom: 45px } .save-pref .button-form{ margin: 0 } .active-pref{ background-color: #ba2640 } .preferencia-privacidad button:active{ border: 0; outline: 0 } .cont-spec-label label{ margin-right: 7px; text-transform: uppercase } .cont-spec-label{ float:right } .texto-cookies .container{ padding: 0 } .opciones-cookies .button-form{ margin: 0 } .display-ok{ display: initial !important } .hidden-div{ display: none } .display-ok{ display: initial !important; } .special-items .small-brand-div h2{ margin: 0 } ::-webkit-input-placeholder, ::-moz-placeholder{ color: #9D9177; font-style: italic } ::-moz-placeholder{ font-size: 15px } :-ms-input-placeholder{ color: #9D9177; font-style: italic } input:-moz-placeholder{ color: #9D9177; font-style: italic } #header-container{ margin-top: 0; height: auto; position: relative; max-width: 100% } #logo{ max-width: 200px; padding-top: 10px } iframe { width: 100% } .div-items-cont img{ width: 100% } .img-header{ margin-top: -10px } #social{ min-width: 170px; text-align: right; float: right; color: #FFF } .top-menu-cont{ overflow: hidden; margin-bottom: 5px; background-color: #f6f6f5; line-height: 35px } #top-menu{ height: 35px; background-color: #f6f6f5 } #top-menu A:link, #top-menu A:visited{ color: #777; text-decoration: none } #top-menu A:active, #top-menu A:hover{ color: #ad2139; text-decoration: none } .first-top-menu, .register-menu, .language-menu{ float: left; overflow: hidden } .register-menu{ background-color: #e6e1d6; height: 35px } .language-menu{ background-color: #ad2139 } .cesta{ color: #FFF; letter-spacing: 1px } .cesta A{ display: block } .cesta:before, .registro-i:before, .entrar-i:before, .salir-i:before{ font-family: fontawesome; margin-right: 5px } .registro-i{ margin-left: 15px } .cesta:before{ content: "\f290" } .registro-i:before{ content: "\f09c" } .entrar-i:before{ content: "\f2bd" } .salir-i:before{ content: "\f08b" } .salir-i{ margin-left: 20px } .l-menu{ overflow: initial; background-color: #e6e1d6 } #right-header{ height: auto; position: relative } .right-header-block{ overflow: hidden; height: 130px } .container-search{ position: absolute; left: 150px; top: 40px; padding: 5px } .header-date{ position: absolute; right: 0; top: 10px; padding: 5px 20px 12px 20px; line-height: 1.6em; text-align: right } .phone-header, .header-date .fa-whatsapp-w{ font-size: 1.3em; color: #ad2139 } .atencion-cliente{ display: block; margin-bottom: 5px } .phone-header:before, .mail-header:before, .header-date .fa-whatsapp-w:before{ font-family: fontawesome } .header-date .fa-whatsapp-w:before{ content: "\f232"; margin-right: 9px } .phone-header:before{ content: "\f095"; margin-right: 9px } .mail-header:before{ content: "\f003"; margin-right: 7px } .search{ float: left } #search, #search-resp { border-radius: 5px; box-shadow: 0 0 4px #999 inset; font-style: italic } #search:focus, #search-resp:focus{ border: 1px solid  !important } .container-search input[type=text]{ border: 1px solid rgba(54, 49, 52, 0.1); background-color: #f6f6f5; line-height: 25px; padding: 7px 18px; color: #9D9177; width: 280px } .container-search button{ margin-left: -55px; background-color: transparent; border: 0 } .container-search button:before{ font-family: FontAwesome; content: "\f002"; color: #ad2139; line-height: 38px; font-size: 1.2em; border-left: 1px solid rgba(54, 49, 52, 0.2);	padding-left: 15px } .container-search button:hover{ opacity: .7 } .ruta{ margin: 15px 0 20px 0; color: #999; font-size: .9em; overflow: hidden; width: 100% } .ruta UL{ padding: 0; margin: 0; list-style-type: none } .ruta li{ float: left } #design, .card{ float: left } .categories{ background-color: #e4e4e4; padding: 15px; border-radius: 5px; box-shadow: 2px 2px 3px #CCC } .white:hover{ color: #FFF } .separator{ border-bottom: 1px solid #999 } .sep:before{  content: "/"; margin-right: 3px; margin-left: 5px } .paginator{ text-align: right; margin-bottom: 20px; margin-top: 10px; padding: 15px; border-top: 1px dotted #CCC; border-bottom: 1px dotted #CCC } .paginatorA{ color: #FFF } .alert-div{ line-height: 20px; color: #FFF; padding: 15px; font-size: 15px; background-color: #ad2139 } .ok { line-height: 20px; background-color: #29a429; color: #FFF; padding: 3px; padding-left: 5px; font-size: 15px;  } .alert-div, .ok{ margin: 15px 0 20px 0 } .comment{ padding: 10px; color: #525252; background-color: #e6e1d6; border-radius: 5px } .icono-persona{ margin-right: 10px } #IrArriba{ position: fixed; bottom: 30px; right: 30px; z-index: 1000 } #IrArriba span:before{ display: block; font-family: FontAwesome; content: "\f0d8"; width: 60px; height: 65px; font-size: 45px; line-height: 55px; color: #ad2139; text-align: center } #IrArriba span{ display: block; line-height: 25px } #footer{ min-height: 190px; width: 100%; padding-bottom: 55px; margin-bottom: 55px } #footer-brands{ height: auto; background-color: #e6e1d6; overflow: hidden; padding: 30px 0 } #footer-brands img{ text-align: center } #footer-information{ height: auto; background-color: #d0c9ba; overflow: hidden; padding: 30px 0 } .horarios small{ font-size: 14px } #footer-logo, #footer-social{ height: auto } #footer-social{ padding-top: 10px } #footer-social img{ margin-left: 10px; margin-top: 10px } #footer-contact{ padding-top: 10px; color: #484539; line-height: 1.6em } #footer-contact span{ font-size: 1.2em } #footer-cca{ padding-top: 10px } #footer-contact span:before{ content: "\f105"; font-family: fontawesome; margin-right: 7px } .categories-div{ line-height: 55px; width: 100% } .center-block-div, .center-block-transparent-div{ min-height: 400px } .center-block-div { padding-bottom: 10px } .bottom-logo-shadow { height: 1px; box-shadow: 1px 3px 2px #BBB; margin-bottom: 5px; margin-top: -2px } .background-container{ min-height: 400px; overflow: hidden; background-color: #efebe2; padding-bottom: 30px } .container-brands-inter{ background-repeat: no-repeat; width: 180px; padding-left: 15px; text-transform: uppercase; border-bottom: 1px dashed #9f9f9f; font-family: 'Montserrat', serif } .container-brands-inter:hover{ background-repeat: no-repeat; padding-left: 15px; color: #ad2139 } .div-categories{ height: auto; margin-bottom: 15px } .container-categories-div{ margin-top: 16px } .special-col-md-3{ padding-right: 10px; padding-left: 5px } .div-text-categories{ font: 600 15px/15px 'colaboratelightregular', sans-serif; text-align: center; height: auto; padding: 7px 3px; text-transform: uppercase; color: #6f6c61; background-color: #FFF } .div-text-categories h4{ margin: 0; font: 700 15px/15px 'colaboratelightregular', sans-serif; } .head-menu{ position: relative } .right-menu-personal-options{ margin-top: 35px } .contact-with-us{ font: normal 22px/17px 'colaboratelightregular', sans-serif; color: #FFF; padding: 50px 5px 15px 10px; height: auto; overflow: hidden; background-color: #c0b7a3; background-image: url(../images/fondo_informacion_contacto.png); background-repeat: no-repeat; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px } .ban-send{ font: normal 15px/15px 'colaboratelightregular', sans-serif; color: #FFF; margin-top: 10px; border-radius: 5px; padding: 12px 8px 8px 8px; text-align: center; background-image: url(../images/fondo_envios.png); background-repeat: no-repeat; background-color: #c0b7a3; background-position: right bottom; min-height: 96px } .ban-send img{ text-align: center; margin: 0 auto; margin-bottom: 5px } .ban-send-s{ text-transform: uppercase; line-height: 1.2em } .ban-send-e{ font-size: .9em } .big-font-banner{ font-size: 22px; line-height: 22px; font-weight: 700 } .cat-imagenes img{ opacity: 1 } .cat-imagenes:hover img{ opacity: 0.8 } .fpdiv{ text-align: center; margin: 25px 0  } .contact-schedules-div{ font: normal 18px/18px 'colaboratelightregular', sans-serif; height: 0 } .left-banner-div{ margin-top: 30px } .capa-imagen-nosotros{ overflow: hidden; float: left; padding: 10px; width: 202px } .we-section{ text-align: justify; margin-top: 10px } .we-section p{ line-height: 1.6em!important; font-size: 16px } .contenedor-formulario-contacto{ margin-top: 30px; font-size 15px; height: 1% } .label-div{ font-size 16px; line-height: 30px; text-align: right } label{ font-weight: 400; font-size: 15px } .form-div{ margin-bottom: 15px; overflow: hidden } .header-tab{ color: #000; text-transform: uppercase } .header-line{ border-bottom: 1px dashed  #8e8b81 } .tab, .lounge-tab{ float: left } .tab{ width: 15% } .lounge-tab{ width: 50% } .tab-estado{ width: 95px!important } .order-list{ font: normal 15px/17px 'colaboratelightregular', sans-serif } .header-order-details{ padding: 17px 15px 10px; border-radius: 5px; background-color: #e6e1d6; overflow: hidden; margin-bottom: 15px } .number-order{ float: left } .date-order{ float: right } .details-order-2{ padding: 1px 15px } .small-total-div{ font: normal 15px/37px 'colaboratelightregular', sans-serif; padding-right: 5px; text-align: right } .dark-grey-background{ background-color: #d5ccb8 } .line-cart{ padding-left: 10px } .line-cart:hover{ background-color: rgba(54, 49, 52, 0.1) } .container-bottom-div{ padding-bottom: 30px } .small-note{ height: auto; overflow: hidden; position: relative; padding-bottom: 10px; background-color: #FFF } .small-image-item-div{ overflow: hidden } .small-image-item{ width: 100% } .name-item-div, .name-item-div h1, .name-item-div h2 { font-size: 14px; line-height: 17px; font-weight: 700; text-transform: uppercase } .name-item-div h2 A:hover, .name-item-div h2 A:active{ color: #ad2139 } .name-item-div{ overflow: hidden; padding: 9px 10px 10px 10px } .name-item-div h1, .name-item-div h2{ margin: 0; letter-spacing: 0!important } .name-item-div A:link h2, .name-item-div A:visited h2{ color: #000 } .name-item-div A:hover h2, .name-item-div A:active h2{ color: #ad2139 } .small-brand-div{ padding-left: 10px;min-height: 14px } .small-brand-div p{ font-size: 14px !important; line-height: 15px; margin: 0; letter-spacing: 0!important } .small-option-item-div { height: 40px; padding-left: 10px } .small-item-price-div{ width: 150px; font-size: 23px; line-height: 40px; float: left; font-weight: 700; margin-top: 10px } .small-button-cart-item-div{ width: 30px; float: left } .background-cart-div{ background-image: url(../images/cestas_representacion.png); height: 81px; background-size: cover; margin-top: 7px } .lef-cart-div{ height: auto; padding: 8px; padding-bottom: 15px; background-color: #d5ccb8 } .btn-cesta-peque{ margin-top: 23px } .btn-cesta-peque a{ display: block; text-align: center } .header-cart-div-line{ font-size: 13px; line-height: 14px; overflow: hidden; height: 14px } .header-cart-div-line, .precio, .cantidad{ width: 29.5%!important; float: left } .container-images-expand-file{ overflow: hidden; margin-left: -15px } .medium-image-item-div{ overflow: hidden; position: relative } .zoom-div{ width: 30px; height: 29px; position: absolute; right: 0; bottom: 0 } .text-item-div{ min-height: 270px; padding-top: 30px } .text-item-div h1{ font-size: 20px; letter-spacing: 2px; font-weight: 400; color: #000; line-height: 27px; margin-bottom: 0 } .brand-div, .brand-div h2, .brand-div p{ font-size: 16px; line-height: 18px; color: #ad2139!important } .ref-div{ font: normal 14px/15px 'colaboratelightregular', sans-serif; margin-top: 10px; border-bottom: 1px dotted #878479; padding-bottom: 20px; margin-bottom: 25px } .size-item-div{ font: normal 14px/15px 'colaboratelightregular', sans-serif; margin-top: 10px } .big-item-price{ height: auto; font-size: 23px; line-height: 30px; background-color: #e6e1d6; text-align: center; color: #525252; padding: 8px 10px 6px 10px; font-weight: bold } .iva{ margin-top: 5px; font: normal 12px/14px 'colaboratelightregular', sans-serif } .free-sent{ margin: 15px 0 0; background-color: #f6f6f5; color: #333; font-weight: 700; float: left; padding: 7px 20px;  border-radius: 3px; font-size: .8em; text-transform: uppercase; letter-spacing: 1px; margin-right: 5px } .add-cart-div{ margin-top: 10px; text-align: right; background-color: #096; padding: 8px 10px; overflow: hidden } .add-cart-div:hover{ background-color: #16b580 } .container-file-item{ padding: 10px; background-color: #FFF } .related-div{ border-top: 1px dashed #8e8b81; padding-top: 25px; padding-bottom: 15px } .related-row-div{ float: right;  width: 19%; overflow: hidden; margin-right: 1% } .text-related{ color: #8e8b81; font: 700 12px/20px 'colaboratelightregular', sans-serif; height: 82px; text-align: right } .cart-label{ width: 65px; float: left; margin-top: 5px } .subtotal-div{ border-top: 1px dashed #8e8b81 } .container-chek-box{ width: 450px; margin: 0 auto; overflow: hidden; height: 1% } .buttons-cart{ margin: 30px 0; overflow: hidden; padding: 14px 0 } .checkbox-div{ float: left; width: 15px } .text-checkbox-div{ float: left; margin-left: 7px; line-height: 20px; width: 150px } .agotado, .oferta{ color: #FFF; position: absolute; top: 10px; left: 0; padding: 5px 10px; text-transform: uppercase; font-weight: 700 } .agotado{ color: #ad2139 } .oferta{ top: 5px } .secondary-image-div{ overflow: hidden; height: 1%; float: left } .secondary-image-div IMG{ max-width: 100% } .gastos_envio{ background-color: #e6e1d6; overflow: hidden; margin-top: 30px; padding: 15px 20px 20px 20px; border-bottom: 2px solid rgba(54, 49, 52, 0.1) } .div-404{ margin-top: 10px; padding: 20px } .center{ text-align: center!important } .tallas-cont{ padding: 1px 10px; padding-bottom: 40px; overflow: hidden } .tallas-cont h2{ margin-bottom: 0!important } .tallas-cont table{ padding: 0; border-spacing: 0 10px; width: 100%; margin: 20px 0 } .tallas-cont th{ background-color: #e6e1d6; padding: 5px 5px } .tallas-cont .no-border-td{ background-color: #FFF } .special-items{ background-color: #FFF; overflow: hidden; height: 1% } .cab-sec h2{ color: #525252 } .middle-form{ padding: 10px; padding-top: 15px; margin: 0 -10px } .middle-form input[type="text"], .middle-form input[type="password"]{ width: 100%!important } .middle-form .form-div{ width: 100%!important } .container-no-register h1, .middle-form h1{ font-size: 1.5em!important } .container-no-register h2:before{ font-family: FontAwesome; content: "\f09c"; color: #ad2139; margin: 15px 0; margin-right: 10px } .container-no-register{ margin-top: 30px } .pages-layer{ margin: 40px 0; text-align: center; line-height: 45px } .pages, .pages-no-link{ padding: 10px 15px; margin-right: 5px; box-shadow: 2px 2px 3px #CCC } .pages{ background-color: #ad2139 } .pages:link, .pages:visited{ color: #FFF } .pages:hover, .pages:active{ background-color: #000 } .pages-no-link{ background-color: #e4e4e4; margin-right: 10px } .text-pages{ margin-right: 20px } .green-button{ background-color: #ad2039; color: #FFF; padding: 13px 35px; text-decoration: none; border: 0 solid #CCC; box-shadow: 3px 2px 3px #EEE; text-transform: uppercase } .green-button:hover{ background-color: #df5d74; border: 0 solid #a41210; color: #FFF; cursor: pointer; box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3); transition: all 300ms ease-out } .button-secun{ background-color: #f6f6f5; color: #9f9f9f!important; padding: 13px 35px; text-decoration: none; border: 1px solid rgba(54, 49, 52, 0.1); text-transform: uppercase; box-shadow: none } .button-s:link, .button-s:visited{ background-color: #f6f6f5; color: #000 !important } .button-s:hover, .button-s:active{ background-color: #9f9f9f !important; color: #FFF !important } A:link, A:visited{ color: #333; text-decoration: none } A:active, A:hover{ color: #af213a; text-decoration: none; transition: all 300ms ease-out } .categories-div A:link, .categories-div A:visited { color: #000; text-decoration: none; padding: 13px 7px } .categories-div A:active, .categories-div A:hover{ color: #FFF; text-decoration: none; color: #cc2b47 } .div-text-categories A:link, .div-text-categories A:visited{ color: #6f6c61; text-decoration: none; padding: 12px 6px } .div-text-categories A:active, .div-text-categories A:hover{ color: #821b2d; text-decoration: underline; padding: 12px 6px } .error{ border: 1px solid #CCC; background-color: #e3e3e3; border-radius: 5px; padding: 5px; line-height: 20px } .pay-safe { text-align: right } .pay-safe IMG { max-width: 100% } iframe, .tuenti-layer{ margin-top: -4px!important } .facebook-layer, .twitter-layer, .google-layer{ float: right } .twitter-layer{ width: 100px } .facebook-layer{ width: 180px } .google-layer{ width: 71px } .container-social{  margin: 20px 0; overflow: hidden; height: 1% } .family-text p{ line-height: 1.3em !important; margin-bottom: 15px } .captcha{ margin-right: 15px; line-height: 1.2em } .buttonfbshare:before, .buttontwshare:before, .buttonglshare:before, .buttonwhshare:before, .buttonwhshare:before, .buttonlkshare:before, .buttonPtshare:before{ font-family: FontAwesome; margin: 0 5px; font-size: 35px; color: #d0c9ba } .buttonfbshare:hover:before, .buttontwshare:hover:before, .buttonglshare:hover:before, .buttonwhshare:hover:before, .buttonwhshare:hover:before, .buttonlkshare:hover:before, .buttonPtshare:hover:before{ color: #ad2139 } .buttonfbshare:link, .buttonfbshare:visited, .buttontwshare:link, .buttontwshare:visited, .buttonglshare:link, .buttonglshare:visited, .buttonwhshare:link, .buttonwhshare:visited, .buttonlkshare:visited, .buttonlkshare:link, .buttonPtshare:visited, .buttonPtshare:link{ float: right; width: auto !important; color: #FFF !important; line-height: 35px; padding-right: 5px } .buttonfbshare:before{ content: "\f230" } .buttontwshare:before{ content: "\f081" } .buttonglshare:before{ content: "\f0d4" } .buttonlkshare:before{ content: "\f08c" } .buttonwhshare:before{ content: "\f232" } .buttonPtshare:before{ content: "\f0d3" } .buttonwhshare{ display: none } .responsive-menu{ position: absolute; top: 15px; right: 20px; z-index: 1000; display: none } .responsive-search{ position: absolute; top: 100px; right: 15px; display: none; z-index:300 } .responsive-search .container-search{ position: relative; left: auto; top: auto } .responsive-search .container-search button{ margin-left: -45px } .responsive-search .container-search button:before{ line-height: 33px } .responsive-search .container-search input[type="text"] { max-width: 180px; background-color: #f6f6f5; padding: 3px 10px } .responsive-menu-cat, .responsive-menu-marcas{ display: none; clear: both; float: none } .responsive-menu-cat select, .responsive-menu-marcas select{ width: 100% } .responsive-menu-marcas option, .responsive-menu-cat option { text-transform: uppercase } .responsive-menu-cat form, .responsive-menu-marcas form{ margin-bottom: 0; padding-bottom: 0 } .responsive-menu-cont{ background-color: #e6e1d6; width: 100%; margin-bottom: 5px; display: none; box-shadow: 5px 15px 15px 4px rgba(0,0,0, 0.3); font-size: 17px  } .responsive-menu-cont a{ display: block; text-transform: uppercase } .responsive-menu-cont UL{ display: block; margin: 0; padding: 0 } .responsive-menu-cont LI{ display: block; margin: 0; padding: 16px 13px; border-bottom: 1px solid rgba(54, 49, 52, 0.1); color: #525252 } .responsive-menu-cont A:link, .responsive-menu-cont A:visited{ color: #525252 } .responsive-menu-cont A:active, .responsive-menu-cont A:hover{ color: #ad2139 } .responsive-cart{ position: absolute; top: 75px; right: 20px; display: none; font-size: 1.3em; text-transform: uppercase; font-family: 'colaboratelightregular', sans-serif; z-index: 100 } .li-cesta{ background-color: #6f6c61; border-bottom: 0 !important } .li-cesta a{ color: #FFF !important } .cst-img{ width: 20px; height: 20px; margin-right: 5px } .submenu{ padding-left: 35px!important } .select-respon{ padding: 0 20px } .fpay{ width: 20% } .obli-field{ margin-top: 20px; float: right } #footer-cca img{ max-width: 100% } .empty-cart{ font-size: 1.3em; margin-bottom: 40px } .responsive-menu-cont i{ margin-right: 10px } .next-prev{ font-weight: 700 } .next-prev i{ margin: 0 5px } .family-text h2{ line-height: 1.1em } .chek-box-b label{ margin-right: 10px } .chek-box-b{ margin-bottom: 20px } .img-blt{ margin: 20px 0 } .img-cmp{ margin: 10px 0 } .date-bono{ background-color: #096; padding: 5px 10px; color: #fff } .description-family{ background-color: #FFF } .center-block-transparent-div .description-family{ margin-top: 40px } .description-family{ background-color: #e6e1d6; padding: 5px 25px 20px 25px } .description-family h2{ font-size: 1.2em; font-weight: bold; color: #525252; margin-bottom: 20px } .description-family h3{ font-size: 1.1em } .description-family a{ text-decoration: underline } .review-items h3{ background-color: #e6e1d6; padding: 15px 10px 10px 10px; margin-bottom: 30px !important; font-weight: bold } .review-items h4{ margin-top: 0; font-size: .9em; text-transform: none; border-bottom: 1px dotted #C1C1C1; font-weight: 700; padding-bottom: 8px; margin-bottom: 30px } .review-items .blt-ok, .review-items .blt-error{ margin-bottom: 10px } .indice-opiniones{ margin-top: 17px; font-size: 0.80em; overflow: hidden } .indice-opiniones span:before{ margin-right: 5px } .indice-opiniones A{ margin-right: 15px; background-color: #F1F1F1; color: #333; float: left; padding: 7px 10px; border-radius: 3px; text-transform: uppercase; letter-spacing: 1px; margin-right: 7px; } .puntua-div-in label{ margin-left: 5px; margin-right: 7px } .review-items{ min-height: 100px } .individual-review{ margin-top: 15px; border-bottom: 1px dotted #CCC; padding-bottom: 20px } .val-review{ color: #ffce00; margin-bottom: 3px  } .name-review{ margin-bottom: 3px; font-weight: bold; text-transform: uppercase } .tit-review{ font-weight: bold; margin: 10px 0 5px 0 } .name-review i{ color: #CCC } .date-review { font-size: .8em; margin-bottom: 7px; font-style: oblique; color: #999 } .info-cart { margin-top: 15px; width: 100% } .bonos-alert:before, .send-layer:before, .time-send:before, .paid-send:before, .login-f h2:before, .register-f h2:before{ font-family: FontAwesome; margin-right: 7px; color: #ad2139 } .bonos-alert:before{ content: "\f05a" } .send-layer:before{ content: "\f0d1" } .time-send:before{ content: "\f015" } .paid-send:before{ content: "\f09d" } .login-f h2:before{ content: "\f09c" } .register-f h2:before{ content: "\f13e" } .send-layer, .bonos-alert, .time-send, .paid-send { background-color: #e6e1d6; padding: 15px 10px; border-bottom: 2px solid #d0c9ba } .bonos-alert, .paid-send, .time-send, .send-layer{ width: 49%; margin-bottom: 15px } .paid-send, .bonos-alert, .send-layer{ float: left } .time-send, .paid-send{ float: right } .paid-send ul{ margin-top: 10px; padding-left: 20px } .paid-send li{ margin-left: 10px } .header-pp h1{ font-size: 1.5em; font-weight: bold } .form-control{ background-color: #e6e1d6 } .form-control:focus{ border-color: #ad2039!important; outline: 0 none; box-shadow: 0 1px 1px rgba(203, 248, 254, 0.075) inset, 0 0 8px rgba(162, 237, 246, 0.6) } .form-button{ margin-top: 10px } .blt-ok, .blt-error{ margin-top: 10px; padding: 7px 10px; color: #FFF; border-radius: 5px } .blt-ok{ background-color: #096 } .blt-error{ background-color: #a41210 } .lupa{ float: right } .responsive-ruta{ overflow: hidden; height: 25px; margin-top: 10px; display: none } .responsive-ruta i{ margin-right: 6px } .news-section{ margin-bottom: 30px; overflow: hidden } .news-section h2{ margin: 17px 0; line-height: 1em } .small-news h2{ font-size: 1.2em; margin: 5px 0 } .small-news .date-news{ margin-top: 8px } .dtll A{ text-decoration: underline } .dtll A:link,.dtll A:visited{ color: #ad2139 } .dtll A:hover,.dtll A:active{ color: #333 } .date-news{ width: 100%!important; overflow: hidden; margin: 10px 0 } .date-news i{ margin-right: 7px } .date-news{ color: #ad2139 } .large-services{ margin-top: 25px } .contenedor-noticias{ background-color: #FFF; margin-top: 0; overflow: hidden } .text-small-news{ font-size: 1.15em; line-height: 1.2em; margin-top: 15px } .container-pp-news{ overflow: hidden; padding: 30px 0 60px 0 } .container-pp-news .button-form{ padding: 15px 0; margin-top: 30px; text-align: center } .container-pp-empresa{ padding: 60px 0 30px 0 } .container-pp-empresa .description-family{ background-color: #FFF } .search-layer{ margin-top: 40px; margin-bottom: 20px; padding-bottom: 10px;  padding-top: 10px; height: auto; overflow: hidden } .search-layer input[type=image]{ margin-left: -31px; margin-top:5px; float: left } .search-layer INPUT[type=text]{ width: 100%!important; float: left; font-style: italic; color: #b2b1b1 } .small-news{ margin-bottom: 10px !important; border-bottom: 1px dashed #9f9f9f; padding-bottom: 5px } .archive UL{ margin: 0; padding: 0; list-style-type: none } .archive i{ margin-right: 7px } .archive h3{ font-size: 1.1em; margin-top: 10px } .archive li{ border-bottom: 1px dashed #9f9f9f } .archive .hts{ margin-bottom: 35px !important } .recent-news{ margin-bottom: 30px } .comparte{ line-height: 30px; text-transform: uppercase; margin-right: 10px } .bloque-facebook{ margin: 20px 0; overflow: hidden; padding-top: 5px } .list-news-layer .hts{ margin-bottom: 25px !important } .date-margin{ margin: 20px 0 !important } .previous-next{ margin: 10px 0; overflow: hidden; font-weight: 700 } .previous-next-small{ margin-right: 15px } .color-text{ font-size: 1.2em; line-height: 1.3em } .container-form-comment{ margin-top: 35px } .container-form-comment blockquote{ margin: 30px 0 } .italic{ font-style: italic } .large-services h1{ margin-bottom: 20px!important } .no-search{ margin-top: 30px } .comment{ margin-bottom: 10px; color: #525252 } .detail-comment, .comment, .container-comment{ overflow: hidden; height: auto } .detail-comment{ padding-top: 10px } .number-comment{ font-size: 1.8em } .comment p{ margin-top: 15px; font-size: 1.1em } .tag-layer{ margin: 40px 0; font-weight: 700; } .tag-layer A:link, .tag-layer A:visited{ background-color: #d0c9ba; color: #525252; padding: 10px 15px } .tag-layer A:hover, .tag-layer A:active{ background-color: #ad2139; color: #FFF } .title-footer{ font-size: 1.4em; text-transform: uppercase; margin: 15px 0 25px; } .clasificaciones{ font-size: 1.3em } #footer button{ box-shadow: none } #footer input{ box-shadow: none; margin-bottom: 10px; background-color: #FFF } #copy{ background-color: #878479; height: auto; line-height: 40px; padding: 7px 0 } #copy h3 { font-weight: 300 !important; font-family: 'Montserrat', serif; color: #FFF; line-height: 1.4em } #copy A:visited, #copy A:link{ color: #FFF } #copy A:active, #copy A:hover{ color: #000 } .news-section .col-md-4img{ max-width: 100% } .news-section .col-md-4{ margin-bottom: 20px } .image-related{ margin-bottom: 10px; display: block } .texto-related{ width: 100%; display: block; margin-bottom: 10px; font-weight: bold; text-transform: uppercase; overflow: hidden; line-height: 1.2em } .precio-related{ font-size: 1.1em; font-weight: bold } .euro-related{ font-size: .8em } .envio-plazo{ float: left; padding: 5px 0; margin: 15px 0 0; font-size: .9em } .envio-plazo-2{ font-size: .9em; margin-top: 7px; float: right } .header-options-tot{ margin: 10px 0 15px; font-size: .90em; overflow: hidden } .categories-div li{ float: left; font-size: 14px; line-height: 50px; margin-right: 8px; height: 50px; position: relative; text-transform: uppercase; letter-spacing: 0.01em } .categories-div li UL{ position: absolute; z-index: 1000; top: 42px; left: 0; min-width: 280px; background-color: #e6e1d6; margin: 0; padding: 0; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); padding: 10px } .categories-div li UL LI a:before{ content: "\f105"; font-family: fontawesome; margin-right: 5px; color: #9f9f9f; height: 100% } .categories-div li UL LI{ width: 100%; height: auto; border-bottom: 1px dotted rgba(54, 49, 52, 0.1); line-height: 25px; padding: 7px 0 } .categories-div li UL LI:hover{ background-color: rgba(54, 49, 52, 0.1) } .secondary-menu{ display: none } .secondary-menu li{ text-transform: none !important; font-size: 15.5px } .categories-div UL LI UL LI A{ display: block; padding: 0 10px!important } .sub-family, .filtros-add{ margin-bottom: 15px; line-height: 30px } .sub-family A{ font-weight: 700 } .filtros-add{ overflow: hidden } .filtros-add .fa{ margin-right: 2px } .btn-filter{ margin-right: 15px } .capa-filtrar-datos{ float: left; padding-right: 10px; overflow: auto } .filtros-productos{ width: 280px; position: absolute; left: 0; bottom:0; height: 100%; background-color: #FFF; -webkit-box-shadow: 10px 31px 30px 4px rgba(230,230,230,1); -moz-box-shadow: 10px 31px 30px 4px rgba(230,230,230,1); box-shadow: 10px 31px 30px 4px rgba(230,230,230,1); z-index: 1000; padding: 0 30px; display: none } .close-fil{ position: absolute; right: 30px; top: 15px } .cab-filtros{ margin-bottom: 15px } .cab-filtros h3{ font-size: 1.2em } .filtros-productos select{ width: 100%; margin-bottom: 10px; font-family: 'Montserrat', serif } .filtros-productos form{ margin-bottom: 20px; margin-top: 10px } .close-fil .fa, .cerrar-m .fa, .cerrar-s .fa{ font-size: 1.4em } .close-fil a:link, .close-fil a:visited{ color: #b6b09f } .close-fil a:active, .close-fil a:hover{ color: #000 } blockquote{ font-size: 1em; margin-bottom: 10px } .hidden-div{ display: none } .icon-social{ margin-right: 10px; float: left; background-color: #b6b09f; width: 30px; height: 30px; text-align: center; margin-bottom: 10px; border-radius: 3px } .icon-social:before{ line-height: 30px; font-size: 22px; color: #FFF } .icon-social:hover{ background-color: #ad2139 } .horarios{ margin-top: 30px; margin-bottom: 40px } .horarios .fa:before{ margin-right: 5px; color: #ad2139 } .horarios small{ line-height: 2.0em } .check-regal{ padding-top: 5px !important } .captcha-in{ display: inline !important } .small{ font-size: 1.0em } .css-white{ background-color: #FFF } #filtrar-items{ margin-top: 15px } .cont-special-label{ width: 200px; position: relative; height: 30px } .filtros-productos .cont-special-label{ width: 220px } .cont-special-label label:first-child{ border-right: 1px solid #9f9f9f } .especial-label label{ position: relative; z-index: 5; width: 50%; height: 100%; margin: 0; text-align: center; float: left; line-height: 30px; cursor: pointer; color: #333; background-color: #e6e1d6 } .cont-special-label label:first-child{ margin-right: 5px } .especial-label input{ position: absolute; opacity: 0 } .especial-label input:checked ~ a{ position: absolute; top: 0; padding: 0; z-index: 5; width: 50%; height: 100%; color: #fff; border: solid 1px #00b8de; background-color: rgba(0, 184, 222, 0.30); left: 0; -webkit-box-shadow: "#ad2139" 0 -1px 0 inset; box-shadow: "#ad2139" 0 -1px 0 inset; border-radius: 3px;  cursor: pointer } .especial-label input:last-of-type:checked ~ a{ left: 50%; background-color: rgba(0, 184, 222, 0.30); border: solid 1px #00b8de; } .check-detail-reg{ display: none } @media only screen and (max-width: 560px) { .oculto-movil, .comparte{ display: none } #logo{ max-width: 101px } label, .obli-field, .footer-form p, .smal-text-p{ font-size: 16px } .center-block-transparent-div .description-family{ margin-right: -15px; margin-left: -15px } .capa-filtrar-datos{ width: 50% } .capa-filtrar-datos select{ width: 100% } #footer-cca .form-button{ width: 100% } #footer-cca button{ margin-top: 10px !important } .mi-cuenta-cont select{ width: 100% } .tag-layer a{ display: block; margin-top: 7px } .title-news{ height: auto } .small-news{ padding-bottom: 15px } .family-text{ padding: 0 } .btn-sub-fil{ display: block; float: left } .sub-family{ display: none } .info-cart div{ width: 100% } #copy{ padding-bottom: 70px } .contenedor-noticias{ padding-top: 5px } .contenedor-noticias .news-section{ padding: 0 } .contenedor-noticias .button-form{ width: 100%; margin-top: 20px } #cookies{ position: fixed; bottom: 0; left: 0; z-index:1001 } .special-items{ margin-top: 1px } .date-news{ margin: 0 } .nov-item{ margin-top: -30px !important } .center-block-div{ padding-bottom: 0 } #IrArriba{ bottom: 10px; right: 20px } h1, .brands-family{ font-size: 1.4em } .responsive-cart{ top: 70px } #logo img{ max-width: 120px !important } #logo a{ display: block } .container-no-register, .middle-form{ margin-bottom: 20px } .container-no-register{ margin-top: 0 } .icon-family, .left-banner-div{ width: 50%!important } .container-social{ padding-right: 0 } .small-item-price-div{ width: 100%; font-size: 1.5em } .small-brand-div p{ font-size: 15px } .lounge-tab{ width: 40% } .tab{ width: 25% } .lounge-tab, .tab{ margin: 10px 0; line-height: 1.2em } .header-tab{ margin: 0 } .total-iva-incluido{ width: 150px } .green-button{ width: 100%; float: none; display: block; margin: 0; margin-bottom: 20px; padding: 15px 15px } .conf-ped{ margin: 20px 0 35px 0 } .boton-conf-val{ margin: 40px 0 } .header-section h1{ font-size: 1.3em } .alert-div, .ok{ line-height: 1em } .center-block-transparent-div { min-height: auto; height: auto; margin-left: -15px; margin-right: -15px } .buttonfbshare:link, .buttonfbshare:visited, .buttontwshare:link, .buttontwshare:visited, .buttonglshare:link, .buttonglshare:visited, .buttonwhshare:link, .buttonwhshare:visited, .buttonlkshare:link, .buttonPtshare:visited, .buttonPtshare:link, .buttonlkshare:visited{ padding-top: 6px; padding-bottom: 6px; padding-right: 4px; height: auto; background-position: left center; margin-right: 1px } .name-item-div{ overflow: hidden!important; margin: 0; padding: 5px 10px 0 } .ant { margin-left: 10px } .sig { margin-right: 10px } .div-items-cont {  width: 50%!important; padding-left: 5px; padding-right: 8px; position: relative } .small-note{ height: auto !important; padding-bottom: 10px!important; overflow: hidden } #footer-social img{ margin-left: 5px; margin-top: 5px } #footer-social{ text-align: center !important; width: 100% !important } .title-footer{ text-align: left } #footer-contact{ margin-bottom: 40px!important; text-align: left!important } .related-row-div{ width: 47%; max-width: initial !important; margin-bottom: 20px } .pd-related{ border: 0 } .op-cli{ margin-bottom: 40px } .we-section p{ font-size: 1.1em!important } .capa-imagen-nosotros{ width: 100%; text-align: center; margin-bottom: 20px } .small-button-cart-item-div{ position: absolute; bottom: 15px; left: 10px } .buttons-cart .green-button, .button-secun{ width: 100% } .button-secun{ display: block; text-align: right; padding: 15px 15px } .button-no-register{ margin-top: 20px } .header-pp h1{ font-size: 1.5em } .buttonwhshare{ display: block } .texto-related{ font-size: .90em; height: 51px } .text-related{ display: none } .related-div{ background-color: #FFF } .sub-family A{ display: block; border-bottom: 1px solid #CCC } .separator-filter{ display: none } .pay-safe{ margin-top: 35px !important } .text-whatsapp{ display: none } .boton-whatsapp{ width: 56px; top: 0; left: 43%; position: absolute; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; text-align:center; height: 48px } .boton-whatsapp .fa-whatsapp:before{ color: #FFF; font-size: 1.3em } .boton-whatsapp .fa-whatsapp{ margin-right: 0; display: block; padding: 14px 20px } .horarios{ margin: 0 -15px } } @media only screen and (min-width: 561px) { .btn-sub-fil{ display: none } .boton-whatsapp{ position: fixed; right: 50px; bottom: 0; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 13px 20px } .texto-related{ height: 51px } } @media only screen and (min-width: 561px) and (max-width: 991px) { .boton-whatsapp{ right: 10px !important } .list-new .news-section, .container-pp-news .large-services{ width: 50%; float: left; min-height: 420px } .title-news{ max-height: 84px } } @media only screen and (min-width: 561px) and (max-width: 768px) { #footer-contact, #footer-social{ width: 50% } .text-copy, .pay-safe{  width: 50%; float: left } .small-note{ min-height: 420px } } @media only screen and (min-width: 561px) { .buttons-cart .button-secun{ float: left } } @media only screen and (max-width: 768px) { .obli-field{ float: none } .container-pp-news{ padding-bottom: 20px } #logo img{ max-width: 150px } .icon-family, .left-banner-div{ width: 33%; float: left; padding: 10px } .icon-family img, .left-banner-div img{ width: 100% } .div-items-cont{ margin-bottom: 15px; width: 32%; float: left } .ref, .fpay{ display: none } .subtotal-div{ margin: 0 } .container-images-expand-file, .medium-image-item-div{ width: 100% } .number-order, .date-order{ float: none; clear: both; width: 100% } .text-related{ margin-top: 10px; margin-right: 10px; width: 30%!important } #footer-cca{ clear: both !important; float: none !important; width: 100% } } @media only screen and (min-width: 992px) and (max-width: 1250px) { .boton-whatsapp{ right: 20px !important } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .form-review .label-div, .form-review .form-div{ width: 100%; text-align: left } } @media only screen and (max-width: 992px) { .name-item-div{ height: 57px } .ban-send{ text-align: left } #captcha-con{ width: 100% } #cookies{ line-height: 1.5em; font-size: 1.00em } .cnt-cookies .style-button{ margin-bottom: 15px } .oculto-disp-mov{ display: none } .css-white{ margin-top: 15px } .horarios:before{ content: ""; display: table; width: 100% } .small-brand-div{ margin-top: 5px } .pd-related{ padding: 10px } #copy h3{ text-align: center } #copy h3:before{ content: ""; width: 100%; display: table  } .container-brands{ background-color: #FFF } .oculto-escritorio{ display: block } .responsive-menu-marcas{ margin-bottom: 10px } .top-menu-cont, .l-menu, .right-header-block, .header-date{ display: none } #header-container{ height: 155px } .secondary-image-div{ margin-right: 5px } .tab, .lounge-tab{ min-height: 30px;  line-height: 30px } .subtotal-div{ line-height: 30px; height: 30px } .span-cookies{ display: block } .span-cookies:before{ content: ""; display: table; margin-top: 10px } .span-cookies:after{ content: ""; display: table; margin-bottom: 10px } #cookies .style-button{ text-align: center } .span-cookies{ display: block } .span-cookies:before{ content: ""; display: table; margin-top: 10px } .span-cookies:after{ content: ""; display: table; margin-bottom: 10px } .filtros-productos select{ margin-bottom: 20px } .icon-family, .left-banner-div{ width: 25%; float: left } #logo { padding: 20px 0; height: auto } .pay-safe{ text-align: center;  margin: 15px 0 } .text-copy{ text-align: center; margin-top: 15px; font-size: .95em; line-height: 1em } #footer-brands{ display: none } #footer-cca, #footer-contact, #footer-social{ padding-top: 0; margin: 20px 0; overflow: hidden } #footer-logo{ display: none } .social-icons{ float: none; margin: 0 auto; display: inline } .menu-family, .l-menu{ position: absolute; top: 0; left: 0; width: 95%; background-color: #FFF; z-index: 2000; padding: 25px 20px 40px 20px; box-shadow: 10px 31px 30px 4px rgba(0,0,0, 0.3); display: none } .clas-men{ width: 100%; margin-top: 30px } .menu-family li, .l-menu li{ float: left; width: 50%; padding: 0 7px; margin-right: 0 } .l-menu li{ line-height: 36px; height: 37px; overflow: hidden } .l-menu li A{ border-bottom: 1px dashed #9f9f9f; display: block; padding: 0 !important; font-family: 'Montserrat', serif; letter-spacing: 0; font-weight: initial; font-size: 15px } .l-menu .categories-div ul{ padding: 0; overflow: hidden } .l-menu .container{ padding: 0 } .menu-family h3, .l-menu h3{ padding-left: 20px; text-transform: uppercase; margin-bottom: 20px !important; font-weight: bold; font-size: 16px } .l-menu h3{ padding-left: 0 } .categories-div li{ font-weight: 300 } .menu-family .container-brands-inter{ width: 100%; height: 36px; overflow: hidden } .cerrar-m, .cerrar-s{ position: absolute; right: 15px; top: 13px } .small-cart{ display: none } .responsive-menu, .responsive-search, .responsive-menu-cat, .responsive-menu-marcas, .responsive-cart{ display: block } .right-block-div-background{ margin: 0 -15px!important; margin-top: 15px!important } .send-layer, .bonos-alert{ margin-left: 0 } .btn-resp{ border: 1px solid #d8d8d8; color: #333; padding: 7px 6px 7px 10px; margin-bottom: 15px; background-color: #e6e1d6; width: 100%; position: relative } .btn-resp:after{ content: "\f107"; font-family: fontawesome; position: absolute; right: 5px; top: 5px; font-size: 1.1em } .container-file-item{ margin-top: 20px } .text-item-div{ clear: both; float: none; width: 100%; margin-top: 10px; margin-left: 0; padding-top: 10px } .ref-div{ margin-bottom: 10px } .right-menu-personal-options{ display: none } .add-cart-div{ padding: 5px 10px } .container-images-expand-file{ margin-left: 0 } .container-file-item{ padding: 10px 0 0 } .label-div{ text-align: left } .middle-form{ margin-bottom: 15px } .responsive-ruta{ display: block } .title-news{ height: auto!important } .filtros-productos{	top: 0; padding-top: 30px; position: fixed; z-index: 2100 } .close-fil{ top: 30px } } @media only screen and (min-width: 992px) { .oculto-escritorio{ display: none } .categories-div li:hover UL{ display: block } .conf-ped{ text-align: right } .name-item-div{ height: 50px } .pd-related{ padding: 20px 7px 20px 7px } .small-note{ min-height: 430px } .center-block-div, .center-block-transparent-div{ min-height: 700px } .tab, .lounge-tab{ min-height: 40px; line-height: 40px } .contenedor-noticias{ padding: 0 20px 20px 20px } .list-news-layer{ padding-left: 30px } .css-white{ padding-right: 25px; padding-left: 25px  } .obli-field{ width: 40% } .secondary-image-div{ width: 25% } .title-news{ height: 122px; max-height: 100px } .contenedor-noticias .news-section{ min-height: 460px } .container-pp-news{ margin-top: 20px } .archive, .recent-news, .bloque-facebook{ margin-top: 50px } .center-block-transparent-div blockquote{ margin-left: 10px; margin-top: 30px } blockquote ul{ padding-left: 20px } .reg-cont .form-div{ max-width: 50%; margin: 0 auto; margin-bottom: 15px } .subtotal-div{ line-height: 40px; height: 40px } .cab-sec h2{ margin-bottom: 30px; font-size: 20px } .name-item-div, .name-item-div h1, .name-item-div h2 { font-size: 15px; line-height: 19px } .cab-sec{ padding-left: 15px } .preferencia-privacidad{ min-height: 450px } .save-pref{ right: 0 } .texto-cookies .col-md-3{ padding: 20px 0 } #cookies{ padding: 10px 0 } #cookies .col-md-9{ padding-top: 25px } #cookies .style-button{ width: 49%; float: left } #cookies button{ width: 100% !important } #cookies .opciones-cookies{  width: 49%; float: left; margin-right: 5px  } .ruta{ margin-bottom: 30px } #footer-logo{ padding-top: 20px } .container-brands-inter{ overflow: hidden; max-height:35px } .filtros-productos{	top: 40px; padding-top: 20px } } @media only screen and (min-width: 1734px) { .filtros-productos{ display: block } } @media only screen and (min-width: 769px) and (max-width: 991px) { .pay-safe{ width: 100% } .pay-safe IMG{ margin: 0 auto } .text-copy{ margin-top: 20px } .name-item-div{ height: 63px } }