@charset "utf-8"; .display-none { display: none !important; } /* Desktop only */ @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; } } /* Tablet */ @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; } .input-buscador, #submit-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; } #zona2 { } #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; } .celda-listado-productos img { } #prfo-sesion { margin: 0!important; } .input-form-grnal { } .form-gnral { width: 100%!important; } /*Acceso usuarios*/ #acceso-usuarios { width: 100%!important; position: fixed; top: 40px; margin: 0!important; height: 100%; display: none; border-left: 0px solid!important; border-right: 0px solid!important; border-bottom: 0px 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; } /*Tipografías*/ body, p:not(#prfo-nav), .colpie2 p, .colpie3 p, .colpie4 p { font-size: 13px!important; line-height: 1.5!important; } #pie-datos, a.menuprodhor-li1, a.menuprodhor-li2, a.menuprodhor-li3, #acceso-usuarios, .label-usuarios, #submit-usuarios, #sesion-iniciada, #prfo-sesion, a.nivel2:link, a.nivel2:active, a.nivel2:visited, a.nivel3:link, a.nivel3:active, a.nivel3:visited, a.opciones-carrito:link, a.opciones-carrito:hover, a.opciones-carrito:active, a.opciones-carrito:visited, .nota-envio, #carrito-conf-cliente, #carrito-conf-empresa, .nota-carrito, .input-form-grnal, .textarea-form-grnal, .form-cajaselect, .label-checks, #prfo-buscador, a#busc-avanzado:link, a#busc-avanzado:active, a#busc-avanzado:visited, .prfo-filtro, .label-filtro, .label-paginacion, a.menucorp-li1, a.menucorp-li2, a.menucorp-li3, a.menuprodhor-li2, a.menuprodhor-li3, a.lgtext:link, a.lgtext:active, a.lgtext:visited, a.redtext:link, a.redtext:active, a.redtext:visited, #prfo-nav a, a.nav:link, a.nav:active, a.nav:visited, .resumen-producto, .lista-especificaciones, a.comprar:link, a.comprar:hover, a.comprar:active, a.comprar:visited, .prfo-comparar, .comp-lista, .input-buscador, .goog-te-gadget-simple .goog-te-menu-value span { font-size: 13px!important; } .prfo-paginacion { font-size: 12px!important; } #lista-idiomas { display: none } .lista-publicidad { 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-telefono, .pie-email { 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*/ .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 galería*/ #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; } /* MODO MANTENIMIENTO */ .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); } #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 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^="nivel"] + ul.hidden, #responsive-menu a[class^="menuprodhor-li"] + ul.hidden { display: none!important; } #responsive-menu a[class^="nivel"] + ul.visible, #responsive-menu a[class^="menuprodhor-li"] + ul.visible { display: block!important; } /* @alejandro Carrito */ .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; } } /* Mobile */ @media screen and (max-width:640px) { [class^="button-"], [class*="button-"], [class^="button-"]:link, [class*="button-"]:link, [class^="button-"]:hover, [class*="button-"]:hover, [class^="button-"]:active, [class*="button-"]:active, [class^="button-"]:visited, [class*="button-"]:visited { margin: 0; margin-bottom: 5px!important; width: 100%; } [class^="button-"].small, [class*="button-"].small, [class^="button-"].small:link, [class*="button-"].small:link, [class^="button-"].small:hover, [class*="button-"].small:hover, [class^="button-"].small:active, [class*="button-"].small:active, [class^="button-"].small:visited, [class*="button-"].small:visited, [class^="button-"].secondary, [class*="button-"].secondary, [class^="button-"].secondary:link, [class*="button-"].secondary:link, [class^="button-"].secondary:hover, [class*="button-"].secondary:hover, [class^="button-"].secondary:active, [class*="button-"].secondary:active, [class^="button-"].secondary:visited, [class*="button-"].secondary: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%; } .smartphone-hide, .col-xs-hidden { display: none!important; } #cont-filtro-pag .button-a, #cont-filtro-pag .button-c { width: auto; min-width:0; } div#resultadoCupon .tabla-carrito, .tabla-carrito.facturacion { 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 label, .form-gnral.form-registro .input-form-grnal { 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 h2, .celda-noticias .resumen { height: auto; } .detalle-noticias > .col-8 { padding-top: 0; } #lista-redes li { float: left; } }