/*/////////////////////////////////////////////////////////*/
/*////////////////////// COLORES /////////////////////////*/
/*///////////////////////////////////////////////////////*/

/*///////////////////////// GAMA //////////////////////////*/
:root {

	--color-enlace-principal-01: rgb(246, 88, 35);
	--color-fondo-dark-01: rgb(18, 17, 17);
	--color-enlace-secundario-01: rgb(33, 32, 32);
	--color-texto-enfasis-01: rgb(51, 50, 49);
	--color-texto-secundario-01: rgb(84, 82, 82);
	--color-texto-estandar-01: rgb(128, 125, 124);
	--color-fondo-secundario-03: rgb(161, 157, 156);
	--color-fondo-secundario-02: rgb(186, 182, 181);
	--color-borde-primario-01: rgb(222, 217, 215);
	--color-borde-secundario-01: rgb(230, 224, 223);
	--color-fondo-secundario-01: rgb(242, 237, 235);
	--color-texto-light-01: rgb(18, 17, 17);
}
/*///////////////////////// ELEMENTOS ESTRUCTURALES //////////////////////////*/
/************************ FONDOS ***************************/

/*Fondo de la página*/
body {
	}
/*Contenedor principal*/
#base1024 {
	}
/*Cabecera*/
#baseCabecera {
	}
#cabecera {
		background-color: rgba(18, 17, 17, 0.94);
	}
/*Pie*/
#pie {
		background-color: rgb(246, 245, 246);
	}
/*Contenedor secundario*/
#base {
	}
/*Izquierda*/
#izda {
	}
/*Centro*/
#contenido {
	}
/*Derecha*/
#derecha{
	}
/*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 {
	}
/*Fondo datos de facturacion (mis datos) */
#datosDireccionFacturacion {
	}
/*///////////////////// 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(33, 32, 32);
	}
/*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(18, 17, 17);
	}
/*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(33, 32, 32);
	}
/*Texto seleccionado*/
		
/*Texto general*/
h2#descripcion {
		color:rgb(33, 32, 32);
	}
/************************ 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 {
	}
div.navePestanyas > ul > li > a.activo, div.navePestanyas > ul > li > a.activo:hover, [class^="cabecera_carrusel_productos_"] li.selected a {
	}
.bx-wrapper .bx-pager.bx-default-pager a.active, .swiper-pagination-bullet-active {
  	}
#centro #contenido table.tablaNavegaCompra a.lnkSiguiente:link, #centro #contenido table.tablaNavegaCompra a.lnkSiguiente, #bloque #listaBlog li a:hover {
	}
#centro #contenido table.tablaNavegaCompra a.lnkAnterior:link, #centro #contenido table.tablaNavegaCompra a.lnkAnterior{
	}
/*Enlaces general OVER*/ 
a:hover, #titLoginTop a.lnkCerrar:hover, #cabecera #menuTop a:hover {
	}
#centro #contenido table.tablaNavegaCompra a.lnkAnterior:hover, #centro #contenido table.tablaNavegaCompra a.lnkSiguiente:hover{
		text-decoration:underline;	
}
/*Boton Ir arriba*/
.scrollup{
		}
/************************ ENLACES TIPO ETIQUETA ***************************/
.familiasRelacionadas a, .nube_tags > a {
		}
.familiasRelacionadas a:hover, .nube_tags > a:hover {
		}

/*///////////////////// ELEMENTOS COMUNES //////////////////////////*/

/************************ AVISO INICIAL ***************************/
.texto_pie_auxiliar {
			}
#texto_pie_auxiliar a {
	}
/************************ 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 {
		background-color: rgb(86, 81, 77);
			border-color: rgb(86, 81, 77);
			color: rgb(255, 255, 255);
	}
#aviso_cookies button.botonPrincipal:hover {
		background-color: rgb(246, 88, 35);
			border-color: rgb(246, 88, 35);
			color: rgb(255, 255, 255);
	}
#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 {
	}

/*Menu superior*/
#menuTop {
	}
/*Titulo buscador*/
.cajaBuscador h3, .cajaBuscadorProductosAvanzado h3 {
	}
/*Fondo buscador*/
.cajaBuscador form, .cajaBuscadorProductosAvanzado form {
	}
/*label buscador*/
div.buscadorAvanzado label, div.buscadorAvanzadoHomeLeft label, div.buscadorAvanzadoHomeRight label, .cajaPVP .camposformHomePequenyo, #div_buscador_clientes > label  {
	}
.buscadorAvanzado .camposformHomeMediano, div.cajaBuscador input.camposformHomeMediano, .cajaBuscadorProductosAvanzado input, .cajaBuscadorProductosAvanzado select, #div_buscador_clientes select {
			}

/*Titulo catalogo*/
div.cajasIzda h3.tituloCatalogo {
	}
/*Fondo catalogo*/
div.cajasIzda .menu {
	}
/*Titulo contenedor*/
.cajaBuscador h3, .cajaBuscadorProductosAvanzado h3, .cajaBuscadorProductosAvanzadoHome h3, div.cajasIzda h3 {
	}
/*Fondo contenedor*/
div.cajasIzda   {
	}
/*Separadores*/
#izda, #derecha, #pie {
	}
#pie {
	}
/*Bullets contenedores*/
div.cajasIzda .icoh2_izda {
	}

/************************ TITULO h1 ***************************/
/* H1*/
#contenido h1, .contenedor h1 {
	}
/*Fondo y borde títulos H1*/
#contenido h1 {
		    
}
/************************ TITULO h2 ***************************/
/* H2*/
#contenido h2, .contenedor h2 {
	}
/*Fondo y borde títulos H2*/
#contenido h2 {
		    
}
/************************ TITULO h3 ***************************/
/* H3*/
#contenido h3 {
	}
/*Fondo y borde títulos H3*/
#contenido h3 {
		}
/************************ TITULO SECCION ***************************/
/*seccion*/
#contenido .seccion {
	}
/*Fondo y borde títulos seccion*/
#contenido .seccion {
		}

/*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 {
			color: rgb(255, 255, 255) !important;
	}
/*Enlace comprar OVER*/
a.botonComprar:hover, .botonVer > a:hover {
			color: rgb(255, 255, 255) !important;
	}
/*Enlace reserva*/
a.botonReservar:link, a.botonReservar:visited {
		background-color: rgb(128, 125, 124);
			color: rgb(255, 255, 255);
	}
/*Enlace reserva OVER*/
a.botonReservar:hover {
		background-color: rgb(33, 32, 32);
			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 {
		color: rgb(186, 182, 181);
	}
/*Nombre*/
#contenido h1#nombreProducto {
		color: rgb(18, 17, 17);
	}
/*Descripcion*/
#contenido h2#descripcion {
		color: rgb(33, 32, 32);
	}
////////////* 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 {
		background-color: rgba(255, 255, 255, 0);
			border-top-color: rgba(255, 255, 255, 0);
			border-bottom-color: rgba(255, 255, 255, 0);
		}
.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 {
	}
/*Botones herramientas*/
div.herramientas a {
		}
div.herramientas a:hover {
		}

/*///////////////////// 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 {
	}
/*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_"] {
	}
/*Fondo cabecera tabla*/
.tablaCesta th, .tablaForm td.celdaTitForm, .tablaResumen th, table.gama th {
			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 {
	}
/*Fondo pie tabla*/
.tablaCesta tfoot td {
	}

/*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 {
	}
/*Fondo fila 'Logística'*/
div.logistica {
	}
/*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 {
	}
/*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 {
	}
/*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 {
	}

/*Importe total*/
table.tablaCesta tfoot tr.importeTotalaPagar td span.importe_Total, div.importeTotalaPagar .precio03, table.tablaCesta tfoot tr.importeTotalaPagar td {
	}

/*Boton 'Volver'*/
.procesoCompra a.lnkBotonRojo:link, .procesoCompra a.lnkBotonRojo {
			color: rgb(255, 255, 255);
	} 
/*Boton 'Volver' (over)*/
.procesoCompra a.lnkBotonRojo:hover {
			color: rgb(255, 255, 255);
	} 

/*///////////////////// 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 {
	}
/*Fondo de formularios centrales */
fieldset {
	}
/*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 {
	}

/*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"] {
			}



/* Borde parrilla marcas */
.contenedor-marcas, .capa-logo  {
	}
/* Texto parrilla marcas */
.capa-logo a {
		}
.capa-logo a:hover {
		}




table.ficha .celdaDescripcion, table.ficha td.opinion {
	}
table.ficha tr.filaComentarios {
	}


/*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 {
	}
table#calendario td.evento {
	}
/*///////////////////// CABECERA //////////////////////////*/

/***************** Menú auxiliar **********************/

#menuTop ul {
		    
}
/*Enlace top*/ 
#cabecera  #menuTop a {
		color:rgba(255, 255, 255, 0.7);
	}
/*Enlace top OVER*/ 
#cabecera #menuTop a:hover {
		color:rgb(255, 255, 255);
	}
/***************** 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 {
		}
/* Cesta de la compra (over) */
#cesta a:hover {
		}
/* Fondo cesta */ 
#cestaTop {
	}
/* Fondo cesta (activo) */ 
#cestaTop.activo {
		}
/* 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 {
		}
/*Botón cesta*/ 
.botonRevisarCesta {
	}
/*///////////////////// 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 {
			}

/********************** Autocompletar *************************/ 
.ac_results {
			}
.ac_odd {
		background-color: rgb(33, 32, 33);
	}
.ac_over {
		background-color: rgb(18, 17, 18);
		}



/************************* Rastro de migas *****************************/
/*Texto migas*/ 
p.rastroMigas, p.rastroMigas a, p.rastroMigas a:link, p.rastroMigas a:visited {
	}
p.rastroMigas {
		}
#centro p.rastroMigas a:hover {
	}
.rastroMigas strong, .rastroMigas span a span {
	}
/*Rastro de migas resultados*/ 
.MigasResultado {
	}
/************************* 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 {
	}

/* Título parrilla familias */
table.gama th {
		}
/* Borde parrilla familias */
table.tablaCategorias td  {
	}
/* Texto enlace */
.tablaCategorias a.textoParrilla, .tablaCategorias a.textoParrilla02 {
		}
/* Texto enlace (hover) */
.tablaCategorias a:hover.textoParrilla, .tablaCategorias a:hover.textoParrilla02 {
		}

/* Filtro abecerdario */
.contenedor_abecedario div {
		}
.contenedor_abecedario div:hover {
		}
.show_letra.activa, .contenedor_abecedario div.show_letra.activa:hover {
		}

.sticky_imagen.first{
	top:0px;
	left:0px;
}
.sticky_imagen.second{
	top:0px;
	right:0px;
}
.sticky_imagen.third{
	bottom:0px;
	left:0px;
}
.sticky_imagen.fourth{
	bottom:0px;
	right:0px;
}

/************************* Paginador *****************************/ 

div.filtrosPrincipales {
			}
table.visualizacion td.muestra {
		}
table.visualizacion td.muestra span strong {
	}
table.visualizacion td.muestra {
		}
/************************* Estados de producto *****************************/ 

/*En stock*/ 
.disponible {
		}
/*Agotado*/ 
.agotado {
		}
/*En reposicion*/ 
.en_reposicion {
		}
/*En liquidacion*/ 
.parcialmentedisponible {
		}
/************************* Texto OFERTA sobre la imagen  *****************************/ 

.sticky_oferta {
		color:rgb(255, 255, 255);
			}
/************************* % 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 {
	}
/*Precio principal*/ 
li.bloquePrecio span.precioPrincipal, div.precioPrincipal, .ficha div.precioPrincipal strong, .pvpTotal {
	}
/*Fondo bloque*/ 
li.bloquePrecio, ul.filas li.bloquePrecio, ul.columnas li.bloquePrecio, .contentstyle .ficha div.precio, .presioProducto > div {
			}


/*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 {
	}
/*Precio oferta principal*/ 
li.bloquePrecio.precioOferta span.precioPrincipal, .ficha .precio.precioOferta div.precioPrincipal strong {
	}
/*Fondo bloque oferta*/ 
li.precioOferta, ul.filas li.precioOferta, ul.columnas li.precioOferta, .ficha div.precioOferta {
	}
/* Porcentaje precio anterior */
.porcentaje_precio_anterior, li.bloquePrecio span.porcentaje_precio_anterior {
		}
/************************* 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 {
	}
.tablaCesta .precio02 {
	}
.Envase, .Envase2 {
	}

/*Precio destacado*/ 
table.tablaListaProductos01 .enfasis {
	}
/* 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(246, 88, 35);
	}
.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(33, 32, 32);
			color: rgb(255, 255, 255);
	}

.botonSeguir > a, .cajasIzda input.botonform.botonsecundario, #boton_buscar, .botonsecundario {
		background-color: rgb(161, 157, 156);
			color: rgb(255, 255, 255);
	}
.botonSeguir > a:hover, .cajasIzda input.botonform.botonsecundario:hover, #boton_buscar:hover, .botonsecundario:hover {
		background-color: rgb(33, 32, 32);
			color: rgb(255, 255, 255);
	}
/*Boton buscador*/
.cajaBuscador input.botonform, .cajaBuscadorProductosAvanzado input.botonform, .boton02, div.filtroProductos input.botonform, .botonesFiltrosCentro .botonform {
		} 

.cajaBuscador input.botonform:hover, .cajaBuscadorProductosAvanzado input.botonform:hover, .boton02, div.filtroProductos input.botonform:hover, .botonesFiltrosCentro .botonform:hover {
		}
/*Boton buscador cabecera*/
div#buscadorTop form input.botonform {
		}
div#buscadorTop form input.botonform:hover {
		}
/*Boton 'Iniciar pedido'*/
#centro #contenido div.tablaNavegaCompra a.lnkBotonVerde.destacado, #centro #contenido a.lnkBotonVerde.destacado {
		} 
/*Boton 'Iniciar pedido' (over)*/
#centro #contenido div.tablaNavegaCompra a.lnkBotonVerde.destacado:hover, #centro #contenido a.lnkBotonVerde.destacado:hover {
		} 
/*Boton 'Revisar cesta'*/
#botonVerde a {
		} 
/*Boton 'Revisar cesta' (over)*/
#botonVerde a:hover {
		} 

/*Titulo contenedor - Titulo modulo*/ 
div.cajasIzda h3, .cajaBuscador h3, .cajaBuscadorProductosAvanzado h3  {
	}
/*Texto titulo buscador*/ 
.cajaBuscador h3, .cajaBuscadorProductosAvanzado h3 {
	}
/*Texto titulo catalogo*/ 
div.cajasIzda  h3.tituloCatalogo {
	}

/*Enlace catalogo*/ 
.menu a {
	}
/*Enlace catalogo OVER*/ 
.menu a:hover {
	}
.menu a.secundario:hover {
	}

/*Enlace destacado*/ 
table.tablaListaProductos01 td.celdaProducto a {
	}
/*Enlace destacado OVER*/ 
table.tablaListaProductos01 td.celdaProducto a:hover {
	}
/*Enlace discreto */ 
.cajasIzda .bloque .bloque .titular, .cajasIzda dl .titular {
	}
div.cajasIzda a.bloque:hover .titular {
	}
div.cajasIzda a.bloque:hover {
	}


#capaCesta .parafoProductos {
	}

/*Enlace celda producto*/ 
a.fotoProducto:link, a.fotoProducto:visited {
	}
a.fotoProducto:hover {
	}

/*Enlace nombre producto*/ 
a.textosProducto:link, a.textosProducto:visited {
	}
a.textosProducto:hover {
	}

/*Contenedor al añadir a cesta y reservas*/ 
ul.estadoCompra li.conestado, div.estadoCompra {
		}
ul.mini.estadoCompra, ul.columnas.estadoCompra, ul.filas.estadoCompra {
		}
ul.estadoReserva li.conestado, div.estadoReserva {
		}
ul.mini.estadoReserva, ul.columnas.estadoReserva, ul.filas.estadoReserva {
		}


/* Pie */ 
address, #pie p.condiciones {
		color: rgb(82, 84, 82);
	}
#pie a:link, #pie a:visited {
		color: rgb(82, 84, 82);
	}
#pie a:hover {
		color: rgb(17, 18, 17);
	}
table.textosCondiciones {
		background-color: rgb(241, 241, 241);
	}
#pie p.condiciones {
		color: rgb(125, 128, 124);
	}
#pie p.condiciones a:link, #pie p.condiciones a:visited {
		color: rgb(125, 128, 124);
	}
#pie p.condiciones a:hover {
		color: rgb(32, 33, 32);
	}
/*///////////////////// CARRUSEL //////////////////////////*/
/* Fondo carrusel */
.carrusel {
	}
/* Fondo carrusel */ 
.textoSlide {
	}
/* Fondo carrusel paginador */ 
.pagination {
	}
/* texto carrusel */
.textoSlide a,  .textoSlide h1, .textoSlide p {
	}
/* Enlace paginador carrusel */
.pagination a, .pagination a:visited, .pagination a.selected {
	}
/* Enlace (over) paginador carrusel */
.pagination a:hover, .pagination a.selected {
	}

/*///////////////////// MENU CATALOGO //////////////////////////*/
/* 1 nivel (colores) */
.menu a.principal {
			}
.menu a.principal:hover {
		}
.menu a.activo, .menu a.activo:hover {
		}

/* 2 nivel (colores) */
.menu a.secundario {
			}
.menu a.secundario:hover {
		}
.menu ul li ul a.activo, .menu ul li ul a.activo:hover {
		}

/* 3 nivel (colores) */
.menu a.terciario, .menu a.cuaternario, .menu a.quinario, .menu a.sextario {
			}
.menu a.terciario:hover, .menu a.cuaternario:hover, .menu a.quinario:hover,.menu a.sextario:hover {
		}
.menu ul li ul li ul a.activo, .menu ul li ul li ul a.activo:hover {
		}


/* 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: rgba(255, 255, 255, 0.7);
	}

/* 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(246, 88, 35);
	}
/* Menú desplegable 2nivel */
#submenu2 li a, #submenu2 li a.selected {
		background-color: rgb(255, 255, 255);
			color: rgb(18, 17, 17);
	}
/* Menú desplegable 2nivel (over) */
#submenu2 li a:hover, #submenu2 li a.selected:hover {
		background-color: rgb(255, 255, 255);
			color: rgb(246, 88, 35);
	}
/************************* MENU DESPLEGABLE (VERSION MOVIL) *****************************/ 
/* BOTON */
#mobnav-btn-cms, #mobnav-btn-prod {
		background-color: rgb(18, 17, 18);
			color: rgb(255, 255, 255);
	}
/* 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 {
		background-color: rgb(255, 255, 255);
			color: rgb(84, 82, 83);
		}
/* 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 {
		background-color: rgb(255, 255, 255);
			color: rgb(246, 88, 35);
	}
/* 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 {
		background-color: rgb(244, 246, 246);
			color: rgb(128, 124, 125);
			border-bottom: 1px solid rgb(244, 246, 246);
	}
/* 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 {
		background-color: rgb(244, 246, 246);
			color: rgb(33, 32, 33);
	}
/* Anchura minima en el menu desplegable*/


/************************* Area privada *****************************/ 
/* Area menú  */
#menuAreaPrivada {
		}
/* Menú (normal) */
#menuTabs li a {
			}
/* Menú (over) */
#menuTabs li a:hover {
			}
/* Menú (activo) */
#menuTabs li.activo a, #menuTabs li.activo a:hover {
			}
/* Tiulos principales area privada*/
#contenido #areaPrivada h2 {
			}
/* Boton principal area privada (normal)*/
#areaPersonal a.botonComprar, #areaPersonal input.botonComprar {
		}
/* Boton principal area privada (over)*/
#areaPersonal a.botonComprar:hover, #areaPersonal input.botonComprar:hover {
		}
/*//////////////////////////////////////////////////////////*/
/*////////////////// TEXTO MENU SUPERIOR ///////////////////////*/
/*//////////////////////////////////////////////////////////*/

#base-mensajeCabecera{
	height: 40px;
	background-color: rgb(24, 25, 24);
	color: rgb(248, 249, 249);
	font-size: 14px;
}
#base-mensajeCabecera a{
	color: rgb(230, 223, 226);
}
	/*//////////////////////////////////////////////////////////*/
/*////////////////// 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 //////////////////////////*/

:root {
  --transparencia90: .9;
  --transparencia80: .8;
  --gris-claro-01: #f6f5f6;
}

/*/////////////////////////////////////////////////////////////////////////////////
/*  ESTRUCTURA
/////////////////////////////////////////////////////////////////////////////////*/

#base1024 {
  width: 100%;
  background-color: transparent;
}
#base, #cabecera {
 width: 100%;    
  margin: 0 auto;
}
#base {
  max-width: 1600px;
  padding: 0 30px;
  background: url("/UserFiles/images/khanbarrilete/bg-fondo.jpg") no-repeat center top;
  background-size: 1200px;
}
#centro, #centro.dobleColumna {
  width: 100% !important;
  float: none !important;
  padding-inline: 0;
  margin: 0;
}
/**/
#centro section.ancho-total {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

#izda {
left: -18%;
  position: fixed;
}

/*/////////////////////////////////////////////////////////////////////////////////
/*  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, .filtro input, .filtro select, .tablaFiltros select, div.formulario input, div.formulario select, div.formulario textarea {
  font-family: "Barlow", Helvetica, Arial, sans-serif;
}

img {
max-width: 100%;
height: auto!important;
}

div.megaeditor p {
  font-size: 18px;
}
div.megaeditor li {
  font-size: 18px;
  }
#contenido .seccion {
padding-bottom: 20px;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
}
#contenido h1, 
#contenido h1.seccion {
font-size: 42px;
line-height: 1.2;
font-weight: 700;
text-align: center
}
#contenido h2, 
#contenido h2.seccion {
font-size: 36px;
line-height: 1.2;
font-weight: 700;
text-align: center
}
#contenido h3, 
#contenido h3.seccion {
font-size: 26px;
line-height: 1.2;

font-weight: 700;
}

a.boton-vermas {
display: inline-block;
background-color: var(--color-enlace-principal-01);
font-size: 18px;
font-weight: 600;
color: #fff;
padding: 7px 25px;

-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;

-webkit-transition: all 0.3s ease;                  
-moz-transition: all 0.3s ease;                 
-o-transition: all 0.3s ease;   
-ms-transition: all 0.3s ease;          
transition: all 0.3s ease;
}
a.boton-vermas::before {
content:"";
display: inline-block;
width: 20px;
height: 20px;
margin-right: 6px;
background: url("/UserFiles/images/plantilla10/flecha-dcha-blanca.svg") no-repeat center center;
background-size; 100%;
vertical-align: sub;

-webkit-transition: all 0.5s ease;                  
-moz-transition: all 0.5s ease;                 
-o-transition: all 0.5s ease;   
-ms-transition: all 0.5s ease;          
transition: all 0.5s ease;
}
a.boton-vermas:hover {
background-color: var(--color-fondo-dark-01);
text-decoration: none;
padding: 7px 35px 7px 25px;
}
a.boton-vermas:hover::before {
margin-right: 10px;
}

p.guardar .lnkSiguiente , p.guardar .lnkSiguiente:hover {
color: #fff;
}

/**/
.fancybox-inner {
  padding: 10px 20px;
}
.fancybox-close {
  background-image: url(/UserFiles/images/plantilla14/fancybox-wrap.svg);
background-size: 16px;
}
/**/
p.rastroMigas {
  padding:10px 30px;
  margin: 0 0 20px;
text-align: center;
  font-size: 11px;
text-transform: uppercase;
border-bottom: 3px dotted rgb(238, 239, 239);
}

/**/
.bloque-total {
width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  }
/**/
.scrollup {
color: #fff;
}

/* FORMULARIOS ***************************************************/
div.formulario form label {
display: block;
text-align: left;
width: 100%;
padding-bottom: 5px;
}
.filtro input, .filtro select, .tablaFiltros select, div.formulario input, div.formulario select, div.formulario textarea {
width: 100%;
font-size: 16px;
}
/**/
.formCompra input, .formCompra select, .formCompra textarea {
    padding: 6px;
    font-size: 16px;
}
.formCompra input.botonform {
padding: 12px 25px!important;
    line-height: 1;
}
div.formulario input.boton, ul.datosAcceso li .botonform {
    padding: 10px 25px;
    font-size: 16px;
}
/* Change autocomplete styles in WebKit */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    transition: background-color 5000s ease-in-out 0s;
}

/* TABLAS /////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.megaeditor th {
  font-size: 16px;
  line-height: 1;
  border-bottom: 1px solid var(--color-fondo-secundario-02);
}
div.megaeditor td {
  font-size: 16px;
  border-bottom: 1px solid var(--color-fondo-secundario-02);
}


/* GRIDS /////////////////////////////////////////////////////////////////////////////////////////////////////*/
.bloque-2col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-items: stretch;
    align-items: stretch;
}
.bloque-3col {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-items: stretch;
    align-items: stretch;
}
    
.bloque-4col {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-items: stretch;
    align-items: stretch;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
   LATERAL
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* FILTROS COLUMNA ----------------------------------------------------------------------------------------------------------- 
---------------------------------------------------------------------------------------------------------------------------*/
div.cajasIzda div.tituloFiltro {
    text-transform: uppercase;
    background: var(--color-borde-secundario-01);
    padding: 10px 5px 10px 15px;
position: relative;
}
div.cajasIzda div.tituloFiltro div.filtros_boton_mas {
position: absolute;
top: 10px;
right: 10px;
width: 15px;
height: 15px;
background: url("/UserFiles/images/ico-mas-gris.svg") no-repeat center center;
background-size: 100%;
pointer-events: none;
}
.tituloFiltro > a:link, .tituloFiltro > a:visited {
  display: block;
  min-height: auto;
/*width: calc(100% - 30px);*/
}
#btn_filtros {
  position: relative;
top: 0px;
    color: var(--color-texto-estandar-01);
    font-size: 14px;
    vertical-align: initial;
padding: 7px 15px;
margin-top: 0px;
display: inline-block;
background: transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;

border-left: 1px dotted var(--color-fondo-secundario-02);
margin-left: 15px;;
}
.fa.fa-sliders {
    font-size: 16px;
}
#btn_filtros:hover {
    text-decoration: none;
    color: var(--color-enlace-secundario-01);
background: transparent;
}
div.cajasIzda.filtroProductos h3 {
    background-color: var(--color-enlace-secundario-01);
    font-size: 16px;
    padding: 13px 10px;
    text-align: center;
font-weight: 300;
}
.cajasIzda.filtroProductos {
    background-color: #ffffff;
   /* border-right: 1px solid #cccccc;*/
border-right:  0 none;
    height: 100%;
    left: -300px;
    overflow: auto;
    position: absolute;
    text-align: left;
    top: 0;
    transition: all 0.4s ease 0s;
    width: 300px;
    z-index: 99999;
}
.botones_filtros_laterales {
    background-color: rgb(255, 255, 255);
    bottom: 0;
    margin-bottom: 0;
    overflow: hidden;
    padding: 20px 20px 15px;
    position: absolute;
    width: 100%;
    z-index: 9;
}
.basefiltros {
    height: 80%;
    overflow: auto;
    padding: 10px 20px;
}
input[type="checkbox"].css-checkbox.check_filtro_marcas + label.labelcheck {
text-transform: uppercase;
}
.campoRango {
    padding: 5px 10px;
    font-weight: 600;
    color: #2b2b2a !important;
    font-size: 16px;
    margin-right: 5px;
}
.botones_filtros_laterales .botonform {
    border: 0 none;
    float: right;
    padding: 10px 40px;
}
.botones_filtros_laterales .botonform:hover {

}
.botones_filtros_laterales .botonform.botonsecundario {
    background-color: var(--color-borde-secundario-01);
    border: 0 none;
    color: var(--color-texto-enfasis-01);
    float: left;
}
.botones_filtros_laterales .botonform.botonsecundario:hover {
    background-color: var(--color-enlace-secundario-01);
color: #fff;
}

/*/////////////////////////////////////////////////////////////////////////////////
  HOME
/////////////////////////////////////////////////////////////////////////////////*/
body#body_cms_home p.rastroMigas {
display: none;
}
body#body_cms_home #base,
body#body_cms_home #centro.columnaUnica, body#body_cms_home #centro {
overflow: visible;
}
/* CARRUSEL
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.gal_carrusel .bx-wrapper {
  margin-bottom: 0;
}
.bx-next, .bx-prev {
  color:#fff;
}
body#body_cms_home section[id *= "galeria_imagenes_cabecera"] {
margin-top: -100px;
}
#centro section.sec-columnas_destacadas {
background-color: var(--color-enlace-principal-01);
/*background-color: var(--color-enlace-secundario-01);*/
background-image: url("/UserFiles/images/khanbarrilete/labrinto-blanco.svg");
background-repeat: no-repeat;
background-size: 1200px;
}

.gal_carrusel .carrusel_flechas_galeria li {
padding: 10px;
}

.carrusel_flechas_galeria .bx-next, .carrusel_flechas_galeria .bx-prev {
  display: flex;
  align-items: center;
  justify-content: center;
width: 55px;
height: 55px;
text-align: center;

-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.carrusel_flechas_galeria .bx-next .fa, .carrusel_flechas_galeria .bx-prev .fa {
font-size: 18px;
}

/* COLUMNAS DESTACADAS HOME
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#centro section.sec-columnas_destacadas {
text-align: center;
overflow: visible;
padding: 0 30px 40px 30px;
}
#centro section.sec-columnas_destacadas .megaeditor {
max-width: 1440px;
margin: 0 auto;
text-align: left;
overflow: visible;
}
#columnas-home {
width: 100%!important;
    display: grid;
position: relative;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch;
}
.contenedor-col-ico {
margin-top: -115px;
padding: 30px 0;
overflow: visible;
}
.contenedor-col-ico, .contenedor-col-ico * {
-webkit-transition: all 0.3s ease;                  
-moz-transition: all 0.3s ease;                 
-o-transition: all 0.3s ease;   
-ms-transition: all 0.3s ease;          
transition: all 0.3s ease;
}
.contenido-col-ico {
background: #fff;
padding:30px 25px 40px;
text-align: center;
position: relative;
overflow: visible;

box-shadow: rgba(0, 0, 0, 0) 0px 1px 4px;

-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px; 
}
.contenido-col-ico a {
display: block;
}
.contenido-col-ico a:hover {
text-decoration: none;
}

.contenido-col-ico img {
margin-bottom: 15px;
}
.contenedor-col-ico:hover .contenido-col-ico img {
transform: rotate(-30deg);
}




div.megaeditor .contenido-col-ico p {
font-size: 24px;
}
div.megaeditor .contenido-col-ico p a {
display: block;
font-size: 29px;
  font-family: "Barlow Condensed", helvetica, arial !important;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--color-enlace-secundario-01);
}
.contenedor-col-ico:hover .contenido-col-ico a {
  color: var(--color-enlace-principal-01);
letter-spacing: 1px;
}
/*
.contenido-col-ico div.home-col-ico p a::before {
content:"";
position: relative;
display: block;
width: 70px;
height:  70px;
margin: 0 auto 5px;
background-repeat: no-repeat;
background-position: center center;
background-size: auto 100%;
-webkit-transition: all 0.3s ease;                  
-moz-transition: all 0.3s ease;                 
-o-transition: all 0.3s ease;   
-ms-transition: all 0.3s ease;          
transition: all 0.3s ease;
}
.contenedor-col-ico:hover .contenido-col-ico div.home-col-ico p a::before {
transform: rotate(-30deg);
}
.contenido-col-ico div.home-col-ico#col-torneos p a::before {
background-image:  url("/UserFiles/images/khanbarrilete/ico-torneos.svg");
}
.contenido-col-ico div.home-col-ico#col-ofertas p a::before {
background-image:  url("/UserFiles/images/khanbarrilete/ico-ofertas.svg");
}
.contenido-col-ico div.home-col-ico#col-proximamente p a::before {
background-image:  url("/UserFiles/images/khanbarrilete/ico-proximamente.svg");
}
.contenido-col-ico div.home-col-ico#col-cardmarket p a::before {
background-image:  url("/UserFiles/images/khanbarrilete/ico-cartas.svg");
}
*/

div.megaeditor .contenedor-col-txt p {
color: #fff;
font-size: 16px;
line-height: 1.6;
}
.boton-col-ico {
display: block;
position: absolute;
left: 50%;
transform: translate(-50%);
bottom: -30px;

width: 80px;
height: 80px;
text-align: left;
text-indent: -99999px;
border: 8px solid var(--color-enlace-principal-01);
/*border: 8px solid var(--color-enlace-secundario-01);*/
background: #fff url("/UserFiles/images/plantilla10/flecha-dcha-nera.svg") no-repeat center center;
background: #fff url("/UserFiles/images/khanbarrilete/ico-imagotipo.svg") no-repeat center center;
background-size: 40px;

-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.contenedor-col-ico:hover .contenido-col-ico .boton-col-ico {
width: 70px;
height: 70px;
background-size: 30px;
transform: translate(-50%) rotate(90deg);
}

/* HOVER */
.contenedor-col-ico:hover {
padding: 45px 0 55px;
}
.contenedor-col-ico:hover .contenido-col-ico {
padding: 20px 25px;

box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.contenedor-col-ico:hover .boton-col-ico {
bottom: -40px;
}


/* CARRUSEL INFORMES
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#centro section._carrusel_informes {
overflow: visible;
margin-bottom: 100px;
}
#centro section._carrusel_informes div[class^="cabecera_carrusel_productos_"] {
width: 100%;
text-align: center;
overflow: visible;
}
[class^="cabecera_carrusel_productos_"] li a, 
[class^="cabecera_carrusel_productos_"] li.selected a {
font-size: 23px;
font-weight: 500;
}
[class^="cabecera_carrusel_productos_"] li.selected a {
border-top-width: 4px;
font-weight: 700;
}


.bx-wrapper .bx-pager.bx-default-pager a {
width: 18px;
height: 18px;
-moz-border-radius: 10px;
  -webkit-border-radius:10px;
  border-radius:10px;
}
.bx-wrapper .bx-pager {
pointer-events: none;
bottom: -50px;
}
.bx-wrapper .bx-pager a {
pointer-events: auto;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover {
width: 22px;
}
.bx-wrapper .bx-pager.bx-default-pager a.active {
width: 40px;
}

._carrusel_informes .carrusel_flechas {
top: auto;
  bottom: -55px;
  width: 98%;
  max-width: 400px;
  left: 50%;
  transform: translate(-50%);
}
._carrusel_informes .carrusel_flechas > li {
display: inline-block;
}
._carrusel_informes .carrusel_flechas > li:last-child {
float: right;
}
._carrusel_informes .bx-next, ._carrusel_informes .bx-prev {
  display: flex;
  align-items: center;
  justify-content: center;
width: 35px;
height: 35px;
text-align: center;

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
._carrusel_informes .bx-next .fa, ._carrusel_informes .bx-prev .fa {
font-size: 16px;
}

/* CONTENIDO DESTACADO
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#centro section.bloque-destacado-home {
background-color: var(--gris-claro-01);
background-image: url("/UserFiles/images/khanbarrilete/labrinto-gris.svg");
  background-repeat: no-repeat;
  background-size: 1200px;
}
#destacado-home  {
max-width: 1200px;
margin: 0 auto;
}
.bloque-2col#destacado-home {
    grid-column-gap: 50px;
    align-items: center;
}
#destacado-home .destacado-imagen {
padding: 30px;
}
#destacado-home .destacado-imagen img {
max-width: 100%;
height: auto!important;
}
#contenido #destacado-home .destacado-texto h3 {
text-transform: uppercase;
font-size: 22px;
text-align: left;
padding-top: 30px;
font-weight: 300;
color: var(--color-enlace-principal-01);
}
#contenido #destacado-home .destacado-texto h2 {
padding: 5px 0 10px;
font-size: 36px;
text-align: left;
}
#contenido #destacado-home .destacado-texto p {
font-size: 18px;
line-height: 1.8;
}


/* PRESENTACION HOME
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#centro #contenido section.sec-presentacion {
background-color: var(--color-enlace-principal-01);
background-image: url("/UserFiles/images/khanbarrilete/labrinto-blanco.svg");
  background-repeat: no-repeat;
  background-size: 1200px;
padding: 50px 30px;
}
#centro #contenido section.sec-presentacion h2, 
#centro #contenido section.sec-presentacion h2.bloque-total {
left:0;
right: 0;
font-size: 42px;
padding-bottom: 20px;
color: #fff;
}
#centro #contenido section.sec-presentacion .megaeditor {
max-width: 1400px;
margin: 0 auto;
}
#centro #contenido section.sec-presentacion p {
text-align: center;
text-align: left;19
font-weight: 700;
line-height: 1.6;
color: var(--color-enlace-secundario-01);
color: #fff;

max-width: 1000px;
margin: 0 auto 10px;
}

/* PARRILLA MARCAS
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#centro section._parrilla_imagenes_marcas {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
div[id *= "contenido_slider_marcas"] {
background: #f6f5f6;
padding: 0 60px;
}
.capa-logo a {
background: #f6f5f6;
background: transparent;
}
.capa-logo img {
mix-blend-mode: multiply;
}

.carrusel_flechas.flechas_slider_marcas {
  top: auto;
  bottom: 45px;
  top: auto;
  bottom: -10px;
  width: calc(100% - 20px);
  right: 17px;
  z-index: 9;
  text-align: center;
}
.carrusel_flechas.flechas_slider_marcas > li {
  display: inline-block;
}
.carrusel_flechas.flechas_slider_marcas .bx-next, .carrusel_flechas.flechas_slider_marcas .bx-prev {
  text-align: center;
  padding:7px 10px 6px;
    display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  -webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
  
}
.carrusel_flechas.flechas_slider_marcas .bx-next .fa, .carrusel_flechas.flechas_slider_marcas .bx-prev .fa {
  font-size: 16px;
}

/*/////////////////////////////////////////////////////////////////////////////////
  CONTENIDO CMS
/////////////////////////////////////////////////////////////////////////////////*/
#centro section.sec-primera {
padding-top: 40px;
}
#centro section.sec-nosotros {
max-width: 1000px;
margin: 0 auto;
}
#nosotros-remate {
}

body.body_cms_137 p.rastroMigas {
display: none;
}
body.body_cms_137 .ilustracion {
  margin: 30px 0 0px;
  padding: 0;
  line-height: 1%;
}

/*/////////////////////////////////////////////////////////////////////////////////
CONTACTO / REGISTRO
/////////////////////////////////////////////////////////////////////////////////*/
div.formulario.registro {
background: #fff;
padding: 20px 30px;
max-width: 700px;
  margin: 0 auto 30px;
border: 8px solid var(--color-borde-secundario-01);
}
#body_contacto #base, #body_registro #base {
    max-width: 990px;
}
#body_contacto  legend {
    display: none;
}
#body_contacto  div.formulario form label, #body_registro div.formulario form label {
    font-size: 14px;
}
#body_contacto div.formulario form label:not(.labelcheck), #body_registro div.formulario form label:not(.labelcheck) {
    width: 220px;
    margin-right: 15px;
}
#Fax, #Fax + label {
    display: none !important;
}
div.formulario #comentarios {
    margin-top: 0;
}

div.formulario input.boton {
  background-color: var(--color-enlace-principal-01);
    padding: 15px 60px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
}
#intro a, .formulario.registro p a {
    font-weight: 500;
}
/* CONTACTO *******************************************************/
body.body_cms_138 #contenido {
max-width: 1200px;
margin: 0 auto;
}
body.body_cms_138 p.rastroMigas {
display: none;
}

body.body_cms_138 #contenido h1 {
padding: 30px 0 10px;
}

#contenido .texto-formulario h4 {
margin-top: 0;
margin-bottom: 15px;
font-weight: 700;
}
#contenido .texto-formulario  > p:last-child {
border: 8px solid var(--color-borde-secundario-01);
  overflow: hidden;
  border-top-width: 2px;
}

div.formulario.formulario-seccion fieldset {
padding: 0;
margin: 0;
}
div.formulario.formulario-seccion legend {
display: none;
}
/*/*/
div.texto-formulario, #centro section[id*=formulario_] {
display: inline-block;
width: 48%;
}
.leyendaObligatorio {
text-align: left;
}
div.texto-formulario {

}
#datos-contacto {
background: #fff;
border: 8px solid var(--color-borde-secundario-01);
border-bottom: 0 none;

padding: 20px 30px;
}

#centro section[id*=formulario_] {
display: inline-block;
width: 48%;
float: right;
}
div.formulario form label {
clear: both;
  float: none;
  width: 100%;
  text-align: left;
  text-transform: uppercase;
}
.filtro input, .filtro select, .tablaFiltros select, div.formulario input, div.formulario select, div.formulario textarea, 
input[type="email"], input[type="password"], input[type="tel"], input[type="text"], input[type="url"], textarea {
width: 100%;
font-size: 16px;
}
input[type="text"], input[type="password"] {
padding: 7px 11px!important;
}
div.formulario p[align*=right] input:first-child {
display: none;
}
/* CAPTCHA**********/
div#captcha {
display: flex;
    flex-wrap: wrap;
padding: 6px 5px 8px;
}
div.formulario form #captcha label {
flex-basis: 100%;
max-width: 200px;
max-height: 50px;
}
div.formulario form #captcha img {
max-width: 120px;
max-height: 50px;
}
div.formulario form #captcha  input#captcha, div.formulario form #captcha  input#captcha_2 {
min-width: 120px;
text-align: center;
max-height: 50px;
font-weight: 600;
}


/*/////////////////////////////////////////////////////////////////////////////////
  LOGIN / REGISTRO
/////////////////////////////////////////////////////////////////////////////////*/
div.accesoUsuarios {
  text-align: center;
}
body#body_registro #centro {
text-align: center;
}
body#body_registro #centro #contenido {
max-width: 800px;
margin: 0 auto;
}
body#body_registro #centro #contenido form {
max-width: 600px;
margin: 0 auto;
}
/* RECORDAR CONTRASEÑA ***************/
#recordar_contrasenya {
background: #fff;
  padding: 20px 30px;
  max-width: 700px;
  margin: 0 auto 30px;
  border: 8px solid var(--color-borde-secundario-01);
}
div.formulario input.boton#envio-email-contrasenya {
padding: 10px 30px;
text-align: center;
}


/*/////////////////////////////////////////////////////////////////////////////////
  LISTA / LISTADO DE PRODUCTOS
/////////////////////////////////////////////////////////////////////////////////*/

.agotado {
color: #fff;
background-color: var(--color-error-01);
  font-size: 13px;
  padding: 7px 15px 8px;
  display: block;
  line-height: 100%;
  letter-spacing: .1px;
  margin-bottom: 5px;
  margin-top: 15px;
  float: left;
  clear: left;
  
  -webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}

/* PARRILLA DE FAMILIAS 
**************************************************/
table.tablaCategorias td {
  border: 0 none;
}
.tablaCategorias a {
  color: var(--color-enlace-secundario-01);
  padding: 10px ;
  text-transform: uppercase;
}
/*********************/
#izda.filtros {
    background-color: rgba(40, 40, 38, 0.8);
    float: none !important;
    height: 100%;
    left: 0;
    margin: 0;
    position: fixed;
    top: 0;
    width: 100% !important;
    z-index: 9999;
}
.visualizacion .filtro select {
max-width: 200px;
}
/**/
ul.mini {
  padding: 30px;
border: 15px solid #fff;

-webkit-transition: all 0.3s ease;                  
-moz-transition: all 0.3s ease;                 
-o-transition: all 0.3s ease;   
-ms-transition: all 0.3s ease;          
transition: all 0.3s ease;

box-shadow: rgba(50, 50, 93, 0) 0px 30px 60px -12px, rgba(0, 0, 0, 0) 0px 18px 36px -18px;
}
ul.mini:hover {
  padding: 30px;
border: 15px solid var(--color-fondo-secundario-01);
border: 15px solid rgb(244, 246, 246);
z-index:1;
transform: scale(1.01);

box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
}
.slide ul.mini:hover {
  padding: 20px;
border: 15px solid transparent;
border: 15px solid transparent;
z-index:1;
transform: scale(1.01);

box-shadow: rgba(50, 50, 93, 0) 0px 30px 60px -12px, rgba(0, 0, 0, 0) 0px 18px 36px -18px;
}
ul.mini li.botondeCompra {
  min-height: 41px;
  height: 50px;
  width: 50px;
  float: right;
}
ul.mini li.botondeCompra a {
display: block;
  width: 100%;
  height: 100%;
  text-align: left;
  text-indent: -99999px;
float: right;
background-image: url("/UserFiles/images/plantilla10/ico-cesta-blanco.svg") ;
background-repeat: no-repeat ;
background-position: center center;
background-size: 25px;

-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}

a.botonReservar, a.botonReservar:link, a.botonReservar:visited {
padding: 10px;
}

.nombreProducto {
min-height: 35px;
text-align: center;
font-size: 18px;
font-weight: 600;
  line-height: 110%;
}
li.bloquePrecio {
text-align: center;
}
li.bloquePrecio > span {
  margin-right: 0;
}

 li.cantidad, 
form.cantidad  {
margin-top: 4px;
  text-align: center;
display: inline-block;
  background: rgb(238, 239, 239);
  padding: 5px 5px 0px 10px;
  -webkit-border-radius:25px;
  -moz-border-radius: 25px;
  border-radius:25px;
}
input.campoCantidadListado, 
li .decrement-unit, li .increment-unit,

input.campoCantidadFicha, 
form.cantidad .decrement-unit, form.cantidad .increment-unit {
border: 0 none;
  background: none;
}
span.campocantidad > span {
display: none;
}



/*/////////////////////////////////////////////////////////////////////////////////
  FICHA PRODUCTO
/////////////////////////////////////////////////////////////////////////////////*/
table.visualizacion.top td.alignRight, 
table.visualizacion.bottom td.alignRight {
display: none;
}
table.visualizacion.top td, 
table.visualizacion td.muestra {
text-align: center;
background: transparent;
}
table.visualizacion.bottom td.muestra {
padding-bottom: 20px;
}

#contenido h2#descripcion {
text-align: left;
font-size: 18px;
}

/**/
div.imagen {
  float: left;
  width: 55%;
}
div.datosFicha {
  float: right;
  width: 42%;
}
div.descripcionLarga, 
.pestanyaCliente {
  font-size: 18px;
}
/**/
div.herramientas {
border-top: 3px dotted rgb(238, 239, 239);
}
div.herramientas > a {
width: 70px;
}
.herramientas a > img {
  margin-right: 0;
}
div.herramientas > a > span {
display: none;
}
/* CANTIDAD */
input.campoCantidadFicha {
font-size: 18px;
}
form.cantidad {
padding: 4px 8px 4px 8px;
}
form.cantidad span {
  width: 50px;
}
/**/
.contentstyle .ficha a.botonComprar {
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}

/*/////////////////////////////////////////////////////////////////////////////////
AREA PRIVADA
/////////////////////////////////////////////////////////////////////////////////*/
#menuAreaPrivada #menuTabs {
text-align: center;
padding: 0 20px 15px ;
    float: none;
width: 100%;
    min-width: 280px;
}
#menuTabs li a {
 padding: 10px 20px;
}
#menuTabs li.activo, #menuTabs li.activo:hover {
color: #fff;
  background-color: var(--color-enlace-principal-01);
  font-weight: 700;
  border: 1px solid var(--color-enlace-principal-01);
}
#menuTabs li.activo a, #menuTabs li.activo a:hover {
color: #fff;
  background-color: var(--color-enlace-principal-01);
}

#areaPrivada .celdaTitForm {
  background-color: transparent;
  color: var(--color-enlace-secundario-01);
  font-weight: 700;
  padding: 7px 0;
  }
fieldset.areaprivada {
  background-color: transparent;
  border-top: 0 none;
  }

/*/////////////////////////////////////////////////////////////////////////////////
PROCESO COMPRA
/////////////////////////////////////////////////////////////////////////////////*/
.uno > div, .dos > div, .tres > div {
text-transform: uppercase;
}
.uno.activo > div, .dos.activo > div, .tres.activo > div {
background-color: var(--color-enlace-principal-01);
}
.formCompra input, .formCompra select, .formCompra textarea {
width: 100%;
}
table.tablaForm.tablaB2C {
max-width: 600px;
}
table.tablaCesta tr.importeTotalaPagar td {
border-bottom: 1px solid var(--color-borde-secundario-01);
}
#paso02 .cajaCompra01.dosColumnas {
  background: #fff;
}
.tablaForm.zonaDatosPersonales td, 
form#formCompra .tablaB2C td.campos, 
.tablaForm.zonaDatosEnvio td {
display: block;
width: 100%;
}

.uno > div, .dos > div, .tres > div {
  font-weight: 600;
}
.uno.activo > div, .dos.activo > div, .tres.activo > div {
  color: #fff;
font-weight: 700;
  letter-spacing: 1px;
}

#paso02 .cajaCompra02.dosColumnasLogeado {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  float: none;
}
table.tablaForm.tablaB2C {
  margin-left: auto;
  margin-right: auto;
}
/**/
#centro #contenido #btn_imprimirPedido.lnkBotonVerde.destacado, 
#centro #contenido #btn_imprimirPedido.lnkBotonVerde.destacado:hover, 
#centro #contenido a.lnkBotonVerde:link, #centro a.lnkBotonVerde {
color: #fff;
}

/*/////////////////////////////////////////////////////////////////////////////////
NOTICIAS / EVENTOS
/////////////////////////////////////////////////////////////////////////////////*/
div.noticias {
  font-size: 16px;
}
#contenido h3[id *= "arbol_modulo"] {
display: none;
}
#body_comunicados_detalle #contenido {
max-width: 900px;
margin: 0 auto;
}
table#calendario {
max-width: 700px;
margin: 0 auto;
}
table#calendario td {
min-height: 20px;
padding: 10px 5px;
}

table#calendario td a.evento, 
table#calendario a.evento:link, table#calendario a.evento:visited, table#calendario a.evento:hover {

display: block;
width: 100%;
height: 100%;
  color: #fff;
  text-decoration: none;
}
table#calendario td.evento {
  background-color: var(--color-enlace-principal-01)!important;
  color: var(--color-texto-light-01);

  font-weight: 700;
}

/* TOOLTIP ********/
.dhtmltooltip {
  background: #fff;
  border-radius: 8px;
  padding: 10px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
  font-size: 14px;
}

.dhtmltooltip td.datos {
  color: #333!important;
  font-weight: 500;
    font-size: 16px!important;
    color: #b7281c!important
}

.dhtmltooltip .tipoEvento {
  font-size: 16px!important;
  font-weight: 600!important;
  color: #111;
    color: #b7281c!important
}

/*EVENTO DETALLE */
div.tituloFechaComunicado {
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  background-color: var(--color-enlace-principal-01);
  }
div.fechaComunicado {
  font-size: 16px;
}
div.tagsComunicados {
display: none;
}
/* LISTA EVENTOS
///////////////////////////////////////////////////////////////////*/
#body_comunicados_eventos  #bloque ul {
text-align: center;
}



/*/////////////////////////////////////////////////////////////////////////////////
NOTICIAS / EVENTOS
/////////////////////////////////////////////////////////////////////////////////*/
#body_comunicados_eventos div.noticias  #bloque ul, 
#body_comunicados_listado div.noticias  #bloque ul {
   /* display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch;*/
    
    text-align: center;
}
#body_comunicados_eventos div.noticias  #bloque ul li, 
#body_comunicados_listado div.noticias  #bloque ul li {
display: inline-block;
width: 23.5%;
border: 0 none;
padding: 20px;
}

div.noticias  #bloque ul li a {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

box-shadow: rgba(0, 0, 0, 0) 0px 1px 10px -10px;
}
div.noticias  #bloque ul li a:hover {
background:  rgba(246, 88, 35, .3);	
background:  rgba(255, 255, 255, .3);	
transform: scale(1.1);

box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;
}

div.noticias  #bloque ul li span.tituloListado {
  line-height: 1.4;
  font-size: 21px;
  font-weight: bold;
  color: var(--color-texto-enfasis-01);
  display: block;
}
div.noticias  #bloque ul li img {
max-width: 300px;
  height: auto!important;
  width: 150px;
  margin: 0 0 10px;
}
div.noticias  #bloque ul li span.fecha  {
width: max-content;
  margin: 10px auto 5px;
  font-size: 16px;
  font-weight: 500;
background: var(--color-enlace-principal-01);
color: #fff;
display: inline-block;
padding: 5px 25px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

#body_comunicados_eventos div.noticias,
#body_comunicados_listado div.noticias {
padding-bottom: 40px;
}

/* Datos del evento
-----------------------------------------------*/

.datosEvento {
padding-top: 10px;
}

.datosEvento > div {
  display: flex;
  align-items: center;
  gap: 10px;
}

.datosEvento > div + div {

}

.datosEvento svg.icon {
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  color: var(--color-evento, rgb(246, 88, 35));
  stroke-width: 1.8;
}

.datosEvento .horaEvento {
  flex-wrap: wrap;
}

.datosEvento .horaEvento svg {
  align-self: flex-start;
}

.datosEvento .horaInicio,
.datosEvento .horaFin {
  display: inline-block;
}

.datosEvento .horaFin {
  margin-left: 8px;
}

/**/
div.herramientas > a.imprimir-com {
display: none;
}
#entrada div.herramientas > a.masinfo-com {
  display: flex;
}
#entrada div.herramientas > a.masinfo-com > span {
  display: flex;
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--color-texto-enfasis-01);
  font-family: "Barlow Condensed", serif;
  white-space: nowrap;
  align-items: center;
}
#entrada div.herramientas > a.masinfo-com:hover > span {
color: var(--color-enlace-principal-01);
}

/*/////////////////////////////////////////////////////////////////////////////////
PAGINAS LEGALES
/////////////////////////////////////////////////////////////////////////////////*/
.sec-legal {
padding-right: 30px;
}
.sec-legal div.megaeditor p {
  font-size: 16px;
}
.sec-legal div.megaeditor li {
  font-size: 16px;
  }
#contenido .sec-legal h3 {
font-size: 21px;
padding: 20px 0 10px;
  }
/*///////////////////// CSS DINÁMICO : CABECERA //////////////////////////*/

#cabecera-A {
background: var(--color-enlace-principal-01);
height: 40px;
position: relative;
}
#cabecera-B {
height: 90px;
position: relative;
}
#baseCabecera {
top: 0;
/*
-webkit-transition: all 0.3s ease;                  
-moz-transition: all 0.3s ease;                 
-o-transition: all 0.3s ease;   
-ms-transition: all 0.3s ease;          
transition: all 0.3s ease;
*/
}
#baseCabecera.sticky {
position:fixed;
top: -85px;
left: 0;
width: 100%;
height: 50px;
z-index: 999;
}
#cabecera {
background-image: url("/UserFiles/images/khanbarrilete/labrinto-blanco.svg");
background-repeat: no-repeat;
background-size: 800px;
}
body#body_cms_home #baseCabecera #cabecera {
background: color-mix(in srgb, var(--color-fondo-dark-01) 40%, transparent);

box-shadow: rgba(0, 0, 0, 0.0) 0px 1px 2px, rgba(0, 0, 0, 0.0) 0px 2px 4px, rgba(0, 0, 0, 0.0) 0px 4px 8px, rgba(0, 0, 0, 0.0) 0px 8px 16px, rgba(0, 0, 0, 0.0) 0px 16px 32px, rgba(0, 0, 0, 0.0) 0px 32px 64px;

-webkit-transition: all 0.5s ease;                  
-moz-transition: all 0.5s ease;                 
-o-transition: all 0.5s ease;   
-ms-transition: all 0.5s ease;          
transition: all 0.5s ease;
}
body#body_cms_home #baseCabecera #cabecera .ddsmoothmenu {
background-color: color-mix(in srgb, var(--color-fondo-dark-01) 50%, transparent)!important;
}

body#body_cms_home #baseCabecera.sticky #cabecera, 
#baseCabecera.sticky #cabecera {
background: color-mix(in srgb, var(--color-fondo-dark-01) 90%, transparent);
box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;

background-image: url("/UserFiles/images/khanbarrilete/labrinto-blanco.svg");
background-repeat: no-repeat;
background-size: 800px;
}

/*  CABECERA A
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#cabecera-A a {
color: #fff;
}
#cab-atc {
display: inline-block;
padding: 6px 10px 3px 50px;
background: url("/UserFiles/images/plantilla10/ico-atc-blanco.svg") no-repeat 15px center;
background-size: 25px;
}
#cab-atc h3 {
margin: 0;
font-size: 10px;
text-transform: uppercase;
font-weight: 400;
color: rgba(255, 255, 255, .6);
}
#cab-atc p {
margin: 0;
font-size: 11px;
font-weight: 700;
line-height: 1.2;
color: #fff;
}

#cestaTop, #capaLoginTop {
  position: fixed;

  position: absolute;
/*  background-color: #fff; */
}
/* BUSCADOR TOP ***************************************************************************************/
div#buscadorTop {
background: #fff;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
div#buscadorTop form input.camposformHomeMediano {
border: 0  none;
background: transparent;
font-size: 14px;
  padding: 5px 15px 5px 25px;
vertical-align: bottom;
}
div#buscadorTop input.botonform, 
div#buscadorTop form input.botonform {
background: transparent;
color:  var(--color-enlace-principal-01);
padding: 6px 15px;
font-weight: 600;
vertical-align: text-bottom;
}
div#buscadorTop input.botonform:hover, 
div#buscadorTop form input.botonform:hover{
background: transparent;
color:  var(--color-enlace-secundario-01--color-enlace-principal-0);
}

/* USUARIOS REGISTRADOS ***************************************************************************************/

#capaLoginTop {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: inherit;
  -moz-box-shadow: inherit;
  box-shadow: inherit;
  background-color: transparent;
  border-right: 1px solid #e4e4e4;

max-width: 300px;
}
#capaLoginTop #titLoginTop {
position: relative;
  background-color: #f5f5f5;
}
#titLoginTop a {

    padding: 12px 20px;
    font-size: 12px;
    text-transform: inherit;
    background: none;
    display: inline-block;
    vertical-align: middle;
    border-left: 1px solid #e4e4e4;
}
#capaLoginTop.activo #titLoginTop a {
    border-left: none;
}
#titLoginTop a#atitLoginTop {
  width: 300px;
  padding-right: 40px;
  padding-top: 7px;
  padding-bottom: 4px;
padding-left: 45px;
  color: #000;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  background-image: url("/UserFiles/images/plantilla10/ico-login-nero.svg");
  background-size: auto 26px;
  background-position: 10px 7px;
  background-repeat: no-repeat;
  height: 40px;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.2;
  background-color: #f5f5f5;
}
#titLoginTop a#atitLoginTop:focus, #titLoginTop a#atitLoginTop:active {
  text-decoration: none;
}
#titLoginTop a#atitLoginTop::before {
  content: "Área personal";
  display: block;
  font-size: 9px;
  text-transform: uppercase;

  color: #837f81;
  font-weight: 400;
}
#titLoginTop a#atitLoginTop::after {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-image: url("/UserFiles/images/plantilla10/ico-abajo-nera.svg");
  background-size: 14px auto;
  background-position: center 17px;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  -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;
}
.log #titLoginTop a#atitLoginTop {
  width: 268px;
  padding-right: 22px;
}
.log #titLoginTop a#atitLoginTop::after {
width: 20px;
background-position: center 14px;
}
#capaLoginTop.activo #titLoginTop a#atitLoginTop::after , #capaLoginTop.activo #titLoginTop a#atitLoginTop:hover::after {
    -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-image: url(/UserFiles/images/plantilla10/ico-arriba-nera.svg);
}
#titLoginTop a.lnkCerrar {
  display: inline-block;
  padding: 15px 15px;
  font-size: 0;
  background-image: url("/UserFiles/images/plantilla10/ico-cerrar.svg");
  background-size: 18px auto;
  background-repeat: no-repeat;
  background-position: center 11px;
  float: none;
  height: 40px;
border: 0 none;
  background-color: #f5f5f5 !important;
}
#titLoginTop a:hover, #capaLoginTop.activo #titLoginTop a#atitLoginTop {
  background-color: #f5f5f5 !important;
  text-decoration: none;
}
#capaLoginTop.activo #formLoginTop {
  display: inherit;
  background-color: #fff;
  padding-bottom: 10px;
}
#capaLoginTop.activo div#formLoginTop ul.enlace li a span::before, #capaLoginTop.activo div#formLoginTop ul.enlace li a span::after {
  display: none;
}
#capaLoginTop.activo div#formLoginTop ul.enlace {
  list-style: none;
  padding: 10px 10px 5px 15px;
  margin: 0;
}
#cabecera-A #capaLoginTop div#formLoginTop  a {
color: var(--color-enlace-principal-01);
font-size: 14px;
}
#cabecera-A #capaLoginTop div#formLoginTop  a:hover {
color: var(--color-enlace-secundario-01);
}
#capaLoginTop.activo div#formLoginTop ul.enlace li a,
{
  font-size: 14px;
  color: #847f81;
  padding: 5px 0;
  display: block;
}
#capaLoginTop.activo div#formLoginTop ul.enlace li a:hover {
    text-decoration: none;
    color: #000;
}
#capaLoginTop.activo div#formLoginTop ul.enlace li a::before {
    background-image: url("/UserFiles/images/plantilla10/flecha-dcha-nera.svg");
    content: "";
     display: inline-block;
    opacity: 0;
    width: 0;
    -webkit-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    height: 13px;
    background-repeat: no-repeat;
    background-position: 2px 0px;
    background-size: 11px auto;
    vertical-align: middle;
}
#capaLoginTop.activo div#formLoginTop ul.enlace li a:hover::before {
    opacity: 1;
    width: 20px;
}
#capaLoginTop.activo {
  background-color: #fff;
-webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 10px 10px 20px rgba(0,0,0,.15);
  -moz-box-shadow: 10px 10px 20px rgba(0,0,0,.15);
  box-shadow: 10px 10px 20px rgba(0,0,0,.15);
}
#capaLoginTop.activo div#formLoginTop ul.enlace li a > span {
  float: right;
  text-align: center;
  min-width: 18px;
  background-color: #36424a;
  color: #fff;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  font-size: 12px;
  font-weight: 700;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 4px;
}
/* CESTA 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#cestaTop {
  /*padding-inline: 0;*/
background: rgba(0, 0, 0, .2);
height: 40px;
padding: 6px 10px;
}
#botones, #registro.cestaRegistro.loginregistro {
  display: none;
}
#cesta a span::before, #cesta a span::after {
  display: none;
}
#cesta, #loginTop {
  font-size: 14px;
  width: auto;
  background: transparent;
}
#user {
  display: none;
}
.espaciosesion {
  display: none;
}
/**/
#loginTop {
  float: left;
  margin-right: 10px;
  color: #2b2825;
}
#loginTop a {
  text-transform: uppercase;
  font-size: 11px;
  display: inline-block;
}
#cesta a, #cestaTop #cesta.activo a {
  background-image: url("/UserFiles/images/plantilla10/ico-cesta-blanco.svg");
  padding: 3px 3px 4px 30px;
  background-size: 26px auto;
  background-position: left bottom;
}
#cesta a:hover, #cestaTop #cesta.activo a:hover {
  background-image: url("/UserFiles/images/plantilla10/ico-cesta-blanco.svg");
}
#cesta a span:first-child {
  display: none;
}
#cesta a span span {
  display: none;
}
#cesta a span {
  display: flex;
  background-color: #171514;
  color: #fff;
  border-radius: 20px;
  font-weight: 800;
  justify-content: center;
  align-items: center;
  padding: 3px 10px;
  line-height: 1;
}
#cestaTop #cesta.activo {
  background-color: transparent;
}
#cestaTop #cesta.activo a span {
background-color: var(--color-enlace-secundario-01);
}

/*  CABECERA B
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.logo {
width: 250px;
right: auto!important;
left: 5%;
}
div.logo img {
max-width: 100%;
height: auto!important;
}

/* MENU DESPLEGABLE ****************************************************************************************/
.ddsmoothmenu {
background-color: color-mix(in srgb, var(--color-fondo-dark-01) 70%, transparent)!important;
left: auto!important;
padding:0 30px;
text-align: center;
font-size: 14px;
  letter-spacing: 1px;
}
.ddsmoothmenu ul {
text-align: center;
text-transform: uppercase;
padding-left: ;
}
.downarrowclass {
display: none;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited {
padding: 8px 0 8px 15px!important;
font-weight: 600;

}
/* 2 nivel */
.ddsmoothmenu ul li ul   {
background: #fff;
width: 250px!important;
box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.ddsmoothmenu ul li ul  li a:link, .ddsmoothmenu ul li ul  li a:visited{
padding: 8px 15px 8px 15px!important;
text-align: left;
font-weight: 400;
display: block;
width: 100%;
}
.ddsmoothmenu ul li ul  li a:hover{
padding: 8px 15px 8px 17px!important;
}

/* MENU RESPONSIVE */
div[class^="ddsmoothmenu nav_menu_movil_"], 
body#body_cms_home #baseCabecera #cabecera div[class^="ddsmoothmenu nav_menu_movil_"]{
background: transparent!important;
  display: block;
  z-index: 9999;
  right: auto;
pointer-events: none;
top: 25px !important;
padding: 0;
top: 0 !important;
}
div[class^="ddsmoothmenu nav_menu_movil_"] #mobnav-btn-cms, div[class^="ddsmoothmenu nav_menu_movil_"] #mobnav-btn-prod {
  padding: 10px 15px;
pointer-events: auto;
}
.fa {
font-size: 25px;
}
div[class^="ddsmoothmenu nav_menu_movil_"] ul {
pointer-events: auto;
padding-left: 0;
  text-align: left;

box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

/* 3 nivel */
.ddsmoothmenu ul li ul li ul li ul   {
position: relative;
left: 0!important;
}
.ddsmoothmenu ul li ul li ul li ul#submenu2  li a {
background: #eee;
padding: 8px 15px 8px 23px !important;
}
.ddsmoothmenu ul li ul li ul li ul#submenu2  li a:hover {
padding: 8px 15px 8px 25px !important;
}


/* MENU AUXILIAR ****************************************************************************************/
#menuTop ul {
right: 5%!important;
font-size: 11px;
}


/*///////////////////// CSS DINÁMICO : PIE //////////////////////////*/

#pie {
background-image: url("/UserFiles/images/khanbarrilete/labrinto-gris.svg");
background-repeat: no-repeat;
background-position: left top;
background-size: 1000px;
}
address {
max-width: 1400px;
text-align: left;
  margin: 0 auto 0;
padding: 20px 30px;
  font-size: 14px;
  line-height: 1.8;
  color: var(--color-texto-enfasis-01);

}
#contenedor-pie {
/*
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch;
*/
}
#contenedor-pie ul {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 16px;
}
/* PIE CONTACTO ***********************/
div.pie-contactos {
padding-top: 15px;
}
ul#direccion-pie {
padding: 10px 0;
}
ul#direccion-pie li {
padding: 5px 5px 5px 0px;
}
ul#direccion-pie li::before {
content:"";
display: inline-block;
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-position: center center;
background-size: 18px;
  vertical-align: middle;
  margin-right: 4px;
}
ul#direccion-pie li.pie-direccion::before {
background-image: url("/UserFiles/images/ico-direccion-nero.svg");
}
ul#direccion-pie li.pie-telefono::before {
background-image: url("/UserFiles/images/ico-phone-nero.svg");
}
ul#direccion-pie li.pie-email::before {
background-image: url("/UserFiles/images/ico-email-nero.svg");
}
/* REDES */
ul#redes-pie li {
display: inline-block;
}
ul#redes-pie li a {
display: block;
text-align: left;
text-indent: -99999px;
width: 30px;
height: 30px;
margin-right: 3px;
background-repeat: no-repeat;
background-position: center center;
background-size: 100%;
}
ul#redes-pie li.pie-insta a {
background-image: url("/UserFiles/images/ico-insta-nero.svg");
}
ul#redes-pie li.pie-X a {
background-image: url("/UserFiles/images/ico-x-nero.svg");
}
ul#redes-pie li.pie-facebook a {
background-image: url("/UserFiles/images/ico-fb-nero.svg");
}
ul#redes-pie li.pie-youtube a {
background-image: url("/UserFiles/images/ico-tube-nero.svg");
}
ul#redes-pie li.pie-linkedin a {
background-image: url("/UserFiles/images/ico-in-nero.svg");
}

/* MENUS PIE ***************************************/
#menus-pie {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch;
}
div.pie-menu {
padding-top: 45px;
}
div.pie-menu ul li {
padding: 5px 0 5px 15px;
font-size: 15px;
background: url("/UserFiles/images/bullet01-nero.svg") no-repeat  left 11px;
background-size: 10px;

-webkit-transition: all 0.3s ease;                  
-moz-transition: all 0.3s ease;                 
-o-transition: all 0.3s ease;   
-ms-transition: all 0.3s ease;          
transition: all 0.3s ease;
}
div.pie-menu ul li.li-titulo, div.pie-menu ul li.li-titulo:hover {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
margin-bottom: 6px;
background: none;
}
div.pie-menu ul li.li-titulo h4 {
margin: 0;
color: var(--color-enlace-secundario-01);
font-size: 18px;
font-weight: 800;
}
div.pie-menu ul li:hover {
padding: 5px 0 5px 18px;
}

/***/
#pie td.alignLeft p.condiciones {
text-align: left;
padding-left: 25px;
}
#pie td.alignRight p.condiciones {
text-align: right;
padding-right: 25px;
}
#pie p.condiciones {
font-size: 11px;
}

/*----------- ESTRUCTURA DEL PIE CUANDO NO HA CONTENIDO EN EL EDITOR DEL PIE -----*/
footer {
  border-top: 1px solid var(--color-borde-secundario-01);
}
#pie {

padding: 40px 0 0;
}
address {
  display: flex;
  flex-wrap: wrap;
  column-gap: 40px;
  /*max-width: 1920px;*/

}
address, #pie .cajasIzda {
 flex: 1;
 min-width: 200px;
 }

/*----------- LOGO DUPLICADO DEL TOP - y recolocado por jQuery dentro de address -----*/
#logo-footer {
  display: inline-block;
background: var(--color-texto-secundario-01);
padding: 7px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
#logo-img-footer {
  max-width: 100%;
  height: auto;
/*  max-height: 42px; */
  width: auto;
width: 150px;
  margin-bottom: ;
}



#pie div.cajasIzda, #pie div.cajasIzda .menu, #pie .cajasIzda.menucms a, #pie .cajasIzda.menufamilias a {
  background-color: transparent;
}
#pie .cajasIzda.menufamilias img, #pie .cajasIzda.menufamilias div.submenu {
  display: none;
}
#pie div.cajasIzda h3 {
  background-color: transparent;
  padding: 10px 0 5px;
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
  pointer-events: none;
  color: var(--color-texto-enfasis-01);
  font-family: "Barlow Condensed", serif;
}
#pie a.principal:link, #pie a.principal:visited {
  padding: 5px 0 5px 10px;
  font-size: 14px;
  color: var(--color-texto-estandar-01);
  font-weight: 500;
  font-family: "Barlow", serif;
}
#pie a.principal:hover {
    color: var(--color-enlace-secundario-01);
}
#pie a.principal:link span, #pie a.principal:visited span {
  font-family: "Barlow", serif;

}
.icoMenu {
  display: none;
}
#pie .menu ul li a {
  text-transform: uppercase;
}
#pie .cajasIzda {
padding-top: 25px;
}
#pie a.principal:hover {
  text-decoration: none;
  transform: translate(10px);
}
#pie a.principal::before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 10px;
    vertical-align: middle;
    margin-right: 5px;
    -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;
    position: absolute;
    top: 15px;
    left: 0;
    background-color:  var(--color-texto-estandar-01);
}
#pie a.principal:hover::before {
  background-color: var(--color-enlace-principal-01);
  width: 14px;
  height: 4px; 
  transform: translateX(-10px);
  -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;
}
/**/
table.textosCondiciones {
margin-top: 15px;
background-color: rgba(241, 241, 241, .7);
}
table.textosCondiciones td.alignLeft p.condiciones {
text-align: left;
}
table.textosCondiciones td.alignRight p.condiciones {
text-align: right;
}
/*///////////////////// CSS DINÁMICO : Proceso de compra //////////////////////////*/

#paso02 .cajaCompra01.dosColumnas {
  width: 35%;
}

#centro #contenido a.lnkBotonVerde.destacado:link, #centro a.lnkBotonVerde.destacado {
  color: var(--color-fondo-dark-01);
}

#centro #contenido a.lnkBotonVerde.destacado#btn_imprimirPedido:link, #centro a.lnkBotonVerde.destacado#btn_imprimirPedid, 
#centro #contenido a.lnkBotonVerde.destacado:hover, #centro a.lnkBotonVerde.destacado:hover {
  color: #fff;
}
/*///////////////////// CSS DINÁMICO : calendario //////////////////////////*/

/* Tooltip calendario
-----------------------------------------------*/

#dhtmltooltip {
  width: auto !important;
  min-width: 240px;
  max-width: 340px;
  padding: 5px !important;
  background: #fff !important;
  border: 1px solid var(--color-fondo-secundario-01) !important;
  border-radius: 15px;
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.16);
  overflow: hidden;
  color: var(--color-texto, #2b2b2b);
  font-family: inherit;
  line-height: 1.4;
}

#dhtmltooltip table {
  width: 100% !important;
  margin: 0;
  background: #fff;
  border: 0 !important;
  border-collapse: collapse;
  border-spacing: 0;
}

#dhtmltooltip thead,
#dhtmltooltip tbody,
#dhtmltooltip tr,
#dhtmltooltip th,
#dhtmltooltip td {
  border: 0 !important;
}

#dhtmltooltip th {
  padding: 12px 16px 4px;
  background: #fff;
  text-align: left;
  vertical-align: middle;
}

#dhtmltooltip .tipoEvento {
  display: inline-block;
  padding: 6px 13px;
  background: var(--color-evento, rgb(246, 88, 35));
  color: #fff;
  font-size: 14px !important;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  border-radius: 30px;
}

#dhtmltooltip tbody td {
  padding: 5px 16px 10px;
  background: #fff;
  color: var(--color-texto, #2b2b2b);
  font-family: inherit;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.35;
  text-align: left;
  vertical-align: top;
}

#dhtmltooltip tbody td * {
  color: inherit;
  font-family: inherit;
  font-size: inherit !important;
  font-weight: inherit;
  line-height: inherit;
}

/*   CALENDARIO DE EVENTOS
//////////////////////////////////////////////////////////////////////////////////////*/

#calendario {
  --calendario-finde: var(--color-finde-semana, rgb(249, 249, 249));
  --calendario-evento: var(--color-evento, rgb(246, 88, 35));
  --calendario-texto: var(--color-texto, #2b2b2b);
  --calendario-borde: var(--color-borde, #e5e5e5);

  width: 100%;
  max-width: 760px;
  margin: 0 auto;
  border: 1px solid var(--calendario-borde);
  border: 0 none;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  background: #fff;
  color: var(--calendario-texto);
  border-radius: 12px;
}

/* BOOTON PIE -------------------------------------------------------**/
.bloque-calendario div.cajasIzda  p.botones {
font-size: 16px;
  text-align: center;
  margin: 20px 0 0;
}
.bloque-calendario div.cajasIzda  p.botones a {
color: #fff;
background-color: var(--color-enlace-principal-01);
background-color: var(--color-enlace-secundario-01);
line-height: 1;
display: inline-block;
padding: 10px 25px 12px;
font-weight: 600;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.bloque-calendario div.cajasIzda  p.botones a:hover {
color: #fff;
background-color: var(--color-enlace-secundario-01);
background-color: var(--color-enlace-principal-01);
text-decoration: none;
}

.bloque-calendario div.cajasIzda  p.botones a .ico {
display: none;
}
/* Cabecera
-----------------------------------------------*/

#calendario thead .mes {
  position: relative;
  height: 72px;
  padding: 0 70px;
  background: #fff;
  border-bottom: 1px solid var(--calendario-borde);
    border-bottom: 0 none;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}

#calendario thead .mes a {
  color: var(--calendario-texto);
  text-decoration: none;
}

#calendario thead .mes .anterior,
#calendario thead .mes .siguiente {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: var(--calendario-evento);
  color: #fff;
  font-size: 27px;
  line-height: 1;
  border-radius: 50%;
  transform: translateY(-50%);
  transition: transform 0.2s ease;
}

#calendario thead .mes .anterior {
  left: 14px;
}

#calendario thead .mes .siguiente {
  right: 14px;
}

#calendario thead .mes .anterior:hover,
#calendario thead .mes .siguiente:hover {
  transform: translateY(-50%) scale(1.06);
}

/* Días de la semana
-----------------------------------------------*/

#calendario thead .dias {
  height: 48px;
  padding: 8px;
  background: #fff;
  border-bottom: 1px solid var(--calendario-borde);
  border-bottom: 0 none;
  color: #999;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}

/* Días
-----------------------------------------------*/

#calendario tbody td {
  position: relative;
  height: 86px;
  padding: 10px;
  background: #fff;
  border: 0;
  border-bottom: 1px solid var(--calendario-borde);
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
}

#calendario tbody tr:last-child td {
  border-bottom: 0;
}

#calendario tbody td.finde {
  background: var(--calendario-finde);
}

/* Día actual
-----------------------------------------------*/

#calendario tbody td.hoy {
  font-weight: 700;
}

#calendario tbody td.hoy::after {
  content: "";
  position: absolute;
  bottom: 12px;
  left: 50%;
  width: 6px;
  height: 6px;
  background: var(--calendario-evento);
  border-radius: 50%;
  transform: translateX(-50%);
}

/* Evento
-----------------------------------------------*/

#calendario tbody td.evento {
  padding: 6px;
  background: #fff !important;
}

#calendario tbody td.evento > a.evento {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 74px;
  box-sizing: border-box;
  background: var(--calendario-evento);
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
  border-radius: 10px;
  transition:
    transform 0.2s ease,
    filter 0.2s ease;
}

#calendario tbody td.evento:hover > a.evento {
  filter: brightness(0.94);
  transform: scale(1.03);
}

#calendario tfoot {
  display: none;
}
/*///////////////////// CSS DINÁMICO : RESPONSIVE //////////////////////////*/

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS DESDE 1200
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 1200px) {

/* LISTADO PRODUCTOS
 ///////////////////////////////////////////////////////////////////*/
a.fotoProducto, a.fotoProducto:hover, a.fotoProducto:link, a.fotoProducto:visited {
  min-height: 150px;
}
/**/
li .decrement-unit, li .increment-unit {
margin-right: 0;
}
.decrement-unit {
width: 20px;
}
.increment-unit {
width: 20px;
}
input.campoCantidadListado {
  width: 30px;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS DESDE 1024
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 1024px) {


/* FORMULARIOS
 ///////////////////////////////////////////////////////////////////*/
/* Proceso compra */
#datosDireccionFacturacion td, #datosFacturacion td, #datosIdentificacion td, #table_dir_envio td {
  text-align: left;
  display: block !important;
  width: 100% !important;
}

/* LISTADO PRODUCTOS
 ///////////////////////////////////////////////////////////////////*/
ul.mini {
  width: 32%;
}

/* PIE ********************/

/* Primera columna ocupa todo */
address div:first-child {
  flex: 0 0 100%;
   text-align: center; 
}

/* Las demás se reparten */
address div:not(:first-child) {
  flex: 1 0 33.33%;
     text-align: left; 
}
 
 

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS DESDE 960
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 960px) {

/* CABECERA
 ///////////////////////////////////////////////////////////////////*/
#cab-atc {
display: none;
}
#buscadorTop {
  position: absolute;
  width: calc(100% - 410px);
  right: auto !important;
  left: 10px;
}

/* HOME
 ///////////////////////////////////////////////////////////////////*/
#columnas-home {
  grid-template-columns: 1fr 1fr;
}
.contenedor-col-ico {
  margin-top: -90px;
}
#col-home03 .contenedor-col-ico, 
#col-home04 .contenedor-col-ico {
  margin-top: 0;
}

/* LISTADO PRODUCTOS
 ///////////////////////////////////////////////////////////////////*/
ul.mini {
  width: 49%;
}

/* PROCESO COMPRA
 ///////////////////////////////////////////////////////////////////*/
#paso02 .cajaCompra01.dosColumnas, 
#paso02 .cajaCompra02.dosColumnas {
  width: 100%!important;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS DESDE 767
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 767px) {

/* CABECERA
 ///////////////////////////////////////////////////////////////////*/
div.logo {
  width: 200px;
  left: 60px;
}
#buscadorTop {
  width: calc(100% - 341px);
}
/**/
#capaLoginTop #titLoginTop a#atitLoginTop {
width: 200px;
  text-overflow: ellipsis;
  overflow: hidden; 
  white-space: nowrap;
}
#capaLoginTop.activo #titLoginTop a#atitLoginTop {
    width: 100%;
}

/* FORMULARIOS
 ///////////////////////////////////////////////////////////////////*/
#formContacto {
  max-width: 90%;
}

div.formulario form label {
width: 100%;
text-align: left;
}
#AP_datosDireccionFactura td, #AP_datosFactura td, #AP_datosIdentificacion td, 
#AP_datosDireccionFactura td.campos, #AP_datosFactura td.campos, #AP_datosIdentificacion td.campos {
  text-align: right;
  display: block;
  text-align: left;
  width: 100%;
}
input[type="email"], input[type="password"], input[type="tel"], input[type="text"], input[type="url"], textarea, 
.formCompra select {
  width: 100%;
}



 
/* HOME
 ///////////////////////////////////////////////////////////////////*/
/* DESTACADO HOME ***************************************/
.bloque-2col#destacado-home {
  grid-template-columns: 1fr;
}
#destacado-home .destacado-imagen {
text-align: center;
}
#destacado-home .destacado-imagen img {
  max-width: 500px;
  width: 100% !important;
  margin: 0 auto;
}
/* PRESENTACION *************************************************************/
#centro #contenido section.sec-presentacion p {
  font-size: 28px;
  line-height: 1.4;
}

/* FICHA PRODUCTO
 ///////////////////////////////////////////////////////////////////*/
div.imagen, 
div.datosFicha {
  float: none;
  width: 100%;
}
input[type="text"].campoCantidadFicha {
width: 50px;
}
#contenido h1#nombreProducto {
  font-size: 33px;
}

/* CONTACTO
 ///////////////////////////////////////////////////////////////////*/
 div.texto-formulario, 
.body_cms_138 #centro section[id*="formulario_"]{
  display: block;
  width: 100%;
}

/* AREA PRIVADA
 ///////////////////////////////////////////////////////////////////*/
#menuAreaPrivada #menuTabs {
text-align: center;
padding: 0 30px 15px ;
    float: none;
width: 100%;
    min-width: 280px;
}
/**/
#AP_datosDireccionFactura td.tit_label, #AP_datosFactura td.tit_label, #AP_datosIdentificacion td.tit_label {
  text-align: left;
}

/* PROCESO COMPRA
 ///////////////////////////////////////////////////////////////////*/
#datosDireccionFacturacion, #datosFacturacion {
  float: none;
  width: 100%;
}
#paso02 .cajaCompra02.dosColumnasLogeado {
  width: 100%;
padding: 15px 0;
}
.prescindible {
display: none;
}

/* PIE *****/
  #menus-pie {
  grid-template-columns: 1fr 1fr;
  }

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS DESDE 600
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 600px) {

#centro.tripleColumna {
padding: 0;
}
/* CABECERA
 ///////////////////////////////////////////////////////////////////*/
#cabecera {
height: 87px!important;
}
#cabecera-B {
  height: 47px;
}
div.logo {
  width: 150px;
  left: 60px;
}

#menuTop ul {
  right: 15px !important;
}
#buscadorTop {
  width: calc(100% - 151px);
}
.log #buscadorTop {
  width: calc(100% - 185px);
}
/* LOGIN ************************/
#capaLoginTop {
display: none;
}
/**/
#loginTop {
padding-right: 5px;
border-right: 3px dotted #fff;
}
#botones, #registro.cestaRegistro.loginregistro {
display: inline-block;
}

#loginTop a {
  text-transform: uppercase;
  font-size: 12px;
  display: inline-block;
  margin: 0 5px;
}
#capaLoginTop.activo .lnkCerrar {
  display: none;
}
#loginTop a#registro, #loginTop a#sesion, .enlace_cabecera_wishlist, .enlace_cabecera_wishlist.no {
  padding-left: 18px;
  background-repeat: no-repeat!important;
  background-position: center center!important;
  background-size: 23px !important;
  display: inline-block;
  width: 23px;
  height: 23px;
  text-align: left;
  position: relative;
  text-indent: -99999px;
  margin-bottom: 2px;
}
/* registro */
#loginTop a#registro.cestaRegistro.loginregistro {
  background-image: url("/UserFiles/images/plantilla10/ico-registro-blanco.svg");
display: none;
}
#loginTop a#registro.cestaRegistro.loginregistro:hover {
  background-image: url("/UserFiles/images/plantilla10/ico-registro-nero.svg");
}
/*login*/
#loginTop a#sesion.cestaSesion.login {
  background-image: url("/UserFiles/images/plantilla10/ico-login-blanco.svg");
}
#loginTop a#sesion.cestaSesion.login:hover {
  background-image: url("/UserFiles/images/plantilla10/ico-login-nero.svg");
}
/* areaprivada */
#loginTop a#registro.cestaRegistro {
  background-image:url("/UserFiles/images/plantilla10/ico-user-blanco.svg");
}
#loginTop a#registro.cestaRegistro:hover {
  background-image:url("/UserFiles/images/plantilla10/ico-user-nero.svg");
}
/*cerrar sesion*/
#loginTop a#sesion.cestaSesion {
  background-image: url("/UserFiles/images/plantilla10/ico-cerrar-claro.svg");
}
#loginTop a#sesion.cestaSesion:hover {
  background-image: url("/UserFiles/images/plantilla10/ico-cerrar-blanco.svg");
}


/* HOME
 ///////////////////////////////////////////////////////////////////*/
div.megaeditor .contenido-col-ico p {
  font-size: 21px;
}
/* PRESENTACION *************************************************************/
#centro #contenido section.sec-presentacion p {
  font-size: 22px;
  line-height: 1.4;
}

/* LISTADO PRODUCTOS
 ///////////////////////////////////////////////////////////////////*/
.producto_anterior a, .producto_siguiente a {
font-size: 11px;
line-height: 1.2;
}
ul.mini {
 /* width: 100%;*/
}
ul.mini, ul.mini:hover {
  padding: 10px;
}
a.fotoProducto, a.fotoProducto:hover, a.fotoProducto:link, a.fotoProducto:visited {
  min-height: 200px;
}

/* FORMULARIOS
 ///////////////////////////////////////////////////////////////////*/
#formContacto {
  max-width: 95%;
}
.tablaForm td, 
form#formCompra .tablaB2C td.campos, 
form#formCompra .tablaB2C td.campos01 {
display: block;
width: 100%;
text-align: left;
}

div.formulario form #captcha label {
  max-width: 100%;
  text-align: center;
}
div.formulario form #captcha img {
  margin-left: auto;
}
#captcha input {
  margin-right: auto;
}

/* PIE
 ///////////////////////////////////////////////////////////////////*/
address {
  display: block;
  }
   address div:not(:first-child) {
    text-align: left;
    max-width: 350px;
    margin: 0 auto;
  }

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS DESDE 480
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 480px) {

#buscadorTop input.camposformHomeMediano {
  width: calc(100% - 37px);
}
div#buscadorTop form input.botonform {
width: 37px;
height: 30px;
text-align: left;
text-indent: -99999px;
background-image: url("/UserFiles/images/plantilla10/ico-busca-gris.svg");
background-repeat: no-repeat;
background-position: center center;
background-size: 20px;
}
div#buscadorTop form input.botonform:hover {
background-image: url("/UserFiles/images/plantilla10/ico-busca-blanco.svg");
}
/* HOME
 ///////////////////////////////////////////////////////////////////*/
/* COLUMNAS DESTACADAS**********************************************/
  #columnas-home {
    grid-template-columns: 1fr ;
  }
 .contenedor-col-ico {
    margin-top: 0;
  }
.contenedor-col-ico, .contenedor-col-ico:hover {
  padding: 10px 0; 
margin-right: 20px;
}
.contenedor-col-ico .contenido-col-ico, .contenedor-col-ico:hover .contenido-col-ico {
  padding: 15px 25px;
text-align: left;
}
.contenido-col-ico {
  text-align: left;
}
.contenido-col-ico a {
  display: inline-block;
padding-right: 10px;

-webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.contenido-col-ico img {
  margin-bottom: 0;
  width: 30px !important;
  display: inline-block;
  vertical-align: bottom;
}
div.megaeditor .contenido-col-ico p {
    font-size: 21px;
    /*display: inline-block;*/
margin: 0;
line-height: 1;
  }
  
.contenido-col-ico div.home-col-ico p a::before {
  display: inline-block;
width: 45px;
  height: 45px;
  margin: 0 10px 0 0;
 
vertical-align: middle;
}
  
.boton-col-ico {
  left: 100%;
  bottom: 50%;
  transform: translate(-50%, 25px);
  width: 50px;
  height: 50px;
  border: 6px solid var(--color-enlace-principal-01);
  background-size: 20px;
}
.contenedor-col-ico:hover .contenido-col-ico .boton-col-ico {
  width: 50px;
  height: 50px;
  background-size: 20px;
transform: translate(-30%, 25px) rotate(90deg);
}

.contenedor-col-ico:hover .boton-col-ico {
  margin-left: -20px;
  bottom: 50%;
}
div.megaeditor .contenedor-col-txt p {
  font-size: 15px;
  line-height: 1.6;
  padding:0 20px;
}

/* LISTADO PRODUCTOS
 ///////////////////////////////////////////////////////////////////*/
ul.mini {
  width: 100%;
}

/* FICHA PRODUCTO
 ///////////////////////////////////////////////////////////////////*/
#contenido h1#nombreProducto {
  font-size: 26px;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS DESDE 360
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 360px) {

}