/*/////////////////////////////////////////////////////////*/ /*////////////////////// COLORES /////////////////////////*/ /*///////////////////////////////////////////////////////*/ /*///////////////////////// GAMA //////////////////////////*/ :root { } /*///////////////////////// ELEMENTOS ESTRUCTURALES //////////////////////////*/ /************************ FONDOS ***************************/ /*Fondo de la página*/ body { background-color: rgb(232, 236, 240); } /*Contenedor principal*/ #base1024 { background-color: rgba(0, 0, 0, 0); } /*Cabecera*/ #baseCabecera { } #cabecera { background-color: background-color: rgba(0,0,0,0); } /*Pie*/ #pie { background-color: rgb(0, 151, 223); } /*Contenedor secundario*/ #base { background-color: background-color: rgba(0,0,0,0); } /*Izquierda*/ #izda { background-color: background-color: rgba(0,0,0,0); } /*Centro*/ #contenido { background-color: background-color: rgba(0,0,0,0); } /*Derecha*/ #derecha{ background-color: background-color: rgba(0,0,0,0); } /*Fondo de formularios, de la seccion 'buscador avanzado', de los filtros centrales, del paginador en listados de productos, de los precios y, en general, otros fondos accesorios */ fieldset,div.cajaBuscadorProductosAvanzadoHome, div.filtrosPrincipales, div.filtrosDinamicos, table.visualizacion td.muestra, table.gama th, table.gama_arbol th, #navePestanyas ul, #divDropshipping, div.filtro, .filaComentarios, li.bloquePrecio, .contentstyle .ficha div.precio, #configurador h5, div.precio, .presioProducto > div { background-color: rgb(255, 255, 255); } /*Fondo datos de facturacion (mis datos) */ #datosDireccionFacturacion { background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); } /*///////////////////// TEXTOS COMUNES //////////////////////////*/ /*Texto general*/ body, .descripcionListado, .resumenProducto p, address, .cajaCompra02, .formCompra label, .cajaCompra01, .tablaCesta tfoot td strong, .miniTexto, .cajaCompra01 p, .tablaCesta .numeroBig, .tablaCesta td, .fecha, input.css-checkbox[type="radio"] + label.labelradio, td.datosProducto .referencia, td.datosProducto .codigo_barras, td.datosProducto ul li, table.tablaCesta tr.importeTotalaPagar td span.importe_Total, ul.descargas li span.descripcion, .datosCliente, .otrosdatosCliente, #listaProveedores a, #fichaProveedor td, li.bloquePrecio, .contentstyle .ficha div.precio, p.rastroMigas, p.rastroMigas a, .tit_total, .iva { color:rgb(132, 143, 152); } /*Texto destacado*/ .celdaProducto strong, .rastroMigas strong, table.visualizacion td.muestra span strong, .otrosdatosCliente strong, div.datosPresentacion dt, #fichaProveedor strong, div.opinion div.usuario > strong, li.bloquePrecio span.precioPrincipal, a.textosProducto:link, a.textosProducto:visited, div.precioPrincipal, #precio2 strong, #configurador h5, .pvpTotal, .autor > strong, .tags > strong, .financiacion strong, .enfasiscolor, ._carrusel_informes p strong, div.megaeditor strong { color:rgb(22, 22, 22); } /*Titulos general*/ #contenido h1, .contenedor h1, #contenido h2, .contenedor h2, #contenido h3, #contenido .seccion, table.ficha h4, table.ficha .paddingBottom h4, .resumenProducto .lnkProducto01 h4, div.resumenProducto .listado h4, .opinion strong, .tituloListado, .tituloComunicado, table.resumenProducto td h4, #contenido #bloque.bloqueBlog h4, #bloque.bloqueBlog #listaBlog li h4 a, #comentar_comunicado_div h5.subtitulo, div.noticias #enviar_amigo_div h5.subtitulo, h5.subtitulo, table.ficha h6, td.datosProducto .nombreProducto, #paso03 .cajaFormaPago h3 label, #contenido #paso03 h3, #contenido #paso01 h4, .nombreCliente, .sector, table.gama th, table.ficha h6, .datosProducto h6, h3 a.titular_novedades_ofertas, div.cajasIzda h3, .cajaBuscador h3, .cajaBuscadorProductosAvanzado h3, dl.camposDinamicos dt, #configurador h4 { color:rgb(80, 90, 99); } /*Texto seleccionado*/ /*Texto general*/ h2#descripcion { color:rgb(132, 143, 152); } /************************ ENLACES NORMALES ***************************/ /*Enlaces general*/ a, #titLoginTop a.lnkCerrar, #cabecera #menuTop a, #bloque #listaBlog li a:link, #bloque #listaBlog li a:visited, a.textosProducto:hover, #cabecera_compartir_enlace a:hover, #capaLoginTop.activo div#formLoginTop ul.enlace li a:hover { color:rgb(0, 144, 218); } div.navePestanyas ul > li > a.activo, div.navePestanyas ul > li > a.activo:hover, [class^="cabecera_carrusel_productos_"] li.selected a { border-color: rgb(0, 144, 218); } .bx-wrapper .bx-pager.bx-default-pager a.active, .swiper-pagination-bullet-active { background-color: rgb(0, 144, 218); } #centro #contenido table.tablaNavegaCompra a.lnkSiguiente:link, #centro #contenido table.tablaNavegaCompra a.lnkSiguiente, #bloque #listaBlog li a:hover { color:rgb(0, 144, 218); } #centro #contenido table.tablaNavegaCompra a.lnkAnterior:link, #centro #contenido table.tablaNavegaCompra a.lnkAnterior{ color:rgb(0, 144, 218); } /*Enlaces general OVER*/ a:hover, #titLoginTop a.lnkCerrar:hover, #cabecera #menuTop a:hover { color:rgb(255, 23, 31); } #centro #contenido table.tablaNavegaCompra a.lnkAnterior:hover, #centro #contenido table.tablaNavegaCompra a.lnkSiguiente:hover{ color:rgb(255, 23, 31); text-decoration:underline; } /*Boton Ir arriba*/ .scrollup{ } /************************ ENLACES TIPO ETIQUETA ***************************/ .familiasRelacionadas a, .nube_tags > a { color: rgb(132, 143, 152); background-color: rgb(255, 255, 255); } .familiasRelacionadas a:hover, .nube_tags > a:hover { color: rgb(255, 255, 255); background-color: rgb(1, 122, 195); } /*///////////////////// ELEMENTOS COMUNES //////////////////////////*/ /************************ AVISO INICIAL ***************************/ .texto_pie_auxiliar { color: rgba(0,0,0,0); background-color: rgba(0,0,0,0); border-color: rgba(0,0,0,0); } #texto_pie_auxiliar a { color: rgba(0,0,0,0); } /************************ AVISO COOKIES ***************************/ .bloquear_entorno { } .aviso_cookies #informacion_cookies, .aviso_cookies #mas_informacion_cookies { } .aviso_cookies .contenido_cookies { } #mas_informacion_cookies h2, #informacion_cookies h2 { } #aviso_cookies button.botonPrincipal { } #aviso_cookies button.botonPrincipal:hover { } #aviso_cookies a { } #aviso_cookies a:hover { } /************************ FANCYS ***************************/ #jquery_background, #jquery-overlay, .fancybox-overlay, .bloquear_entorno { } #jquery_alert { } #solicitar_info_div h3, #enviar_amigo_div h3, #valorar_producto_div h3, #solicitar_aviso_stock_div h3, #comentar_comunicado_div h3, #nuevoProducto > div { } /************************ CARRUSELES DE PRODUCTOS***************************/ /*Elementos de navegacion*/ .bx-prev, .bx-next { } .bx-prev:hover, .bx-next:hover, .bx-prev:active, .bx-next:active { } .bx-wrapper .bx-pager.bx-default-pager a { } .bx-wrapper .bx-pager.bx-default-pager a:hover { } .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus { } /*Pestanyas*/ [class^="cabecera_carrusel_productos_"] { } [class^="cabecera_carrusel_productos_"] li a { } [class^="cabecera_carrusel_productos_"] li a:hover { } [class^="cabecera_carrusel_productos_"] li.selected a { } /************************ CARRUSEL DE BANNERS ***************************/ .contenedor-responsive > iframe { background-color: background-color: rgba(0,0,0,0); } /*Menu superior*/ #menuTop { } /*Titulo buscador*/ .cajaBuscador h3, .cajaBuscadorProductosAvanzado h3 { background-color: background-color: rgba(0,0,0,0); } /*Fondo buscador*/ .cajaBuscador form, .cajaBuscadorProductosAvanzado form { background-color: background-color: rgba(0,0,0,0); padding: 10px; margin:0; } /*label buscador*/ div.buscadorAvanzado label, div.buscadorAvanzadoHomeLeft label, div.buscadorAvanzadoHomeRight label, .cajaPVP .camposformHomePequenyo, #div_buscador_clientes > label { color: background-color: rgba(0,0,0,0); } .buscadorAvanzado .camposformHomeMediano, div.cajaBuscador input.camposformHomeMediano, .cajaBuscadorProductosAvanzado input, .cajaBuscadorProductosAvanzado select, #div_buscador_clientes select { background-color: background-color: rgba(0,0,0,0); border-color: background-color: rgba(0,0,0,0); color: background-color: rgba(0,0,0,0); } /*Titulo catalogo*/ div.cajasIzda h3.tituloCatalogo { background-color: background-color: rgba(0,0,0,0); } /*Fondo catalogo*/ div.cajasIzda .menu { background-color: background-color: rgba(0,0,0,0); } /*Titulo contenedor*/ .cajaBuscador h3, .cajaBuscadorProductosAvanzado h3, .cajaBuscadorProductosAvanzadoHome h3, div.cajasIzda h3 { background-color: background-color: rgba(0,0,0,0); } /*Fondo contenedor*/ div.cajasIzda { background-color: background-color: rgba(0,0,0,0); } /*Separadores*/ #izda, #derecha, #pie { } #pie { } /*Bullets contenedores*/ div.cajasIzda .icoh2_izda { } /************************ TITULO h1 ***************************/ /* H1*/ #contenido h1, .contenedor h1 { color: rgb(80, 90, 99); } /*Fondo y borde títulos H1*/ #contenido h1 { background-color: background-color: rgba(0,0,0,0); margin-bottom: 10px; padding-left: 10px; padding-right: 10px; border-bottom:1px solid background-color: rgba(0,0,0,0); } /************************ TITULO h2 ***************************/ /* H2*/ #contenido h2, .contenedor h2 { color: rgb(80, 90, 99); } /*Fondo y borde títulos H2*/ #contenido h2 { background-color: background-color: rgba(0,0,0,0); margin-bottom: 10px; padding-left: 10px; padding-right: 10px; border-bottom:1px solid background-color: rgba(0,0,0,0); } /************************ TITULO h3 ***************************/ /* H3*/ #contenido h3 { color: rgb(80, 90, 99); } /*Fondo y borde títulos H3*/ #contenido h3 { background-color: background-color: rgba(0,0,0,0); margin-bottom: 7px; padding-left: 10px; padding-right: 10px; border-bottom:1px solid background-color: rgba(0,0,0,0); } /************************ TITULO SECCION ***************************/ /*seccion*/ #contenido .seccion { color: background-color: rgba(0,0,0,0); } /*Fondo y borde títulos seccion*/ #contenido .seccion { background-color: background-color: rgba(0,0,0,0); margin-bottom: 7px; padding-left: 10px; padding-right: 10px; border-bottom:1px solid background-color: rgba(0,0,0,0); margin-bottom: 7px; } /*Bullets titulos*/ .bullet_h2, .bullet_h3, .bullet_seccion { } #centro #contenido a.lnkBotonRojo:link, #centro #contenido a.lnkBotonRojo { } #paso05 h3#paso5_h3 { } div.campoCodigo input.boton { } /*Enlace comprar*/ a.botonComprar:link, a.botonComprar:visited, .botonVer > a:link, .botonVer > a:visited { background-color: background-color: rgba(0,0,0,0); color: background-color: rgba(0,0,0,0) !important; } /*Enlace comprar OVER*/ a.botonComprar:hover, .botonVer > a:hover { background-color: background-color: rgba(0,0,0,0); color: background-color: rgba(0,0,0,0) !important; } /*Enlace reserva*/ a.botonReservar:link, a.botonReservar:visited { background-color: rgb(219, 224, 230); color: rgb(150, 160, 170); } /*Enlace reserva OVER*/ a.botonReservar:hover { background-color: rgb(77, 92, 103); color: rgb(255, 255, 255); } /************************ CONTENIDOS ADICIONALES EN FICHA DE PRODUCTO ***************************/ div.navePestanyas a { } div.navePestanyas a:hover { } div.navePestanyas a.activo, div.navePestanyas a.activo:hover { } /************************ FICHA DE PRODUCTO ***************************/ /*Referencia*/ div.datosFicha p.referencia { } /*Nombre*/ #contenido h1#nombreProducto { } /*Descripcion*/ #contenido h2#descripcion { } ////////////* Bloque tallas y colores */////////// div.modelo { } .aviso_talla_agotada { } div.variaciones div { } div.variaciones a { } div.variaciones a:hover, div.variaciones a.activo:hover, div#color.variaciones div:hover, div.variaciones div.activo:hover, div#talla.variaciones div.imagen_talla_agotada.activo:hover, div#talla.variaciones div.imagen_talla_agotada:hover { } div.variaciones a.activo, div.variaciones div.activo, div#talla.variaciones div.imagen_talla_agotada.activo { } div#talla.variaciones div.imagen_talla_agotada { } div.variaciones div.activo, div#talla.variaciones div.imagen_talla_agotada.activo { } div.variaciones div:hover, div#color.variaciones div:hover, div.variaciones div.activo:hover, div#talla.variaciones div.imagen_talla_agotada.activo:hover, div#talla.variaciones div.imagen_talla_agotada:hover { } /*Bloque precios*/ #cuadroPrecio { } .ficha div.precioPrincipal strong { } /*Borde imagenes*/ #foto_principal { } div.noticias img, .fotoParrillaFicha div.recorte2, div.fotoParrilla a:link, div.fotoParrilla a { } div.noticias img, .fotoParrillaFicha div.recorte2:hover, div.fotoParrilla a:link, div.fotoParrilla a:visited { border-color: rgba(255, 255, 255, 0); } /*Botones herramientas*/ div.herramientas a { background-color: background-color: rgba(0,0,0,0); color: background-color: rgba(0,0,0,0); } div.herramientas a:hover { background-color: background-color: rgba(0,0,0,0); color: background-color: rgba(0,0,0,0); } /*///////////////////// PROCESO DE COMPRA //////////////////////////*/ /*///////////////////// MI CESTA //////////////////////////*/ /*Titulos principales*/ #paso01 h2#paso1_h2, #paso02 h2#paso2_h2, #paso03 h2#paso3_h2, #paso04 h2#paso4_h2, #paso05 h2#paso5_h2, #paso05 h3#paso5_h3 { } /*Textos tabla*/ table.tablaCesta.cestaPrincipal, table.tablaCesta.cestaPrincipal td, .tablaCesta.cestaPrincipal tfoot td strong, table.tablaCesta.cestaPrincipal tr.importeTotalaPagar td span.importe_Total, div.agencias input.css-checkbox[type="radio"] + label.labelradio, table.tablaCesta.cestaPrincipal label.labelcheck, a.producto span span, a.producto span span.nombreproductocesta, #datosVersionMovil, div.tablaCesta.cestaPrincipal_totales, div.importeTotalaPagar { color: rgb(132, 143, 152); } /*Fondo tabla*/ .tablaCesta td, .tablaResumen tbody td, td.filtro, table.ficha tr.filaComentarios, .tablaResumen tbody td, [id^="div_item_"], [id^="div_pendiente_"] { background-color: rgb(255, 255, 255); } /*Borde tabla*/ .tablaCesta td, .tablaResumen tbody td, [id^="div_item_"], [id^="div_pendiente_"] { border-color: rgb(219, 224, 230); } /*Fondo cabecera tabla*/ .tablaCesta th, .tablaForm td.celdaTitForm, .tablaResumen th, table.gama th { background-color: rgb(150, 160, 170); color: rgb(255, 255, 255); } /*Nombre producto*/ a.producto span span.nombreproductocesta { } /*Referencia producto*/ a.producto span span.referenciacesta { } /*Fondo destacado tabla*/ .tablaCesta .filaCalculos td, table.tablaCesta tr.importeTotal td { background-color: rgba(255, 255, 255, 0); } /*Fondo pie tabla*/ .tablaCesta tfoot td { color: background-color: rgba(0,0,0,0); } /*Campo cantidad y botones de auentar y reducir*/ .formCompra input.campoCantidad, .formListacompra input.campoCantidad { } .anyadir, .quitar { } .anyadir:hover, .quitar:hover { } /*Mensaje 'Logística gratis'*/ .tablaCesta tfoot td .cuadroLogistica { } .tablaCesta tfoot td .cuadroLogistica > strong { } /*Título fila 'Logística'*/ .tituloTarifa { color: background-color: rgba(0,0,0,0); } /*Fondo fila 'Logística'*/ div.logistica { background-color: rgb(232, 236, 240); } /*Textos fila 'Logística'*/ div.agencias input.css-checkbox[type="radio"] + label.labelradio, div.agencias input.css-checkbox[type="radio"] + label.labelradio, .tablaCesta tfoot td .labelradio > strong { color: rgb(77, 92, 103); } /*label 'Logística'*/ div.logistica label { } /*Campos 'Logística'*/ .formCompra div.logistica .calculoGastos select, .formCompra div.logistica .calculoGastos input[type="text"] { } /*Boton 'Logística'*/ table.tablaCesta div.logistica input.botonform { } table.tablaCesta div.logistica input.botonform:hover { } /*Fondo destacado de agencia en fila 'Logística'*/ .agenciaSeleccionada { background-color: rgb(219, 224, 230); } /*Texto destacado de agencia en fila 'Logística'*/ div.agencias .agenciaSeleccionada input.css-checkbox[type="radio"] + label.labelradio { } /*Caja de agencia en fila 'Logística'*/ .agencias { } .nombreAgencia { } /*Textos filas totales*/ .importeTotal.importeSubTotal td, .tablaCesta .filaCalculos td, table.tablaCesta tr.importeTotalaPagar td, table.tablaCesta tfoot tr.importeTotalaPagar td span.importe_Total, div.importeTotalaPagar .precio03, table.tablaCesta tfoot tr.importeTotalaPagar td { } /*Precios columna 'Total'*/ .tablaCesta td.precio02, .tablaCesta tfoot .precio02, table.tablaCesta tfoot tr.importeTotalaPagar td span.importe_Total, #datosVersionMovil .precio02, .importeTotal.importeSubTotal > div:last-child, div.filaCalculos .precio02, div.precio02.importe_Dropshipping, div.importeTotalaPagar .precio03 { color: rgb(150, 160, 170); } /*Importe total*/ table.tablaCesta tfoot tr.importeTotalaPagar td span.importe_Total, div.importeTotalaPagar .precio03, table.tablaCesta tfoot tr.importeTotalaPagar td { color: rgb(84, 93, 100); } /*Boton 'Volver'*/ .procesoCompra a.lnkBotonRojo:link, .procesoCompra a.lnkBotonRojo { } /*Boton 'Volver' (over)*/ .procesoCompra a.lnkBotonRojo:hover { } /*///////////////////// MIS DATOS (PASO 1) //////////////////////////*/ /*Bloques de formularios*/ #paso02 .cajaCompra01, #paso02 .cajaCompra02 { } /*Subtitulos*/ #contenido .cajaCompra01 > h3, #contenido .cajaCompra02 > h3 { } /*Texto parrafos*/ .cajaCompra01 p, .cajaCompra02 p { } /*Bloque 'Ya tengo cuenta'*/ #paso02 .cajaCompra01 { } /*Subtitulos*/ #contenido .cajaCompra01 > h3 { } /*Texto parrafos*/ .cajaCompra01 p { } /*Bloque 'No tengo cuenta'*/ #paso02 .cajaCompra02 { } /*Subtitulos*/ #contenido .cajaCompra02 > h3 { } /*Texto parrafos*/ .cajaCompra02 p { } /*Bloque 'Mis datos' (autenticado)*/ #paso02 .cajaCompra02.unaColumnaLogeado { } /*Titulos formularios*/ .celdaTitForm { } /*label formularios*/ .tablaForm td, #paso02 label.labelcheck, #paso02 label.labelradio, .recibir_newsletter, .cajaCompra01 label { } /*campos formularios*/ #paso02 .formCompra input:not([type="button"]), #paso02 .formCompra textarea, #paso02 .formCompra select { } /*Botón 'ENTRAR'*/ #paso02 .cajaCompra01 input.botonform { } #paso02 .cajaCompra01 input.botonform:hover { } /*Fondos*/ #datosDireccionFacturacion { } #divDropshipping { } /*///////////////////// FORMA DE PAGO (PASO 2) //////////////////////////*/ /*Titulo cesta resumen*/ #paso03 #contenido h4 { } /*Titulos*/ #paso03 .cajaFormaPago h3 label.labelradio, #contenido #paso03 h3, #paso03 .cajaFormaPago label.labelradio { } /*Texto parrafos*/ #paso03 .cajaFormaPago p { } /*Bloque*/ #paso03 .cajaFormaPago { } /*///////////////////// RESUMEN (PASO 3) //////////////////////////*/ /*Titulos*/ #contenido #paso04 h3 { } /*Texto parrafos*/ div.cajaResumen { } /*Textos destacados*/ #contenido #paso04 h4, #paso04 .cajaResumen table.tablaDatosPersonales strong, #paso04 .cajaResumen table.tablaDatosPersonales th, div.infoSaldoGenerado strong { } /*Bloque*/ #paso03 .cajaFormaPago { } /*///////////////////// PASO FINAL //////////////////////////*/ /*Bloque*/ div.cajaFinal { } /*Titulos*/ .cajaFinal > p, #identificadorPedido, #identificadorPedido span.destacado { } /*Bloque 'Identificador de pedido'*/ #identificadorPedido { } #identificadorPedido span.destacado { } /*Form titulo*/ legend { color: rgb(22, 22, 22); } /*Fondo de formularios centrales */ fieldset { background-color: background-color: rgba(0,0,0,0); } /*label*/ label, input[type="radio"].css-checkbox + label.labelradio, input[type="radio"].css-checkbox:checked + label.labelradio, #datosIdentificacion td, #datosDireccionFacturacion td, #datosFacturacion td, #table_dir_envio td, #paso03 .cajaFormaPago h3 label.labelradio, #paso03 .cajaFormaPago label.labelradio { color: rgb(132, 143, 152); } /*Texto interior, fondo y borde, en campos de texto*/ input, select, input.campoTexto, div#contenido form select, div#contenido form textarea, div.cajaBuscador input, div.cajaBuscadorProductosAvanzado input, input.camposformHome, .formCompra input:focus, div.formulario input, div.formulario textarea, textarea, div#buscadorTop form input.camposformHomeMediano, input.camposformHomePequenyo, select.camposformHome, #formLoginTop input.campoLT, select, textarea, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"] { color: rgb(80, 90, 99); background-color: rgb(255, 255, 255); border-color: rgb(218, 222, 227); } /* Borde parrilla marcas */ .contenedor-marcas, .capa-logo { border-color: background-color: rgba(0,0,0,0); } /* Texto parrilla marcas */ .capa-logo a { background-color: background-color: rgba(0,0,0,0); color: background-color: rgba(0,0,0,0); } .capa-logo a:hover { background-color: background-color: rgba(0,0,0,0); color: background-color: rgba(0,0,0,0); } table.ficha .celdaDescripcion, table.ficha td.opinion { border-top-color: background-color: rgba(0,0,0,0); } table.ficha tr.filaComentarios { background-color: background-color: rgba(0,0,0,0); } /*Botón ampliar*/ a.lnkMas { } /*Botón sobre ampliar*/ a.lnkMas:hover { } /* Fondo código promocional */ #codigoPromocional { } /* Fondo código club */ #codigoClub { } /* Calendario */ table#calendario td.finde { background-color: background-color: rgba(0,0,0,0); } table#calendario td.evento { background-color: background-color: rgba(0,0,0,0); } /*///////////////////// CABECERA //////////////////////////*/ /***************** Menú auxiliar **********************/ #menuTop ul { background-color: background-color: rgba(0,0,0,0); padding: 5px 10px; border-bottom:1px solid background-color: rgba(0,0,0,0); } /*Enlace top*/ #cabecera #menuTop a { color:background-color: rgba(0,0,0,0); } /*Enlace top OVER*/ #cabecera #menuTop a:hover { color:background-color: rgba(0,0,0,0); } /***************** Usuarios registrados **********************/ #capaLoginTop { } #titLoginTop a#atitLoginTop { } #titLoginTop a#atitLoginTop:hover { } #formLoginTop a { } #formLoginTop a:hover { } #formLoginTop label { } #formLoginTop input.campoLT { } #formLoginTop .boton-capalogin input.boton { } #formLoginTop .boton-capalogin input.boton:hover { } /***************** Cesta de la compra **********************/ /* Info y acceso usuario */ #user { } #botones a { } #botones a:hover { } /* Cesta de la compra */ #cesta a { color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0); } /* Cesta de la compra (over) */ #cesta a:hover { color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0); } /* Fondo cesta */ #cestaTop { } /* Fondo cesta (activo) */ #cestaTop.activo { background-color: background-color: rgba(0,0,0,0); } /* Cesta de la compra (activo) */ #cestaTop #cesta.activo > a, #cestaTop #cesta.activo, #cestaTop.activo #cesta a, #cestaTop.activo #cesta a:hover, #cestaTop.activo #cesta a { color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0); } /*Botón cesta*/ .botonRevisarCesta { background-color: background-color: rgba(0,0,0,0); } /*///////////////////// CONTENIDO COLUMNAS //////////////////////////*/ /********************** FIltro lateral *************************/ /*Titulo modulo*/ div.cajasIzda.filtroProductos h3.tituloCatalogo { } /*Fondo modulo*/ .basefiltros, .botones_filtros_laterales { } /*Divisorias entre módulos*/ #izda .conjuntofiltro { } /*Textos modulo*/ div.cajasIzda ul.listaFiltro li label a { } div.cajasIzda ul.listaFiltro li label a:hover { } /*Titulo filtros*/ .tituloFiltro > a { } .tituloFiltro > a:hover { } /*Filtro Rango de precio*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { } .ui-widget-header { } .ui-widget-content { } .ui-widget-content { } /*Filtro TALLAS*/ div.cajasIzda ul#ul_filtrado_tallas.listaFiltro li label a { } #ul_filtrado_tallas label { } div.cajasIzda ul#ul_filtrado_tallas.listaFiltro li label a:hover { } #ul_filtrado_tallas label:hover { } #ul_filtrado_tallas input.css-checkbox[type="checkbox"]:checked + label.labelcheck { } #ul_filtrado_tallas input.css-checkbox[type="checkbox"]:checked + label.labelcheck a { } /*Filtro COLORES*/ #ul_filtrado_colores label { } #ul_filtrado_colores label:hover { } #ul_filtrado_colores input[type="checkbox"].css-checkbox:checked + label.labelcheck { } /*Boton RESET*/ #botonResetFiltrar { } #botonResetFiltrar:hover { } /*Boton FILTRAR*/ #botonFiltrar { } #botonFiltrar:hover { } /*///////////////////// CONTENIDO CENTRAL //////////////////////////*/ /********************** Buscador *************************/ div#buscadorTop { } div#buscadorTop form input.camposformHomeMediano { color: rgb(22, 22, 22); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); } /********************** Autocompletar *************************/ .ac_results { background-color: background-color: rgba(0,0,0,0); border-color: background-color: rgba(0,0,0,0); color: background-color: rgba(0,0,0,0); } .ac_odd { background-color: background-color: rgba(0,0,0,0); } .ac_over { background-color: background-color: rgba(0,0,0,0); color: background-color: rgba(0,0,0,0); } /************************* Rastro de migas *****************************/ /*Texto migas*/ p.rastroMigas, p.rastroMigas a, p.rastroMigas a:link, p.rastroMigas a:visited { color:rgb(132, 143, 152); } p.rastroMigas { background-color: background-color: rgba(0,0,0,0); padding: 5px 10px; border-bottom: 1px solid background-color: rgba(0,0,0,0); } #centro p.rastroMigas a:hover { color:rgb(0, 122, 194); } .rastroMigas strong, .rastroMigas span a span { color:rgb(0, 122, 194); } /*Rastro de migas resultados*/ .MigasResultado { color:rgb(0, 144, 218); } /************************* Iconos para compartir url *****************************/ a .fa.fa-facebook-f { } a:hover .fa.fa-facebook-f { } a .fa.fa-twitter { } a:hover .fa.fa-twitter { } a .fa.fa-pinterest { } a:hover .fa.fa-pinterest { } a .fa.fa-copy { } a:hover .fa.fa-copy { } /*///////////////////// LISTADO PRODUCTOS //////////////////////////*/ /************************* Parrilla de familias *****************************/ /* Fondo parrilla familias */ table.tablaCategorias { background-color: background-color: rgba(0,0,0,0); } /* Título parrilla familias */ table.gama th { background-color: background-color: rgba(0,0,0,0); color: background-color: rgba(0,0,0,0); } /* Borde parrilla familias */ table.tablaCategorias td { border-color: background-color: rgba(0,0,0,0); } /* Texto enlace */ .tablaCategorias a.textoParrilla, .tablaCategorias a.textoParrilla02 { background-color: background-color: rgba(0,0,0,0); color: background-color: rgba(0,0,0,0); } /* Texto enlace (hover) */ .tablaCategorias a:hover.textoParrilla, .tablaCategorias a:hover.textoParrilla02 { background-color: background-color: rgba(0,0,0,0); color: background-color: rgba(0,0,0,0); } /* Filtro abecerdario */ .contenedor_abecedario div { } .contenedor_abecedario div:hover { } .show_letra.activa, .contenedor_abecedario div.show_letra.activa:hover { } /************************* Paginador *****************************/ div.filtrosPrincipales { background-color: background-color: rgba(0,0,0,0); border-bottom:1px solid background-color: rgba(0,0,0,0); border-top:1px solid background-color: rgba(0,0,0,0); } table.visualizacion td.muestra { background-color: background-color: rgba(0,0,0,0); color: background-color: rgba(0,0,0,0); } table.visualizacion td.muestra span strong { color: background-color: rgba(0,0,0,0); } table.visualizacion td.muestra { border-bottom:1px solid background-color: rgba(0,0,0,0); border-top:1px solid background-color: rgba(0,0,0,0); } /************************* Estados de producto *****************************/ /*En stock*/ .disponible { } /*Agotado*/ .agotado { } /*En reposicion*/ .en_reposicion { } /*En liquidacion*/ .parcialmentedisponible { } /************************* Texto OFERTA sobre la imagen *****************************/ .sticky_oferta { } /************************* % Descuento sobre la imagen *****************************/ .sticky_descuento { } /************************* Icono LISTA DE DESEOS sobre la imagen *****************************/ .sticky_wish { } /************************* Bloque de precios *****************************/ /*Textos bloque*/ li.bloquePrecio, ul.filas li.bloquePrecio, ul.columnas li.bloquePrecio, li.bloquePrecio span.precioPrincipal, .ficha div.precio, .ficha div.precio strong, .precio01 p, .pvpTotal, .tit_total, .iva, .contentstyle .ficha div.precio { color:background-color: rgba(0,0,0,0); } /*Precio principal*/ li.bloquePrecio span.precioPrincipal, div.precioPrincipal, .ficha div.precioPrincipal strong, .pvpTotal { color:rgb(80, 90, 99); } /*Fondo bloque*/ li.bloquePrecio, ul.filas li.bloquePrecio, ul.columnas li.bloquePrecio, .contentstyle .ficha div.precio, .presioProducto > div { background-color: rgba(255, 255, 255, 0); border-top: 1px solid rgba(255, 255, 255, 0); border-bottom: 1px solid rgba(255, 255, 255, 0); } /*Textos bloque oferta*/ li.precioOferta, ul.filas li.precioOferta, ul.columnas li.precioOferta, li.precioOferta span.precioPrincipal, .ficha div.precioOferta, .ficha div.precioOferta strong, .contentstyle .ficha div.precio.precioOferta { color: background-color: rgba(0,0,0,0); } /*Precio oferta principal*/ li.bloquePrecio.precioOferta span.precioPrincipal, .ficha .precio.precioOferta div.precioPrincipal strong { color:background-color: rgba(0,0,0,0); } /*Fondo bloque oferta*/ li.precioOferta, ul.filas li.precioOferta, ul.columnas li.precioOferta, .ficha div.precioOferta { background-color: background-color: rgba(0,0,0,0); } /* Porcentaje precio anterior */ .porcentaje_precio_anterior, li.bloquePrecio span.porcentaje_precio_anterior { background-color: background-color: rgba(0,0,0,0); color: background-color: rgba(0,0,0,0); } /************************* Cantidad *****************************/ /* Campo cantidad */ .decrement-unit, .increment-unit, input.campoCantidadListado, input.campoCantidadFicha { } /* Botones para aumentar o reducir cantidad */ .decrement-unit, .increment-unit { } .decrement-unit:hover, .increment-unit:hover { } /* Texto unidades */ form.cantidadListado span, form.cantidad span { } /************************* Cantidad (en ficha) *****************************/ /* Campo cantidad */ .capaCompra .decrement-unit, .capaCompra .increment-unit, input.campoCantidadFicha { } /* Botones para aumentar o reducir cantidad */ .capaCompra .decrement-unit, .capaCompra .increment-unit, .datos_variacion .decrement-unit, .datos_variacion .increment-unit { } .capaCompra .decrement-unit:hover, .capaCompra .increment-unit:hover, .datos_variacion .decrement-unit:hover, .datos_variacion .increment-unit:hover { } /* Texto unidades */ form.cantidad span { } /*Fecha contenido*/ #bloque.fecha, .cajasIzda .bloque .bloque .feha, .fechaOpinion, .cajasIzda dl .feha { color:background-color: rgba(0,0,0,0); } .tablaCesta .precio02 { color:background-color: rgba(0,0,0,0); } .Envase, .Envase2 { color:background-color: rgba(0,0,0,0); } /*Precio destacado*/ table.tablaListaProductos01 .enfasis { color: background-color: rgba(0,0,0,0); } /* Precio club (Ficha producto) */ #divPreciosClub_Ficha { background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } /* Precio club (Listado productos) */ div.PreciosClub_Listado { background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } /*BOTONES*/ .cajaBuscador input.botonform, .cajaBuscadorProductosAvanzado input.botonform, .boton, .cajasIzda p.botones a.boton, .cajasIzda input.botonform, .botonRevisarCesta, .formCompra input.botonform, div.formulario input.boton, div.formulario input.boton02, #capaCesta .lnkRevisarCesta, #capaCesta .lnkRevisarCesta:hover, div#buscadorTop form input.botonform, .cajaBuscadorProductosAvanzadoHome input.botonform, div.filtroProductos input.botonform, #botonVerde a, ul.datosAcceso li .botonform, td.pagoRecibo .boton, #formLoginTop input.boton, .accesoUsuarios.bloque-registrate input.botonform, #centro #contenido div.tablaNavegaCompra a.lnkBotonVerde.destacado, #centro a.lnkBotonVerde.destacado, .botonVer > a { -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; color:rgb(255, 255, 255); background-color: rgb(0, 144, 218); } .cajaBuscador input.botonform:hover, .cajaBuscadorProductosAvanzado input.botonform:hover, .boton:hover, .cajasIzda p.botones a.boton:hover, .cajasIzda input.botonform:hover, .botonRevisarCesta:hover, .formCompra input.botonform:hover, div.formulario input.boton:hover, div.formulario input.boton02:hover, #capaCesta .lnkRevisarCesta:hover, #capaCesta .lnkRevisarCesta:hover, div#buscadorTop form input.botonform:hover, .cajaBuscadorProductosAvanzadoHome input.botonform:hover, div.filtroProductos input.botonform:hover, #botonVerde a:hover, ul.datosAcceso li .botonform:hover, td.pagoRecibo .boton:hover, #formLoginTop input.boton:hover, .accesoUsuarios.bloque-registrate input.botonform:hover, .botonVer > a:hover { -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; background-color: rgb(0, 122, 194); color: rgb(255, 255, 255); } .botonSeguir > a, .cajasIzda input.botonform.botonsecundario, #boton_buscar, .botonsecundario { } .botonSeguir > a:hover, .cajasIzda input.botonform.botonsecundario:hover, #boton_buscar:hover, .botonsecundario:hover { } /*Boton buscador*/ .cajaBuscador input.botonform, .cajaBuscadorProductosAvanzado input.botonform, .boton02, div.filtroProductos input.botonform, .botonesFiltrosCentro .botonform { background-color: background-color: rgba(0,0,0,0); color: background-color: rgba(0,0,0,0); } .cajaBuscador input.botonform:hover, .cajaBuscadorProductosAvanzado input.botonform:hover, .boton02, div.filtroProductos input.botonform:hover, .botonesFiltrosCentro .botonform:hover { background-color: background-color: rgba(0,0,0,0); color: background-color: rgba(0,0,0,0); } /*Boton buscador cabecera*/ div#buscadorTop form input.botonform { color: rgb(255, 255, 255); background-color: rgb(0, 144, 218); } div#buscadorTop form input.botonform:hover { color: rgb(255, 255, 255); background-color: rgb(0, 122, 194); } /*Boton 'Iniciar pedido'*/ #centro #contenido div.tablaNavegaCompra a.lnkBotonVerde.destacado, #centro #contenido a.lnkBotonVerde.destacado { background-color: background-color: rgba(0,0,0,0); color: background-color: rgba(0,0,0,0); } /*Boton 'Iniciar pedido' (over)*/ #centro #contenido div.tablaNavegaCompra a.lnkBotonVerde.destacado:hover, #centro #contenido a.lnkBotonVerde.destacado:hover { background-color: background-color: rgba(0,0,0,0); color: background-color: rgba(0,0,0,0); } /*Boton 'Revisar cesta'*/ #botonVerde a { background-color: background-color: rgba(0,0,0,0); color: background-color: rgba(0,0,0,0); } /*Boton 'Revisar cesta' (over)*/ #botonVerde a:hover { background-color: background-color: rgba(0,0,0,0); color: background-color: rgba(0,0,0,0); } /*Titulo contenedor - Titulo modulo*/ div.cajasIzda h3, .cajaBuscador h3, .cajaBuscadorProductosAvanzado h3 { color:background-color: rgba(0,0,0,0); } /*Texto titulo buscador*/ .cajaBuscador h3, .cajaBuscadorProductosAvanzado h3 { color:background-color: rgba(0,0,0,0); } /*Texto titulo catalogo*/ div.cajasIzda h3.tituloCatalogo { color:background-color: rgba(0,0,0,0); } /*Enlace catalogo*/ .menu a { color:background-color: rgba(0,0,0,0); } /*Enlace catalogo OVER*/ .menu a:hover { color:background-color: rgba(0,0,0,0); } .menu a.secundario:hover { color:background-color: rgba(0,0,0,0); } /*Enlace destacado*/ table.tablaListaProductos01 td.celdaProducto a { color:background-color: rgba(0,0,0,0); } /*Enlace destacado OVER*/ table.tablaListaProductos01 td.celdaProducto a:hover { color:background-color: rgba(0,0,0,0); } /*Enlace discreto */ .cajasIzda .bloque .bloque .titular, .cajasIzda dl .titular { color:background-color: rgba(0,0,0,0); } div.cajasIzda a.bloque:hover .titular { color:background-color: rgba(0,0,0,0); } div.cajasIzda a.bloque:hover { background-color:background-color: rgba(0,0,0,0); } #capaCesta .parafoProductos { color: background-color: rgba(0,0,0,0); } /*Enlace celda producto*/ a.fotoProducto:link, a.fotoProducto:visited { border-color: rgba(255, 255, 255, 0); } a.fotoProducto:hover { border-color: rgba(255, 255, 255, 0); } /*Enlace nombre producto*/ a.textosProducto:link, a.textosProducto:visited { color: rgb(80, 90, 99); } a.textosProducto:hover { color: rgb(0, 0, 0); } /*Contenedor al añadir a cesta y reservas*/ ul.estadoCompra li.conestado, div.estadoCompra { background-color: background-color: rgba(0,0,0,0); } ul.mini.estadoCompra, ul.columnas.estadoCompra, ul.filas.estadoCompra { border-color: background-color: rgba(0,0,0,0)!important; } ul.estadoReserva li.conestado, div.estadoReserva { background-color: background-color: rgba(0,0,0,0); } ul.mini.estadoReserva, ul.columnas.estadoReserva, ul.filas.estadoReserva { border-color: background-color: rgba(0,0,0,0)!important; } /* Pie */ address, #pie p.condiciones { color: rgb(255, 255, 255); } #pie a:link, #pie a:visited { color: rgba(0,0,0,0); } #pie a:hover { color: rgba(0,0,0,0); } table.textosCondiciones { } #pie p.condiciones { } #pie p.condiciones a:link, #pie p.condiciones a:visited { } #pie p.condiciones a:hover { } /*///////////////////// CARRUSEL //////////////////////////*/ /* Fondo carrusel */ .carrusel { background-color: background-color: rgba(0,0,0,0); } /* Fondo carrusel */ .textoSlide { background-color: background-color: rgba(0,0,0,0); } /* Fondo carrusel paginador */ .pagination { background-color: background-color: rgba(0,0,0,0); } /* texto carrusel */ .textoSlide a, .textoSlide h1, .textoSlide p { color: background-color: rgba(0,0,0,0); } /* Enlace paginador carrusel */ .pagination a, .pagination a:visited, .pagination a.selected { color: background-color: rgba(0,0,0,0); } /* Enlace (over) paginador carrusel */ .pagination a:hover, .pagination a.selected { background-color: background-color: rgba(0,0,0,0); } /*///////////////////// MENU CATALOGO //////////////////////////*/ /* 1 nivel (colores) */ .menu a.principal { background-color: background-color: rgba(0,0,0,0); border-bottom: 1px solid background-color: rgba(0,0,0,0); color: background-color: rgba(0,0,0,0); } .menu a.principal:hover { background-color: background-color: rgba(0,0,0,0); color: background-color: rgba(0,0,0,0); } .menu a.activo, .menu a.activo:hover { background-color: background-color: rgba(0,0,0,0); color: background-color: rgba(0,0,0,0); } /* 2 nivel (colores) */ .menu a.secundario { background-color: background-color: rgba(0,0,0,0); border-bottom: 1px solid background-color: rgba(0,0,0,0); color: background-color: rgba(0,0,0,0); } .menu a.secundario:hover { background-color: background-color: rgba(0,0,0,0); color: background-color: rgba(0,0,0,0); } .menu ul li ul a.activo, .menu ul li ul a.activo:hover { background-color: background-color: rgba(0,0,0,0); color: background-color: rgba(0,0,0,0); } /* 3 nivel (colores) */ .menu a.terciario, .menu a.cuaternario, .menu a.quinario, .menu a.sextario { background-color: background-color: rgba(0,0,0,0); border-bottom: 1px solid background-color: rgba(0,0,0,0); color: background-color: rgba(0,0,0,0); } .menu a.terciario:hover, .menu a.cuaternario:hover, .menu a.quinario:hover,.menu a.sextario:hover { background-color: background-color: rgba(0,0,0,0); color: background-color: rgba(0,0,0,0); } .menu ul li ul li ul a.activo, .menu ul li ul li ul a.activo:hover { background-color: background-color: rgba(0,0,0,0); color: background-color: rgba(0,0,0,0); } /* 1 nivel (imagen catálogo) */ .menu a.catalogo_1_nivel { background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } .menu a.catalogo_1_nivel:hover { background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } .menu a.activo.catalogo_1_nivel, .menu a.activo.catalogo_1_nivel:hover { background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } /* 2 nivel (imagen catálogo) */ .menu a.catalogo_2_nivel { background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } .menu a.catalogo_2_nivel:hover { background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } .menu a.activo.catalogo_2_nivel, .menu a.activo.catalogo_2_nivel:hover { background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } /* Privado (imagen catálogo) */ .menu a.catalogo_privado { background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } .menu a.catalogo_privado:hover { background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } .menu a.activo.catalogo_privado, .menu a.activo.catalogo_privado:hover { background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } /* 1 nivel (imagen cms) */ .menu a.cms_1_nivel { background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } .menu a.cms_1_nivel:hover { background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } .menu a.activo.cms_1_nivel, .menu a.activo.cms_1_nivel:hover { background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } /* 2 nivel (imagen cms) */ .menu a.cms_2_nivel { background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } .menu a.cms_2_nivel:hover { background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } .menu a.activo.cms_2_nivel, .menu a.activo.cms_2_nivel:hover { background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } /* Privado (imagen cms) */ .menu a.cms_privado { background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } .menu a.cms_privado:hover { background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } .menu a.activo.cms_privado, .menu a.activo.cms_privado:hover { background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } /* Menú desplegable (normal) */ .ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited { background-color: rgba(255, 255, 255, 0); color: rgb(255, 255, 255); } /* Menú desplegable (over) */ .ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li a.selected { background-color: rgba(255, 255, 255, 0); color: rgb(255, 255, 255); } /* Menú desplegable (fondo) */ .ddsmoothmenu, #mega-menu { background-color: rgba(255, 255, 255, 0) !important; } /* Menú desplegable (fondo separador) */ .ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited, .ddsmoothmenu ul li a:hover { border-right-color: rgba(255, 255, 255, 0); } .ddsmoothmenu ul li ul li a { border-bottom-color: rgba(255, 255, 255, 0); } /* Menú desplegable (activo) */ .ddsmoothmenu ul li a.itemActual { background-color: rgba(255, 255, 255, 0); color: rgb(255, 255, 255); } /* Menú desplegable 2nivel */ #submenu2 li a, #submenu2 li a.selected { } /* Menú desplegable 2nivel (over) */ #submenu2 li a:hover, #submenu2 li a.selected:hover { } /************************* MENU DESPLEGABLE (VERSION MOVIL) *****************************/ /* BOTON */ #mobnav-btn-cms, #mobnav-btn-prod { } /* Menú desplegable 1 nivel */ .ddsmoothmenu.nav_menu_movil_productos ul li a:link, .ddsmoothmenu.nav_menu_movil_productos ul li a:visited, .ddsmoothmenu.nav_menu_movil_cms ul li a:link, .ddsmoothmenu.nav_menu_movil_cms ul li a:visited { } /* Menú desplegable 1 nivel (over) */ .ddsmoothmenu.nav_menu_movil_productos ul li a:hover, .ddsmoothmenu.nav_menu_movil_productos ul li a.selected, .ddsmoothmenu.nav_menu_movil_cms ul li a:hover, .ddsmoothmenu.nav_menu_movil_cms ul li a.selected { } /* Menú desplegable 2 nivel */ .ddsmoothmenu.nav_menu_movil_productos #submenu2 li a, .ddsmoothmenu.nav_menu_movil_productos #submenu2 li a.selected, .ddsmoothmenu.nav_menu_movil_cms #submenu2 li a, .ddsmoothmenu.nav_menu_movil_cms #submenu2 li a.selected { } /* Menú desplegable 2 nivel (over) */ .ddsmoothmenu.nav_menu_movil_productos #submenu2 li a:hover, .ddsmoothmenu.nav_menu_movil_productos #submenu2 li a.selected:hover, .ddsmoothmenu.nav_menu_movil_cms #submenu2 li a:hover, .ddsmoothmenu.nav_menu_movil_cms #submenu2 li a.selected:hover { } /* Anchura minima en el menu desplegable*/ /************************* Area privada *****************************/ /* Area menú */ #menuAreaPrivada { background-color: background-color: rgba(0,0,0,0); padding: 0 15px; border-bottom: 1px solid background-color: rgba(0,0,0,0); } /* Menú (normal) */ #menuTabs li a { color: background-color: rgba(0,0,0,0); border-color: background-color: rgba(0,0,0,0); background-color: background-color: rgba(0,0,0,0); } /* Menú (over) */ #menuTabs li a:hover { color: background-color: rgba(0,0,0,0); border-color: background-color: rgba(0,0,0,0); background-color: background-color: rgba(0,0,0,0); } /* Menú (activo) */ #menuTabs li.activo a, #menuTabs li.activo a:hover { color: background-color: rgba(0,0,0,0); border-color: background-color: rgba(0,0,0,0); background-color: background-color: rgba(0,0,0,0); } /* Tiulos principales area privada*/ #contenido #areaPrivada h2 { color: background-color: rgba(0,0,0,0); background-color: background-color: rgba(0,0,0,0); border-bottom: 1px solid background-color: rgba(0,0,0,0); } /* Boton principal area privada (normal)*/ #areaPersonal a.botonComprar, #areaPersonal input.botonComprar { color: background-color: rgba(0,0,0,0) !important; background-color: background-color: rgba(0,0,0,0); } /* Boton principal area privada (over)*/ #areaPersonal a.botonComprar:hover, #areaPersonal input.botonComprar:hover { color: background-color: rgba(0,0,0,0) !important; background-color: background-color: rgba(0,0,0,0); } /*//////////////////////////////////////////////////////////*/ /*////////////////// TEXTO MENU SUPERIOR ///////////////////////*/ /*//////////////////////////////////////////////////////////*/ #base-mensajeCabecera{ height: 40px; background-color: rgb(224, 18, 24); color: rgb(255, 255, 255); font-size: 16px; } #base-mensajeCabecera a{ color: rgb(255, 255, 255); } /*//////////////////////////////////////////////////////////*/ /*////////////////// IMAGENES MÓDULOS ///////////////////////*/ /*//////////////////////////////////////////////////////////*/ /*//////////////////////////////////////////////////////////*/ /*///////////// imagenES MÓDULOS (FAMILIAS) ////////////////*/ /*//////////////////////////////////////////////////////////*/ /*//////////////////////////////////////////////////////////*/ /*////////////////////// IMAGENES //////////////////////////*/ /*//////////////////////////////////////////////////////////*/ body { background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } #baseCabecera { background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } #cabecera { background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } /*Contenedor principal*/ #antebase { background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } /*Contenedor secundario*/ #base { background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } #pie{ background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } /*Titulo buscador*/ .cajaBuscador h3{ background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } /*Fondo buscador*/ .cajaBuscador { background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } /*Titulo buscador productos avanzado*/ .cajaBuscadorProductosAvanzado h3{ background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } /*Fondo buscador productos avanzado*/ .cajaBuscadorProductosAvanzado { background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } /*Titulo catalogo*/ div.cajasIzda h3.tituloCatalogo { background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } /*Titulo contenedor*/ div.cajasIzda h3 { background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } /*Botones*/ .cajaBuscador input.botonform, .cajaBuscadorProductosAvanzado input.botonform, topSubnave input.boton, div.formulario input.boton, .boton02, .cajasIzda input.botonform, div.filtroProductos input.botonform, .botonesFiltrosCentro .botonform { background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } /*Fondo cesta*/ #capaCesta { background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } /*Fondo botón revisar cesta*/ .botonRevisarCesta { background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } /*Enlace comprar*/ a.botonComprar:link, a.botonComprar:visited { background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } /*Enlace comprar OVER*/ a.botonComprar:hover { background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } /*Enlace reserva*/ a.botonReservar:link, a.botonReservar:visited { background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } /*Enlace reserva OVER*/ a.botonReservar:hover { background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } /*Fondo logeado (usuarios registrados)*/ #cajaLogeado { background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } /*Fondo no logeado (usuarios registrados)*/ #cajaNoLogeado { background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } /*Fondo boletín*/ #cajaBoletin { background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } /*Fondo oferta*/ li.precioOferta, .ficha div.precioOferta { background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } /*Fondo precio*/ li.precioOferta, .ficha div.precioOferta { background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } /*imagen fondo H1*/ #contenido h1 { background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } /*imagen fondo H2*/ #contenido h2 { background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } /*imagen fondo H3*/ #contenido h3 { background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } /*imagen fondo seccion*/ #contenido .seccion { background-image: none; background-repeat: repeat; background-position: left top; background-attachment: scroll; } @charset "UTF-8"; /* CSS Document */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, .filtro input, .filtro select, .tablaFiltros select, div.formulario input, div.formulario select, div.formulario textarea { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; } /*///////////////////// CSS DINÁMICO : Estilo Base //////////////////////////*/ /*///////////////////////////////////////////////////////////////////////////////////////// ESTRUCTURA /////////////////////////////////////////////////////////////////////////////////////////*/ .clearfix:after { display: none; } #antebase { background: url("/cms/site_0629/imagenes_css/imagen_css-1192-09b1bdbec96ae7f4ae1dec4545e3423d.png") repeat-x left 238px; } #base1024 { width: 100%; background: transparent; } #cabecera { width: 100%; max-width: 1170px; padding: 0; margin: 0 auto; } #base { width: 100%; max-width: 1170px; margin: 0 auto; padding-top: 0; } #izda { display: none; } #centro { width: 73%; padding-left: 0; } #centro.dobleColumna { width: 100% !important; } #centro.tripleColumna { margin-left: 0; padding: 0; width: 100%; } div.megaeditor { margin-left: 0; margin-right: 0; } #contenido { min-height: 350px; padding-bottom: 50px; } /*///////////////////////////////////////////////////////////////////////////////////////// MODS /////////////////////////////////////////////////////////////////////////////////////////*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-family: 'Quicksand', sans-serif; } .imgNovedad { height: auto; width: auto; } div.megaeditor p, .descripcion_familia > p { font-size: 14px; } #contenido a { transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; } div.megaeditor ol, div.megaeditor ul { font-size: 14px; padding: 0 0 0 20px; list-style-image: none; } div.megaeditor ul { list-style-type: disc!important; } div.megaeditor ol { list-style-type: decimal!important; } code, pre { color: #2f5287; padding: 15px 20px; display: block; clear: both; font-family: "Nimbus Mono L", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", monospace; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; white-space: pre-wrap; line-height: 1em; margin: 10px 0; } #contenido .seccion { font-size: 20px; margin-bottom: 5px; margin-left: 0; margin-right: 0; padding: 2px 10px; } #contenido h2, #contenido h3 { font-size: 1.7em; margin: 0 0 10px; padding: 10px 10px 15px 20px; } #contenido h1 { font-size: 36px; padding: 20px 0 0; text-align: center; } p.referencia, .plazoEntrega { display: none; } #contenido .datosFicha h1 { background-image: none; padding: inherit; text-align: left; } #contenido h2#descripcion { font-size: 18px; color: #848f98; margin-bottom: 30px; } #centro h2 { font-size: 1.7em; margin: 0 0 5px; padding: 10px 10px 10px 20px; /* background-attachment: scroll; background-image: url("/cms/site_0001/imagenes_css/imagen_css-1-46c0a121e9afc3117d.gif"); background-position: left top; background-repeat: repeat;*/ } #contenido h4 { color: #505a63; font-size: 20px; line-height: 1.3; } #contenido h5 { color: #282828; font-size: 18px; line-height: 1.3; margin-bottom: 10px; } .ico { display: none; } div.cajasIzda p.botones { background: url("/cms/site_0001/imagenes_css/imagen_css-1-4ae35be6608ba91e81.png") no-repeat right 6px; padding: 2px 13px 4px 2px; } /* BOTON IMPRIMIR ----------------*/ div.impresion a { background-image: url("/cms/site_0001/imagenes_css/imagen_css-1-6afdd8f67752415150.png"); background-position: right center; background-repeat: no-repeat; font-size: 11px; text-transform: uppercase; padding: 5px 20px; margin: 0 10px 5px 0; display: inline-block; } /* SCROLL UP ----------------*/ .scrollup { background: #fff none repeat scroll 0 0; border-radius: 50px; color: #009ae1; opacity: 1; padding: 4px 12px 9px; border: 4px solid #009ae1; } .scrollup { color: #009ae1; } /* CAPA COMPRA ----------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------*/ #jquery_background { background: #002439; } table#nuevoProducto { border-bottom: 2px solid #dadee3; } td.datosProducto .nombreProducto, .pvpTotal { color: #505a63; } td.datosProducto .referencia, td.datosProducto .codigo_barras, .tit_total { color: rgb(132, 143, 152); } .botonSeguir > a { color: #97a1a9; background-color: #dbe0e6; padding: 10px 25px; font-weight: 600; font-size: 14px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; text-transform: inherit; } .botonSeguir > a:hover { color: #fff; background-color: #4d5c67; } .botonVer > a { background-color: rgb(0, 122, 194); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; font-size: 14px; padding: 10px 25px; font-weight: 600; text-transform: inherit; } .botonVer > a:hover { background-color: #e01218; color: #fff; } /* CAPAS DESTACADAS ----------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------*/ .capa-nota, .capa-alerta, .capa-exito, .capa-mensaje, .capa-gris { padding: 20px 20px 15px; margin: 20px 0; } .capa-nota strong, .capa-alerta strong, .capa-exito strong, .capa-mensaje strong, .capa-gris strong { font-size: 18px; font-weight: 400; } .capa-nota { background: #fef6e4; color: #d8af57; border-left: 6px solid #fce5b4; } .capa-nota strong { color: #d19516; } .capa-alerta { background: #fee7e7; color: #da6363; border-left: 6px solid #fcbbbb; } .capa-alerta strong { color: #be3232; } .capa-exito { background: #f4f8e8; color: #a1bb63; border-left: 6px solid #cee598; } .capa-exito strong { color: #69832c; } .capa-mensaje { background: #e9f4f6; color: #62bccc; border-left: 6px solid #9fd4de; } .capa-mensaje strong { color: #2b8fa1; } .capa-gris { background: #f0f0f0; color: #939393; border-left: 6px solid #bebebe; } .capa-gris strong { color: #424242; } /* FORMULARIOS ----------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------*/ .formulario fieldset { background-color: transparent; border: none; padding: 0; } .accesoUsuarios { margin: 0 90px; padding: 20px; background: #f3f3f3; } .formCompra label, #datosIdentificacion td, #datosDireccionFacturacion td, #datosFacturacion td, #table_dir_envio td { font-size: 14px; font-weight: 500; } .formCompra input, .formCompra textarea, .formCompra select { background-color: #FFFFFF; border: 2px solid #dadee3;; color: #3d3d3d; font-weight: 500; padding: 6px 6px 7px; font-size: 16px; transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; } select, textarea, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"], .formCompra input, .formCompra textarea, .formCompra select { border-width: 2px; } .formCompra input:hover, .formCompra textarea:hover { border: 2px solid #cdcdcd; } .formCompra input:focus, .formCompra textarea:focus { border: 2px solid #0090da; color: #3d3d3d; } .formCompra input.botonform { padding: 4px 18px; margin: 0 0 2px; } #captcha { margin: 0; } /*////////////////////////////////// FORM CONTACTO ////////////////////////////////////*/ #body_contacto #centro { float: none; margin: 0 auto; text-align: left; overflow: hidden; width: 100% !important; max-width: 800px; } div.formulario { font-size: 14px; margin: 0; padding: 0; } div.formulario form label { clear: left; float: none; font-size: 14px; margin-right: 0; width: 100%; font-weight: 500; text-align: left; } div.formulario form label .enfasis { color: #e13500; font-family: 'Quicksand', Helvetica, Arial, sans-serif; font-size: 14px !important; } div.formulario input, div.formulario textarea { background-color: #FFFFFF; border-color: #eeeeee; border-style: solid; border-width: 1px; color: #c6c6c6; font-family: 'Quicksand', Helvetica, Arial, sans-serif; font-size: 16px; padding: 5px 10px; max-width: 100%; } div.formulario input:hover, div.formulario textarea:hover, div.formulario select:hover { border: 2px solid #cdcdcd !import; } div.formulario input:focus, div.formulario textarea:focus { border: 2px solid #0090da; color: #3d3d3d; } div.formulario input.boton { border: 0 none; font-size: 18px; padding: 8px 30px; text-transform: inherit; font-weight: 700; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } div.formulario input.boton:hover { background: #002c44; color: #fff; } div.formulario input.boton:active { background: #444; } #obligatorios { display: none; } /**/ input.camposformHomeMediano, input.camposformHomeMedianoActive { background-color: #FFFFFF; color: #c6c6c6; font-size: 14px; font-style: normal; padding: 6px 6px 7px; vertical-align: middle; width: 100%; transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; } input.camposformHomeMediano:hover, input.camposformHomeMedianoActive:hover { border: 1px solid #cdcdcd; color: #8e8e8e; } input.camposformHomeMediano:focus, input.camposformHomeMedianoActive:focus { border: 1px solid #949494; color: #3d3d3d; } input.camposformHomePequenyo, input.camposformHomePequenyoActive { background-color: #FFFFFF; color: #A1A1A1; font-size: 14px; font-style: normal; vertical-align: middle; width: 48.9%; padding: 6px 6px 7px; transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; } input.camposformHomePequenyo:hover, input.camposformHomePequenyoActive:hover { border: 1px solid #cdcdcd; color: #8e8e8e; } input.camposformHomePequenyo:focus, input.camposformHomePequenyoActive:focus { border: 1px solid #949494; color: #3d3d3d; } select.camposformHome { font-size: 14px; padding: 3px; transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; } select.camposformHome:hover { border: 1px solid #cdcdcd; color: #8e8e8e; } select.camposformHome:focus { border: 1px solid #949494; color: #3d3d3d; } /*///////////////////////////////////////////////////////////////////////////////////////// CABECERA /////////////////////////////////////////////////////////////////////////////////////////*/ #baseCabecera { background: url("/UserFiles/images/bg_cabecera.png") left 40px repeat-x, url("/UserFiles/images/bg_cabecera02.png") 200px -100px repeat-x; background-color: #0099e1; box-shadow: 0 0 20px rgba(0,0,0,.5); } div.logo { right: inherit !important; left: 100px; } /* MENSAJE CABECERA ----------------------------------------------------------------------------------------------------------- -----------------------------------------------------------------------------------------------------------------------------------------------*/ #mensajeCabecera { margin: 0 auto; padding: 8px 20px 12px; font-weight: 700; } #mensajeCabecera strong { display: inline-block; background: #ffd500; color: #df1219; padding: 0 10px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } /* LOGIN ----------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------*/ #capaLoginTop { background-color: transparent; box-shadow: none; position: relative; float: right; right: inherit !important; z-index: 99991; } #titLoginTop a { background-image: url("/UserFiles/images/account.svg"); text-transform: inherit; color: #fff; font-size: 14px; font-weight: 700; background-size: 20px; } #capaLoginTop.activo { padding: 0 15px 15px 15px; z-index: 99999; } #formLoginTop { background: #fff; padding: 10px; box-shadow: 0px 8px 10px #01598d; font-weight: 600; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #formLoginTop input.boton { font-size: 14px; text-transform: inherit; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; } #atitLoginTop { float: right; } #titLoginTop a.lnkCerrar { float: right; color: #fff !important; background-image: url("/UserFiles/images/cierre.svg"); background-repeat: no-repeat; background-size: 16px auto; background-position: left 10px; text-indent: -9999em; display: block; width: 20px; height: 30px; } /* MENU AUX ----------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------*/ .icomenuTop { display: none; } #menuTop ul { font-size: 11px; padding: 5px 30px 7px 50px; background: url("/cms/site_0629/imagenes_css/imagen_css-1192-9a05fe1c012d377512b95ff9644d69dd.gif"); } #menuTop ul li a, #menuTop ul li a:link, #menuTop ul li a:visited { font-size: normal; padding: 0 8px 0 15px; background: url("/cms/site_0629/imagenes_css/imagen_css-1192-896018e3aa759f24405bf47359a49680.") no-repeat left center; } /* BUSCADOR TOP ----------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------*/ #buscadorTop { background-color: #fff; width: calc(100% - 500px); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; border: 5px solid #fff; box-shadow: 0px 8px 25px #006aa8; font-weight: 600; } #buscadorTop:hover { box-shadow: none; } div#buscadorTop form input.camposformHomeMediano { font-size: 18px; padding: 7px 30px; width: calc(100% - 44px); margin: 0; } #buscadorTop input.botonform { width: 44px; height: 44px; padding: 0; margin: 0; text-indent: -99999em; border-radius: 30px; background-repeat: no-repeat; background-position: center center; background-image: url("/UserFiles/images/bg_buscar.svg"); background-size: 24px; } /* MEGAMENU ---------------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------*/ #MegaNavbar { font-size: 20px; font-weight: 700; } .container#superContenedorMegamenu { position: absolute; top: 170px; } #MegaNavbar .navbar-left, #MegaNavbar .nav { float: none !important; margin: 0 auto; text-align: center; } .navbar-nav > li { float: none; display: inline-block; } .navbar.navbar-inverse .navbar-nav > li > a { font-weight: 700; } /* CESTA ---------------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------*/ #loginTop { display: none; } #cestaTop { position: relative; float: right; z-index: 89000; } #cesta { width: auto; background-color: transparent; font-size: 14px; font-weight: 700; background-image: url("/UserFiles/images/shopping-cart.svg"); background-repeat: no-repeat; padding-left: 13px; background-size: 20px; background-position: left top; } #cesta a { padding-top: 0; padding: 0 10px 6px 10px; background-image: none; } #cesta a > span:first-child { text-transform: inherit; } #cesta a > span > span { display: none; } /* LLENA //////*/ /* ABIERTA //////*/ #cestaTop #cesta.activo a { color: #ffd500; } /*///////////////////////////////////////////////////////////////////////////////////////// COLUMNA /////////////////////////////////////////////////////////////////////////////////////////*/ .cajasIzda input.botonform { width: 100%; background-color: #5aabd5; } .cajasIzda .botonform:hover { width: 100%; background-color: #202020; } /* MODULOS ----------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------*/ div.cajasIzda h3, .cajaBuscadorProductosAvanzado h3, .cajaBuscador h3, div.cajasIzda h3.tituloCatalogo { font-size: 14px; letter-spacing: 1px; padding: 7px 10px 7px 15px; text-transform: uppercase; } /* MENU LATERAL ------------------------------------------------------------------------------------------------------ ---------------------------------------------------------------------------------------------------------------------------*/ .icoMenu { display: none; } /*//// 1 nivel ////*/ .menu a.catalogo_1_nivel, .menu a.catalogo_1_nivel:hover, .menu a.activo.catalogo_1_nivel, .menu a.activo.catalogo_1_nivel:hover { background-image: url("/cms/site_0629/imagenes_css/imagen_css-1192-81e1b9ba356796e31098e1564cef91f5.png"); background-position: 8px 11px; background-repeat: no-repeat; } a.principal:link, a.principal:visited { font-size: 14px; line-height: 1.1; margin: 0; padding: 5px 5px 5px 24px; text-decoration: none; transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; } /*activo*/ .menu a.activo.catalogo_1_nivel, .menu a.activo.catalogo_1_nivel:hover, a.activo.principal:link, a.activo.principal:visited, a.activo.principal:hover { color: #fff; } /*//// 2 nivel ////*/ .menu a.catalogo_2_nivel, .menu a.catalogo_2_nivel:hover, .menu a.activo.catalogo_2_nivel, .menu a.activo.catalogo_2_nivel:hover { background-image: url("/cms/site_0629/imagenes_css/imagen_css-1192-61068307bb37cdfe97204f2c9a198314.png"); background-position: 20px 10px; background-repeat: no-repeat; } a.secundario:link, a.secundario:visited { font-size: 13px; display: block; margin: 0; padding: 5px 5px 5px 34px; text-decoration: none; } /* LOGIN LATERAL ----------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------*/ #cajaLogeado ul.enlace { margin: 0; padding: 0; } /* BOLETIN LATERAL ----------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------*/ .parrafoColumna { font-size: 11px; margin: 0; padding: 7px 0px 3px; } div.cajasIzda form { font-size: 11px; margin: 0 0 5px; padding: 0; } input.camposformHome { background-color: #FFFFFF; color: #c6c6c6; font-size: 12px; padding: 4px 6px; width: 100%; transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; } input.camposformHome:hover { color: #8e8e8e; border-color: #cdcdcd; } input.camposformHome:focus { color: #3d3d3d; border-color: #949494; } .botonform, .cajaCompra01 input.botonform, .tablaResumen input.botonform, .botonRevisarCesta { border-style: none; border-width: 0; cursor: pointer; font-size: 16px; margin-top: 5px; padding: 8px 20px; text-transform: inherit; font-weight: 700; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } /* DESTACADOS LATERAL ----------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------*/ table.tablaListaProductos01 a { font-size: 1.3em; font-weight: 400; } table.tablaListaProductos01 .enfasis { } /* NOTICIAS LATERAL ----------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------*/ div.cajasIzda a.bloque:link, div.cajasIzda a.bloque:visited { border-bottom: 1px dotted #959595; padding: 5px; } div.cajasIzda a.bloque:hover { background-color: #f8f8f8; } #bloque.fecha, .cajasIzda .bloque .bloque .feha, .fechaOpinion { color: #b1b1b1; font-size: 10px; } .cajasIzda .bloque .bloque .titular { font-size: 12px; line-height: 1.2; } /* BUSCADORES LATERAL----------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------*/ .cajaBuscador form { margin: 10px 0 0; padding: 0; overflow: hidden; } /* avanzado */ .cajaBuscadorProductosAvanzado form { margin: 10px 0 0; padding: 0; overflow: hidden; } div.buscadorAvanzado { margin: 0; padding: 0; } div.buscadorAvanzado label, div.buscadorAvanzadoHomeLeft label, div.buscadorAvanzadoHomeRight label { font-size: 10px; text-transform: uppercase; margin: 1px; } buscadorAvanzadoHomeLeft select, .buscadorAvanzado select { margin-bottom: 10px; width: 100% !important; } div.buscadorAvanzado label p, div.buscadorAvanzadoHomeLeft label p { margin-bottom: 1px; margin-top: 0 !important; } p.botonBuscador { margin-top: 0; } .cajaBuscador input.botonform, .cajaBuscadorProductosAvanzado input.botonform { background: transparent url("/cms/site_0001/imagenes_css/imagen_css-1-90c942f73a9e39cb17.png") no-repeat 4px center; color: #444444; float: right; padding: 3px 3px 3px 20px; font-size: 16px; margin-bottom: 0; } .cajaBuscador input.botonform:hover, .cajaBuscadorProductosAvanzado input.botonform:hover { color: #5aabd5; padding: 3px 1px 3px 22px; } .cajaBuscador input.botonform:active, .cajaBuscadorProductosAvanzado input.botonform:active { color: #444444; padding: 3px 3px 3px 20px; } /* BUSCADOR SENCILLO */ .cajaBuscador form { border: 1px solid #f3f3f3; } .cajaBuscador input.camposformHomeMediano, .cajaBuscador input.camposformHomeMedianoActive { background-color: #ffffff; color: #c6c6c6; border: 0 none; font-size: 14px; font-style: normal; padding: 6px 6px 7px; width: 80%; float: left; } .cajaBuscador input.botonform { background: transparent url("/cms/site_0001/imagenes_css/imagen_css-1-90c942f73a9e39cb17.png") no-repeat center center; float: right; padding: 3px 3px 3px 20px; font-size: 16px; display: block; width: 18%; text-indent: -99999px; } .cajaBuscador input.botonform:hover { background: transparent url("/cms/site_0001/imagenes_css/imagen_css-1-d4454ed899d46979aa.png") no-repeat center center; } /*///////////////////////////////////////////////////////////////////////////////////////// CONTENIDO /////////////////////////////////////////////////////////////////////////////////////////*/ /* HOME ----------------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------*/ #body_cms_home #base { padding-top: 0px; margin-top: -80px; } #body_cms_home p.rastroMigas { display: none; } #body_cms_home #contenido h3 { margin: 10px 0 10px; } div.muestraNovedades { background: #ffffff url("/cms/site_0001/imagenes_css/imagen_css-1-7a978240ae17f6460f.png") no-repeat right 9px; float: right; font-size: 10px; font-weight: normal; margin: 10px 10px 0 0; padding: 5px 25px 5px 10px; } /* ACCESOS HOME ------------------*/ #accesos-home { padding: 0 10px 20px 10px; } #accesos-home .col .contenido-accesos-home{ background: #009ae1; border: 10px solid #fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #accesos-home .col .contenido-accesos-home:hover { box-shadow: 0 0 10px rgba(0,0,0,.3); -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #accesos-home .col img { max-width: 100%!important; height: auto!important; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; } .accesos-home-txt { text-align: center; padding: 15px 20px; } div.megaeditor .accesos-home-txt p { padding: 0; margin: 0; color: #fff; font-size: 21px; line-height: 1.2; min-height: 95px; font-weight: 600; } #accesos-home a { display: inline-block; background: #007ac2; color: #fff; font-size: 18px; border: 3px solid rgba(255, 255, 255, .4); padding: 9px 20px 10px; margin: 3px 0 10px; min-width: 80%; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; font-weight: 600; } #accesos-home a:hover { background: #003e62; text-decoration: none; border: 3px solid rgba(255, 255, 255, .8); } /* NOVEDADES HOME ------------------*/ #edades-home a { display: block; background: #0d75b4; text-align: center; color: #fff; font-size: 24px; line-height: .9; font-weight: 500; padding: 15px 5px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } #edades-home .edad-00 a { background: #0fc3d4; } #edades-home .edad-01 a { background: #0fbdd2; } #edades-home .edad-02 a { background: #0fadd0; } #edades-home .edad-03 a { background: #0e92c5; } #edades-home .edad-04 a { background: #0e86c1; } #edades-home a:hover { text-decoration: none; background: #e01218; } #edades-home a span { font-size: .75em; } /* INFORMES HOME --------------------------------------------------------------------------------*/ [class^="cabecera_carrusel_productos_"] li.selected a { border-top: 0 none; color: #505a63; font-weight: bold; font-size: 28px; } .bx-viewport { height: auto !important; } .bx-wrapper { background: transparent; } ._carrusel_informes .carrusel_flechas { top: -45px; right: 10px; } .carrusel_flechas > li { display: inline-block; } ._carrusel_informes .bx-prev, ._carrusel_informes .bx-next { background-color: transparent; background-repeat: no-repeat; background-position: center center; width: 31px; height: 31px; display: block; } ._carrusel_informes .bx-prev { background-image: url("/cms/site_0629/imagenes_css/imagen_css-1192-cdf104a50b85acefc81f15490cc45255.png"); } ._carrusel_informes .bx-prev:hover { background-image: url("/cms/site_0629/imagenes_css/imagen_css-1192-75cdc7f0dc0ea4dd7352cf6868a00196.png"); } ._carrusel_informes .bx-next { background-image: url("/cms/site_0629/imagenes_css/imagen_css-1192-864e2101d0b273013d38ebca72879053.png"); } ._carrusel_informes .bx-next:hover { background-image: url("/cms/site_0629/imagenes_css/imagen_css-1192-946adb6a9c7f07f748d0278f2bb923ad.png"); } ._carrusel_informes .bx-prev.disabled, ._carrusel_informes .bx-prev.disabled:hover { background-image: url("/cms/site_0629/imagenes_css/imagen_css-1192-175ba018497510d8f2fd790a3f5f1c49.png"); cursor: default; } ._carrusel_informes .bx-next.disabled, ._carrusel_informes .bx-next.disabled:hover { background-image: url("/cms/site_0629/imagenes_css/imagen_css-1192-1418e344d5a24d2d7be0880347e5e791.png"); cursor: default; } ._carrusel_informes .carrusel_flechas > li i.fa { display: none; } .bx-wrapper .bx-pager.bx-default-pager a { background-color: #8e98a0; } .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover { background-color: #159eee; } /* MIGAS ----------------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------*/ p.rastroMigas { font-size: 14px; padding: 10px 0; font-weight: 700; } /* CARRUSEL TOP ----------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------*/ #body_cms_home section.gal_carrusel { position: relative; } .sliderwrapper { width: 1010px; margin: 0 auto; background: #ffffff; height: 270px !important; } body#body_cms_home .sliderwrapper { background: #ffffff; } .sliderwrapper .contentdiv { background: none repeat scroll 0 0 #FFFFFF; height: auto; left: 30px; top: 30px; } #body_cms_home section.gal_carrusel i { display: none; } .gal_carrusel li.flecha_der, .gal_carrusel li.flecha_izq { top: calc(50% - 25px); width: 100px; height: 100px; } .gal_carrusel li.flecha_der { right: 10px; } .gal_carrusel li.flecha_izq { left: 10px; } .gal_carrusel .bx-prev, .gal_carrusel .bx-next { background-color: transparent; background-repeat: no-repeat; background-position: center center; width: 100px; height: 100px; display: block; } .gal_carrusel .bx-next { background-image: url("/cms/site_0629/imagenes_css/imagen_css-1192-f55c8aacd249dab1bbfab98f22fd86c4.png"); } .gal_carrusel .bx-next:hover { background-image: url("/cms/site_0629/imagenes_css/imagen_css-1192-160a497eb4416ff5be5179e19d6ab134.png"); background-color: transparent; } .gal_carrusel .bx-prev { background-image: url("/cms/site_0629/imagenes_css/imagen_css-1192-d81e5f690410a4ef37a079ccdfb09fad.png"); } .gal_carrusel .bx-prev:hover { background-image: url("/cms/site_0629/imagenes_css/imagen_css-1192-a58e55c421923f77b6de11a3a4c27c13.png"); background-color: transparent; } .pagination { display:none; background-color: transparent; bottom: 0px; opacity: 1; width: 100%; padding: 3px 10px 5px; position: absolute; right: 0px; text-align: center; z-index: 10000; } .pagination a { background: #c1c1c1; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; color: #FFFFFF; font-size: 14px; font-weight: bold; display: inline-block; width: 13px; height: 13px; text-indent: -99999px; padding-bottom: 0; padding-left: 3px; padding-right: 3px; text-decoration: none; } .pagination a:hover { background: #828282; } .pagination a.selected, .pagination a.selected:hover { background: #333333; } .pagination a.next, .pagination a.prev { display: none; } .textoSlide { background-color: rgba(255, 255, 255, .8); opacity: 1 !important; top: 105px !important; width: 910px !important; } .textoSlide a, .textoSlide h1, .textoSlide p { color: #414141; } .textoSlide h1 { font-size: 18px; margin: 0; padding: 10px 20px 0; } /* imagen superior ----------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------*/ .imagen_cabecera_cms { padding-top: 0; } .imagen_cabecera_cms { width: 1010px; margin: 0 auto; } .imagen_cabecera_cms img { width: 100%; height: auto; } /* CARRUSEL CONTENIDO ----------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------*/ #contenido .sliderwrapper { width: auto; background: transparent; } #contenido .sliderwrapper .contentdiv { left: 0px; top: 20px; } #contenido .textoSlide { top: 120px !important; left: 15px !important; width: 700px !important; } /* PARRILLA CATEGORIAS ----------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------*/ table.tablaCategorias td ul { border-radius: 10px; border: 8px solid #fff; } table.gama { background-color: transparent; margin-bottom: 0; } table.gama th { display: none; } table.tablaCategorias tr { display: inline; } table.tablaCategorias td { border: none; display: inline-block; width: 23% !important; margin-right: 1%; margin-bottom: 30px; margin-left: 1%; } .tablaCategorias a { background-color: #007ac2; color: #fff; font-weight: 700; font-size: 14px; padding: 0; /*-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;*/ } .tablaCategorias a.imagenParrilla { border-top: 10px solid #fff; border-right: 10px solid #fff; border-left: 10px solid #fff; border-bottom: 0 none; background: #fff; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; } .tablaCategorias a.imagenParrilla img, .imagenParrilla > img { max-width: 100%; -webkit-border-top-left-radius: 18px; -webkit-border-top-right-radius: 18px; -moz-border-radius-topleft: 18px; -moz-border-radius-topright: 18px; border-top-left-radius: 18px; border-top-right-radius: 18px; } .tablaCategorias a.textoParrilla { border: 10px solid #fff; min-height: 65px; padding: 10px; -webkit-border-radius: 20px;; -moz-border-radius: 20px; border-radius: 20px; display: flex; justify-content: center; align-items: center; } .tablaCategorias a.imagenParrilla + a.textoParrilla { border-top: 0 none; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; } .tablaCategorias a.textoParrilla:hover { background-color: #00283f; color: #fff; } .tablaCategorias, .listaGrande { margin-left: 0px; width: 100%; } table.listaGrande td table.gama_arbol td { width: 100%; } table.tablaCategorias td ul.parrillaCategorías, table.listaGrande td ul.parrillaCategorías { font-size: 14px; margin: 0; padding: 0; list-style-type: none; } /* PARRILLA SECCIONES ----------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------*/ table.listaGrande td table.gama_arbol td ul { width: 100%; } table.listaGrande td table.gama_arbol td ul li { display: inline; padding: 0; width: auto; margin: 0 4px; } /* TABLA GAMA----------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------*/ .tablaResumen th, table.gama th { background-color: #414141; color: #e7e7e7; padding: 4px 5px 5px 10px; } table.listaGrande { padding-left: 0 !important; } table.gama_arbol td ul { font-size: 14px; padding: 0; list-style-type: none; } table.gama_arbol td ul li { display: inline; width: 33%; padding: 2px; } table.gama_arbol td ul li strong { font-weight: 400; } table.gama_arbol td ul li a { display: inline-block; padding: 4px; background: #fafafa; width: 32%; text-align: center; } table.gama_arbol td ul li a:hover { background: #e9e9e9; } select.filtro { font-size: 14px; } /* FILTROS ----------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------*/ div.filtrosPrincipales { background-color: #fff; padding: 10px 15px 10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } #centro div.filtrosPrincipales .filtro, #centro .conjuntofiltro { margin: 0 5px 0 0; } table.tablaFiltros { margin-left: auto; margin-right: auto; width: 100%; } table.tablaFiltros th { background-color: #e4e4e4; } table.visualizacion { width: 100%; } table.visualizacion td.muestra { color: #2d2d2d; display: none; } /*eventos */ #body_PlantillasSitesPlantilla5comunicados_eventos table.visualizacion td { font-size: 1em; padding: 6px 12px 8px 10px; vertical-align: middle; background: #f8f8f8; } /* REGISTRO ----------------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------*/ #body_registro #antebase { background: none; } #body_registro #base { text-align: center; } #body_registro #izda { display: none; } #body_registro #centro { float: none; margin: 0 auto; text-align: left; overflow: hidden; width: 100%!important; max-width: 800px; } #body_registro p.rastroMigas { display: none; } #body_registro #contenido { padding: 0 20px; margin-top: 30px; margin-bottom: 30px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #body_registro #contenido h1 { font-size: 36px; } .notaaclaratoria { display: none; } div.formulario p, div.noticias div.formulario p { font-size: 16px; } fieldset { border-top: 50px solid #f9f9f9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } fieldset fieldset { border-top: 0 none; } legend { margin: 15px 0; font-size: 12px; font-weight: 900; background-color: #96a0aa; color: #fff; padding: 5px 25px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; width: auto; float: left; clear: both; } #contenido div.formulario fieldset p { margin-bottom: 10px; } div.formulario input, div.formulario textarea, div.formulario select, .filtro select, .filtro input, .tablaFiltros select { border: 2px solid #dadee3; font-family: 'Quicksand', sans-serif; font-size: 18px; color: #3d3d3d; font-weight: 500; } /* LISTA ----------------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------*/ #body_productos_listado aside { display: none; } #formulario_filtrar { margin-top: 100px; } .baseTablaMini, .baseTablaFoto, .baseTablaColumnas, .baseTablaFilas, .baseTablaGaleria { margin: 0; } table.visualizacion td { font-size: 14px; color: #848f98; } #productosListado span, #productosListado span strong { font-weight: 500; } table.visualizacion td#td_productos_orden { padding-left: 10px; } #td_productos_vistas { padding-right: 25px; } /* FILTROS ------------------------------------------------------------------------------------------ ---------------------------------------------------------------------------------------------------------------------------*/ .filtroProductos { background-color: #fff; border: 1px solid #e3e3e3; padding: 0 20px 0; margin-bottom: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; width: 1150px; margin-left: -575px; margin-right: auto; position: absolute; left: 50%; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); } div.cajasIzda h3[id^="h3_filtro_productos"] { display: none; } .basefiltros { float: left; width: calc(100% - 100px); } .conjuntofiltro { display: inline-block; margin-right: 0; vertical-align: top; margin-bottom: 0; padding-top: 17px; margin-top: 0; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; } div.cajasIzda div.tituloFiltro { font-size: 14px; font-weight: 700; margin: 0 0 5px; color: rgb(30, 31, 34); } .tituloFiltro > a, .tituloFiltro > a:hover { color: #505a63; } #ul_filtrado_colores input.css-checkbox[type="checkbox"] + label.labelcheck span { text-indent: -9999px; } #ul_filtrado_familias label.labelcheck, #ul_filtrado_marcas label.labelcheck, #ul_filtrado_tipos label.labelcheck, ul[id^="ul_valores"] label.labelcheck { background-image: url(/UserFiles/images/ico_checkbox-azul.png); } input[type="checkbox"].css-checkbox.check_filtro_marcas:checked + label.labelcheck, input[type="checkbox"].css-checkbox.check_filtro_tipos:checked + label.labelcheck, input[type="checkbox"].css-checkbox.check_filtro_familias:checked + label.labelcheck, input[type="checkbox"].css-checkbox.check_filtro_campos_variables:checked + label.labelcheck { background-position: 0 -32px; } .botones_filtros_laterales .botonform.botonsecundario { padding: 0; padding-right: 0px; padding-right: 0px; background-color: transparent; color: #fb090a; font-size: 12px; background-repeat: no-repeat; background-position: right 2px; background-image: url(/UserFiles/images/delete.svg); padding-right: 17px; background-size: 14px auto; font-weight: 700; margin-top: 0; } .botones_filtros_laterales .botonform.botonsecundario:hover { color: #fb090a; } .botones_filtros_laterales .botonform.botonsecundario:hover { text-decoration: underline; background-color: transparent; } .botones_filtros_laterales { float: right; clear: none; } .conjuntofiltro > div:last-child { display: none; position: absolute; background-color: #fff; padding: 15px 20px; border: 1px solid #e3e3e3; z-index: 9; } #div_filtrado_precios { width: 230px; } .ui-widget-header { background-color: #e01218; } .ui-widget-content { margin-top: 20px; } .ui-slider-horizontal { height: 5px; } .ui-slider-horizontal .ui-slider-handle { top: -.5em; } /* abrir/cerrar */ .conjuntofiltro { padding-right: 5px; } div.cajasIzda div.tituloFiltro { padding-right: 15px; background-repeat: no-repeat; background-position: right center; } div.cajasIzda div.tituloFiltro.no_visible { background-image: url("/UserFiles/images/arrow-down.png"); } div.cajasIzda div.tituloFiltro.visible { background-image: url("/UserFiles/images/arrow-up.png"); } div.cajasIzda ul.listaFiltro li.padre { margin-bottom: 0 !important; } div.cajasIzda ul.listaFiltro li.padre:first-child { border: none; } div.cajasIzda ul.listaFiltro li.padre + li.padre { margin-top: 7px !important; } div.cajasIzda ul.listaFiltro li.hijo { padding-left: 20px; background-repeat: repeat-y; background-image: url(/UserFiles/images/bg_arbol.png); background-position: 5px -5px; padding-top: 3px; margin-bottom: 0 !important; padding-bottom: 3px; } div.cajasIzda ul.listaFiltro li.hijo:last-child { background-image: url(/UserFiles/images/bg_arbol-fin.png); } div.cajasIzda ul.listaFiltro li.padre label > a { font-weight: 600; color: #000; text-transform: uppercase; } .filtro_lateral li a span { display: none; } #ul_filtrado_familias, #ul_filtrado_marcas, #ul_filtrado_tipos, ul[id^="ul_valores"] { max-height: 300px; overflow: auto; padding-right: 30px; } .vertodosFiltro > span#ver_mas_ul_filtrado_familias::after, .vertodosFiltro > span#ver_menos_ul_filtrado_familias::before { content: ""; } .ilustracion#imagenFamilia { border: 10px solid #fff; background: #fff; margin: 20px auto; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; width: 98%; } #body_productos_listado h1 { text-align: center; font-size: 48px; padding: 40px 0 0; font-weight: 700; } .ilustracion#imagenFamilia img { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .slide ul.foto, .slide ul.mini, .slide ul.columnas { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .ilustracion { display: block; margin: 10px 0 0; width: auto; } .nombreProducto { font-size: 15px; } #contenido a.textosProducto:link { line-height: 1.2; } li.bloquePrecio span.precioPrincipal { font-size: 28px; } #contenido a.botonComprar:link, #contenido a.botonComprar:visited, #contenido a.botonComprar:hover { font-size: 12px; color: #ffffff; } #botonComprar::before { content: ""; display: inline-block; width: 30px; height: 30px; background-image: url("/UserFiles/images/shopping-cart.svg"); background-repeat: no-repeat; vertical-align: middle; } li.precioOferta, .ficha div.precioOferta { background-position: left 4px; } li.bloquePrecio span.porcentaje_precio_anterior { font-size: 13px; color: #fff; background-color: red; font-weight: bold; display: block; padding-right: 7px; padding-left: 7px; float: none; max-width: 50px; clear: both; margin-bottom: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } li.bloquePrecio span.precioPrincipal { display: inline-block; font-size: 30px; } /* FILAS ///*/ ul.filas { border-bottom: 1px dotted #a2a2a2; } .nombreProductoMayor { font-size: 18px; padding: 10px 0 5px; } ul.filas li.bloquePrecio { padding-top: 5px; border-top: 0 none; } .restoDatosProducto { font-size: 12px; } /* COLUMNAS ///*/ ul.columnas { border-bottom: 0 none; } ul.columnas li.bloquePrecio { padding-top: 6px; border-top: 0 none; } /* MINIATURAS ///*/ ul.mini .nombreProducto { text-align: center; font-size: 16px; } /*///////////////////////////// FOTOS //////////////////////////////*/ ul.foto { background-color: #fff; border: 10px solid rgb(232, 236, 240); padding: 20px; width: 24.5%; transition: all .2s ease; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } ul.foto:hover { border-color: rgb(212, 216, 221); transition: all .2s ease; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; } ul.foto li { text-align: center; } ul.foto a.fotoProducto img { max-height: 200px; } ul.foto .nombreProducto { font-size: 18px; height: 40px; overflow: hidden; text-align: center; } ul.foto li.bloquePrecio { min-height: 95px; } ul.foto li.bloquePrecio span.precioPrincipal { text-align: center; font-family: 'Dosis'; margin-right: 0; } ul.foto li.bloquePrecio span { margin-left: 0; font-family: 'Dosis'; margin-right: 0; } ul.foto li.bloquePrecio { text-align: center; font-family: 'Dosis'; margin: 0; padding-bottom: 0; } li.bloquePrecio span.precio_anterior { display: inline-block; font-size: 18px; text-decoration: line-through; color: #bcc3c6; margin-right: 10px !important; font-weight: 600; } li.bloquePrecio { font-size: 12px; font-weight: 500; } /**/ .visualizacion input.camposformHome { padding: 2px 3px; } /* FICHA ----------------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------*/ .contentstyle { padding-top: 50px; } #contenido .datosFicha h1 { font-size: 36px; color: #505a63; } div.imagen { float: left; width: 60%; margin-bottom: 20px; } #fotos { margin-right: 65px; } #foto_principal { text-align: center; } #foto_principal > a { float: none; } img.fotoPrincipal { float: none; } #div_slider_fotos .bx-prev, #div_slider_fotos .bx-next { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; width: 30px; height: 30px; } #div_slider_fotos .bx-prev, #div_slider_fotos .bx-next { background-color: #0089d4; } #div_slider_fotos .bx-prev:hover, #div_slider_fotos .bx-next:hover, #div_slider_fotos .bx-prev:active, #div_slider_fotos .bx-next:active { background-color: #002c44; } div.datosFicha { float: right; width: 40%; margin-bottom: 20px; } .fotoParrillaFicha div.recorte2 { background-color: #fff; } #contenido .datosFicha h2 { color: #898e92; } #contenido .datosFicha h4 { color: #838383; font-size: 1em; line-height: 1.1; } #foto_principal { overflow: hidden; height: auto !important; margin-bottom: 20px; padding: 10px; background-color: #fff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } div#div_slider_fotos { margin-bottom: 20px; } .contentstyle .ficha div.precio { color: #545d64; padding: 7px; border-top: 1px dotted #a6a6a6; border-bottom: 1px dotted #a6a6a6; border-top: 0 none; border-bottom: 0 none; text-align: left; } #div_form_anyadir_a_cesta { clear: both; } .contentstyle .ficha div.precio { text-align: right; padding-right: 25px; float: right; clear: none; } div.precioPrincipal { clear: both; font-size: 60px; color: #545d64; } .divisa_ini, .divisa_fin { font-size: .7em; } p.botonComprarFicha, p.botonReservarFicha { float: none; clear: both; margin-top: 0; width: 100%; margin-bottom: 30px; } #contenido .contentstyle .ficha a.botonComprar { display: block; color: #fff !important; background-color: #017ac3; text-decoration: none; font-size: 24px; text-align: center; line-height: 1; padding: 20px 40px; text-transform: none; font-weight: 700; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } #contenido .contentstyle .ficha a.botonComprar:hover { background-color: #e01218; } #contenido .contentstyle .ficha a.botonReservar { display: block; text-decoration: none; font-size: 24px; text-align: center; line-height: 1; padding: 20px 40px; text-transform: none; font-weight: 700; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; min-width: 270px; } form.cantidad { background: #fff; padding: 3px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .decrement-unit, .increment-unit { background-color: #dbe0e6; border: 0 none; color: #96a0aa; float: left; font-size: 28px; font-weight: bold; height: 46px; margin-right: 3px; width: 46px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; padding-bottom: 10px; } .increment-unit { margin-right: 0; margin-left: 3px; } .decrement-unit:hover, .increment-unit:hover { background-color: #4d5c67; color: #fff; } input.campoCantidadFicha { background-color: #fff; border: 0 none; color: #97a1a9; font-family: 'Quicksand', sans-serif; font-size: 30px; font-weight: bold; height: auto; padding: 1px; line-height: 1; } .Envase { font-size: 14px; font-weight: 400; color: #848f98; } .en_reposicion, .parcialmentedisponible { color: #fff; background-color: #fa0; padding: 5px 10px; font-weight: 800; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; margin-top: 10px; } .disponible { color: #fff; background-color: #690; padding: 5px 10px; font-weight: 800; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; margin-top: 10px; } .agotado { color: #fff; background-color: #ba0000; padding: 5px 10px; font-weight: 800; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; margin-top: 10px; } /**/ .datosProducto h6 { font-size: 22px; text-transform: inherit; color: #505a63; } .familiasRelacionadas { margin-bottom: 0; } .familiasRelacionadas p, .fechaLanzamiento p, .fechaPrelanzamiento p, .fichaMarca p, .camposDinamicos p, .descargas p { font-size: 18px; } .familiasRelacionadas a { padding: 7px 21px; font-size: 14px; font-weight: 500; } .familiasRelacionadas a:hover { text-decoration: none; } /**/ div.herramientas { border-top: 0 none; margin: 0; } div.herramientas a { background-color: transparent; font-size: 12px; text-transform: uppercase; height: auto; line-height: normal; margin-left: 0; margin-top: 0; padding: 5px 6px; text-decoration: none; float: none; display: inline-block; } div.herramientas a:hover { background-color: transparent; } .herramientas a > img { margin-right: 0; } #solicitar_info_div .formulario fieldset, #enviar_amigo_div .formulario fieldset, #valorar_producto_div .formulario fieldset { margin: 0; padding: 0; } #solicitar_info_div label, #enviar_amigo_div label, #valorar_producto_div label { clear: both; float: none; font-size: 14px; margin-right: 0; padding-top: 0; text-align: left; width: 100%; font-weight: 500; } #solicitar_info_div div.formulario p, #enviar_amigo_div div.formulario p, #valorar_producto_div div.formulario p { margin-bottom: 10px; } .valoracion { margin-left: 0; margin-bottom: 10px; margin-top: 15px; } #comentarios { border: 3px solid #dadfe5; padding: 10px 0; margin-top: 30px; } .filaComentarios { background-color: transparent; font-size: 16px; font-weight: 500; margin-top: 0; border-bottom: 3px solid #dadfe5; padding-top: 0; overflow: hidden; } .stars img { max-width: 24px; } .valoraciones { width: auto; font-size: 14px; font-weight: 500; } div.opinion { padding: 0 20px; } div.opinion div.usuario { font-size: 16px; } div.opinion p { margin-top: 10px; font-size: 14px; font-weight: 500; } /* NOTICIAS ----------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------*/ .noticias.detalle, .noticias.titulares, .noticias.blog, div.noticias { margin: 0px; } div.noticias img { border: 1px solid #d3d3d3; padding: 3px; } div.noticias.detalle img { max-width: none; } div.noticias p img { clear: both; float: none; margin: 20px 0; } .fecha { color: #9c9c9c; font-size: 12px; margin-top: 3px; } .tituloListado { font-size: 18px; } .descripcionListado { font-size: 14px; } #bloque li { border-bottom: 1px dotted #b8b8b8; } #bloque li:first-child { border-top: 1px dotted #b8b8b8; } #bloque li a { padding: 10px 15px; } #bloque li a:hover { Background: #f8f8f8; } #bloque li a:hover .tituloListado, #bloque li a:hover .descripcionListado { color: #009BDB; } #bloque li a:hover div.noticias p { font-size: 14px; } div.noticias #bloque li a:hover img { border: 1px solid #656565; } div.paginador { border-bottom: 1px dotted #b8b8b8; border-top: 1px dotted #b8b8b8; color: #808080; font-size: 11px; margin: 0 20px; padding: 4px 10px 4px 5px; text-align: right; } .tituloComunicado { font-size: 24px; margin: 0; padding-bottom: 5px; padding-top: 5px; } div.noticias p { font-size: 14px; margin-bottom: 15px; } /*pie noticia */ div.adicional_noticias { margin: 15px 0 0; } div.tituloFechaComunicado { background-color: #E7E9EA; color: #333; font-size: 12px; padding: 5px 5px 5px 10px; } div.fechaComunicado { font-size: 14px; } div.fechaComunicado div.fechaInicio { background: url("/cms/site_0002/imagenes_css/imagen_css-3-4350dd6c01d02b91db.png") no-repeat left center; padding: 2px 2px 2px 20px; } #entrada { margin-left: 0; margin-right: 0; margin-top: 15px; } div.paginador { margin: 0; } /* AREA PRIVADA ----------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------*/ #menuTabs li a { text-transform: inherit; font-size: 16px; font-family: 'Quicksand', sans-serif; background-color: transparent; padding: 5px 15px; } #menuTabs li.activo, #menuTabs li.activo:hover { background-color: rgb(80, 90, 99); border: 3px solid rgb(80, 90, 99); border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; } #menuTabs li.activo a, #menuTabs li.activo a:hover { background-color: transparent; } #contenido #areaPrivada h2 { font-size: 36px; text-transform: inherit; } fieldset.areaprivada { background-color: transparent; border-top: none; } #areaPrivada .celdaTitForm { background-color: #96a0aa; font-size: 14px; text-transform: uppercase; padding: 5px 25px; color: #fff; width: auto; float: left; clear: both; margin-bottom: 20px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; font-weight: bold; } #AP_datosFactura { clear: left; } #AP_datosDireccionFactura td.campos { width: 60%; } .tablaForm td.celdaSeparador { border-bottom: 0 none; } .formCompra input#apellido1, .formCompra input#apellido2 { width: 46.5%; } #contenido p.guardar a.lnkSiguiente { color: #ffffff; } #areaPrivada label { font-size: 14px; } .campoescrito.nombreusuario { font-size: 16px; font-weight: 500; } .tablaForm td { font-size: 14px; } .areaprivada.avisoLegal { margin-bottom: 0; } p.guardar .lnkSiguiente { background-color: #017ac3; color: #fff; font-size: 16px !important; font-weight: bold; padding: 15px 30px; text-transform: inherit; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; } p.guardar .lnkSiguiente:hover { background-color: #002c44; } #areaPrivada p.guardar { overflow: hidden; margin-top: 0; margin-bottom: 50px; } /* PROCESO COMPRA -------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------*/ .tablaProcesoCompra { /*border: 3px solid #dbe0e6;*/ margin: 30px auto 20px; max-width: 500px; } .tablaProcesoCompra td div { margin-bottom: 10px; } .tablaProcesoCompra td.uno div { -webkit-border-top-left-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomleft: 20px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; } .tablaProcesoCompra td.tres div { -webkit-border-top-right-radius: 20px; -webkit-border-bottom-right-radius: 20px; -moz-border-radius-topright: 20px; -moz-border-radius-bottomright: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; } .uno > div, .dos > div, .tres > div { background-color: transparent; color: #acb0b5; padding: 10px 0 35px; background-position: center bottom; background-repeat: no-repeat; mix-blend-mode: multiply; } .uno.activo > div, .dos.activo > div, .tres.activo > div { background-color: transparent; color: #505a63; font-weight: 700; } .uno > div { background-image: url("/cms/site_0629/imagenes_css/imagen_css-1192-1c6b201f241c2b3b76fbd6ace8c43502.png"); } .uno.activo > div { background-image: url("/cms/site_0629/imagenes_css/imagen_css-1192-b6eb7a7d0b56245143bf2ddf2139243f.png"); } .dos > div { background-image: url("/cms/site_0629/imagenes_css/imagen_css-1192-4ba6056e64dd7f223cf75cc6d50cabea.png"); } .dos.activo > div { background-image: url("/cms/site_0629/imagenes_css/imagen_css-1192-1be494bf96c12f7be652a121b095825e.png"); } .tres > div { background-image: url("/cms/site_0629/imagenes_css/imagen_css-1192-ade1b0103d459e7dc3903c89259901cc.png"); } .tres.activo > div { background-image: url("/cms/site_0629/imagenes_css/imagen_css-1192-7e15996628195ec02bc89744563c5ff0.png"); } #paso01, #paso02, #paso03, #paso04, #paso05 { margin-left: 0px; margin-right: 0px; } #paso01 h2#paso1_h2, #paso02 h2#paso2_h2, #paso03 h2#paso3_h2, #paso04 h2#paso4_h2, #paso05 h2#paso5_h2 { font-size: 36px; color: #505a63; text-align: center; } .tarifa_sel span { font-weight: 500; } .tablaCesta th { font-family: 'Quicksand', sans-serif; } a.producto span span.nombreproductocesta { color: #545d64; font-size: 16px; } .anyadir, .quitar, .formCompra input.campoCantidad { background-color: transparent; color: #97a1a9; } .tablaCesta td { font-weight: 500; } .tablaCesta .filaCalculos td, .importeTotal.importeSubTotal td { border: none; padding-bottom: 3px; padding-top: 3px; } .tablaProcesoCompra td { font-size: 16px; text-transform: uppercase; } .tablaProcesoCompra td.activo { font-weight: 400; } table.tablaCesta tr.importeTotalaPagar td { background-color: transparent; color: #545d64; } .tablaCesta tbody .precio02 { font-size: 14px; } .tituloTarifa { padding: 10px 0 0; font-weight: 500; } div.logistica { padding: 0; } .nombreAgencia > span { color: rgb(84, 93, 100); } .agencias { margin-left: 0; } table.tablaCesta tr.importeSubTotal td { border-bottom: 3px solid rgb(219, 224, 230); } /*botones*/ .tablaNavegaCompra { overflow: hidden; padding: 50px 0; } #centro #contenido div.tablaNavegaCompra a.lnkBotonVerde.destacado, #centro #contenido a.lnkBotonVerde.destacado { display: block; color: #fff !important; background-color: #017ac3; text-decoration: none; font-size: 24px; text-align: center; line-height: 1; padding: 20px 40px; text-transform: none; font-weight: 700; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; float: right; } #centro #contenido div.tablaNavegaCompra a.lnkBotonVerde.destacado:hover, #centro #contenido a.lnkBotonVerde.destacado:hover { background-color: #e01218; } #centro #contenido a.lnkBotonRojo:link, #centro #contenido a.lnkBotonRojo { color: #97a1a9; background-color: #dbe0e6; padding: 10px 25px; font-weight: 600; font-size: 14px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; float: left; } #centro #contenido a.lnkBotonRojo:hover { background-color: #4d5c67; color: #fff; } /*/////////////////////////////////////// MIS DATOS //////////////////////////////////*/ #paso02 .cajaCompra01 { border: 3px solid #dbe0e6; } #contenido .cajaCompra01 > h3, #contenido .cajaCompra02 > h3 { padding: 0; font-size: 20px; } #datosIdentificacion td, #datosDireccionFacturacion td, #datosFacturacion td, #table_dir_envio td { color: rgb(132, 143, 152); } .cajaCompra01 p, .cajaCompra02 p { font-size: 16px; } #paso02 .cajaCompra02.unaColumnaLogeado { width: 100%; } #paso02 .cajaCompra02 { border: 0 none; } .miniTexto { font-size: 11px; margin-bottom: 0; font-weight: 500; } .cajaCompra02 { font-size: 0.85em; margin-bottom: 25px; margin-left: 0px; margin-top: 0px; padding: 10px 0; } .celdaTitForm { background-color: #96a0aa; font-size: 14px; text-transform: uppercase; padding: 5px 25px; color: #fff; width: auto; float: left; clear: both; margin-bottom: 20px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; } .cajaCompra02 p.ceder_datos, .cajaCompra02 p.recibir_newsletter, .cajaCompra02 p.legal_condiciones { margin: 0; } .cajadatos { overflow: hidden; clear: both; } #datosDireccionFacturacion { margin-top: 0; background-color: transparent; border-color: transparent; } .formCompra input.campoInactivo { background-color: #dcdfe3; border: 2px solid #dcdfe3; } input[type="radio"].css-checkbox + label.labelradio, input[type="checkbox"].css-checkbox + label.labelcheck { font-size: 14px; } /*///////////////////////////////////////////////// RESUMEN ////////////////////////////////////////////*/ div.cajaResumen { border: 0 none; padding: 0; background-color: transparent; } #paso03 .cajaFormaPago { border: 3px solid #dbe0e6; } .cajaResumen.formasdePago { padding: 10px 20px; } #paso03 .cajaFormaPago h3 label, #contenido #paso03 h3 { font-weight: bold; } .overflow.tipo_productos { margin-bottom: 70px; } #paso03 .tarifa { margin-top: 0; } table.tablaCesta tr.importeSubTotal.previo td { border: none; } .cajaResumen table.tablaDatosPersonales th { border-bottom: 0 none; padding-bottom: 15px; padding-top: 0; color: #505a63; font-size: 18px; } .cajaResumen table.tablaDatosPersonales td { font-size: 16px; font-weight: 500; } .cajaResumen table.tablaDatosPersonales strong { color: #505a63; font-size: 14px; } .formCompra .cajaResumen textarea { font-family: 'Quicksand', Helvetica, Arial, sans-serif; width: 100%; } .cajaResumen.datosPersonales { padding-top: 0; padding-bottom: 10px; } .cajaResumen.observaciones { padding: 0; clear: both; } /*/////////////////////////////////////// FINAL ///////////////////////////////*/ #contenido #paso04 h3 { background-color: #96a0aa; color: #fff; font-size: 14px; margin: 0 0 10px 0; padding: 7px 25px; text-transform: uppercase; background-image: none; text-shadow: inherit; width: auto; float: left; border-radius: 30px; clear: both; } .cajaResumen.formasdePago, .cajaResumen.productos, .cajaResumen.datosPersonales, .cajaResumen.documentosAdjuntos, .cajaResumen.documentosAdjuntos02, .cajaResumen.codigoPromocional, .cajaResumen.codigoClub, .cajaResumen.ordenCompra, .cajaResumen.procedimientoReservas, .cajaResumen.regalosPromocionales { clear: both; border: 3px solid #dbe0e6 !important; } #identificadorPedido p { color: #969696; } .modificar a.lnkSize { font-size: 12px; font-weight: 500; } .cajaResumen table.tablaDatosPersonales th { padding-bottom: 0; } /*//////// LOGIN EN UNA SOLA LINEA ///////*/ div#cajaNoLogeado.cajasIzda, div#cajaLogeado.cajasIzda { height: auto !important; /* Resetea la altura de las cajas, por defecto fija */ padding-bottom: 5px; } div#cajaNoLogeado.cajasIzda form { margin: 5px 0 0; } div#cajaNoLogeado.cajasIzda p { /* los p contienen los input visibles */ float: left; display: block; width: 50% } div#cajaNoLogeado.cajasIzda label { font-size: 9px; display: block; text-transform: uppercase; padding-left: 0; } div#cajaNoLogeado.cajasIzda input.camposformHome { width: 99%; padding: 3px; margin-right: 5px; margin-left: 0; border-color: #eeeeee; /* borde gris, modificar por el color de la plantilla */ } div#cajaNoLogeado.cajasIzda input.camposformHome:hover { border-color: #cdcdcd; /* borde azul, modificar por el color de la plantilla */ color: #8e8e8e; } div#cajaNoLogeado.cajasIzda input.camposformHome:focus { border-color: #949494; /* borde azul, modificar por el color de la plantilla */ color: #3d3d3d; } div#cajaNoLogeado.cajasIzda input.botonform { width: 199%; /* ancho por defecto, modificar para adaptarlo a la plantilla */ background-color: #5aabd5; /* fondo verde, modificar por el color de la plantilla */ text-transform: uppercase; margin-left: 0; } div#cajaNoLogeado.cajasIzda input.botonform:hover { background-color: #202020; /* fondo verde, modificar por el color de la plantilla */ } div#cajaNoLogeado.cajasIzda a { display: block; clear: both; margin: 0; padding-left: 5px; font-size: 10px; } div#cajaNoLogeado.cajasIzda br { margin: 0; padding: 0; display: none; } /*/////// FIN LOGIN EN UNA SOLA LINEA ///////*/ /* MAPA WEB ----------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------*/ div.tituloMapa { font-size: 20px; margin: 15px 0 5px; padding: 0 0 0 3px; } #jquery_sitemap ul { list-style-image: none; list-style-type: none; margin: 0; padding: 8px 20px 15px; background: #efefef !important; opacity: 1 !important; } #jquery_sitemap ul:hover { background: #fafafa !important; } #jquery_sitemap ul ul { background: #e3e3e3 !important; opacity: 1 !important; } #jquery_sitemap ul ul:hover { background: #eaeaea !important; } #jquery_sitemap ul ul ul { background: #d5d5d5 !important; opacity: 1 !important; } #jquery_sitemap ul ul ul:hover { background: #dddddd !important; } #contenido #jquery_sitemap a { color: #00597b; } #contenido #jquery_sitemap a:hover { color: #0084b7; } /* CLIENTES ----------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------*/ div.filtro { background-color: #f4f4f4; font-size: 10px; margin: 10px 0px 20px; padding: 10px 5px 11px 10px; text-align: center; } div.listados { margin-left: 0; margin-right: 0; } table.ordenAlfabetico td { border-top: 1px solid #CCCCCC; border-right: 0 none; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; } table.ordenAlfabetico td:last-child { border-right: 1px solid #CCCCCC; } #contenido .ordenAlfabetico { color: #c3c3c3; } #contenido .ordenAlfabetico a { display: block; font-weight: bold; transition: all .2s ease; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; } #contenido .ordenAlfabetico a:hover { background: #e9e9e9; color: #2d3031; text-decoration: none; } #listaProveedores a { padding: 6px 15px; background: url("/cms/site_0001/imagenes_css/imagen_css-1-de3938dd9dacbd51cd.png") no-repeat right center; } #listaProveedores a:hover { padding: 6px 10px 6px 20px; background: #f9f9f9 url("/cms/site_0001/imagenes_css/imagen_css-1-64bf1caab4933a8e4c.png") no-repeat right center; } #listaProveedores ul a { font-size: 13px !important; } #listaProveedores ul a span:first-child { font-size: 16px !important; } #listaProveedores ul a span:last-child { font-size: 13px !important; } #contenido #listaProveedores a { color: #8c8e8e; } #contenido #listaProveedores a:hover { color: #5AABD5; } p.elementos_encontrados { color: #b4b4b4; float: left; font-size: 16px; padding: 5px 0 5px 33px; width: 100%; background: url("/cms/site_0001/imagenes_css/imagen_css-1-aab2ebbcaab305c8af.png") no-repeat left center; } /* FICHA CLIENTE */ #navePestanyas { font-weight: 400; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; text-transform: uppercase; } #navePestanyas ul { background: #e7e7e7; padding-left: 1em; padding-top: 1em; } #navePestanyas a { display: block; float: left; font-size: 1.2em; padding: 0.3em 0.8em 0.6em; } #navePestanyas a:hover { display: block; float: left; font-size: 1.2em; padding: 0.3em 0.8em 0.5em; background: transparent; } div.datosPresentacion { font-size: 14px; } dl.bloqueDatos01, dl.bloqueDatos02 { width: 315px; } #div_cliente_presentacion dl.bloqueDatos01 { margin-right: 30px; } div.datosPresentacion dt { color: #747474; } div.datosPresentacion dd { border-bottom: 1px dotted #a9a9a9; padding-bottom: 7px; color: #333333; font-weight: bold; font-size: 16px; } /**/ div.mapaGoogle { height: 350px; width: 98%; } /* MAPA WEB ----------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------*/ #areaMapaWeb #contenido, #mapaWeb { width: 100% !important; } #contenido #jquery_sitemap a { color: #444444; font-size: 14px; } #contenido #jquery_sitemap a:hover { color: #5AABD5; } /* BLOG ----------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------*/ #body_PlantillasSitesPlantilla5comunicados_blog #centro, #body_PlantillasSitesPlantilla5comunicados_blog_detalle #centro, #body_comunicados_blog #centro, #body_comunicados_blog #centro { width: 730px !important; } #bloque.bloqueBlog li:first-child { border-top: 0 none; } #contenido #bloque.bloqueBlog h4 { font-size: 20px; line-height: 1.1em; margin: 0 0 6px; } .detallesEntrada { padding-top: 5px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; } #bloque #listaBlog li { border-bottom-color: #ffffff; border-bottom: 0 none; } /* fecha */ .fechaBlog01 { font-size: 11px; line-height: 1.2em; margin-bottom: 10px; background: #333; color: white; padding: 4px; background: #2d2d2d; } .fechaBlog01 span.dia { font-size: 20px; line-height: 1em } .fechaBlog01 span.anyo { font-size: 12px; ; } /*herramientas*/ .blog #entrada div.herramientas { background: transparent url("/cms/site_0001/imagenes_css/imagen_css-1-46c0a121e9afc3117d.gif"); margin: 0 0 25px; padding: 0 !important; width: auto; } div.noticias div.herramientas img { border: 0 none; padding: 0; } #entrada div.herramientas { background: transparent url("/cms/site_0001/imagenes_css/imagen_css-1-46c0a121e9afc3117d.gif"); } /* DESCARGAS ----------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------*/ table.cms { width: 100%; } table.cms table.gama_arbol th { background: transparent url("/cms/site_0001/imagenes_css/imagen_css-1-46c0a121e9afc3117d.gif"); color: #282828; font-size: 12px; font-weight: normal; padding: 5px 5px 5px 10px; text-align: left; } table.cms table.gama_arbol td ul li { border-bottom: 1px dotted #d5d5d5; display: block; font-size: 11px; padding: 2px 2px 6px; width: 99%; clear: both; transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; } table.cms table.gama_arbol td ul li:first-child { border-top: 1px dotted #d5d5d5; margin-top: 10px; } table.cms table.gama_arbol td ul li:hover { background: #f9f9f9; } table.cms table.gama_arbol td ul li a { background: transparent; display: inline-block; font-size: 14px; padding: 4px; text-align: center; width: auto; } table.cms table.gama_arbol td ul li a:hover { background: transparent; } /* ENLACES ----------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------*/ table.cms table.gama_arbol { } table.cms table.gama_arbol td { } /* CARRUSEL BANNERS HOME / PIE ------------------------------------------------------------------------------------------ ---------------------------------------------------------------------------------------------------------------------------*/ iframe[id^="carrusel"] { width: 1170px; margin: 0 auto !important; display: block; background: #fff; } iframe[id^="carrusel"] .jcarousel-skin-tango { } /* CARRUSEL BANNERS CONTENIDO ------------------------------------------------------------------------------------------ ---------------------------------------------------------------------------------------------------------------------------*/ #contenido iframe[id^="carrusel"] { width: 100%; margin: 0 auto !important; display: block; background: #fff; } /*///////////////////////////////////////////////////////////////////////////////////////// PIE /////////////////////////////////////////////////////////////////////////////////////////*/ address { padding: 0; margin: 0; } .textosCondiciones { display: none; } #pie a:link, #pie a:visited { color:#90cdef; } #pie a:hover { color:#fff; text-decoration: none; } /* PIE A //////////////////*/ #pieA { background: url("/cms/site_0629/imagenes_css/imagen_css-1192-a3e471c7a85d9a5c8ae469dd24d838a4.jpg") repeat center top; padding-top: 50px; font-size: 16px; font-weight: 600; } #pieA .container { background: #0088d5; padding-top: 30px; padding-bottom: 20px; text-align: left; -webkit-box-shadow: 0px 7px 30px 0px rgba(0,55,82,0.6); -moz-box-shadow: 0px 7px 30px 0px rgba(0,55,82,0.6); box-shadow: 0px 7px 30px 0px rgba(0,55,82,0.6); max-width: 1500px; width: 90%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0084cf+1,0093e6+100 */ background: #0084cf; /* Old browsers */ background: -moz-linear-gradient(left, #0084cf 1%, #0093e6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #0084cf 1%,#0093e6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #0084cf 1%,#0093e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0084cf', endColorstr='#0093e6',GradientType=1 ); /* IE6-9 */ } #pieA h3 { font-size: 18px; font-weight: 600; margin-bottom: 5px; text-transform: uppercase; } #pieA ul { margin: 0; padding: 0; list-style-type: none; } #pieA ul li a { font-size: 16px; font-weight: 600; padding-left: 18px; background: url("/cms/site_0629/imagenes_css/imagen_css-1192-1c6e33046beacffd1862dd44275f155c.png") no-repeat left 6px; } .col-contacto { padding-top: 90px; background: url("/cms/site_0629/imagenes_css/imagen_css-1192-3e232254e6aa1b4db2d11724e1fbcadb.png") no-repeat 10px 10px; } .col-contacto ul li { padding: 5px 5px 5px 50px; } .col-contacto ul li.tlf-pie { background: url("/cms/site_0629/imagenes_css/imagen_css-1192-46685f816bf7ba476d98da65c31c8c80.png") no-repeat 24px 7px; } .col-contacto ul li.mail-pie { background: url("/cms/site_0629/imagenes_css/imagen_css-1192-75ef7bef60e7d62411cabe8ea7a28d98.png") no-repeat 24px 8px; } #pieA .col-contacto ul li a { font-size: 16px; font-weight: 600; padding-left: 0; background: none; } /* Redes pie */ #pie-social { padding: 0; padding-top: 40px!important ; margin: 0; background: none; text-align: center; } #pie-social li { display: inline-block; } #pieA ul#pie-social li a { /*background: none;*/ background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; display: inline-block; position: relative; text-indent: -99999px; margin: 0 3px; } #pieA ul#pie-social li.pie-fb a { background-image: url("/cms/site_0629/imagenes_css/imagen_css-1192-3c71afe663b848b4dd64c79f7010bfad.png"); } #pieA ul#pie-social li.pie-fb a:hover { background-image: url("/cms/site_0629/imagenes_css/imagen_css-1192-c1424aeef9ab4616db096f5ceab3a194.png"); } #pieA ul#pie-social li.pie-twitter a { background-image: url("/cms/site_0629/imagenes_css/imagen_css-1192-5fa4b0e53923bdbd5d4550381ab17281.png"); } #pieA ul#pie-social li.pie-twitter a:hover { background-image: urlÇ("/cms/site_0629/imagenes_css/imagen_css-1192-17ed1fee868294b2abf8dc8284cb7fef.png"); } #pieA ul#pie-social li.pie-insta a { background-image: url("/cms/site_0629/imagenes_css/imagen_css-1192-b59dbe312c9667308940d83a720c9266.png"); } #pieA ul#pie-social li.pie-insta a:hover { background-image: url("/cms/site_0629/imagenes_css/imagen_css-1192-5dd0459e511c89f6c865005c80766d4a.png"); } /**/ #bottomPie { background-color: #041e31; color: #4e718b; font-size: 12px; padding: 10px 20px; border-top: 8px solid #ff161f; font-weight: 500; } #bottomPie p:first-child { margin: 20px auto; } /* BOLETIN PIE ------------------------------------------*/ #contenedorBoletinPie { width: 100%; max-width: 1170px; margin: 0 auto; text-align: center; background: url("/cms/site_0629/imagenes_css/imagen_css-1192-5e020f32dcd698fd1b9854308a87e3db.png") no-repeat left bottom; } #boletinPie { width: 100%; max-width: 700px; padding: 30px 0 30px; margin: 0 auto; text-align: left; } #boletinPie h4 { margin-bottom: 0; font-size: 24px; } #boletinPie p.pDescripcion { color: #041e31; } #boletinPie div.campos { overflow: hidden; background: #fff; padding: 5px 5px 5px 25px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; margin-bottom: 5px; } #boletinPie div.campos input.campo { width: 80%; float: left; font-size: 21px; font-weight: 500; border: 0 none; } #boletinPie div.campos input.boton { background: #007ac2 url("/cms/site_0629/imagenes_css/imagen_css-1192-4fd05d271a48a92a8381cdba7146e4ce.png") no-repeat 16px center; width: 17%; float: right; position: relative; width: 50px; height: 50px; text-indent: -99999px; border: 0 none; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } #boletinPie div.campos input.boton:hover { background: #041e31 url("/cms/site_0629/imagenes_css/imagen_css-1192-4fd05d271a48a92a8381cdba7146e4ce.png") no-repeat 16px center; } #boletinPie label { color: #fff; } /*///////////////////// CSS DINÁMICO : Megamenú //////////////////////////*/ /*////////////////////////////////////////////////////////////////////*/ /* */ /* MENU PRINCIPAL */ /* */ /*////////////////////////////////////////////////////////////////////*/ .navbar { top: 168px; position: absolute; left: 0; right: 0; } .navbar-nav.navbar-left { float: none !important; } .navbar-nav { float: none !important; margin: 0 auto !important; text-align: center !important; } .navbar-nav > li { float: none; display: inline-block; } .navbar .nav>li>a { display: block; } #divMgm_18 { padding: 20px 30px !important; } .nav > li > a { padding-left: 24px !important; padding-right: 24px !important; background-image: url(/UserFiles/images/divider.png); background-repeat: no-repeat; background-position: right center; background-image: none; } .nav > li > a:last-child { background-image: none; } .mgmImageSubmenu { margin-bottom: 5px; } .mgmIcono img { max-height: 22px; } #divBGMgm_5_Logos-marcas { background-color: #e3eef8; padding-top: 10px; padding-bottom: 10px; margin-top: 15px; } .navbar:not(.no-border) .navbar-nav > li.dropdown-grid > .dropdown-grid-wrapper > .dropdown-menu, .navbar:not(.no-border) .navbar-nav > li[class*="dropdown"] > .dropdown-menu { margin-top: -2px !important; border-radius: 0; } .navbar .dropdown-menu { border-bottom: 7px solid #ff161f !important; box-shadow: 3px 5px 10px #bcbcbc !important; -moz-box-shadow: 3px 5px 10px #bcbcbc !important; -webkit-box-shadow: 3px 5px 10px #bcbcbc !important; border-left: none !important; border-right: none !important; } .separadorhorizontal { padding: 10px 0; } .dropdown-menu .titularmenu { font-size: 18px; padding: 0; } .navbar .dropdown-menu li > a { color: #7e7e7e; padding: 3px 0 !important; font-weight: 500; } .navbar .dropdown-menu li > a:hover { color: #0095df; } .navbar .dropdown-menu li.titularmenu > a { color: #000 !important; font-weight: 700; padding: 3px 0 !important; text-align: left; } .navbar .dropdown-menu li.titularmenu { color: #000 !important; font-weight: 700; white-space: nowrap; } .navbar .navbar-nav .dropdown-menu li.logomarca { min-height: 70px; } .navbar .navbar-nav .dropdown-menu li.logomarca a { text-align: center; } .navbar .navbar-nav .dropdown-menu li.logomarca a div img { display: inline; } .navbar .navbar-nav .dropdown-menu li.linkdestacado { border-top: 1px dotted #b9b9b9; margin-top: 10px; } .navbar .navbar-nav .dropdown-menu li.linkdestacado.sinlinea { border: none; } .navbar .navbar-nav .dropdown-menu li.linkdestacado a { color: #0095df !important; font-size: 12px; font-weight: 600; } .navbar .navbar-nav .dropdown-menu li.linkdestacadocolumna a { color: #0095df !important; font-size: 12px; font-weight: 600; } li.img-inferior { margin-top: 7px; } .separadorhorizontal-licencias { height: 8px; } .navbar .dropdown-menu li.conbullet > a { background-image: url(/UserFiles/images/bullet-megamenu01.png); background-repeat: no-repeat; background-position: 0px 6px; padding-left: 13px !important; } .navbar .navbar-nav .dropdown-menu li.imagencabecera { margin-bottom: 8px; } #divBGMgm_17_F002 { margin-bottom: 15px; } #optMM_VERANO2018 { color: #ba2477; font-weight: 800; } /*////////////////////////////////////////////////////////////////////*/ /* */ /* SECCION */ /* */ /*////////////////////////////////////////////////////////////////////*/ div.menuGenerico { width: 1600px; margin: 0 auto; } div.menuGenerico > ul > li > a { display: none; } li.titulo-menuhome { font-size: 30px; color: #151b20; font-weight: 600; line-height: 120%; } .menuGenerico li li a { font-size: 16px; color: #7e7e7e; font-weight: 300; } .menuGenerico li li a:hover { color: #0095df; } .menuGenerico li li a span { background-image: url(/UserFiles/images/bullet-megamenu01.png); background-repeat: no-repeat; background-position: 0px 1px; padding-left: 14px !important; background-size: inherit; } /*///////////////////// CSS DINÁMICO : RESPONSIVE //////////////////////////*/ @media only screen and (min-width: 992px) { .container { width: 100%; } } @media only screen and (min-width: 768px) { .container { width: 100%; } } /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// VERSION MOVIL ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ .tipo_productos { font-weight: 500; } [id^="div_item_"], [id^="div_pendiente_"], [id^="div_reserva_"] { padding: 10px; } #datosVersionMovil .precio02 a { right: 5px; } div.filaCalculos > div:first-child, div.importeTotalaPagar > div:first-child { color: rgb(84, 93, 100); } /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ESTILOS HASTA 1200 ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ @media only screen and (max-width: 1200px) { #base1024, #cabecera, #base, address { width: 100% !important; } #base { padding-left: 2%; padding-right: 2%; } #centro, #centro.dobleColumna, #centro.tripleColumna, .anchoCompleto { width: 100% !important; padding-left: 0; margin-left: 0; margin-right: 0; } /********************************************** GENERICOS *******************************************/ .imagen_cabecera_cms img { height: auto; width: 100%; } .noticias.detalle iframe { width: 100% !important; } /********************************************** LISTADOS *******************************************/ .cajasIzda.filtroProductos { left: 0; margin-left: 3%; width: 94%; } table.tablaFiltros, table.visualizacion, .baseTablaColumnas, .baseTablaFilas, .baseTablaFoto, .baseTablaMini { width: 100%; } table.gama { margin-left: 0; width: 100%; } /********************************************** FICHA *******************************************/ .contentstyle { padding-top: 20px; } #fotos { margin-right: 40px; } /********************************************** PIE *******************************************/ #pieA .container { width: 96%; } /********************************************** PROCESO DE COMPRA *******************************************/ .tablaNavegaCompra { padding-top: 0; } /********************************************** AREA PRIVADA *******************************************/ #menuTabs { background-color: transparent; padding: 5px 0 0; } #menuTabs li { display: inline-block; white-space: nowrap; } #menuTabs li:hover { margin: 7px 3px 3px; } #menuTabs li.activo, #menuTabs li.activo:hover { margin: 7px 3px 3px; padding-bottom: 0; padding-top: 0; } } /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ESTILOS HASTA 992 ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ @media only screen and (max-width: 992px) { /* CABECERA //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ div.logo { left: 10px; } .navbar { left: 0; } .nav > li > a { padding-left: 20px !important; padding-right: 20px !important; } #buscadorTop { width: calc(100% - 380px); } /* CONTENIDO//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* CARRUSEL HOME --------------------------------------------------------------------------------------------------------------------------*/ .gal_carrusel li.flecha_der, .gal_carrusel li.flecha_izq { top: calc(50% - 25px); width: 60px; height: 60px; } .gal_carrusel .bx-prev, .gal_carrusel .bx-next { width: 60px; height: 60px; background-size: contain; } /* ACCESOS HOME --------------------------------------------------------------------------------------------------------------------------*/ #accesos-home .col.col-sm-4 { padding-left: 5px; padding-right: 5px; } div.megaeditor .accesos-home-txt p { min-height: auto; height: 68px; font-size: 18px; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px; } #edades-home > div { margin-bottom: 20px; float: left; width: 50%; } /* LISTADO//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /********** PARRILLA ************/ table.tablaCategorias td { width: 31% !important; margin-bottom: 20px; } /********** FOTO ************/ ul.foto { width: 32.9%; } /* PIE //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #pieA { padding-top: 20px; } #pieA .row { text-align: center; } #pieA .container { padding-top: 20px; padding-left: 40px; padding-right: 40px; } .col-contacto { background: url("/cms/site_0001/imagenes_css/imagen_css-4-85c23cfe90c12cc695.png") no-repeat center 10px; } #pieA .col { margin: 0 auto; text-align: left; display: inline-block; } #pieA .col-contacto { width: 100%!important; text-align: center !important; background-position: top center; } .col-contacto ul li { display: inline; } #pieA .col-accesos { width: 31%!important; vertical-align: top; } #boletinPie { padding-top: 10px; padding-bottom: 15px; } } /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ESTILOS HASTA 767 ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ @media only screen and (max-width: 767px) { /***************************************** GENERICOS *************************************/ #antebase { background-position: left 205px; } div.galeria, div.megaeditor, #contenido .seccion, div.noticias, #contenido h3, #enviar_amigo_div, #comentar_comunicado_div, #comentar_comunicado_div, div.filtro, div.listados, #navePestanyas, div.formulario, #contenido #areaPrivada, .noticias.detalle, .noticias.titulares, .noticias.blog, div.adicional_noticias, #entrada, .contenedor { margin-right: 0; margin-left: 0; } iframe[id^="carrusel"] { width: 0; } /* HOME //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #body_cms_home #base { padding-top: inherit; margin-top: inherit; } #accesos-home .col.col-sm-4 { padding-left: 15px; padding-right: 15px; } #accesos-home .col .contenido-accesos-home { max-width: 550px; margin: 0 auto 20px; } /* CABECERA//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #baseCabecera { background: url("/UserFiles/images/bg_cabecera.png") left 0 repeat-x, url("/UserFiles/images/bg_cabecera02.png") 200px -100px repeat-x; background-color: rgba(0, 0, 0, 0); background-color: #0099e1; box-shadow: 0 0 20px rgba(0,0,0,.5); } #cabecera { height: 225px!important; } #base-mensajeCabecera { position: absolute; top: 185px; width: 100%; z-index: 99; } #mensajeCabecera { overflow: auto; margin: 0 30px; width: calc(100% - 60px); -webkit-overflow-scrolling: touch; } #mensajeCabecera { white-space: nowrap; } /* Logo ------------------------------------------------------------------------*/ div.logo { top: -35px !important; position: relative; width: auto; text-align: center; left: inherit; clear: both; } #img_logo { max-height: 100px; } /* Buscador top ------------------------------------------------------------------------*/ #buscadorTop { width: 94%; top: 112px !important; right: auto !important; left: 3%; z-index: 999; } /* Cesta ------------------------------------------------------------------------*/ #titLoginTop a { text-indent: -99999em; padding: 8px 0px 7px 0px; width: 25px; } #titLoginTop a { background-position: center center; } #cestaTop { padding-left: 0; } #cesta a > span:first-child { display: none; } /*////////////////////////////////////////////////////////////// MEGAMENU /////////////////////////////////////////////////////////////////*/ .navbar.navbar-inverse { border-color: #007bc6; } .navbar { top: 0; z-index: 9999; left: 0; right: 0; } .navbar-toggle { float: left; } .navbar .navbar-toggle { padding: 0; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 5px; } .navbar-toggle .icon-bar { display: block; width: 30px; height: 4px; } .navbar .navbar-collapse .navbar-nav > .navbar-text, .navbar .navbar-collapse .navbar-nav > a.navbar-link, .navbar .navbar-collapse .navbar-nav > li, .navbar .navbar-collapse > .navbar-text, .navbar .navbar-collapse > a.navbar-link { border: none; } .nav > li { display: block !important; text-align: left; padding: 0; } .nav > li > a { background-image: none; padding-left: 15px !important; padding-right: 15px !important; } .navbar.navbar-inverse .navbar-nav > li > a { color: rgba(255,255,255, 0.8); background-color: #009ae1; } .navbar .dropdown-menu li.titularmenu > a { padding-left: 0 !important; } .navbar.navbar-inverse .navbar-nav > li:hover > a { color: #fff; background-color: #007bc6; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { color: #fff !important; background-color: #007bc6 !important; } .navbar-nav > li > .dropdown-grid-wrapper > .dropdown-menu, .navbar.navbar-inverse .navbar-nav > li > .dropdown-menu { border: none !important; } .navbar .navbar-collapse .navbar-nav > li.open > a, .navbar .navbar-collapse .navbar-nav > li.xs-hover:hover > a, .navbar-nav > li.active > a { margin-top: 1px; } .hidden-xs { display: inline !important; } #liBGMgm_19_006 { border-left: none; } .navbar.navbar-inverse .navbar-collapse { background-color: #36b2eb; border-bottom: 5px solid #007bc6; } .navbar .dropdown-menu { border-bottom: none !important; } .navbar #divMgm_15.dropdown-menu li > a { padding-bottom: 8px !important; } #liMgm_15 li.img-inferior { margin-top: 0; } #liMgm_15 .separadorhorizontal-licencias { height: 0; } .imgprescindible { display: none; } #divMgm_16 .col-xs-1 { width: 0; padding: 0; } .navbar .dropdown-menu li.conbullet > a { background-image: none; padding-left: 5px !important; } #divMgm_18 { padding: 10px 15px !important; } #emMgm_281 { margin-left: 15px !important; margin-right: 15px !important; } #divBGMgm_15_F004 li { margin-left: 15px; margin-right: 15px; } #divBGMgm_5_Logos-marcas { display: none; } /*///////////////////////////////////////////// LISTADOS //////////////////////////////////////*/ #body_productos_listado h1 { font-size: 36px; padding: 20px 0 0; } /* Parrilla ------------------------------------------------------------------------*/ table.tablaCategorias td { width: 48% !important; margin-bottom: 15px; } /********** FILTROS ************/ table.visualizacion { width: 100%; } table.visualizacion td#td_productos_orden { padding-left: 0; } table.visualizacion.top td#td_productos_vistas { padding-right: 0; } /********** FOTO ************/ ul.foto { width: 49.5%; } /********************************************** FICHA ******************************************/ .contentstyle { padding-top: 10px; margin: 0; } #fotos { margin-right: 0; } div.imagen, div.datosFicha { width: 100%; } table.ficha td.descripciones, table.ficha td.descargas, table.ficha td.familiasRelacionadas, table.ficha td.fechaLanzamiento, table.ficha td.camposDinamicos, table.ficha td.fichaMarca, table.ficha td.fechaPrelanzamiento { padding-left: 0; padding-right: 0; } div.megaeditor p, table.ficha td.descripciones { padding: 0; } #valorar_producto_div, #solicitar_info_div, #comentar_comunicado_div, div.noticias #enviar_amigo_div { margin-left: 0; margin-right: 0; } div#div_slider_fotos { margin-bottom: 50px; } /********************************************** COMPRA *******************************************/ #areaCompra div.logo { top: -25px !important; } body#areaCompra .ilustracion > img { height: auto; max-width: 100%; } #paso01, #paso02, #paso03, #paso04, #paso05 { margin-left: 0; margin-right: 0; } div.overflow { overflow: auto; margin-bottom: 2%; } .tablaProcesoCompra { margin: 0 auto; width: 100%; } .overflow.tipo_productos { margin-bottom: 40px; } /*////////////////////////////////////////////// PASO 2 (MIS DATOS) //////////////////////////////////////////////*/ #paso02 .cajaCompra01.dosColumnas { width: 100%; } #paso02 .cajaCompra01 { float: none; margin-right: 0; width: 100%; margin-bottom: 0; } #paso02 .cajaCompra02, #paso02 .cajaCompra02.unaColumnaLogeado { float: none; margin-left: 0; width: 100%; } .cajaCompra01, .cajaCompra02 { padding: 3% 5%; } #paso02 .cajaCompra02 { padding-left: 5px; padding-right: 5px; } /*////////////////////////////////////// PASO 3 (FORMA DE PAGO) ////////////////////////////////////////////*/ #paso03 .cajaFormaPago { padding: 3% 5%; width: 90%; } /* PIE //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #pieA #contenedorBoletinPie { padding: 0 20px; } #pieA .col-accesos { width: 49%!important; } #pieA .col-legal { display: none; } .textosCondiciones { display: block; background-color: #041e31; } #pie-social { padding-top: 10px !important; } } /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ESTILOS HASTA 600 ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ @media only screen and (max-width: 600px) { #base { padding-left: 3%; padding-right: 3%; } /* CABECERA//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ div#buscadorTop form input.camposformHomeMediano { padding: 4px 30px 4px 20px; } /**************************************** MEGAMENU *****************************************/ .navbar .dropdown-menu li.titularmenu > a { font-size: 14px; padding-left: 0 !important; } .dropdown-menu { font-size: 14px; } /*///////////////////////////////////////////// LISTADOS //////////////////////////////////////*/ /******************************************* FILTROS ******************************************/ .filtroProductos { padding: 0 20px 0 5px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .basefiltros { width: 100%; } .botones_filtros_laterales { position: absolute; right: 0px; top: -25px; float: none; margin-top: 0; } /*/////////////////////////////////////////////// FICHA /////////////////////////////////////////////////////////*/ div.imagen { margin-bottom: 0; } #contenido .datosFicha h1 { font-size: 30px; } div.zoomWindow, .zoomPup, .zoomPreload { display: none !important; } .descripciones iframe { width: 100%; } .descripcionLarga img, .descripcionLarga iframe { max-width: inherit; width: 100%; } .datosProducto h6 { font-size: 18px; } .familiasRelacionadas p, .fechaLanzamiento p, .fechaPrelanzamiento p, .fichaMarca p, .camposDinamicos p, .descargas p { font-size: 14px; font-weight: 500; } .familiasRelacionadas a { font-size: 12px; font-weight: 600; } /**** VALORACIONES ***/ .valoraciones { width: 100%; float: none; margin-top: 10px; clear: both; display: block; text-align: left; } /********************************************** CAPA COMPRA EMERGENTE ********************************************/ #jquery_alert { width: 96% !important; left: 2% !important; } table#nuevoProducto td { display: block; float: left; } table#nuevoProducto td.imagenProducto { padding: 0; width: 25%; } table#nuevoProducto td.datosProducto { width: 70%; clear: none; float: right; padding: 0; } table#nuevoProducto td.presioProducto { width: 100%; padding: 0; } .presioProducto > div { padding: 0 0 10px 0; } .tit_total { text-align: right; margin: 0; } /********************************************** PARRILLLA DE MARCAS ********************************************/ .submarcas { width: 100%; } .titulo-submarcas { display: none; } /******************************************** COMPRA ****************************************/ .cajaFormaPago ul#formasPago li { width: 45%; } .imgProducto { display: block; margin-right: 0; } .agencias { width: 48%; } table.tablaCesta tr.importeTotalaPagar td span.importe_Total { font-size: 24px; } .producto > span { clear: both; padding: 0; } table.tablaCesta tr.importeTotalaPagar td span.importe_Total, .importeSubTotal .precio02, .filaCalculos .precio02 { padding-right: 10px; } .overflow.tipo_productos { margin-bottom: 20px; } /********************************************** FORMA DE PAGO *******************************************/ #paso01 h2#paso1_h2, #paso02 h2#paso2_h2, #paso03 h2#paso3_h2, #paso04 h2#paso4_h2, #paso05 h2#paso5_h2 { font-size: 30px; } #paso03 .cajaFormaPago { width: 100%; margin-right: 0; } /********************************************** AVISO INFERIOR *******************************************/ .texto_pie_auxiliar { bottom: 0; margin: 0 auto; right: 0; width: 100%; z-index: 99999999; } /* PIE //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ .textosCondiciones td { display: block; } } /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ESTILOS HASTA 480 ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ @media only screen and (max-width: 480px) { #antebase { background-position: left 185px; } #base { padding-left: 4%; padding-right: 4%; } p.rastroMigas { overflow: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; } /*///////////////////////////////////////////// CABECERA //////////////////////////////////////*/ #cabecera { height: 205px !important; } #cestaTop { padding-right: 0; } #img_logo { max-height: 80px; } #buscadorTop { top: 95px !important; } #base-mensajeCabecera { top: 165px; } span.infoSaldoCesta { display: none; } /*********************************** MEGAMENU *************************************/ .navbar .navbar-nav > li.dropdown-full > .dropdown-menu, .navbar .navbar-nav > li.dropdown-wide > .dropdown-menu { padding: 10px; } .dropdown-menu .titularmenu { font-size: 14px; padding: 0 5px; } .dropdown-menu { font-size: 12px; } .navbar .dropdown-menu li > a { padding: 1px 5px !important; } .navbar .navbar-nav .dropdown-menu li.linkdestacadocolumna a { font-size: 11px; margin-bottom: 10px; } .dropdown-menu { font-size: 11px; } .navbar .dropdown-menu li.titularmenu > a { font-size: 12px; } .navbar .navbar-nav .dropdown-menu li.logomarca { max-width: 70%; } /* LISTADO//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #body_productos_listado h1 { font-size: 30px; padding: 10px 0 0; } #imagenFamilia { display: none; } .cajasIzda.filtroProductos { margin-left: 2%; width: 96%; } #centro .conjuntofiltro { margin: 0; padding-left: 10px; } table.visualizacion td { display: block; width: 100%; text-align: center; padding-left: 0; padding-right: 0; padding-bottom: 0; } /********** FOTO ************/ ul.foto { width: 100%; } /********************************************* FICHA **********************************************/ #contenido .datosFicha h1 { font-size: 24px; } div.ficha img.fotoPrincipal { width: 100%; height: auto; } div.formulario form label { display: block; float: none; text-align: left; } div.formulario input[type="text"], div.formulario textarea { width: 90%; } /********************************************** CAPA COMPRA EMERGENTE ********************************************/ #jquery_alert { left: 0 !important; width: 100% !important; } /*/////////////////////////////////////////////// COMPRA /////////////////////////////////////////////////////////*/ #paso01 h2#paso1_h2, #paso02 h2#paso2_h2, #paso03 h2#paso3_h2, #paso04 h2#paso4_h2, #paso05 h2#paso5_h2 { margin-top: 0; } .tablaProcesoCompra td { font-size: 14px; } #centro #contenido a.lnkBotonRojo:link, #centro #contenido a.lnkBotonRojo { display: inline-block; margin-bottom: 2%; } #centro #contenido a.lnkBotonVerde:link, #centro #contenido a.lnkBotonVerde { display: inline-block; white-space: nowrap; } .cajaFormaPago ul#formasPago li { width: 100%; } #identificadorPedido .campos li:first-child { margin-right: 0; } #identificadorPedido .campos li { margin: 7px 0; width: 100%; } .overflow.tipo_productos { margin-bottom: 0; } .tablaNavegaCompra { padding: 0; } .overflow.tipo_productos { margin-bottom: 0; } #centro #contenido a.lnkBotonRojo:link, #centro #contenido a.lnkBotonRojo, #centro #contenido div.tablaNavegaCompra a.lnkBotonVerde.destacado, #centro #contenido a.lnkBotonVerde.destacado { display: block; margin-bottom: 2%; width: 100%; float: none; text-align: center; } /********************************************** MIS DATOS *******************************************/ #tablaEntradaUsuarios .pass, #tablaEntradaUsuarios .login { width: 49%; margin-right: 0; } #tablaEntradaUsuarios .pass { float: right; } #tablaEntradaUsuarios .pass input, #tablaEntradaUsuarios .login input { width: 100%; } #tablaEntradaUsuarios .aceptacion { padding-top: 5px; margin-bottom: 5px; width: 100%; float: none; clear: both; } .aceptacion .botonform { width: 100%; } #datosDireccionFacturacion, #datosFacturacion { width: 100%; float: none; } #datosIdentificacion, #datosFacturacion, #datosEnvio, #tr_dir_envio { margin-bottom: 30px; margin-top: 0; } #avisoLegal { margin-top: 0; } #paso02 .cajaCompra02.unaColumnaLogeado .campos { width: 100%; } #areaCompra .celdaTitForm { margin-bottom: 10px; } #nombre_empresa { margin-top: 5px; } #datosFacturacion { margin: 0; } #datosDireccionFacturacion td, #datosFacturacion td, #datosIdentificacion td, #table_dir_envio td { text-align: left; display: block; padding: 0 !important; } #datosDireccionFacturacion tr, #datosFacturacion tr, #datosIdentificacion tr, #table_dir_envio tr { margin-bottom: 10px; display: block; } /********************************************** FORMA DE PAGO *******************************************/ #paso01 h2#paso1_h2, #paso02 h2#paso2_h2, #paso03 h2#paso3_h2, #paso04 h2#paso4_h2, #paso05 h2#paso5_h2 { font-size: 24px; } /********************************************** RESUMEN *******************************************/ .capaCondiciones { text-align: left; } /********************************************** AREA PRIVADA *******************************************/ #menuTabs { background-color: transparent; padding: 5px 0 0; } #menuTabs li { display: inline-block; width: 48%; white-space: nowrap; } #menuTabs li:hover { margin: 7px 3px 3px; } #menuTabs li.activo, #menuTabs li.activo:hover { border: 1px solid #ccc; margin: 7px 3px 3px; padding-bottom: 0; padding-top: 0; } #areaPrivada div.paginador { float: left; } /* PIE //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #pieA .container { padding-left: 20px; padding-right: 20px; } } /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ESTILOS HASTA 360 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ @media (max-width: 360px) { /************************************ LISTADOS ************************************************/ /******************** BUSCADOR AVANZADO (SECCIÓN CENTRAL) ****************************/ .checkBuscadorAvanzadoHome { float: none; width: 100%; } /*/////////////// PARRILLA DE FAMILIAS ///////////////*/ table.tablaCategorias td { display: block; text-align: left; } table.tablaCategorias td ul { margin-bottom: 5px; margin-top: 5px; padding-left: 30px; } ul.foto { width: 100%; } /********************************************** CAPA COMPRA EMERGENTE ********************************************/ table#nuevoProducto, table#navegacion { width: 90%; } table#navegacion { margin-bottom: 5px; } table#nuevoProducto td.imagenProducto { display: none; } table#nuevoProducto td:nth-child(2) { width: 100%; } #nuevoProducto > div { padding-right: 55px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } table#navegacion td { display: block; width: 100%; text-align: center; padding-top: 0; } .botonSeguir > a, .botonVer > a { display: block; } /*/////////////////////////////////////////////// COMPRA /////////////////////////////////////////////////////////*/ div.logistica { padding: 0 20px 10px 15px; } .agencias { float: none; width: 100%; } }