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

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

}
/*///////////////////////// ELEMENTOS ESTRUCTURALES //////////////////////////*/
/************************ FONDOS ***************************/

/*Fondo de la página*/
body {
	}
/*Contenedor principal*/
#base1024 {
	}
/*Cabecera*/
#baseCabecera {
	}
#cabecera {
	}
/*Pie*/
#pie {
	}
/*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 {
	}
/*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 {
	}
/*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 {
	}
/*Texto seleccionado*/
		
/*Texto general*/
h2#descripcion {
	}
/************************ 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 {
			}
#aviso_cookies button.botonPrincipal:hover {
			}
#aviso_cookies a {
    }
#aviso_cookies a:hover {
	}
/************************ FANCYS ***************************/
#jquery_background, #jquery-overlay, .fancybox-overlay, .bloquear_entorno {
	}
#jquery_alert {
		}
#solicitar_info_div h3, #enviar_amigo_div h3, #valorar_producto_div h3, #solicitar_aviso_stock_div h3, #comentar_comunicado_div h3, #nuevoProducto > div {
		}
/************************ CARRUSELES DE PRODUCTOS***************************/
/*Elementos de navegacion*/
.bx-prev, .bx-next {
		}
.bx-prev:hover, .bx-next:hover, .bx-prev:active, .bx-next:active {
		}
.bx-wrapper .bx-pager.bx-default-pager a {
	}
.bx-wrapper .bx-pager.bx-default-pager a:hover {
	}
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
	}
/*Pestanyas*/
[class^="cabecera_carrusel_productos_"] {
	}
[class^="cabecera_carrusel_productos_"] li a {
			}
[class^="cabecera_carrusel_productos_"] li a:hover {
			}
[class^="cabecera_carrusel_productos_"] li.selected a {
			}
/************************ CARRUSEL DE BANNERS ***************************/
.contenedor-responsive > iframe {
	}

/*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 {
		}
/*Enlace comprar OVER*/
a.botonComprar:hover, .botonVer > a:hover {
		}
/*Enlace reserva*/
a.botonReservar:link, a.botonReservar:visited {
		}
/*Enlace reserva OVER*/
a.botonReservar:hover {
		}

/************************ CONTENIDOS ADICIONALES EN FICHA DE PRODUCTO ***************************/
div.navePestanyas a {
		}
div.navePestanyas a:hover {
		}

div.navePestanyas a.activo, div.navePestanyas a.activo:hover {
			}
/************************ FICHA DE PRODUCTO ***************************/
/*Referencia*/
div.datosFicha p.referencia {
	}
/*Nombre*/
#contenido h1#nombreProducto {
	}
/*Descripcion*/
#contenido h2#descripcion {
	}
////////////* Bloque tallas y colores *///////////
div.modelo {
			}
.aviso_talla_agotada {
		}
div.variaciones div {
			}
div.variaciones a {
	}
div.variaciones a:hover, div.variaciones a.activo:hover, div#color.variaciones div:hover, div.variaciones div.activo:hover, div#talla.variaciones div.imagen_talla_agotada.activo:hover, div#talla.variaciones div.imagen_talla_agotada:hover {
	}
div.variaciones a.activo, div.variaciones div.activo, div#talla.variaciones div.imagen_talla_agotada.activo {
	}
div#talla.variaciones div.imagen_talla_agotada {
			}
div.variaciones div.activo, div#talla.variaciones div.imagen_talla_agotada.activo {
    		}
div.variaciones div:hover, div#color.variaciones div:hover, div.variaciones div.activo:hover, div#talla.variaciones div.imagen_talla_agotada.activo:hover, div#talla.variaciones div.imagen_talla_agotada:hover {
    }

/*Bloque precios*/
#cuadroPrecio {
				}
.ficha div.precioPrincipal strong {
	}
/*Borde imagenes*/
#foto_principal {
		border-color: rgba(255, 255, 255, 0);
	}
div.noticias img, .fotoParrillaFicha div.recorte2, div.fotoParrilla a:link, div.fotoParrilla a {
		border-color: rgb(6, 26, 30);
	}
div.noticias img, .fotoParrillaFicha div.recorte2:hover, div.fotoParrilla a:link, div.fotoParrilla a:visited {
		border-color: rgb(191, 8, 105);
	}
/*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_"] {
	}
/*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 {
		}
/*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 {
		} 
/*Boton 'Volver' (over)*/
.procesoCompra a.lnkBotonRojo:hover {
		} 

/*///////////////////// MIS DATOS (PASO 1) //////////////////////////*/
/*Bloques de formularios*/
#paso02 .cajaCompra01, #paso02 .cajaCompra02 {
		}
/*Subtitulos*/
#contenido .cajaCompra01 > h3, #contenido .cajaCompra02 > h3 {
	}
/*Texto parrafos*/
.cajaCompra01 p, .cajaCompra02 p {
	}
/*Bloque 'Ya tengo cuenta'*/
#paso02 .cajaCompra01 {
		}
/*Subtitulos*/
#contenido .cajaCompra01 > h3 {
	}
/*Texto parrafos*/
.cajaCompra01 p {
	}
/*Bloque 'No tengo cuenta'*/
#paso02 .cajaCompra02 {
		}
/*Subtitulos*/
#contenido .cajaCompra02 > h3 {
	}
/*Texto parrafos*/
.cajaCompra02 p {
	}
/*Bloque 'Mis datos' (autenticado)*/
#paso02 .cajaCompra02.unaColumnaLogeado {
		}


/*Titulos formularios*/
.celdaTitForm {
			}
/*label formularios*/
.tablaForm td, #paso02 label.labelcheck, #paso02 label.labelradio, .recibir_newsletter, .cajaCompra01 label {
	}
/*campos formularios*/
#paso02 .formCompra input:not([type="button"]), #paso02 .formCompra textarea, #paso02 .formCompra select {
			}
/*Botón 'ENTRAR'*/
#paso02 .cajaCompra01 input.botonform {
			}
#paso02 .cajaCompra01 input.botonform:hover {
			}
/*Fondos*/
#datosDireccionFacturacion {
	}
#divDropshipping {
	}

/*///////////////////// FORMA DE PAGO (PASO 2) //////////////////////////*/
/*Titulo cesta resumen*/
#paso03 #contenido h4 {
	}

/*Titulos*/
#paso03 .cajaFormaPago h3 label.labelradio, #contenido #paso03 h3, #paso03 .cajaFormaPago label.labelradio {
	}
/*Texto parrafos*/
#paso03 .cajaFormaPago p {
	}
/*Bloque*/
#paso03 .cajaFormaPago {
		}
/*///////////////////// RESUMEN (PASO 3) //////////////////////////*/
/*Titulos*/
#contenido #paso04 h3 {
			}
/*Texto parrafos*/
div.cajaResumen {
			}
/*Textos destacados*/
#contenido #paso04 h4, #paso04 .cajaResumen table.tablaDatosPersonales strong, #paso04 .cajaResumen table.tablaDatosPersonales th, div.infoSaldoGenerado strong {
	}
/*Bloque*/
#paso03 .cajaFormaPago {
		}
/*///////////////////// PASO FINAL //////////////////////////*/
/*Bloque*/
div.cajaFinal {
		}
/*Titulos*/
.cajaFinal > p, #identificadorPedido, #identificadorPedido span.destacado {
	}
/*Bloque 'Identificador de pedido'*/
#identificadorPedido {
			}
#identificadorPedido span.destacado {
	}

/*Form titulo*/
legend {
	}
/*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 {
	}
/*Enlace top OVER*/ 
#cabecera #menuTop a:hover {
	}
/***************** 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 {
	}
.ac_over {
		}



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


/************************* 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 {
			}
/************************* % 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 {
		background-color: rgba(255, 255, 255, 0);
			}


/*Textos bloque oferta*/ 
li.precioOferta, ul.filas li.precioOferta, ul.columnas li.precioOferta, li.precioOferta span.precioPrincipal, .ficha div.precioOferta, .ficha div.precioOferta strong, .contentstyle .ficha div.precio.precioOferta {
	}
/*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 {
		background-color: rgba(255, 255, 255, 0);
	}
/* 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;
		}
.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;
		}

.botonSeguir > a, .cajasIzda input.botonform.botonsecundario, #boton_buscar, .botonsecundario {
		}
.botonSeguir > a:hover, .cajasIzda input.botonform.botonsecundario:hover, #boton_buscar:hover, .botonsecundario:hover {
		}
/*Boton buscador*/
.cajaBuscador input.botonform, .cajaBuscadorProductosAvanzado input.botonform, .boton02, div.filtroProductos input.botonform, .botonesFiltrosCentro .botonform {
		} 

.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 {
		border-color: rgba(255, 255, 255, 0);
	}
a.fotoProducto:hover {
		border-color: rgba(255, 255, 255, 0);
	}

/*Enlace nombre producto*/ 
a.textosProducto:link, a.textosProducto:visited {
	}
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 {
	}
#pie a:link, #pie a:visited {
		color: rgb(101, 102, 103);
	}
#pie a:hover {
		color: rgb(221, 2, 107);
	}
table.textosCondiciones {
	}
#pie p.condiciones {
	}
#pie p.condiciones a:link, #pie p.condiciones a:visited {
	}
#pie p.condiciones a:hover {
	}
/*///////////////////// 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 {
		}
/* Menú desplegable (over) */
.ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li a.selected {
		}

/* Menú desplegable (fondo) */
.ddsmoothmenu, #mega-menu {
	}
/* Menú desplegable (fondo separador) */
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited, .ddsmoothmenu ul li a:hover {
	}
.ddsmoothmenu ul li ul li a {
	}
/* Menú desplegable (activo) */
.ddsmoothmenu ul li a.itemActual {
		}
/* Menú desplegable 2nivel */
#submenu2 li a, #submenu2 li a.selected {
		}
/* Menú desplegable 2nivel (over) */
#submenu2 li a:hover, #submenu2 li a.selected:hover {
		}
/************************* MENU DESPLEGABLE (VERSION MOVIL) *****************************/ 
/* BOTON */
#mobnav-btn-cms, #mobnav-btn-prod {
		background-color: rgb(191, 8, 105);
			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(6, 26, 30);
			border-bottom: 1px solid rgba(255, 255, 255, 0);
	}
/* 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(191, 8, 105);
	}
/* 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, 247, 248);
			color: rgb(6, 26, 30);
			border-bottom: 1px solid rgba(255, 255, 255, 0);
	}
/* 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, 247, 248);
			color: rgb(191, 8, 105);
	}
/* Anchura minima en el menu desplegable*/

.min_width_deplegable{
	min-width:280px;
}

/************************* 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 ///////////////////////*/
/*//////////////////////////////////////////////////////////*/

/*//////////////////////////////////////////////////////////*/
/*////////////////// 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: url('/cms/site_0002/ficherosPlantilla/tit_seccion-1_419cbb1f2efcf600ecae3f94fe9b388e.png');
						background-repeat: repeat;
						background-position: top left;
						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;
			}

#contenido {
	padding-top: 0px;
}
@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: 'Roboto Condensed', sans-serif;
}

/*///////////////////// CSS DINÁMICO : Estilo base //////////////////////////*/

::selection {
    text-shadow: none;
    background: #FFB6D68F;
}
::-moz-selection {
    text-shadow: none;
    background: #FFB6D68F;
}

#baseCabecera::before {
  content: "";
  width: 100%;
  height: 38px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #db116f;
}
#baseCabecera {
  background: rgba(255,255,255,1);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 48%, rgba(237,237,237,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(48%, rgba(255,255,255,1)), color-stop(100%, rgba(237,237,237,1)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 48%, rgba(237,237,237,1) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 48%, rgba(237,237,237,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 48%, rgba(237,237,237,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 48%, rgba(237,237,237,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
}
#contenido .contenedor-responsive.contenedor-video {
    padding-bottom: 28%;
    width: 100%;
}
.cont-video {
    height: calc(100vh - 100px);
    width: 100%;
}

.cont-video iframe {
    width: 100%;
    height: 100%;
}

#body_cms section#div_seccion_509, 
#body_cms section#div_seccion_511, 
#body_cms section#div_seccion_512, 
#body_cms section#div_seccion_513, 
#body_cms section#div_seccion_514 {
    padding: 0 0;
}
#body_cms.body_cms_213,
#body_cms.body_cms_214, 
#body_cms.body_cms_215, 
#body_cms.body_cms_216, 
#body_cms.body_cms_217 {
background: #ff2a83;
}

#li_desplegable_cms_146, #li_desplegable_cms_147 {
    display: none;
}
#centro section.sin-margen {
    margin-bottom: 0;
    padding: 0;
}
div.logo {
  right: inherit !important;
  max-width: 170px;
  left: 50%;
  transform: translateX(-50%);
}
#img_logo {
    height: auto;
    max-width: 100%;
}
.eapp-slider-title-component {
  font-family: 'Roboto Slab', sans-serif !important;
}
#body_productos_listado p.rastroMigas, #body_productos_detalle p.rastroMigas  {
  display: block;
}
/* IDIOMAS ///////////////////////////////////////////////////////////////////////////////*/
#banderas {
    position: absolute;
    top: 8px;
    left: 20px;
}
#banderas ul {
    margin: 0;
    padding: 0;
}
#banderas li {
    list-style: none;
    display: inline-block;
    padding: 0 5px;
}
#banderas li a img {
    border: 1px solid #f0c2d5;
}
#banderas li a:hover img {
    border-color: #fff;
}
#banderas li.idiomaActivo {
    display: none;
}
div.logo {
    right: inherit !important;
}
/* AVISO DE COOKIES ///////////////////////////////////////////////////////////////////////////////*/
.texto_pie_auxiliar {
    bottom: 0;
    padding: 20px;
    right: 0;
    text-align: center;
    width: 100%;
    z-index: 99999;
}
.texto_pie_auxiliar div, .texto_pie_auxiliar p {
    color: #585858;
    font-weight: 300;
    line-height: 1.7;
    margin: 0;
    width: 95%;
}
.texto_pie_auxiliar p:last-child {
    margin-top: 15px;
}
#texto_pie_auxiliar a {
    background-color: #dc0c77;
    color: #ffffff;
    font-size: 11px;
    padding: 10px;
    text-transform: uppercase;
    display: block;
}
table.textosCondiciones td {
    display: inline-block;
    width: 33%;
    vertical-align: top;
}
table.textosCondiciones td:first-child p.condiciones {
    text-align: left !important;
}
table.textosCondiciones td:last-child p.condiciones {
    text-align: right !important;
}
/* LOGINS ///////////////////////////////////////////////////////////////////////////////*/
#cabecera #login-home {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 0;
   padding-top: 0;
    width: auto;
    overflow: inherit;
}
#cabecera #login-home form {
    float: none;
    width: 100%;
}
.loginCabecera {
    float: right;
    width: 240px;
}
a#showlogin {
    background-color: #262626;
    background-image: url("/cms/site_0002/imagenes_css/imagen_css-7-022080b727949290c7.png");
    background-position: right top;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 300;
    padding: 9px 10px 9px 20px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Roboto Condensed",Helvetica,Arial,sans-serif;
}
a:hover#showlogin {
    text-decoration: none;
    background-color: #000;
}
#triangle_up > img , #triangle_down > img {
    margin-bottom: 4px;
    vertical-align: middle;
    margin-left: 3px;
}
#loginpanel {
    background-color: #f1f1f1;
    display: none;
    right: 0;
    padding: 10px 0;
    position: absolute;
    top: 40px;
    width: 200px;
    z-index: 999999;
}
#loginpanel .login-user, #loginpanel .login-pass {
display: block;
}
#loginpanel input {
    background-color: #ffffff;
    border: 0 none;
    color: gray;
    font-size: 16px;
    margin: 0 auto 10px;
    padding: 5px 5px 5px 30px;
}
.login-user input, .login-pass input {
    border: 1px solid #e1e1e1 !important;
    display: block;
    width: 158px;
}
.login-user input:focus, .login-pass input:focus {
    border-color: #585858 !important;
}
#loginpanel .login-boton input.botonform {
    background-color: #6fb0df;
    border: 3px double #fff;
    color: #fff;
    padding-left: 5px;
    width: 160px;
}
#loginpanel .login-boton input.botonform:hover {
    background-color: #5c94bd;
}
#loginpanel ul {
    list-style-type: none;
    margin: 0;
    padding: 0 20px 10px;
}
#loginpanel li {
    background: url("/cms/site_0002/imagenes_css/imagen_css-7-aa5e40cc12ca916a84.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0);
    font-size: 11px;
    padding-left: 15px;
}
#loginpanel a {
    color: #767676;
    font-size: 11px;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////
                        ESTRUCTURA
/////////////////////////////////////////////////////////////////////////////////////////////////////*/
.clearfix:after{ display:none;}
body {
    background-color: #ffffff;
}
#base1024 {
width: 100%;
background: transparent;
}
#base {
padding-top: 0;
}
#cabecera {
  max-width: 1170px;
  padding: 0;
  margin: 0 auto;
}
#centro {
width: 100%!important;
padding-left: 0;
}
#contenido {
padding-bottom: 0;
}

div.megaeditor {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

#body_contenidos_adicionales .megaeditor {
width: 950px;
margin: 0 auto;
}

.contenedor-video {
width: 60%!important;
padding-bottom: 30.6%!important;
margin: 20px 0;
}
/* COLUMNAS
---------------------------------------------------------------------------------------------------------------------------*/
.fila {
overflow: hidden;
}
.div950, .col950 {
width: 950px;
margin: 0 auto;
}
.col-1150 {
width: 1150px;
margin: 0 auto;
}
.col-primera, .col-ultima,
.col-3-primera, .col-3-ultima {
margin: 0 !important;
}
/* 2 columnas */
.col-2 {
width: 450px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}
.col-2-primera {
float: left;
}
.col-2-ultima {
float: right;
}

/* 3columnas */
.col-3 {
width: 31%;
margin: 0 3%;
float:left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}
.col-3-span {
width: 66%;
margin: 0 2% 0 0px!important;
}
/* 4 columnas */
.col-4 {
width: 22%;
margin: 0 2%;
float:left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}
.col-4-primera {
margin: 0 11px 0 0;
}
.col-4-ultima {
margin: 0  0 0 10px;
float: right;
}
.col-4-span {
width: 72%;
margin: 0 0 0 0px;
float:left;
}
/* MODS */
.col-destacada {
background: #f5f5f5;
border-top: 6px solid #dc0c77;
padding: 25px;
min-height: 490px;
margin-bottom: 30px;
}
.col-destacada h5 {
padding: 0 0 10px;
margin: 0;
font-size: 18px;
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////
                        MODS
/////////////////////////////////////////////////////////////////////////////////////////////////////*/
.img-centrada {
margin: 0 auto;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
body, .descripcionListado, .resumenProducto p, address, .cajaCompra02, .formCompra label, .cajaCompra01, .tablaCesta tfoot td strong, .miniTexto, .cajaCompra01 p, .tablaCesta .numeroBig, .tablaCesta td {
    color: #5b5b5b;
}

.pull-right {
float: right;
}
.pull-left {
float: left;
}

h1, h2, h3, h4, h5 {
 font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
color: #000;
}
#contenido h1 {
margin-top: -3px;
}
#contenido h1, 
#contenido h2 {
text-align: center;
color: #fff;
 font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
text-transform: uppercase;
font-size: 70px;
font-weight: 300;
padding: 10px;
margin-bottom: 20px;

    background-attachment: scroll;
    background-image: url("/cms/site_0002/ficherosPlantilla/tit_seccion.png");
    background-position: left top;
    background-repeat: repeat-x;
    background-color: #1e1e1e;

}
#contenido h3 {
font-size: 35px;
color: #000000;
margin: 30px 0 30px;
line-height: 1;
clear: both;
}
h3 span {
font-size: 20px;
font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
font-weight: 300;
display: block;
line-height: 1.7;
}
#contenido h4 {
font-size: 27px;
color: #000000;
margin: 10px 0 10px;
}
#contenido h5 {
font-size: 18px;
color: #000000;
margin: 2px 0 5px;
line-height: 1.2;
}
#contenido p, #contenido li {
    font-size: 16px;
    line-height: 1.3;
    font-weight: 300;
}
strong {
color: #000;
}
sup {
    font-size: 80% !important;
    top: -0.3em;
}
/* LISTAS */
div.megaeditor ol, div.megaeditor ul {
    font-size: 14px;
    margin: 0 0 15px 0;
    padding: 0 0 0 0;
list-style-image: none;
list-style-position:inside;
font-weight: 300;
}
div.megaeditor ol {
list-style-type: decimal-leading-zero;
}
div.megaeditor ul {
list-style-type: none;
list-style-position:outside;
}
div.megaeditor ol li , div.megaeditor ul li {
border-bottom: 1px dotted #939393;
padding:  10px ;
line-height: 1.3;
}
div.megaeditor ol li:last-child , div.megaeditor ul li:last-child {
border-bottom: 0 none;
}
div.megaeditor ul li {
padding:  10px 10px 10px 22px;
line-height: 1.1;
background: url("/cms/site_0002/imagenes_css/imagen_css-7-aa5e40cc12ca916a84.png") no-repeat 5px 14px;
}
/* FORMS */
.botonform, .cajaCompra01 input.botonform, .tablaResumen input.botonform, .botonRevisarCesta, a.boton,
.boton, div.formulario input.boton {
    background-color: #6fb0df;
color: #fff;
     font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
    font-size: 16px;
    margin-top: 3px;
    padding: 10px 30px;
    text-transform: uppercase;
border: 3px double #fff;
display: block;
}
.botonform:hover, .cajaCompra01 input.botonform:hover, .tablaResumen input.botonform:hover, .botonRevisarCesta:hover, , a.boton:hover,
.boton:hover, div.formulario input.boton:hover  {
    background-color: #5c94bd;
}
.botonform:active, .cajaCompra01 input.botonform:active, .tablaResumen input.botonform:active, .botonRevisarCesta:active, , a.active,
.boton:active, div.formulario input.boton:active {
    background-color: #ca0d5e;
}
div.formulario {
    font-size: 14px;
    margin: 5px auto 20px;
    padding: 0;
width: 950px;
}
div.formulario fieldset, #captcha {
margin: 0 auto;
border: 0 none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}
div.formulario legend {
display: none;
}
div.formulario form label {
    font-size: 14px;
    margin-right: 5px;
    padding-top: 5px;
    text-align: right;
    width: 230px;
font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}
div.formulario input, div.formulario select, div.formulario textarea, div.formulario #captcha input {
    border: 1px solid #d4d4d4;
    color: #7b7b7b;
    font-size: 16px;
    font-style: normal;
    width: 400px;
    padding: 6px 5px 6px 5px;
 font-family: 'Roboto', Helvetica, Arial, sans-serif;
margin-bottom: 5px;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}
div.formulario input:hover, div.formulario textarea:hover, div.formulario select:hover, div.formulario #captcha input:hover  {
border: 1px solid #797979;
    color: #414141;  
}
div.formulario input:focus, div.formulario select:focus, div.formulario textarea:focus,  div.formulario #captcha input:focus {
	  border: 1px solid #c73488;
    color: #ca0d5e;
}
div.formulario input[type="radio"] {
width: 30px;
margin-left: 230px;
}

#contenido p.texto-lopd {
font-size: 0.75em;
}
#contenido p.texto-lopd a {
font-size: 1em;
}
#captcha {
margin-bottom: 20px;
clear: both;
}
#captcha label {
width: 365px;
}
div.formulario #captcha input {
width: 80px !important;
}
div.formulario p:last-child {
text-align: center !important;
overflow: hidden;
}

div.formulario input.boton {
font-weight: 300;
width: 200px;
display: inline!important;
}
/* contacto */
.body_cms_17 h3 {
display: none;
}
.body_cms_17 div.formulario form input[type="radio"], 
#body_registro div.formulario form input[type="radio"], #body_registro div.formulario form input[type="checkbox"] {
    margin-left: 0px;
    width: 25px;
}


/*cabecera */
.imagen_cabecera_cms img {
max-width: 100%;
width: 100%;
height: auto;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////
                        CABECERA
/////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* IDIOMA
---------------------------------------------------------------------------------------------------------------------------*/
#mostrar, #mostrar_listas_compra {
    border: 0 none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 0;
    padding: 0;
    width: 120px;
}
a.idioma img {
border: 1px solid #fff;
margin-bottom: 2px;
}
a.idioma.desplegable, a.idioma.desplegable:visited {
    color: #fbe6f1;
    display: block;
    padding: 3px 5px 3px 7px;
background: #eb479b url("/cms/site_0002/imagenes_css/imagen_css-7-940bffebea535b2c1c.png") no-repeat calc(100% - 5px) center;
border: 0 none;
font-size: 14px;
}
a.idioma.desplegable:hover {
background: #b4236e url("/cms/site_0002/imagenes_css/imagen_css-7-940bffebea535b2c1c.png") no-repeat calc(100% - 5px) center;
}
#caja, #caja_listas_compra {
border: 0 none;
}
#caja a.idioma, #caja a.idioma:visited {
    color: #fbe6f1;
    display: block;
    padding: 3px 5px 3px 7px;
    border: 0 none;
    background: #eb479b;
    font-size: 14px;
}
#caja a.idioma:hover {
background: #b4236e ;
}
/* MENU AUXILIAR
---------------------------------------------------------------------------------------------------------------------------*/
.icomenuTop {
    display: none;
}
#menuTop ul li a:link, #menuTop ul li a:visited {
  background: url("/cms/site_0002/imagenes_css/imagen_css-7-e5694db7dada182902.png") no-repeat left center;
  font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
  color: #f0c2d5;
  font-weight: normal;
  padding: 0 10px 0 10px ;
  font-size: 15px;
  font-weight: 500;
}
#menuTop ul li a:hover {
  background: url("/cms/site_0002/imagenes_css/imagen_css-7-832e4b121dda0e96e0.png") no-repeat left center;
  color: #fff;
  text-decoration: none;
}
/* MENU SUPERIOR
---------------------------------------------------------------------------------------------------------------------------*/
.ddsmoothmenu {
    background-color: transparent;
    position: absolute;
    text-transform: uppercase;
    left: auto !important;
    right: 0;
}
.ddsmoothmenu ul {
    text-align: center;
}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited {
    background-color: transparent;
    border-right: 0 none;
    color: #353535;
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
    font-size: 18px;
}
.ddsmoothmenu ul li a:hover {
color: #dc0c77;
}
.ddsmoothmenu ul li#li_desplegable_cms_11 a:link, .ddsmoothmenu ul li#li_desplegable_cms_74 a:visited {
color: #dc0c77;
}
.ddsmoothmenu ul li#li_desplegable_cms_296 a:hover {
color: #353535;
}
.itemActual {
    background-color: #f3f3f3 !important;
    color: #5d2140 !important;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////
                        CONTENIDO
/////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* HOME
---------------------------------------------------------------------------------------------------------------------------*/
.videoHome {
    margin-left: 3%;
    width: 32%;
}
#body_cms_home embed {
    height: auto;
    width: 100%;
}
/*#body_cms_home #cabecera {
background: url("/cms/site_0002/imagenes_css/imagen_css-7-39a1c5dae18aba43df.png") no-repeat center top;
}*/

/* PRESENTACION //////////////////////*/
.presentacion {
overflow: hidden;
}
.presentacion-a {
float: left;
width: 58%;
}
.presentacion-b {
float: right;
width: 40%;
}
.presentacion-b > iframe {
width: 100%;
height: 2;
}

/* LOGIN HOME //////////////////////*/
#login-home {
width: 950px; 
margin: 10px auto 0;
background: url("/cms/site_0002/imagenes_css/imagen_css-7-61b926290ae6030359.png") repeat-x left top;
padding: 35px 0;
overflow: hidden;
}
#login-home h3 {
width: 45%;
float: left;
padding-left: 20px;
}
#login-home form {
width: 48%;
float: right;
}
#login-home.login input.camposformHome, #login-home.login input.camposformHomeActive {
    background-color: #FFFFFF;
    border: 1px solid #D4D4D4;
    color: #7B7B7B;
    font-family: 'Roboto',Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-style: normal;
    margin: 0 0 5px 0;
    padding: 4px 5px 4px 30px;
    width: 180px;
display: inline;
}
#login-home.login input.botonform {
padding: 4px 60px;
font-size: 14px;
float: left;
margin-left: 8px;
}
.login-boton .botonform:hover {
background-color: #5C94BD;
}
#login-home.login .login-enlaces {
    margin: 3px 0 0 200px;
text-align: left;
}
#login-home.login .login-enlaces a {
    display: block;
font-size: 10px;
}
#login-home.login .login-enlaces a strong {
font-size: 12px;
font-weight: 400;
}

/* CARRUSEL HOME //////////////////////*/
#body_cms_home .sliderwrapper {
    margin: 15px auto 0;
    height: auto !important;
    padding-bottom: 25%;
    width: auto !important;
}
#body_cms_home .sliderwrapper .contentdiv img {
    height: auto;
    width: 100%;
}
#body_cms_home .pagination { 
display:none;
}

/* ACCESOS SERVICIOS HOME //////////////////////*/
#sevicios-home {
background: url("/cms/site_0002/imagenes_css/imagen_css-7-61b926290ae6030359.png") repeat-x left top;
padding: 20px 0;
overflow: hidden;
}
#sevicios-home h3 {
margin-bottom: 30px;
}
#sevicios-home a {
color: #fff;
text-align: center;
padding: 165px 0 25px;
 font-family: 'Roboto condensed', Helvetica, Arial, sans-serif;
font-size: 25px;
display: block;
font-weight: 300;
}
#sevicios-home a:hover {
text-decoration: none;
display: block;
padding: 160px 0 30px;
}
#sevicios-home a:active {
padding: 165px 0 25px;
}
#col-minoristas a {
background: url("/cms/site_0002/imagenes_css/imagen_css-7-d4d4f0ee4953bbd846.png") no-repeat;
    background-position: center center;
}
/*#col-minoristas a:hover {
background: url("/cms/site_0002/imagenes_css/imagen_css-7-a46ec2665ab996f602.gif") no-repeat;
}*/
#col-drop a {
background: url("/cms/site_0002/imagenes_css/imagen_css-7-33a4d8fa2ada38c2c2.png") no-repeat;
    background-position: center center;
}
/*#col-drop a:hover {
background: url("/cms/site_0002/imagenes_css/imagen_css-7-acf46a0c1acc0f44f4.gif") no-repeat;
}*/
#col-tupper a {
background: url("/cms/site_0002/imagenes_css/imagen_css-7-6e99ecdd08d4643e4e.png") no-repeat;
    background-position: center center;
}
/*#col-tupper a:hover {
background: url("/cms/site_0002/imagenes_css/imagen_css-7-ef2034320b9fb2549d.gif") no-repeat;
}*/
/* DETALLES HOME //////////////////////*/
#detalles-home div {
padding: 130px 0 0;
background-repeat: no-repeat;
background-position: center 30px;
}
#detalles-home div h4 {
font-size: 18px;
color: #000;
text-align: center;
}
#detalles-home div#detalles-home-precios {
background-image: url("/cms/site_0002/imagenes_css/imagen_css-7-7e8f856d14588b5d2b.png");
}
#detalles-home div#detalles-home-pedidos {
background-image: url("/cms/site_0002/imagenes_css/imagen_css-7-08d29f28f986c02e98.png");
}
#detalles-home div#detalles-home-envios {
background-image: url("/cms/site_0002/imagenes_css/imagen_css-7-99c988716d721d6e85.png");
}
/**/
.bridge-home {
margin: 40px 0 10px;
}

/* MARCAS HOME //////////////////////*/
#contenido .contenedor-responsive {
  position: relative;
  padding-bottom: 7%;
  height: 0;
  overflow: hidden;
text-align: center;
width: 950px;
margin: 0 auto !important;
}

#body_cms_home .contenedor-responsive {
width: 100%;
  padding-bottom: 58%;
margin-top: 30px;
}


/* CABECERA HOME
---------------------------------------------------------------------------------------------------------------------------*/
#body_cms_home .ilustracion {
    line-height: 1%;
    margin: 20px auto 0;
    width: 950px;
display: block;
}

/* MINORISTAS
---------------------------------------------------------------------------------------------------------------------------*/
#capa-mapa {
background: url("/cms/site_0002/imagenes_css/imagen_css-7-424f02085da9d2a5fb.jpg") no-repeat center bottom;
padding: 0 0 300px;
position: relative;
}
.capa-desarrollo {
padding: 5px 30px 5px 100px;
font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
font-size: 16px;
color: #000;
}
#desarrollo01 {
background: url("/cms/site_0002/imagenes_css/imagen_css-7-6e12eb35e20415c32e.png") no-repeat;
    width: 335px;
    float: left;
   margin-top: 30px;
}
#desarrollo02{
background: url("/cms/site_0002/imagenes_css/imagen_css-7-b06f174892142d1ffd.png") no-repeat;
width: 230px;
padding: 5px 30px 5px 80px;
    float: right;
   margin-top: 30px;
}

/* TUPPER SEX
---------------------------------------------------------------------------------------------------------------------------*/
.col-funcionamiento img {
max-width: 100%;
height: auto;
}
#capa-que-es {
position:relative;
}
.capa-funcionamiento {
    float: left;
    margin-left: 20px;
    margin-top: -80px;
}
#capa-claves .col {
padding-top: 70px;
background: url("/cms/site_0002/imagenes_css/imagen_css-7-db0db3bec703b74a35.png") no-repeat center top;
}
.capa-venta {
background-color: #fdeef5;
background-repeat: no-repeat;
background-position: 50px center;
padding: 20px 30px 25px 170px;
}
#capa-stock {
background-image: url("/cms/site_0002/imagenes_css/imagen_css-7-1d8cf98364160f1889.png");
}
#capa-catalogo {
background-image: url("/cms/site_0002/imagenes_css/imagen_css-7-bf89ab4820e2611aaa.png");
background-color: #fef8fb;
}
#capa-clienta {
background-image: url("/cms/site_0002/imagenes_css/imagen_css-7-4049a17d06673cac33.png");
}
#contenido .capa-venta h4 {
font-size: 18px ;
margin-bottom: 2px;
}
#contenido .capa-venta p {
margin-bottom: 2px;
}
div.megaeditor .capa-venta ul {
    margin: 0;
}

/* BRIDGE FORMULARIO //////////////////////////////*/
.body_cms_74 .megaeditor {
width: 950px;
margin: 0 auto;
}

/* BRIDGE
---------------------------------------------------------------------------------------------------------------------------*/
a.lnk-demo-tienda:link, a.lnk-demo-tienda:visited {
display: inline-block;
padding: 3px 10px 4px 35px;
background: #6fb0df url("/cms/site_0002/imagenes_css/imagen_css-7-dd62d5adb98e55bb6d.png") no-repeat 8px center;
margin-left: 5px;
color: #fff;

-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
a.lnk-demo-tienda:hover {
background: #64a4d3 url("/cms/site_0002/imagenes_css/imagen_css-7-dd62d5adb98e55bb6d.png") no-repeat 8px center;
}

#capa-bridge {
position: relative;
overflow: hidden;
}
/*#precio-flotante {
position: absolute;
top: 60px; 
right: 0;
text-align: center;
color: #f4bbd8;
background: #dc0c77;
width: 220px;
height: 220px;
padding: 40px 10px 20px;

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

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}*/
#bridge-flotante {
position: absolute;
top: 80px; 
right: 0;
text-align: center;
color: #f4bbd8;
background: #ffffff;
width: 220px;

padding: 5px 0 20px;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}
#precio-flotante div {
font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
}
.precio-numero {
font-size: 65px;
color: #fff;
line-height: 1.1;
font-weight: bold;
}
.precio-numero span {
font-size: 0.6em;
font-weight: 400;
}

/* botones -----*/
.botones-bridge {
clear: both;
background-image: url("/cms/site_0002/imagenes_css/imagen_css-7-61b926290ae6030359.png"), url("/cms/site_0002/imagenes_css/imagen_css-7-61b926290ae6030359.png");
background-position: left bottom, left top;
background-repeat: repeat-x;
margin: 20px 0;
padding: 10px 0;
text-align: center;
}
/*Carencia -------- */
#capa-carencia {
overflow: hidden;
position: relative;
}
#contenido h3.h3-rosa {
color: #dc0c77;
font-size: 24px;
}
#contenido h3.h3-rosa span {
color: #000;
}
.capa-nota-flotante {
background: #e0f0f1 url("/cms/site_0002/imagenes_css/imagen_css-7-afac8976fbd2f0cfe3.png") no-repeat center 15px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
padding: 60px 20px 20px;
color: #46898d;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
box-sizing: border-box;
   float: right;
    
}

/* DROPSHIPPING
---------------------------------------------------------------------------------------------------------------------------*/
#col-destacada-drop {
background: #f3f3f3 url("/cms/site_0002/imagenes_css/imagen_css-7-19f346d94b2c869942.png") no-repeat scroll right top;
padding: 55px 35px 30px;
font-size: 22px;
font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
font-weight: 300;

-webkit-border-bottom-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-bottomleft: 7px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}
#col-destacada-drop strong {
font-size: 24px;
font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
font-weight: 400;
}

.img-pasos{
margin: 0 0 40px;
}
/* ventajas */
#capa-dropship-ventajas {
background: url("/cms/site_0002/imagenes_css/imagen_css-7-e36f80c35b9a7ba197.jpg") no-repeat right bottom;
padding-bottom: 40px;
}
#contenido p.p-destacado-rosa {
background: #dc0c77;
color: #fff;
font-size: 18px;
padding: 15px 25px;
}
/*destacado */
.contenido-destacado {
background: url( "/cms/site_0002/imagenes_css/imagen_css-7-d33fcdc2ce2ecd913f.png") repeat-x;
}
#contenido .contenido-destacado h3 {
text-align: center;
font-weight: 300;
color: #e5e5e5;
padding: 30px 0 20px;
margin-top: 0;
}
#contenido .contenido-destacado h4 {
font-weight: 300;
color: #e5e5e5;
font-size: 20px;
}
#contenido .contenido-destacado p {
    color: #fff;
}
.contenido-destacado .col {
padding: 140px 0 20px;
}
#drop-destacado-01 {
background: url("/cms/site_0002/imagenes_css/imagen_css-7-3002ddaf73181dc756.png") no-repeat center top;
}
#drop-destacado-02 {
background: url("/cms/site_0002/imagenes_css/imagen_css-7-b828f07506ce0077e8.png") no-repeat center top;
}
#drop-destacado-03 {
background: url("/cms/site_0002/imagenes_css/imagen_css-7-5d1dae996db0f836ef.png") no-repeat center top;
}
/* Envio */
.capa-drop-envio {
min-height: 180px;
padding-left: 100px;
background-repeat: no-repeat;
background position: left 10px;
}
#drop-envio-crono {
background-image: url("/cms/site_0002/imagenes_css/imagen_css-7-00b079f2c7633c776b.png");
}
#drop-envio-stock {
background-image: url("/cms/site_0002/imagenes_css/imagen_css-7-0e899db0978b4fc8e0.png");
}
#drop-envio-monedas {
background-image: url("/cms/site_0002/imagenes_css/imagen_css-7-6b6ce73e9f7bda0a1c.png");
}
#drop-envio-envio {
background-image: url("/cms/site_0002/imagenes_css/imagen_css-7-b4e818d809819f1dff.png");
}
#contenido .capa-drop-envio p {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4;
margin-bottom: 5px;
}
/*- Reembolso */
.capa-gris {
background: #f3f3f3;
padding: 20px 30px;
margin-bottom: 30px;
}
#contrareembolso {
background: #f3f3f3 url("/cms/site_0002/imagenes_css/imagen_css-7-b7d7426194a2957b5c.jpg") no-repeat center bottom;
padding: 20px 30px 500px;
margin-top: 40px;
}
#contenido .capa-gris h5 {
    color: #000000;
    font-size: 30px;
font-weight: 300;
    line-height: 1.2;
    margin: 2px 0 10px;
}
#contenido .capa-gris p {
margin-bottom: 3px;
}

/* Dudas*/
#drop-dudas {
margin-bottom: 30px;
}
.destacada-dudas {
background: #dc0c77;
color: #ffe6fc;
padding: 20px 30px;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}
#contenido .destacada-dudas h4 {
color: #fff;
font-size: 20px;
}
#contenido .destacada-dudas p {
line-height: 1.3;
}
#contenido .destacada-dudas p strong {
color: #fff;
}
/* empezar */
#empezar01 {
background: #c63287 url("/cms/site_0002/imagenes_css/imagen_css-7-d2ed1a0763dd655079.png") no-repeat;
padding: 70px 30px 20px 190px;
color: #fff;
margin-bottom: 20px;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}
#empezar02 {
background: #9d5ba2 url("/cms/site_0002/imagenes_css/imagen_css-7-8a64f41fec065a03c2.png") no-repeat right top;
padding: 60px 180px 20px 40px;
color: #fff;
margin-bottom: 20px;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}
#empezar03 {
background: #7b7eb8 url("/cms/site_0002/imagenes_css/imagen_css-7-dcc1d9cf5a6bf240f7.png") no-repeat;
padding: 60px 30px 20px 190px;
color: #fff;
margin-bottom: 20px;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
box-sizing: border-box;
}
#contenido #empezar01 strong, #contenido #empezar02 strong, #contenido #empezar03 strong {
color: #fff;
font-weight: 500;
font-size: 16px;
}
/* EMPRESA
---------------------------------------------------------------------------------------------------------------------------*/
.mapa {
margin: 20px 0 30px;
}


/* BOTON REGISTRO
---------------------------------------------------------------------------------------------------------------------------*/
#boton-registro {
text-align: center;
padding: 30px 0 15px;
margin: 30px 0;
background: url("/cms/site_0002/imagenes_css/imagen_css-7-61b926290ae6030359.png") repeat-x;
}
#contenido #boton-registro h4 {
color: #dc0c77;
font-size: 24px;
}
.boton.boton-muy-grande {
width: 350px;
font-size: 25px;
font-weight: 300;
margin: 0 auto;
}
.boton.boton-muy-grande:hover {
background-color: #5da0d8;
}
/* BOTON MAS INFO
---------------------------------------------------------------------------------------------------------------------------*/
#boton-info {
text-align: center;
padding: 30px 0;
margin: 30px 0;
background: url("/cms/site_0002/imagenes_css/imagen_css-7-61b926290ae6030359.png") repeat-x;
}
#contenido #boton-info, #contenido #boton-info p {
font-size: 18px;
}
.boton.boton-grande {
width: 250px;
font-size: 22px;
border: 0 none;
font-weight: 300;
margin: 0 auto;
background-color: #98c7e8;
}
.boton.boton-grande:hover {
background-color: #8bbee4;
}
/* BOTON BRIDGE
---------------------------------------------------------------------------------------------------------------------------*/

/* */

/* CARRUSEL BANNERS
---------------------------------------------------------------------------------------------------------------------------*/
#contenido h3.titMarcas {
text-align: center;
margin: 40px 0 0 0;
padding: 0 0 20px;
background: url("/cms/site_0002/imagenes_css/imagen_css-7-61b926290ae6030359.png") no-repeat center bottom;
}
/* CARRUSEL BANNERS
---------------------------------------------------------------------------------------------------------------------------*/
#carrusel_banners_1 {
margin: 0 auto !important;
display: block;
width: 950px;
}
#body_cms_home section:last-child {
    margin: 0;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
    padding: 0 40px !important;
}
/* PAGINA GRACIAS FORMULARIO BRIDGE
---------------------------------------------------------------------------------------------------------------------------*/
#capa-gracias {
text-align: center;
 font-family: 'Roboto Slab',Helvetica,Arial;
}
#contenido #capa-gracias p, #contenido #capa-gracias strong {
 font-family: 'Roboto Slab',Helvetica,Arial;
font-size: 16px;
margin-bottom: 5px;
}
#contenido #capa-gracias  h1.h1-tit-gracias {
font-size:40px;
line-height: 1;
margin-top: 5px;
}
#contenido #capa-gracias h1.h1-tit-gracias span {
font-size: 0.55em;
font-weight: 300;
clear: both;
display: block;
 font-family: 'Roboto Slab',Helvetica,Arial;
}
#contenido #capa-gracias  h3 {
border-bottom: 5px solid #dcdcdc;
padding-bottom: 30px;
margin-bottom: 0;
}
.gracias-pago {
background: #eeeeee;
clear: both;
overflow:hidden;
padding: 30px 0 25px;
margin-bottom: 20px;
margin-top: 10px;
}

.destacadoNormal {
    color: #000000;
    font-size: 24px;
}
.destacadoEspecial {
    color: #dc0c77;
    font-size: 46px;
}
#contenido #capa-gracias .gracias-pago p.p-justificante{
padding-top: 20px;
}
#contenido #capa-gracias .gracias-pago p {
font-weight: bold;
font-size: 20px;
    line-height: 1.3;
 font-family: 'Roboto Slab',Helvetica,Arial;
color: #8c8c8c;
}
.gracias-pago .col-4-span {
text-align: right;
width: 550px;
}
.gracias-pago .col-4 {
width: 350px;
}
#contenido #capa-gracias .gracias-pago .col-4-ultima p {
text-align: left;
font-size: 42px;
color: #dc0c77;
margin-bottom: 0;
}
#contenido #capa-gracias p.gracias-cuenta, #contenido #capa-gracias p.gracias-cuenta strong {
font-size: 30px;
}

#capa-gracias a:link, #capa-gracias a:visited {
    color: #dc0c77;
    text-decoration: none;
font-size: 16px;
font-weight: bold;
 font-family: 'Roboto Slab',Helvetica,Arial;
margin-bottom: 20px;
}
#capa-gracias a:hover {
    color: #000000;
}
#capa-gracias a.lnk-grande:link, #capa-gracias a.lnk-grande:visited {
font-size: 20px;
}
#capa-gracias a.lnk-grande:hover {
    color: #000000;
}
.forma-pago {
text-align: left;
padding: 25px 15px 25px 200px;
border-bottom: 1px solid #f7f7f7;
min-height: 145px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.pago-1 {
background: url("/cms/site_0002/imagenes_css/imagen_css-7-d2d110d5f974c264a6.png") no-repeat 70px center;
}
.pago-2 {
background: #f7f7f7 url(" 	/cms/site_0002/imagenes_css/imagen_css-7-14c4a4f28d76efae8a.png") no-repeat 70px center;
}
.pago-3 {
background: url("/cms/site_0002/imagenes_css/imagen_css-7-7b62101bc7aaa8ef81.png") no-repeat 70px center;
}
.pago-4 {
background: url("/cms/site_0002/imagenes_css/imagen_css-7-d0ef849aa76b3cfa56.png") no-repeat 70px center;
}
.pago-last {
border-bottom: 5px solid #dcdcdc;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////
                        PIE
/////////////////////////////////////////////////////////////////////////////////////////////////////*/
/**/
#pie { 
background: #f7f8fb;
border-top: 13px solid #cd0062;
}
address {
width: 950px;
margin: 0 auto;
text-align: left;
}
#pieCopy a {
    margin: 5px 15px;
}
table.textosCondiciones {
width: 950px;
margin: 10px auto;
border-top: 0 none;
}
/* PIE A
---------------------------------------------------------------------------------------------------------------------------*/
#pieA  {
padding: 20px 0;
background: url("/cms/site_0002/imagenes_css/imagen_css-7-61b926290ae6030359.png") repeat-x left bottom;
}
#pieA ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
text-transform: uppercase;

}
#pieA ul li {
display: inline;
}
#pie #pieA ul li a {
 font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
padding: 5px 10px;
font-size: 18px;
font-weight: 300;
}
#pie #pieA ul li a:hover {
text-decoration: none;
color: #dc0c77;
}
#pie #pieA ul#lista-pie-a2 li a {
font-size: 24px;
}
/* LOGIN PIE
---------------------------------------------------------------------------------------------------------------------------*/
#pieB {
text-align: center;
background: url("/cms/site_0002/imagenes_css/imagen_css-7-61b926290ae6030359.png") repeat-x left bottom;
padding-bottom: 25px;
margin-bottom: 25px;
}
#pieB h4 {
text-transform: uppercase;
letter-spacing: 1px;
margin: 15px 0 5px;
font-size: 18px;
}
.login input.camposformHome, .login input.camposformHomeActive {
    background-color: #FFFFFF;
    border: 1px solid #d4d4d4;
    color: #7b7b7b;
    font-size: 16px;
    font-style: normal;
    width: 250px;
padding: 6px 5px 6px 30px;
 font-family: 'Roboto', Helvetica, Arial, sans-serif;
margin-bottom: 5px;
}
.login input.camposformHome:hover, .login input.camposformHomeActive:hover {
    background-color: #FFFFFF;
    border: 1px solid #797979;
    color: #414141;
}
.login input.camposformHome:focus, .login input.camposformHomeActive:focus {
    background-color: #FFFFFF;
    border: 1px solid #c73488;
    color: #ca0d5e;
}
.login-campos {
text-align: center;
}
.login-user, .login-pass {
display: inline-block;
}
.login-user input {
background: url("/cms/site_0002/imagenes_css/imagen_css-7-20d438e5fe3602e819.png") no-repeat 5px center;
}
.login-pass input {
background: url("/cms/site_0002/imagenes_css/imagen_css-7-dde542b451746f44b6.png") no-repeat 5px center;
}
#pieB .login-boton .botonform {
margin: 0 auto;
padding: 4px 70px ;
}
.login-enlaces {
margin: 10px 0 0;
}
#pie .login-enlaces a:link, #pie .login-enlaces a:visited {
    color: #4e90c0;
background: url("/cms/site_0002/imagenes_css/imagen_css-7-aa5e40cc12ca916a84.png") no-repeat left center;
padding: 2px 7px 2px 15px;
font-weight: 400;
}
#pie .login-enlaces a:hover {
    color: #1f1f1f;
}
/* PIE C
---------------------------------------------------------------------------------------------------------------------------*/
#pieC {
overflow: hidden;
}
#pieC ul {
text-transform: none;
text-align: left;
}
#pieC ul li {
display: block;
margin-bottom: 10px;
}
#pie-c1 {
    width: 40%;
    float: left;
    padding: 25px 0 0;
    background: url("/cms/site_0002/ficherosPlantilla/logo_dreamlove_top.png") no-repeat;
    background-position: left -30px;
}
#pie-c2 {
width: 55%;
float: right;
}
/*////*/
.pie-social, .pie-confianza {
text-align: center;
padding: 10px;
}
/* PIE D
---------------------------------------------------------------------------------------------------------------------------*/
#pie-c2 {
width: 55%;
float: right;
}
/*////*/
.pie-social, .pie-confianza {
text-align: center;
padding: 10px;
}
#pieD {
    max-width: 500px;
    margin: 40px auto 20px;
    text-align: center;
}
#calidad {
    display: inline-block;
    vertical-align: middle;
    width: 120px;
}
#calidad img {
    height: auto !important;
    max-width: 100%;
}
#pieD2 {
    display: inline-block;
    vertical-align: middle;
}
#pieCopy {
    padding-bottom: 20px;
    text-align: center;
}
#banderasPie {
    text-align: left;
}
/* -----------------------------------------------------------------------
		Boletin pie
----------------------------------------------------------------------- */
#contenedorBoletinPie {
	text-align: left;
	margin: 0 0 1.2em;
}
#boletinPie {
	width: 100%;
	margin: 0 auto;
}
#boletinPie h4 {
	font-size: 1.2em;
	margin: 0 0 0.1em;
}
#boletinPie p {
	font-size: 1em;
	margin: 0;
	padding: 0 0 0.4em;
}
#boletinPie div.campos {
	margin: 0 0 0.4em;
	overflow: hidden;
	clear: both;
}
#boletinPie div.campos input.campo {
    display: inline-block;
    background: #FFFFFF url("/cms/site_0002/imagenes_css/imagen_css-7-bb619f698b04b715fd.png") no-repeat 10px center;
    border: 1px solid #d4d4d4;
    color: #7b7b7b;
    font-size: 16px;
    font-style: normal;
    width: calc(100% - 140px);
    padding: 6px 5px 6px 40px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    margin-bottom: 5px;
}
#boletinPie div.campos input.campo:hover {
	border: 1px solid #797979;
    color: #414141;  
}
#boletinPie div.campos input.campo:focus {
	  border: 1px solid #c73488;
    color: #ca0d5e;
}
#boletinPie div.campos input.boton {
    background-color: #6fb0df;
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #fff;
    padding: 5px 15px;
    text-transform: uppercase;
    border: 3px double #f7f8fb;
    width: 130px;
    display: inline-block;
}
#boletinPie div.campos input.boton:hover {
	background: #5c94bd;
}
#pie #boletinPie a:link, #pie #boletinPie a:visited {
    color: #0082AF;
}
#boletinPie a:hover {
    color: #005d7d;
}

#pie p.condiciones a, #pie p.condiciones span {
font-size: 10px;
}
#recordarContrasenya {
  /* display: none;*/
}
/*///////////////////// CSS DINÁMICO : Home //////////////////////////*/

#body_cms_home section {
    margin-bottom: 0;
}
.gal_carrusel .bx-wrapper {
    margin-bottom: 0;
}
#body_cms_home section div.megaeditor {
margin-left: 0;
margin-right: 0;
width: 100% !important;
}
#body_cms_home #centro {
    margin-left: 0;
    margin-right: 0;
    width: 100% !important;
}
.textoSlide {
    display: none;
}
/********************* VIDEO *************************************************/
#contenido h1#h1-home {
    font-size: 3em;
    padding: 25px 50px 40px;
    margin-bottom: 0;
    margin-top: -6px;
    line-height: 1.2;
}
#centro section#div_seccion_324 {
    margin: 0;
}

#video-home {
    position: relative;
}
video {
    width: 100%;
}
#contenido .bloque-presentacion p {
    max-width: 1170px;
    margin: 20px auto;
}
div#controles-home {
    z-index: 999;
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 6px 3px;
    background-color: rgba(0, 0, 0, .05);
    -webkit-border-radius: 36px;
    -moz-border-radius: 36px;
    border-radius: 36px;
}
div#controles-home:hover {
    background-color: rgba(0, 0, 0, .2);
}

#controles-home .boton-control {
width: 65px;
height: 65px;
margin: 0 3px;
display: inline-block;
background-repeat: no-repeat;
background-position: center center;
background-color: rgba(0, 0, 0, .3);
-webkit-border-radius: 33px;
-moz-border-radius: 33px;
border-radius: 33px;
}
#controles-home .boton-control:hover {
background-color: rgba(0, 0, 0, .8);
}

#controles-home .boton-control.b-play {
background-image: url("/UserFiles/images/b-ico-play.png");
}
#controles-home .boton-control.b-pause {
background-image: url("/UserFiles/images/b-ico-pause.png");
display:none;
}
#controles-home .boton-control.b-mute {
background-image: url("/UserFiles/images/b-ico-unmute.png");
}
#controles-home .boton-control.b-unmute {
background-image: url("/UserFiles/images/b-ico-mute.png");
}
#contenido .bloque-presentacion h1 {
    background-image: none;
    font-size: 3em;
    padding-left: 0;
    padding-right: 0;
}
#contenido .bloque-presentacion h2 {
    background-image: none;
    font-size: 20px;
    max-width: 1170px;
    margin: 0 auto;
    text-transform: inherit;
    font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
    font-weight: 600;
    text-align: left;
    padding-left: 0;
    padding-right: 0;
}
/**/

.bloque-presentacion {
    position: relative;
    display: block;
    z-index: 99999;
    margin: 0 auto 0;
    background: rgba(0, 0, 0, .7);
    background: #db116f;
    padding: 90px 50px 40px;
}
.icono-presentacion {
width: 152px;
height: 152px;
position: absolute;
top: -60px;
left: 50%;
margin-left: -76px;
background: url("/cms/site_0002/imagenes_css/imagen_css-14-565df3e1db64afffbd.png") no-repeat center center;
}
#contenido .bloque-presentacion p {
color: rgba(255, 255, 255, .7);
font-size: 18px;
    line-height: 1.4;
}
#contenido .bloque-presentacion p strong {
    color:  #fff;
    font-size: 18px;
}

/********************* TEXTO ANIMADO *************************************************/
#div_seccion_133 {
    position: absolute !important;
    top: 20vw;
    left: 5%;
    width: 100%;
max-width:90%;
    z-index: 99999;
}
.ml7 {
  position: relative;
  font-weight: 900;
  font-size: 5em;
  line-height: 0.5em;

text-align: center;
}
.ml7 span span span {
  font-size: 1.2em;
}
.ml7 .text-wrapper {
  position: relative;
  display: inline-block;
  /*padding-top: 0.2em;
  padding-right: 0.05em;
  padding-bottom: 0.1em;*/
  overflow: hidden;
}
.ml7 .text-wrapper > span.letters {
  line-height: 1em;
  font-size: 2.3em;
  color: #fff;
  text-shadow: 0 1px 5px #000;
}
.ml7 .text-wrapper > span.letters > span.letter {
  transform-origin: 0 100%;
  display: inline-block;
  font-size: 3em
  font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
}

.ml7.subtitulo {
    margin-top: -15px;
}
.ml7.subtitulo .text-wrapper > span.letters > span.letter {
    font-size: 38px;
    font-weight: 400;
}
.ml7.normal {
width: 100%;
float: left;
}
.ml7.normal .text-wrapper > span.letters > span.letter {
    font-size: 21px;
    font-weight: 300;
}
/**/
#haz-sroll {
background: url(" 	/cms/site_0002/imagenes_css/imagen_css-13-31b453a834f75c6d7a.gif") no-repeat center center;
width: 19px;
height: 29px;
bottom: 10px;
color: #fff;
padding: 2px;
position: fixed;
right: 48%;
z-index: 99999;
/*display: none;*/
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

CARRUSEL
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.bx-prev, .bx-next {
    background-color: #000;
}
.bx-prev:hover, .bx-next:hover {
    background-color: #df0077;
}
.textoSlide {
background: rgba(0,0, 0, .7);
padding: 25px 30px;
filter: alpha(opacity=100)!important;
-moz-opacity: 1!important;
opacity: 1!important;
height: 100%;
}
.textoSlide > p:first-child, 
.textoSlide br {
display: none;
}
.textoSlide h1, .textoSlide h2 {
font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 1.2;
color: #fff;
text-shadow: 0 1px 2px #000;
}
.textoSlide h3 {
font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 1.2;
margin: 0 0 15px;
color: #fff;
text-shadow: 0 1px 2px #000;
}
.textoSlide ul {
margin: 0;
padding: 0 30px;
}
.textoSlide ul li {
color: #fff;
font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
font-size: 17px;
font-weight: 300;
}
.textoSlide ul br {
display: none;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

PRESENTACION
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.contenedor-presentacion-home {
background: #f5f5f5 url("/cms/site_0002/imagenes_css/imagen_css-13-65a72dabd2ba68ee7e.jpg") repeat-x left top;
background: #f5f5f5;
padding: 50px 0 40px;
}
#contenido .contenedor-presentacion-home p, #contenido .contenedor-presentacion-home p strong {
color: #000;
font-size: 16px;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

ACCESOS HOME
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.acceso-home {
height: 500px;
float: none;
width: auto;
position: relative;
display: block;
background-color: #fff;
background-repeat: no-repeat;
background-position: 45% 20px;
background-image: url("/cms/site_0002/imagenes_css/imagen_css-13-96611de3344d754c4b.gif");
}
.acceso-home.acceso-right {
background-position: 55% 20px;
}

.acc-photo {
position: relative;
float: left;
width: 50%;
height: 100%;
}
.acceso-right .acc-photo {
float: right;
z-index: 1;
}
.acc-photo-img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: auto 100%;
    background-size: cover;
    -webkit-transition: opacity .5s cubic-bezier(.215,.61,.355,1),-webkit-transform .5s cubic-bezier(.215,.61,.355,1);
    transition: opacity .5s cubic-bezier(.215,.61,.355,1),-webkit-transform .5s cubic-bezier(.215,.61,.355,1);
    transition: transform .5s cubic-bezier(.215,.61,.355,1),opacity .5s cubic-bezier(.215,.61,.355,1);
    transition: transform .5s cubic-bezier(.215,.61,.355,1),opacity .5s cubic-bezier(.215,.61,.355,1),-webkit-transform .5s cubic-bezier(.215,.61,.355,1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.acc-info {
color: #000;
    float: right;
    width: 50%;
    height: 100%;
    padding: 45px 55px;
}
.acceso-right .acc-info {
float: left;
text-align: right;
}
.acceso-right .acc-info p {
float: right;
}
#contenido .acc-info h4 {
font-size: 35px;
margin-top: 0;
}
#contenido .acc-info h5 {
font-size: 20px;
margin-top: 5px;
font-weight: 400;
}
#contenido .acc-info p {
    font-size: 16px;
    width: 100%;
    max-width: 500px;
    text-align: justify;
    clear: both;
}
a.lnk-ampliar-info {
background: #c7c7c7;
color: #fff;
font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
font-size: 18px;
line-height: 1;
padding: 13px 35px 15px;
display: inline-block;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}

a.lnk-ampliar-info:hover {
text-decoration: none;
background: #dc006f;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

DETALLES HOME
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.detalles-home {
background: #fff url("/cms/site_0002/imagenes_css/imagen_css-13-96611de3344d754c4b.gif") no-repeat center 40px;
padding: 40px 0 100px;
margin:60px 0 40px ;
border-bottom: 10px solid #efefef;
}
.detalles-home .col-sm-4 {
padding-top: 150px;
background-color: #fff;
background-repeat: no-repeat;
background-position: center top;
}
.detalles-home .col-precios-bajos {
background-image: url("/UserFiles/images/d-precios-bajos.png");
}
.detalles-home .col-importe-minimo {
background-image: url("/UserFiles/images/d-sin-minimo.png");
}
.detalles-home .col-envios {
background-image: url("/UserFiles/images/d-envios.png");
}
#contenido .detalles-home h4 {
font-size: 26px;
text-align: center;
}
#contenido .detalles-home p,#contenido .detalles-home p strong {
font-size: 16px;
}
/**/
.contenedor-magazine  {
padding: 40px 0 80px;
}
.contenedor-magazine .text-right img {
float: right
}
#contenido .contenedor-magazine h4 {
font-size: 35px;
}
#contenido .contenedor-magazine h5 {
font-size: 24px;
font-weight: 400;
margin-bottom: 20px;
}
#contenido .contenedor-magazine p {
font-size: 16px;
}
a.lnk-ver-magazine {
    background-color: #c7c7c7;
    color: #fff;
    font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 1.6;
    padding: 13px 35px 23px 35px;
    display: inline-block;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
}
a.lnk-ver-magazine:hover {
text-decoration: none;
background: #dc006f url("/cms/site_0002/imagenes_css/imagen_css-13-415c14f9730db3b709.png") no-repeat 25px center;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

RESPONSIVE
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*
HASTA 768
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 768px) {

#div_seccion_75 {
    top: 35%;
}
.ml7 span span span {
    font-size: 1em;
}
.ml7.normal {
display: none;
}
/**/
.acceso-home {
height: 600px;
}
.acc-photo, .acc-info {
    width: 100%;
height: 300px;
padding: 20px 25px;
}
.acc-info {
/*height: auto;*/
}
.acceso-right .acc-photo, .acceso-right .acc-info {
float: none;
text-align: left;
}
#contenido .acc-info p {
    font-size: 16px;
    width: 100%;
    max-width: 100%;
}
.acceso-right .acc-info p {
    float: none;
}
/**/
.contenedor-magazine .text-right  {
   text-align: center
}
.contenedor-magazine .text-right img {
    float: none;
width: 40%;
margin: 0 auto;
}
#contenido .contenedor-magazine h4 {
font-size: 30px;
text-align: center;
padding: 0 15px;
}
#contenido .contenedor-magazine h5 {
font-size: 20px;
text-align: center;
padding: 0 15px;
}
#contenido .contenedor-magazine p {
font-size: 16px;
text-align: center;
padding: 0 15px;
}
a.lnk-ver-magazine {
}

}

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

#div_seccion_75 {
    top: 28%;
}
.ml7 span span span {
    font-size: 0.8em;
}

}

/*
HASTA 400
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 400px) {

.ml7 {
    display: none;
}

}
/*///////////////////// CSS DINÁMICO : Rotate text //////////////////////////*/

.Iam {
    padding: 0 5em 2em;
    max-width: 1170px;
    margin: 0 auto;
}
.Iam p {
    height: 50px;
    float: left;
    margin-right: 0.3em;
}
.Iam .be {
    float: left;
    overflow: hidden;
    position: relative;
    height: 50px;
    top: 0;
    color:  #fff;
    text-align: center;
    width: 100%;
    margin-bottom: 30px;
}
.Iam .innerIam {

display: block;
    position: relative;
    white-space: nowrap;
    top: 0;
    left: 0;
    font-size: 36px;
    font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
/*animation*/
-webkit-animation:move 8s;
   -moz-animation:move 8s;
    -ms-animation:move 8s;
     -o-animation:move 8s;
        animation:move 8s;
/*animation-iteration-count*/
-webkit-animation-iteration-count:infinite;
   -moz-animation-iteration-count:infinite;
    -ms-animation-iteration-count:infinite;
     -o-animation-iteration-count:infinite;
        animation-iteration-count:infinite;
/*animation-delay*/
-webkit-animation-delay:1s;
   -moz-animation-delay:1s;
    -ms-animation-delay:1s;
     -o-animation-delay:1s;
        animation-delay:1s;
}
@keyframes move {
0%  { top: 0px; }
12% { top: -50px; }
24% { top: -100px; }
36% { top: -150px; }
48% { top: -200px; }
60% { top: -250px; }
72% { top: -300px; }
84% { top: -350px; }
}

@-webkit-keyframes move {
0%  { top: 0px; }
12% { top: -50px; }
24% { top: -100px; }
36% { top: -150px; }
48% { top: -200px; }
60% { top: -250px; }
72% { top: -300px; }
84% { top: -350px; }
}
@-moz-keyframes move {
0%  { top: 0px; }
12% { top: -50px; }
24% { top: -100px; }
36% { top: -150px; }
48% { top: -200px; }
60% { top: -250px; }
72% { top: -300px; }
84% { top: -350px; }
}
@-o-keyframes move {
0%  { top: 0px; }
12% { top: -50px; }
24% { top: -100px; }
36% { top: -150px; }
48% { top: -200px; }
60% { top: -250px; }
72% { top: -300px; }
84% { top: -350px; }
}
@keyframes move {
0%  { top: 0px; }
12% { top: -50px; }
24% { top: -100px; }
36% { top: -150px; }
48% { top: -200px; }
60% { top: -250px; }
72% { top: -300px; }
84% { top: -350px; }
}
/*///////////////////// CSS DINÁMICO : Stock2021 //////////////////////////*/

/* BLOQUE STOCK HOME 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#centro section#div_seccion_542 {
margin-bottom: 40px;
}
#centro section#div_seccion_542, 
#centro section#div_seccion_542 div.megaeditor {
overflow: visible;
}
#contenedor-stock-home {
background: #DB116F url("/UserFiles/images/bg-stock.png") no-repeat center top;
position: relative;
padding: 30px 20px 40px ;
text-align: center;

}
#bloque-stock-home {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
max-width: 1170px;
margin: 0 auto;
align-items: center;
}
#bloque-stock-home #stock-home-a {
text-align: right;
}
#contenido #bloque-stock-home h2 {
background: none;
margin-bottom: 0;
    font-size: 30px;
    font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
 text-transform: none;
text-align: right;
line-height: 1.1;
padding-right: 0;
}
#contenido #bloque-stock-home h2 br {
line-height: 1;
}
#contenido #bloque-stock-home h2 span {
display: block;
font-size: 30px;
margin-top: -15px;
}
#contenido #bloque-stock-home h2 strong {
font-size: 30px;
font-weight: 700;
color: #fff;
font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
}
#contenido #bloque-stock-home h2 strong.tit-strong-big {
font-size: 40px;
}
#contenido #bloque-stock-home #stock-home-a p {
text-align: right;
line-height: 1.1;
color: #fff;
font-size: 18px;
font-weight: 600;
padding-left: 80px;
}

#stock-home-b {
color: #fff;
text-align: left;
}
#stock_total {
font-size: 95px;
line-height: 1.2;
font-weight: 700;
color: #fff;
font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
}
#stock-home-b p {
color: #241c1c;
font-size: 30px;
line-height:1;
font-weight: 600;
max-width: 450px;
}

#boton-stock-home {
width: 400px;
margin: 0 auto;
position: absolute;
left: 50%;
margin-left: -200px;
bottom: -35px;
background: url("/UserFiles/images/2021/boton-stock.png") repeat-x;

 background: rgb(41,41,41);
background: linear-gradient(0deg, rgba(41,41,41,1) 0%, rgba(10,10,10,1) 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;
}
#boton-stock-home:hover {
bottom: -40px;
}
#boton-stock-home a {
display: block;
text-align: center;
padding: 15px 20px;
font-size: 25px;
font-weight: 200;
font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
color: #fff;
text-decoration: none;
background: rgba(124,17,54, 0);
/*background: linear-gradient(0deg, rgba(124,17,54,0) 0%, rgba(184,32,93,0) 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;
}
#boton-stock-home a:hover {
padding: 20px;
color: #fff;
background: rgba(124,17,54, 1);
/*background: linear-gradient(0deg, rgba(124,17,54,1) 0%, rgba(184,32,93,1) 100%);*/
}

#boton-stock-home a::before {
content:"";
display: inline-block;
width: 25px;
height: 25px;
background: url("/UserFiles/images/2021/ico-contacto.svg") no-repeat center center;
background-size: 100%;
vertical-align: middle;
margin-bottom: 5px;
margin-right: 7px;


-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;
}
#boton-stock-home a:hover::before {
width: 35px;
height: 35px;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 768 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

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

/******************************************* STOCK HOME ***************************************/
#bloque-stock-home {
    grid-template-columns: repeat(1, 1fr);
}
#bloque-stock-home #stock-home-a, #contenido #bloque-stock-home h2, #contenido #bloque-stock-home #stock-home-a p, 
#stock-home-b {
    text-align: center;
}
#contenido #bloque-stock-home #stock-home-a p {
    padding-left: 0;
margin: 0;
font-size: 16px;
}
#stock-home-b  {
margin-top: -20px;
}
#stock_total {
    font-size: 90px;
    line-height: 1;
}
#stock-home-b p {
margin: 0 auto;
font-size: 30px;
padding-bottom: 15px;
}

}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 600 
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media (max-width: 600px) {

/******************************************* STOCK HOME ***************************************/
#contenido #bloque-stock-home #stock-home-a p {
display: none;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
   ESTILOS HASTA 480 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media (max-width: 480px) {

/******************************************* STOCK HOME ***************************************/
#contenido #bloque-stock-home h2, #contenido #bloque-stock-home h2 strong {
    font-size: 25px;
}
#contenido #bloque-stock-home h2 strong.tit-strong-big {
    font-size: 35px;
}
#stock_total {
    font-size: 70px;
    line-height: 1;
}
#stock-home-b p {
    font-size: 24px;
    padding-bottom: 15px;
}
#boton-stock-home {
    width: 96%;
    left: 2%;
    margin-left: 0;
    bottom: -35px;
}
#boton-stock-home a {
font-size: 20px;
}

}
/*///////////////////// CSS DINÁMICO : RESPONSIVE //////////////////////////*/

.frameResponsive {
    width: 100% !important;
}
.img-responsive {
    height: auto !important;
    max-width: 100% !important;
}
a.idioma-responsive {
    display: none;
}
#pieB .login-boton .botonform {
    width: 254px;
}
.capa-nota-flotante {
    width: 25%;
}
.botones-bridge img {
    height: auto !important;
    max-width: 100% !important;
}
section {
    margin-bottom: 50px;
}
/* CONTENEDOR*/
.contenedor-responsive {
  position: relative;
  padding-bottom: 7%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
width: 950px;
margin: 0 auto !important;
min-height: 180px;
} 
.contenedor-responsive iframe,
.contenedor-responsive object,
.contenedor-responsive embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 1200
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1200px) {
#contenido h1, #contenido h2 {
    line-height: 1;
}
.col-1150.flecha > img {
    display: none;
}
.container {
    width: inherit;
}
#contenido h1, #contenido h2 {
    font-size: 60px;
}
/********************************************** HOME *******************************************/
.contenedor-presentacion-home {
    padding: 30px 20px 10px;
}
.acceso-home {
    height: 680px;
}
#contenido .acc-info h4 {
    font-size: 30px;
}
.acc-info {
    padding: 30px 40px;
}
#contenido h1#h1-home {
    font-size: 2.6em;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 950
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 950px) {
/*************************************** ESTRUCTURA *************************************/
#base1024, #cabecera, #base, .div950, .col950, address, table.textosCondiciones, #centro, #centro.dobleColumna, #centro.tripleColumna, .anchoCompleto {
	width: 100% !important;
}
div.galeria, div.megaeditor, #contenido .seccion, div.noticias, #contenido h3, #enviar_amigo_div, #comentar_comunicado_div, #comentar_comunicado_div, div.filtro, div.listados, #navePestanyas, div.formulario, #contenido #areaPrivada, .noticias.detalle, .noticias.titulares, .noticias.blog, div.adicional_noticias, #entrada, .contenedor {
    margin-left: 3%;
    margin-right: 3%;
    width: 94% !important;
}
#div_seccion_337.megaeditor {
    margin: 0;
    width: 100% !important;
}
/********************************************** GENERICOS *******************************************/
.imagen_cabecera_cms img {
    height: auto;
    width: 100%;
}
#contenido h2 {
	padding: 0;
}
.noticias.detalle iframe {
	width: 100% !important;
}
#contenido h3.titMarcas {
    display: none;
}
#banner-bridge img {
    height: auto !important;
    width: 100% !important;
}
/********************************************** HOME *******************************************/
#body_cms_home .contenedor-responsive, #contenido .contenedor-responsive {
    width: 0;
}
#div_seccion_340 {
    display: none;
}
#contenido h1#h1-home {
    font-size: 2.4em;
}
.Iam {
    padding: 0 0 2em;
}
.Iam b {
    height: 40px;
}
.Iam .innerIam {
    font-size: 30px;
}
@keyframes move {
0%  { top: 0px; }
12% { top: -40px; }
24% { top: -80px; }
36% { top: -125px; }
48% { top: -170px; }
60% { top: -220px; }
72% { top: -250px; }
84% { top: -290px; }
}
@-webkit-keyframes move {
0%  { top: 0px; }
12% { top: -40px; }
24% { top: -80px; }
36% { top: -125px; }
48% { top: -170px; }
60% { top: -220px; }
72% { top: -250px; }
84% { top: -290px; }
}
@-moz-keyframes move {
0%  { top: 0px; }
12% { top: -40px; }
24% { top: -80px; }
36% { top: -125px; }
48% { top: -170px; }
60% { top: -220px; }
72% { top: -250px; }
84% { top: -290px; }
}
@-o-keyframes move {
0%  { top: 0px; }
12% { top: -40px; }
24% { top: -80px; }
36% { top: -125px; }
48% { top: -170px; }
60% { top: -220px; }
72% { top: -250px; }
84% { top: -290px; }
}
@keyframes move {
0%  { top: 0px; }
12% { top: -40px; }
24% { top: -80px; }
36% { top: -125px; }
48% { top: -170px; }
60% { top: -220px; }
72% { top: -250px; }
84% { top: -290px; }
}
/********************************************** CABECERA *******************************************/
div.logo {
   /* right: inherit !important;
    text-align: left;
    left: 10px !important;*/
}
#menuTop ul li:first-child {
    display: none;
}
#idioma {
    left: 90px !important;
}
/********************************************** 2 NIVELES *******************************************/
.col-2 {
    width: 48%;
}
#col-destacada-drop {
    background-position: right top;
}
.img-pasos {
    height: auto !important;
    width: 100% !important;
}
#body_cms_home .col-primera, #body_cms_home .col-3-primera {
    margin-left: 0 !important;
}
.col-primera, .col-3-primera {
    margin-left: 3% !important;
}
#body_cms_home .col-3 {
    width: 31%;
}
.col-3 {
    box-sizing: border-box;
    float: left;
    margin: 0 3%;
    width: 30%;
}
.col.col-3.col-3-span.col-3-primera {
    margin-left: 0 !important;
    width: 68%;
}
.col-4-span {
    width: 67%;
}
.capa-nota-flotante {
    width: 30%;
}
/********************************************** LISTADOS *******************************************/
table.tablaFiltros, table.visualizacion, .baseTablaColumnas, .baseTablaFilas, .baseTablaFoto, .baseTablaMini {
	width: 100%;
}
table.gama {
	margin-left: 0;
	width: 100%;
}
/********************************************** AREA PRIVADA *******************************************/
#menuTabs {
	background-color: transparent;
	padding: 5px 0 0;
}
#menuTabs li {
	display: inline-block;
	white-space: nowrap;
}
#menuTabs li:hover {
	margin: 7px 3px 3px;
}
#menuTabs li.activo, #menuTabs li.activo:hover {
	border: 1px solid #ccc;
	margin: 7px 3px 3px;
	padding-bottom: 0;
	padding-top: 0;
}
/***************************************** PIE *************************************/
address {
    padding-left: 30px;
    padding-right: 30px;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 800 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

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

div.logo {
/*    left: 0 !important;
    text-align: center;*/
    top: 55px !important;
    width: 100%;
}
#menuTop {
    display: none;
}
.ml7 {
    display: none;
}
#banderas {
    left: 56px;
}
/*///////////////////////////////////////////// MENÚ DESPLEGABLE ///////////////////////////////////////////////////*/
#mobnav-btn-cms, #mobnav-btn-prod {
    background-color: #bf0869;
    font-size: 24px;
    height: 40px;
    padding: 3px 12px;
}
div[class^="ddsmoothmenu nav_menu_movil_"] #mobnav-btn-cms, div[class^="ddsmoothmenu nav_menu_movil_"] #mobnav-btn-prod {
    padding: 3px 13px;
}
.ddsmoothmenu {
	display: block;
	 z-index: 9999;
    top: 0 !important;
    left: 0 !important;
    right: inherit !important;
    background-color: transparent;
    font-size: 22px;
    text-align: left;  
     width: 100%;
}
.ddsmoothmenu ul li, .ddsmoothmenu ul li ul, .ddsmoothmenu ul li ul li a {
	top: inherit !important;
	width: 100% !important;
}

.ddsmoothmenu ul:hover, .ddsmoothmenu ul li:hover, .ddsmoothmenu ul li a:hover {
    display: block !important;
}
.ddsmoothmenu ul li ul {
	position: relative;
}
.ddsmoothmenu ul li ul li ul {
	left: 0 !important;
	position: relative;
	width: 100% !important;
}
.rightarrowclass {
	transform: rotate(90deg);
}
#li_desplegable_cms_146, #li_desplegable_cms_147 {
    display: block;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 768 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

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

/***************************************** GENERICOS *************************************/
iframe[id^="carrusel"] {
 width: 0;
}
#centro {
    margin-left: 0;
    margin-right: 0;
}
#body_cms section {
    padding: 0 5%;
}
/******************************************* HOME ***************************************/
.contenedor-presentacion-home {
    padding: 30px 20px 40px;
}
.acceso-home {
    height: 780px;
}
.detalles-home {
    padding: 0 20px;
}
.acc-info {
    padding: 30px 30px;
}
#contenido h1#h1-home {
    padding: 25px 50px 20px;
}
.icono-presentacion {
    width: 120px;
    height: 120px;
    top: -40px;
    margin-left: -60px;
    background-size: contain;
}
/******************************************* CLIENTES ***************************************/
.pestanyaCliente {
 padding-left: 0;
}
div.mapaGoogle {
 width: 100%;
}
/******************************************* CABECERA ****************************************/
#idioma {
    left: 110px !important;
}
#banderas {
    left: 56px;
}
#capaLoginTop {
 display: none;
}
#menuTop {
    display: none;
}

/*/////////////// BUSCADOR ///////////////*/
#buscadorTop .camposformHomeMediano, #buscadorTop input.camposformHomeMedianoActive {
 width: 65% !important;
}
#buscadorTop input.botonform {
 width: 25% !important;
}
 .tablaCategorias, table.gama {
 margin-left: 0;
}
/********************************************** 2 NIVELES  ******************************************/
#capa-mapa {
    background: rgba(0, 0, 0, 0) url("/cms/site_0002/imagenes_css/imagen_css-159-73a402dfdd17f1dc6e.jpg") no-repeat scroll left bottom / 90% auto;
}
#desarrollo01 {
    float: right;
}
#desarrollo02 {
     clear: both;
    float: right;
}
.col-2 {
    width: 100%;
}
#capa-dropship-ventajas {
    background-image: none;
}
.col-4-span {
    width: 55%;
}
.capa-nota-flotante {
    width: 40%;
}
div.formulario form .tituloGrupoMultiple label, div.formulario form .tituloGrupoSimple label {
    float: left;
    width: 25%;
}
div.formulario input[type="radio"] {
    margin: 9px 0 0;
}
div.formulario input, div.formulario textarea {
    width: 100%;
}
/********************************************** FICHA ******************************************/
div.imagen, div.datosFicha {
 width: 100%;
}
table.ficha td.descripciones, table.ficha td.descargas, table.ficha td.familiasRelacionadas, table.ficha td.fechaLanzamiento, table.ficha td.camposDinamicos, table.ficha td.fichaMarca, table.ficha td.fechaPrelanzamiento {
 padding-left: 0;
 padding-right: 0;
}
.contentstyle {
 margin: 0;
 padding: 0;
}
div.megaeditor p, table.ficha td.descripciones {
 padding: 0;
}
#valorar_producto_div, #solicitar_info_div, #comentar_comunicado_div, div.noticias #enviar_amigo_div {
 margin-left: 0;
 margin-right: 0;
}

/******************************************* LISTADOS ********************************************/
.baseTablaMini, .baseTablaFoto, .baseTablaColumnas, .baseTablaFilas {
 width: 100%;
}
table.visualizacion {
 width: 100%;
}
table.visualizacion td#td_productos_orden {
 padding-left: 0;
}
table.visualizacion.top td#td_productos_vistas {
 padding-right: 0;
}
/*///////////////////////////////////////////// FILAS //////////////////////////////////////*/
ul.filas li.imagen {
 width: 35%;
 margin-right: 3%;
}
ul.filas li.datosProducto {
 width: 60%;
}
ul.filas ul.grupoDcha {
 width: 100%;
 display: inline-block;
}

/*///////////////////////////////////////// COLUMNAS ////////////////////////////////////*/
ul.columnas {
 width: 100%;
}
/*////////////////////////////////////////////// MINI //////////////////////////////////////////*/
ul.mini {
 width: 47%;
}
/********************************************** COMPRA *******************************************/
body#areaCompra .ilustracion > img {
 height: auto;
 max-width: 100%;
}
body#areaCompra #centro {
 margin-left: 2%;
 margin-right: 2%;
 width: 96% !important;
}
#paso01, #paso02, #paso03, #paso04, #paso05 {
 margin-left: 0;
 margin-right: 0;
}
div.overflow {
 overflow: auto;
 margin-bottom: 2%;
}
.tablaProcesoCompra {
 margin: 0 auto;
 width: 100%;
}
/*////////////////////////////////////////////// PASO 2 (MIS DATOS) //////////////////////////////////////////////*/
#paso02 .cajaCompra01.dosColumnas {
 width: 100%;
}
#paso02 .cajaCompra01 {
 float: none;
 margin-right: 0;
 width: 90%;
 margin-bottom: 0;
}
#paso02 .cajaCompra02, #paso02 .cajaCompra02.unaColumnaLogeado {
 float: none;
 margin-left: 0;
 width: 90%;
}
.cajaCompra01, .cajaCompra02 {
 padding: 3% 5%;
}
/*////////////////////////////////////// PASO 3 (FORMA DE PAGO) ////////////////////////////////////////////*/
#paso03 .cajaFormaPago {
 padding: 3% 5%;
 width: 90%;
}
/********************************************** FORMS *******************************************/
div.formulario form label, #comentar_comunicado_div label, div.noticias #enviar_amigo_div label {
 display: block;
 float: none;
 text-align: left;
 width: auto;
}
#captcha > label, #comentar_comunicado_div #captcha > label, div.noticias #enviar_amigo_div #captcha > label {
 width: auto;
}
/*************************************** PIE ************************************/
table.textosCondiciones td {
    width: 100%;
}
table.textosCondiciones td:first-child p.condiciones, table.textosCondiciones td:last-child p.condiciones {
    text-align: center !important;
}
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 600 
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media (max-width: 600px) {
#contenido h1, #contenido h2 {
    font-size: 48px;
}
/*************************************** ESTRUCTURA ************************************/
.videoHome {
    margin-bottom: 20px;
    width: 100%;
}
#col-tupper a, #col-drop a, #col-minoristas a {
    font-size: 18px;
}
.imagen_cabecera_cms {
    display: none;
}
/**************************************** HOME *****************************************/
.acceso-home {
    height: 880px;
}
.detalles-home .col-sm-4 {
    margin-bottom: 40px;
}
#contenido h1#h1-home {
    font-size: 2em;
    padding: 25px 30px 40px;
}
.Iam b {
    height: 30px;
}
.Iam .innerIam {
    font-size: 18px;
    line-height: 2;
}
@keyframes move {
0%  { top: 0px; }
12% { top: -40px; }
24% { top: -75px; }
36% { top: -110px; }
48% { top: -150px; }
60% { top: -190px; }
72% { top: -225px; }
84% { top: -255px; }
}
@-webkit-keyframes move {
0%  { top: 0px; }
12% { top: -40px; }
24% { top: -75px; }
36% { top: -110px; }
48% { top: -150px; }
60% { top: -190px; }
72% { top: -225px; }
84% { top: -255px; }
}
@-moz-keyframes move {
0%  { top: 0px; }
12% { top: -40px; }
24% { top: -75px; }
36% { top: -110px; }
48% { top: -150px; }
60% { top: -190px; }
72% { top: -225px; }
84% { top: -255px; }
}
@-o-keyframes move {
0%  { top: 0px; }
12% { top: -40px; }
24% { top: -75px; }
36% { top: -110px; }
48% { top: -150px; }
60% { top: -190px; }
72% { top: -225px; }
84% { top: -255px; }
}
/**************************************** CLIENTES *****************************************/
div.filtro {
	overflow: hidden;
}
div.filtro span {
	display: block;
	float: left;
	margin: 0 0 2% !important;
	text-align: left;
	width: 45%;
	font-size: 12px;
}
/****************************************** CABECERA***************************************/
div.logo {
  
}
#idioma {
    display: none;
}
a.idioma-responsive {
    display: block;
    position: absolute;
    right: 20px;
    top: 55px;
    z-index: 9999;
}
/*/////////////// CESTA ///////////////*/
#cestaTop {
	display: block;
	position: relative;
	width: auto;
}
#cesta, #cesta:hover {
    width: 100%;
}
#botones {
	float: right;
}
#loginTop, #cesta, #cestaProductos {
	width: 98%;
}
#precioCesta {
	width: 100%;
}
/*/////////////// BUSCADOR ///////////////*/
#buscadorTop {
	display: block;
	margin-left: 6%;
	right: inherit !important;
	width: 97%;
}
#buscadorTop input.camposformHomeMedianoActive, #buscadorTop input.camposformHomeMediano {
	width: 67%;
}
div#buscadorTop form input.botonform {
	width: 20%;
}
/******************************************* 2 NIVELES ******************************************/
.col-4 {
    float: left !important;
    margin-left: 0 !important;
    width: 47%;
}
.col.col-3.col-3-span.col-3-primera, .destacada-dudas {
    margin-left: 0 !important;
    width: 100%;
}
#body_cms_home .col-3 {
    width: 100%;
margin: 0;
}
#empezar01, #empezar02, #empezar03 {
    background-size: 100% auto;
    padding: 12% 5% 2%;
}
.boton.boton-muy-grande {
    width: 100%;
}
.col-4-span {
    width: 100%;
}
.capa-funcionamiento {
    float: none;
    margin-left: 0;
    margin-top: 10px;
    text-align: center;
}
#capa-claves .col {
    background-position: 10px top;
    background-size: 20% auto;
    margin-bottom: 20px;
    padding-top: 10%;
}
.capa-venta {
    background-color: #fdeef5;
    background-position: 15px 15px;
    background-repeat: no-repeat;
    padding: 10px 15px 20px 110px;
}
#bridge-flotante {
    float: none;
    position: relative;
    text-align: center;
    top: 0;
    width: 100%;
}
.boton.boton-grande {
    width: 100%;
}
.capa-nota-flotante {
    margin-bottom: 30px;
    width: 100%;
}
.capa-drop-envio {
    margin-bottom: 35px;
    min-height: 85px;
}
/*/////////////////////////////////////////////// HOME /////////////////////////////////////////////////////////*/
.presentacion-a {
float: none;
width: 96%;
}
.presentacion-b {
float: none;
width: 96%;
}
/******************************************* LISTADOS ******************************************/

/*/////////////////////////////////////////////// FILAS /////////////////////////////////////////////////////////*/
ul.filas li.imagen {
	width: 25%;
	margin-right: 3%;
}
ul.filas li.datosProducto {
	width: 37%;
}
/* lista FOTO */
ul.foto {
	width: 47%;
}
ul.mini {
    width: 47%;
}
/*/////////////////////////////////////////////// FICHA /////////////////////////////////////////////////////////*/
div.zoomWindow, .zoomPup, .zoomPreload {
	display: none !important;
}
.descripciones iframe {
	width: 100%;
}
/********************************************** PIE ********************************************/
#pie-c1, #pie-c2 {
    clear: both;
    float: none;
    width: 100%;
}
#boletinPie ul {
    padding-left: 15px;
}
.textosCondiciones td {
	display: block;
}
/******************************************** COMPRA ****************************************/
.cajaFormaPago ul#formasPago li {
	width: 45%;
}
/*/////////////////////////////////////////////// COMUNICADOS /////////////////////////////////////////////////////////*/

#comentar_comunicado_div input, #comentar_comunicado_div textarea, div.noticias #enviar_amigo_div input, div.noticias #enviar_amigo_div textarea {
	width: 96%;
}
/********************************************** PIE ********************************************/
#pieA {
    padding: 10px 0 20px;
}
#pieA ul {
    margin-bottom: 15px;
}
#pie-c1, #pie-c2 {
    clear: both;
    float: none;
    width: 100%;
}
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
   ESTILOS HASTA 480 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media (max-width: 480px) {
/************************************* GENÉRICOS *****************************************/
#contenido h2 {
    font-size: 54px;
}
/*/////////////// CAPA AÑADIR A CESTA ///////////////*/
#jquery_alert {
	left: 0 !important;
	width: 100% !important;
}
.carrusel {
	display: none;
}
.avisoResolucionMenor {
	background-image: url("../images/scroll.png");
	background-repeat: no-repeat;
	height: 15px;
	margin-top: 5px;
}
#col-tupper a, #col-drop a, #col-minoristas a {
    background-repeat: repeat-x;
}
.col-3 {
    margin-bottom: 3% !important;
    margin-left: 0 !important;
    margin-right: 0;
    margin-top: 0;
    width: 100%;
}
/************************************* HOME ********************************************/
.acceso-home {
    height: 920px;
}
#contenido h1#h1-home {
    font-size: 1.5em;
}
.bloque-presentacion {
    padding: 90px 30px 40px;
}
/************************************* CABECERA ********************************************/
div.logo {
 top: 65px!important;
}
#banderas {
    left: inherit;
    right: 5px;
    top: 50px;
z-index: 9999;
}
span.infoSaldoCesta {
	display: none;
}


/*/////////////////////////////////////////////// MENÚ AUXILIAR /////////////////////////////////////////////////////////*/
#menuTop {
	display: none;
}
/*********************************** MÓDULOS COLUMNAS *************************************/
#fecha {
	width: 100%;
}
/******************** BUSCADOR AVANZADO (SECCIÓN CENTRAL) ****************************/
div.cajaBuscadorProductosAvanzadoHome {
	margin: 0 !important;
}
div.buscadorAvanzadoHomeLeft, div.buscadorAvanzadoHomeRight {
	width: 100%;
}
/************************************ 2 NIVELES ************************************************/
#capa-mapa {
    background-image: none;
    padding-bottom: 20px;
}
#desarrollo01 {
    float: none;
    width: 100%;
}
#desarrollo02 {
    background-position: 15px top;
    clear: both;
    float: none;
    padding: 5px 30px 40px 100px;
    width: 100%;
}
#drop-destacado-01.col-3, #drop-destacado-02.col-3, #drop-destacado-03.col-3 {
    margin-left: 5% !important;
    margin-right: 5% !important;
    width: 90% !important;
}
.col-destacada {
    min-height: inherit;
}


/************************************ LISTADOS ************************************************/
.ilustracion {
	display: none;
}
table#nuevoProducto td {
    clear: both;
    display: block;
    width: 100%;
}
.tablaFiltros td {
    display: inline-block;
}
/*/////////////// FILAS ///////////////*/
ul.filas li.imagen {
	width: 35%;
	margin-right: 3%;
}
ul.filas li.datosProducto {
	width: 60%;
}
ul.filas ul.grupoDcha {
	width: 100%;
	display: inline-block;
}
/*************************************** LISTADO - MINI *******************************************/
ul.mini {
	width: 100%;
}
/* lista FOTO */
ul.foto {
	width: 47%;
}
/********************************************* FICHA **********************************************/
div.ficha img.fotoPrincipal {
	width: 100%;
	height: auto;
}
div.formulario form label {
	display: block;
	float: none;
	text-align: left;
}
div.formulario input[type="text"], div.formulario textarea {
	width: 90%;
}
/*/////////////////////////////////////////////// COMPRA /////////////////////////////////////////////////////////*/
#codigoPromocional, #codigoClub {
	padding: 2% 5%;
}
#codigoPromocional p, #codigoClub p {
	float: none;
	margin: 0;
	width: 100%;
}
div.campoCodigo {
	float: none;
	margin: 0;
	text-align: left;
	width: 100%;
}
div.campoCodigo input.caja {
	margin-top: 2px;
}
#centro #contenido a.lnkBotonRojo:link, #centro #contenido a.lnkBotonRojo {
	display: inline-block;
	margin-bottom: 2%;
}
#centro #contenido a.lnkBotonVerde:link, #centro #contenido a.lnkBotonVerde {
	display: inline-block;
	white-space: nowrap;
}
.cajaFormaPago ul#formasPago li {
	width: 100%;
}
/********************************************** AREA PRIVADA *******************************************/
#menuTabs {
	background-color: transparent;
	padding: 5px 0 0;
}
#menuTabs li {
	display: inline-block;
	width: 48%;
	white-space: nowrap;
}
#menuTabs li:hover {
	margin: 7px 3px 3px;
}
#menuTabs li.activo, #menuTabs li.activo:hover {
	border: 1px solid #ccc;
	margin: 7px 3px 3px;
	padding-bottom: 0;
	padding-top: 0;
}
#areaPrivada div.paginador {
	float: left;
}
/********************************************** AVISO INFERIOR *******************************************/
.texto_pie_auxiliar {
    bottom: 0;
    right: 0;
    width: 100%;
}
/********************************************** PIE *******************************************/
#pie #pieA ul#lista-pie-a2 li a {
    font-size: 20px;
}
#pie #pieA ul li a {
    font-size: 16px;
}
.login-user, .login-pass, login-boton {
    display: block;
}
.login input.camposformHome, .login input.camposformHomeActive, #pieB .login-boton .botonform {
    width: 100%;
}
}/* /mediaquery */
/*//*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
   ESTILOS HASTA 320 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media (max-width: 320px) {
#contenido h2 {
    font-size: 48px;
}
.col-4 {
    width: 100%;
}
.capa-drop-envio {
    background-size: 20% auto !important;
    margin-bottom: 25px;
    margin-right: 10px;
    min-height: auto;
    padding-left: 25%;
}
/************************************ LISTADOS ************************************************/
table#nuevoProducto td.imagenProducto {
    display: none;
}
/******************** BUSCADOR AVANZADO (SECCIÓN CENTRAL) ****************************/
.checkBuscadorAvanzadoHome {
    float: none;
    width: 100%;
}
/*/////////////// PARRILLA DE FAMILIAS ///////////////*/
table.tablaCategorias td {
	display: block;
	text-align: left;
}
table.tablaCategorias td ul {
	margin-bottom: 5px;
	margin-top: 5px;
	padding-left: 30px;
}
ul.foto {
	width: 100%;
}
}/* /mediaquery */
/*//*/

/*///////////////////// CSS DINÁMICO : PRESTASHOP / WOO commerce //////////////////////////*/

body.body_cms_191 #centro section,body.body_cms_192 #centro section {
    margin-bottom:0;
}
body.body_cms_192 #contenido h3, body.body_cms_191 #contenido h3 {
    font-size: 35px;
    text-align: center;
}
body.body_cms_191  #carrusel_banners_, body.body_cms_192  #carrusel_banners_ {
visibility:hidden;
}

body.body_cms_191 #contenido p, body.body_cms_192 #contenido p {
line-height: 1.4;
}
body.body_cms_191 #contenido h1, 
body.body_cms_191 #contenido h2, 
body.body_cms_191 #contenido h3, 
body.body_cms_192 #contenido h1, 
body.body_cms_192 #contenido h2, 
body.body_cms_192 #contenido h3, 
body.body_cms_154 #contenido h1, 
body.body_cms_154 #contenido h2, 
body.body_cms_154 #contenido h3 {
font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
background: none;
font-weight: 700;
/*text-transform: inherit;*/
}
body.body_cms_191 #contenido h1,
body.body_cms_192 #contenido h1, 
body.body_cms_154 #contenido h1 {
color: #d3036a;
margin: 20px 0 0;
padding: 20px 4% 0;
line-height: 1;
font-size: 55px;
}
body.body_cms_191 #contenido h2, 
body.body_cms_192 #contenido h2, 
body.body_cms_154 #contenido h2 {
color: #91918b;
margin: 0;
font-size: 40px;
padding: 0 4%;
line-height: 1;
}
body.body_cms_191 #contenido h3, 
body.body_cms_154 #contenido h3 {
font-size: 35px;
text-align: center;
}
body.body_cms_191 #contenido h4, 
body.body_cms_154 #contenido h4 {
font-size: 24px;
}

.bloque-contenido {
width: 100%;
max-width: 1170px;
margin: 0 auto;
padding: 0 4%;
}

#carrusel_banners_ {
position: absolute;
left: -100%;
top: 0;
z-index: 1;
}

section#div_seccion_408 p.nota-presatashoppers {
background: rgba(0, 0, 0, .05);
padding: 10px 20px!important;
width: 100%;
max-width: 500px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 MANUAL
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
body.body_cms_154 div.megaeditor {
width: 100%;
max-width: 1200px;
padding: 0 3%;
margin: 0 auto;
}
body.body_cms_154 #contenido h3 {
margin: 45px 0 30px;
}
body.body_cms_154 #contenido h4 {
    font-size: 21px;
margin: 25px 0 15px;
}
body.body_cms_154 div.megaeditor ul {
padding: 10px 30px;
}
body.body_cms_154 div.megaeditor ul li {
border: 0 none;
background: url("/cms/site_0002/imagenes_css/imagen_css-7-aa5e40cc12ca916a84.png") no-repeat 7px 15px;
}
table.tabla-manual {
margin: 25px 0;
border-top: 1px solid #292929;
border-left: 1px solid #292929;
}
table.tabla-manual th, table.tabla-manual td {
font-size: 16px;
padding: 10px;
text-align: center;
border-right: 1px solid #292929;
border-bottom: 1px solid #292929;
}
table.tabla-manual th {
background: #292929;
color: #fff;
}

#contenido div.megaeditor p.p-pregunta {
font-size: 1.1em;
font-weight: 700;
margin-top: 10px;
margin-top: 20px;
margin-bottom: 2px;
color: #000;
}
#contenido div.megaeditor p.p-destacado {
background: #f4f0c6;
padding: 15px 25px;
font-size: 18px;
font-weight: 700;
color: #786e00;
border: 1px solid #f4f0c5;
}
div.capa-destacada {
background: #f4f0c6;
padding: 10px 35px;
margin-bottom: 25px;
}
body.body_cms_154 #contenido div.capa-destacada h4 {
color: #786e00;
}
div.capa-destacada p {
color: #786e00;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 TOP
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
section#div_seccion_403, section#div_seccion_411 {
padding-bottom: 50px;
}
.logo-top {
margin: 80px auto 0;
max-width: 95%;
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 PRESENTACION
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
section#div_seccion_404, section#div_seccion_412 {
background: #f5f5f5 url("/cms/site_0002/imagenes_css/imagen_css-32-3839e7459221509d8f.jpg") no-repeat center bottom;
background-size: cover;
padding: 40px 4% 70px;
}

body.body_cms_191 #contenido section#div_seccion_404 p {
font-size: 18px;
}
section#div_seccion_404 img, section#div_seccion_412 img {
margin: 0 auto;
}

#grafico-dropshipping {
display: block;
}
#grafico-dropshipping-responsive {
display: none;
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 COMO FUNCIONA
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
section#div_seccion_405, section#div_seccion_413 {
background: url("/cms/site_0002/imagenes_css/imagen_css-32-36a76800d6898f0f63.png") repeat-x;
padding-top: 30px;
}
.grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch;
}
.col-grid {
    background: #f6f6f4;
    padding: 30px 40px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
    overflow: hidden;
    display: block;
}
section#div_seccion_405 img, section#div_seccion_413 img {
margin: 60px auto 40px;
}

#grafico-funcionamiento {
display: block;
}
#grafico-funcionamiento-responsive {
display: none;
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 ACCESO COMPRA
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.acceso-compra {
width: 100%;
max-width: 900px;
margin: 20px auto;
padding: 20px 30px;
color: #fff;
text-align: center;
background: #3ec4d7;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
}
body.body_cms_191 #contenido .acceso-compra h4 {
color: #fff;
}
.acceso-compra p {
margin-bottom: 15px;
}
.acceso-compra a {
display: inline-block;
padding: 5px 40px;
color: #fff;
margin: 0 auto 10px;
background: #12a5ba;
font-size: 18px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
.acceso-compra a:hover {
text-decoration: none;
background: #131819;
}



/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 PRODUCTOS DE DREAMLOVE A PRESTASHOP
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
body.body_cms_191 #centro section#div_seccion_406, body.body_cms_192 #centro section#div_seccion_414 {
text-align: center;
background: #f5f5f5 url("/cms/site_0002/imagenes_css/imagen_css-32-204c03362b0f35fe39.jpg") no-repeat center bottom;
background-size: cover;
padding: 40px 4% 120px;
position: relative;
margin-bottom: 150px;
overflow: inherit;
}
.tabla-datos-producto {
background: #fff;
width: 100%;
max-width: 900px;
margin: 30px auto 30px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
}
.tabla-comparativa {
    display: inline-block;
    max-width: 45%;
    vertical-align: top;
    margin: 30px 10px 60px;
}
div.megaeditor .tabla-comparativa th {
    font-size: 12px;
    border-bottom: 1px solid #ddd;
}
div.megaeditor .tabla-comparativa td {
    font-size: 14px;
    width: 60%;
    border-bottom: 1px solid #ddd;
    padding: 3px 0;
    font-weight: 300;
    text-align: left;
}
div.megaeditor .tabla-comparativa td:first-child {
    font-style: italic;
    width: 40%;
}
#capa-alerta {
background: #e61873 url("/cms/site_0002/imagenes_css/imagen_css-32-5f9711d89fd70cf67c.png") no-repeat 30px center;
padding: 30px 35px 30px 200px;
color: #fff;
width: 100%;
max-width: 900px;
margin: 0 auto;
text-align: left;
position: absolute;
bottom: -100px;
left: 50%;
margin-left:-450px;

-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
body.body_cms_191 #contenido #capa-alerta h4, body.body_cms_192 #contenido #capa-alerta h4 {
color: #fff;
text-align: left;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 FAQ
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
section#div_seccion_407, section#div_seccion_415 {
padding: 10px 4% 40px;
}
section#div_seccion_407 .megaeditor, section#div_seccion_415 .megaeditor {
width: 100%;
max-width: 1170px;
margin: 0 auto;
}
body.body_cms_191  em {
font-size: 0.9em;
font-weight: 200;
color: #9a9a9a;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 DATOS COMPRA
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
section#div_seccion_300 p {
width: 100%;
max-width: 1170px;
margin: 0 auto;
padding: 0 4% 20px;
margin: 0 auto;
}
body.body_cms_191 #contenido section#div_seccion_300 h4 {
width: 100%;
max-width: 1170px;
margin: 0 auto;
padding: 20px 4%;
font-size: 21px;
margin-bottom: 0;
}
.datos-compra {
padding: 20px 4%;
background: url("/cms/site_0002/imagenes_css/imagen_css-32-169a028374ce0d3560.jpg") repeat-x center center;
text-align: center;

}
div.megaeditor .datos-compra ul {
width: 100%;
max-width: 800px;
margin: 10px auto;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
padding: 20px 30px;
background: #f9f9f9;
text-align: left;
}
div.megaeditor .datos-compra ul ul {
padding: 0 30px;
margin: 0 auto 0;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0);
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 BOTON COMPRAR
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
section#div_seccion_408, section#div_seccion_416 {
text-align: center;
background: #f7f7f7;
padding: 20px 4% 50px;
margin: 20px 0;
}
section#div_seccion_408 p, section#div_seccion_416 p {
width: 100%;
max-width: 1170px;
margin: 0 auto;
padding: 0 4% 20px;
margin: 0 auto;
}
p.pPrivacidad {
  font-size: 16px !important;
}
a.lnk-compra {
  display: inline-block;
  padding: 15px 70px;
  margin: 0 auto 0;
  background: #00bfd6;
  color: #fff;
  font-size: 28px;
  font-weight: 400;
  line-height: 1;
  -webkit-border-radius: 65px;
  -moz-border-radius: 65px;
  border-radius: 65px;
}
a.lnk-compra:hover {
background: #131819;
text-decoration:none;
}
a.lnk-compra span {
font-weight: 600;
font-size: 1.3em;
}
a.lnk-compra strong {
font-weight: 300;
font-size: .7em;
color: #fff;
}
a.lnk-compra:hover strong {
color: #fff;
}
a.lnk-compra span.compra-iva {
    font-weight: 300;
    font-size: .5em;
font-style: italic;
}
#compra_ahora_btn span {
  display: block;
  font-weight: 400;
  font-size: 16px;
  margin-top: 5px;
}
#compra_ahora_btn {
  opacity: .3;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 SOBRE DREAMLOVE
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
section#div_seccion_409, section#div_seccion_417 {
/*background: url("/cms/site_0002/imagenes_css/imagen_css-32-68812c459f8bbe4c75.png") no-repeat center top;*/
margin: 50px 0 30px;
padding: 20px 4% 90px;
text-align: center;
}
section#div_seccion_409 img, section#div_seccion_417 img {
margin: 0 auto;
}
section#div_seccion_409 p, section#div_seccion_417 p {
width: 100%;
max-width: 1170px;
margin: 0 auto;
padding: 0 4% 20px;
margin: 0 auto;
}
a.lnk-dreamlove {
display: inline-block;
padding: 10px 70px 12px;
margin: 0 auto 0;
background: #e4246e;
color: #fff;
font-size: 21px;
font-weight: 200;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
}
a.lnk-dreamlove:hover {
background: #22181c;
text-decoration: none;
}
a.lnk-dreamlove strong {
color: #fff;
font-size: 1.3em;
font-weight: 700;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 PIE
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
section#div_seccion_410, 
section#div_seccion_418, 
section#div_seccion_307 {
background: #fcfcfc;
border-top: 10px solid #e4246e;
text-align: center;
}
div.contenedor-pie {
width: 100%;
max-width: 1170px;
padding: 70px 4% 30px;
margin: 0 auto;
text-align: left;
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

 RESPONSIVE

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 950
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 950px) {

div.megaeditor {
margin-left: 0;
margin-right: 0;
width: 100% !important;
}

#capa-alerta {
left: 0;
margin-left: 0;
width: 100%;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 768
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 768px) {

.grid-2 {
    display: grid;
    grid-template-columns: 1fr;
}

body.body_cms_191 #centro section#div_seccion_406 {
padding: 40px 4% 20px;
margin-bottom: 20px;
}
#capa-alerta {
position: inherit;
}

.tabla-comparativa {
    width: 100%;
    max-width: 100%;
margin: 0;
padding: 4%;
}
.tabla-comparativa tbody, 
.tabla-comparativa tbody tr  {
    width: 100%;
}
.tabla-comparativa th {
width: 60%
}
.tabla-comparativa th:first-child {
width: 40%
}

}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 600
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 600px) {

section#div_seccion_409, section#div_seccion_417 {
    padding: 170px 4% 30px;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 480
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 480px) {

.bloque-contenido {
    padding: 0 ;
}
body.body_cms_191 #contenido h1 {
    font-size: 40px;
}
body.body_cms_191 #contenido h2 {
    font-size: 30px;
}
body.body_cms_191 #contenido h3 {
    font-size: 24px;
}
body.body_cms_191 #contenido h4 {
    font-size: 21px;
}
/**/
section#div_seccion_404 {
padding: 20px 4% 40px;
}
section#div_seccion_405, section#div_seccion_413 {
    padding-top: 5px;
}
/**/
section#div_seccion_297 {
padding: 0 4%;
}
/**/
#capa-alerta {
background: #e61873 url("/cms/site_0002/imagenes_css/imagen_css-32-5f9711d89fd70cf67c.png") no-repeat center 20px;
background-size: 80px;
padding: 110px 4% 30px 4%;
}
/**/
a.lnk-compra {
    font-size: 21px;
}
/**/
#grafico-dropshipping {
display: none;
}
#grafico-dropshipping-responsive {
display: block;
}
#grafico-funcionamiento {
display: none;
}
#grafico-funcionamiento-responsive {
display: block;
}


}
/*///////////////////// CSS DINÁMICO : Novedades en la home //////////////////////////*/

#contenido_slider_novedad {
    max-width: 1170px;
    margin: 0 auto;
}
#product_list_novedad {
    pointer-events: none;
}
#body_cms_home #contenido #novedades_ofertas_novedad h3 {
    text-align: center;
    margin: 30px 0 50px;
}
#body_cms_home #contenido #novedades_ofertas_novedad  h3 a {
    font-size: 35px;
    font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
}
.bx-viewport {
    min-height: 404px !important;
}

.slide ul.foto {
    padding: 0 30px;
}
ul.foto .nombreProducto a {
    font-size: 14px;
}
li.bloquePrecio > span, li.bloquePrecio > span span {
    font-size: 12px;
}
li.bloquePrecio > span.precioPrincipal span {
    font-size: 18px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #e6e6e8;
    width: 20px;
    height: 20px;
    margin: 0 7px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #cd0062;
}

/*FLECHAS PAGINACION SLIDER*/
#centro section[class^="_carrusel_informes"] {
    overflow: visible;
    margin-top: 20px;
}
.carrusel_flechas {
    position: absolute;
    right: 0;
    top: 35%;
    z-index: 99;
    width: 100%;
    pointer-events: none;
}
.carrusel_flechas > li:last-child {
    float: right;
}
.bx-prev, .bx-next {
    display: inline-block;
    width: 52px;
    height: 52px;
    background-repeat: no-repeat;
    background-position: center center;
    pointer-events: initial;
}
.bx-prev i, .bx-next i{
    display: none;
}
.bx-prev {
    background-image: url("/UserFiles/images/flecha-prev.png");
}
.bx-next {
    background-image: url("/UserFiles/images/flecha-next.png");
}
/*///////////////////// CSS DINÁMICO : Empresa //////////////////////////*/

#contenido .contenedor-responsive.contenedor-video {
    padding-bottom: 28%;
    width: 100%;
}
.cont-video {
    height: calc(100vh - 100px);
    width: 100%;
}

.cont-video iframe {
    width: 100%;
    height: 100%;
}

#body_cms section#div_seccion_509 {
    padding: 0 0;
}
#body_cms.body_cms_213 {
background: #ff2a83;
}

body.body_cms_207 #contenido section, 
body.body_cms_208 #contenido section, 
body.body_cms_209 #contenido section, 
body.body_cms_210 #contenido section, 
body.body_cms_211 #contenido section, 
body.body_cms_212 #contenido section {
text-align: center;
margin: 0;
}
body.body_cms_207 #contenido h2, 
body.body_cms_208 #contenido h2, 
body.body_cms_209 #contenido h2, 
body.body_cms_210 #contenido h2, 
body.body_cms_211 #contenido h2, 
body.body_cms_212 #contenido h2 {
color: #fff;
background: #2d2d2d;
text-transform: none;
display: inline-block;
position: relative;
  font-size: 35px;
  line-height: 1;
  padding: 20px 40px;
  margin: 0 auto;
  font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
  font-weight: 700;

}
body.body_cms_207 #contenido h2:after, 
body.body_cms_208 #contenido h2:after, 
body.body_cms_209 #contenido h2:after, 
body.body_cms_210 #contenido h2:after, 
body.body_cms_211 #contenido h2:after, 
body.body_cms_212 #contenido h2:after {
content:"";
display: inline-block;
width: 100%;
height: 18px;
background: url("/UserFiles/images/2021/titulo2.png") no-repeat center top;
margin-top: 15px;
}
body.body_cms_207 img, 
body.body_cms_208 img, 
body.body_cms_209 img, 
body.body_cms_210 img, 
body.body_cms_211 img, 
body.body_cms_212 img {
max-width: 100%;
height: auto!important;
}
/* ------------------------------------------------------------------------------ */
#cabecera-empresa {
height: 0;
padding-bottom: 50%;
background: url("/UserFiles/images/2021/CABECERA.jpg") no-repeat center top;
background-size: cover;
position: relative;
text-align: center;
}
#empresa-presentacion {
background: rgba(255, 255, 255, .8);
padding: 30px;
margin: 0 auto;
width: 92%;
max-width: 600px;
color: #000;
position: absolute;
top: 40%;
left: 50%;
margin-left: -300px;
font-size: 18px;
text-transform: uppercase;
font-weight: 200;
letter-spacing: 2px;
}
#empresa-presentacion strong{
font-size: 12px;
font-weight: 500;
line-height: 1.2;
display: inline-block;
margin: 5px 0 20px;
}

/* VALORES
---------------------------------------------------------------------------------------------------------------------------------------- */
#centro section._sec_empresa-valores {
background: #2d2d2d;
padding: 30px 50px;
}

#contenedor-valores {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 25px;
}
#contenedor-valores div {
color: #fff;
padding: 10px 20px;
}

/* MARIO
---------------------------------------------------------------------------------------------------------------------------------------- */
#centro section.empresa-mario {
background: #e8e8e8;
background: #fff;
padding: 0;
}
#contenedor-mario {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0;
}
#foto-mario {
background: url("/UserFiles/images/2021/mario-gris.jpg") no-repeat;
background-size: cover;
}
#texto-mario {
text-align: left;
padding: 50px 50px;
background: url("/UserFiles/images/2021/comillas-gris.png") no-repeat 40px center;
max-width: 750px;
}
#contenido #texto-mario h3 {
margin-top: 0;
color: #000;
font-size: 30px;
}
#contenido #texto-mario h3 span{
font-size: 30px;
}
#contenido #texto-mario p {
font-size: 18px;
font-weight: 500;
color: #3a3a3a;
}
#contenido #texto-mario p.firma-mario {
font-size: 18px;
font-weight: 600;
  font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
}
#contenido #texto-mario p.firma-mario em {
font-size: 14px;
font-weight: 400;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
}

/* INTERNACIONALIZACION
---------------------------------------------------------------------------------------------------------------------------------------- */
#centro section.empresa-internacionalizacion {
background: #000 url("/UserFiles/images/2021/mapa-fondo.png") no-repeat right top;
padding: 30px 3% 85px;
}
#contenido section.empresa-internacionalizacion h3 {
color: #fff;
font-size: 30px;
margin: 0;
}
#contenido section.empresa-internacionalizacion h3 span {
font-size: 24px;
}

/* HISTORIA
---------------------------------------------------------------------------------------------------------------------------------------- */
#centro section._sec_empresa-historia {
background: #e8e5e7 url("/UserFiles/images/2021/historia-linea.png") repeat-y center top;
background: #fff url("/UserFiles/images/2021/historia-linea-gris.png") repeat-y center top;
padding: 0;
overflow: visible;
}
#centro section._sec_empresa-historia h2.empresa-historia {
margin-top: -55px;
}
section._sec_empresa-historia div.megaeditor ul {
max-width: 1024px;
margin: 0 auto;
padding: 30px 3%;
}
section._sec_empresa-historia div.megaeditor ul li {
    padding: 0 54% 0 20px;
margin-top: -10px;
    line-height: 1.1;
    background: url("/UserFiles/images/2021/timeline-bullet-gris.png") no-repeat center 0;
border: 0 none;
color: #4a4a4a;
text-align: right;
}
section._sec_empresa-historia div.megaeditor ul li:nth-child(even) {
    padding: 0 20px 0 54% ;
text-align: left;
}
#contenido section._sec_empresa-historia div.megaeditor ul li  h4 {
    font-size: 27px;
    color: #000;
    margin: 0 0 5px;
    line-height: 1;
padding-top: 5px;
}
/**/
#texto-historia {
background: #f0eff0;
color: #4a4a4a;
padding: 30px 90px 60px;
text-align: left;
border-top: 5px solid #2d2d2d;
}

/* PREMIOS
---------------------------------------------------------------------------------------------------------------------------------------- */
#centro section._sec_empresa-premios{
padding: 0 0 70px;
overflow: visible;
}
#centro section._sec_empresa-premios h2.empresa-premios{
margin-top: -55px;
}

/* ESTRUCTURA EMPRESA
---------------------------------------------------------------------------------------------------------------------------------------- */

#centro section._sec_empresa-estructura {
padding: 0 0 100px;
overflow: visible;
background: #e8e5e7 ;
}
#centro section._sec_empresa-estructura  h2.empresa-estructura {
margin-top: -60px;
margin-bottom: 30px;
}

div.megaeditor ul li {
    padding: 10px 10px 10px 22px;
    line-height: 1.1;
    background: url("/cms/site_0002/imagenes_css/imagen_css-7-aa5e40cc12ca916a84.png") no-repeat 5px 14px;
}

/**/
 div.megaeditor ul.tree li > div {
/*float: left;*/
background: #eee;
color: #fff;
padding: 15px 10px;
/*border-top: 5px solid #f6ecf0;
border-bottom: 5px solid #f6ecf0;*/
z-index: 99;
position: relative;
}
 div.megaeditor ul.tree li.tree-nivel-1 > div {
background: #2d2d2d;
border-left: 20px solid #ff2e80;
font-size: 21px;
font-weight: 600;
padding-left: 20px;
}
 div.megaeditor ul.tree li.tree-nivel-2 > div {
background: #4a4a4a;
border-left: 20px solid #aa1d84;
font-size: 18px;
font-weight: 600;
margin-left: 13px;
}
 div.megaeditor ul.tree li.tree-nivel-3 > div {
background: #5b5b5b;
border-left: 20px solid #71159c;
font-size: 16px;
font-weight: 600;
margin-left: 13px;
}
div.megaeditor ul.tree   li.tree-nivel-2 ul {
margin-left: 25px;
}
 div.megaeditor ul.tree li.tree-nivel-4 > div {
background: #6a6a6a;
border-left: 20px solid #3e159c;
font-size: 16px;
font-weight: 600;
margin-left: 13px;
}
 div.megaeditor ul.tree li.tree-nivel-5 > div {
background: #686868;
border-left: 20px solid #3e159c;
margin-left: 13px;
}

 div.megaeditor ul.tree,  div.megaeditor ul.tree ul {
    list-style: none;
     margin: 0;
     padding: 0;
   } 
div.megaeditor ul.tree {
max-width: 1024px;
margin: 0 auto;
border:0 none;
}
   div.megaeditor ul.tree ul {
     margin-left: 5px;
border:0 none;
   }
    div.megaeditor ul.tree li {
     margin: 0 0;
     padding: 0 0 0 7px;
     line-height: 20px;
     color: #369;
     font-weight: bold;
     border-left:5px solid #a39c9f;
border-bottom: 0 none;
background: none;
borser: 0 none;
text-align: left;
clear: both;
   }
  div.megaeditor  ul.tree li:last-child {
       border-left:none;
   }
  div.megaeditor  ul.tree li:before {
      position:relative;
      top:-0.3em;
      height:2em;
      width:40px;
      color:white;
      border-bottom:5px solid #a39c9f;
      content:"";
      display:inline-block;
      left:-7px;
float: left;
   }
 div.megaeditor   ul.tree li:last-child:before {
      border-left:5px solid #a39c9f;   
   }
 div.megaeditor   ul.tree li.tree-nivel-1:before {
display: none;
}
div.megaeditor   ul.tree li.tree-nivel-2:before {

}
div.megaeditor   ul.tree li.tree-nivel-2.nivel-vacio:before, div.megaeditor   ul.tree li.tree-nivel-3.nivel-vacio:before {
display: none;
}

div.megaeditor   ul.tree li.tree-nivel-4.nivel-vacio:before {
display: none;
}

div.megaeditor ul.tree ul.lista-nombres.lista-gerencia {
    background: transparent;
    border-left: 0 none;
}
div.megaeditor ul.tree ul.lista-gerencia li > div {
    background: transparent;
    color: #fff;
    padding: 5px 10px;
}

 div.megaeditor  ul.tree ul.lista-nombres {
background: #7b7b7b;
border-left: 20px solid #3454af;
padding: 10px;
z-index:99;
position: relative;
}
 div.megaeditor  ul.tree ul.lista-nombres  li:before {
display: none;
}
#contenido div.megaeditor  ul.tree ul.lista-nombres li {
border: 0 none;
display: inline-block;
color: #fff;
background: url("/UserFiles/images/2021/ico-user.png") no-repeat 6px center;
padding: 3px 5px 3px 23px;
font-size: 14px;
font-weight: 400;
}

/**/
/* CONTACTO
---------------------------------------------------------------------------------------------------------------------------------------- */
#centro section._sec_empresa-contacto {
padding: 0 0 0;
overflow: visible;
background: #dbd4d6;
background: #fff;
}
#centro section._sec_empresa-contacto h2.empresa-contacto {
margin-top: -55px;
margin-bottom: 30px;
}

#contacto-datos {
display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
max-width: 900px;
margin: 0 auto;
padding: 0 3%;
text-align: left;
}
#empresa-logo {
text-align: right;
white-space: nowrap;
padding-right: 20px;
}
#empresa-logo img {
display: inline-block;
vertical-align: middle;
}
#empresa-logo img.img-qr {
margin-right: 10px;
}
#empresa-datos {
padding: 20px 10px 10px 20px;
font-weight: 600;
color: #2b2b2b;
}

#contacto-emails {
  max-width: 1200px;
  margin: 40px auto 0;
  padding: 30px;
  background: rgba(255, 255, 255, .4);
background: #f4f0f1;

text-align: left;
display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
}
#contacto-emails li {
border: 0 none;
padding-left: 55px;
background-repeat: no-repeat;
background-position: left 10px;
}
#contacto-emails li#contacto-ventas {
background-image: url("/UserFiles/images/2021/c-ventas.png");
}
#contacto-emails li#contacto-compras{
background-image: url("/UserFiles/images/2021/c-compras.png");
}
#contacto-emails li#contacto-administracion{
background-image: url("/UserFiles/images/2021/c-administracion.png");
}
#contacto-emails li#contacto-devoluciones{
background-image: url("/UserFiles/images/2021/c-devoluciones.png");
}
#contacto-emails li#contacto-gerente{
background-image: url("/UserFiles/images/2021/c-gerencia.png");
}
#contenido #contacto-emails h4 {
font-size: 14px;
color: #2b2b2b;
font-weight: 300;
margin: 0 0 5px;
}
#contenido #contacto-emails a {
font-weight: 600;
color: #ff2e80;
}
/**/
#contenido .contenedor-responsive.contenedor-mapa {
width: 100%;
padding-bottom: 24%;
border-top: 10px solid #4d4d4d;
border-bottom: 10px solid #4d4d4d;
}
section._sec_empresa-contacto #registro-pie {
background: #f4dde6;
background: #f4f0f1;
padding: 40px 90px 60px;
color: #3e222d;
text-align: left;
}

/* CTA
---------------------------------------------------------------------------------------------------------------------------------------- */
.empresa-cta a {
color: #fff;
background: #ff2e80;
font-size: 21px;
line-height: 1;
font-weight: 500;
display: inline-block;
padding: 20px 40px;
margin: 20px auto 40px;

font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
}
.empresa-cta a span {
font-size: 30px;
font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
line-height: 1;
}
.empresa-cta a:hover {
color: #fff;

background: #07b0a2;
text-decoration: none;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 1200
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1200px) {

body.body_cms_207 #contenido section.empresa-cabecera, 
body.body_cms_208 #contenido section.empresa-cabecera, 
body.body_cms_209 #contenido section.empresa-cabecera, 
body.body_cms_210 #contenido section.empresa-cabecera, 
body.body_cms_211 #contenido section.empresa-cabecera, 
body.body_cms_212 #contenido section.empresa-cabecera {
padding: 0;
}

}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 960
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 960px) {

#contenedor-valores {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 25px;
}

div.megaeditor ul.tree {
    padding: 0 3%;
}

#contacto-emails {
padding: 0 3%;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 767
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 767px) {

body.body_cms_207 #contenido h3, 
body.body_cms_208 #contenido h3, 
body.body_cms_209 #contenido h3, 
body.body_cms_210 #contenido h3, 
body.body_cms_211 #contenido h3, 
body.body_cms_212 #contenido h3 {
width: 100%!important;
padding: 0 3%;
margin-bottom: 0;
}

#contenido #video-home h1#h1-home {
    font-size: 2em;
}

#contenedor-mario {
  grid-template-columns: 1fr;
}
#foto-mario {
  height: 300px;
}
#texto-mario {
  padding: 20px 50px 30px 50px;
}
#texto-historia {
    padding: 30px 30px 60px;
}
#contacto-emails {
    grid-template-columns: repeat(2, 1fr);
}

section._sec_empresa-contacto #registro-pie {
    background: #f4dde6;
    padding: 30px 30px 40px;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 600
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 600px) {

body.body_cms_207 #contenido h2, 
body.body_cms_208 #contenido h2, 
body.body_cms_209 #contenido h2 {, 
body.body_cms_210 #contenido h2, 
body.body_cms_211 #contenido h2, 
body.body_cms_212 #contenido h2
width: 95%;
}

#contenedor-valores {
    grid-template-columns: repeat(2, 1fr);
}

#centro section._sec_empresa-historia {
    background: #f2e9ed url("/UserFiles/images/2021/historia-linea.png") repeat-y 50px top;
}
section._sec_empresa-historia div.megaeditor ul li, section._sec_empresa-historia div.megaeditor ul li:nth-child(2n) {
    padding: 0 20px 0 70px;
margin: 0 0 10px;
    text-align: left;
background: url("/UserFiles/images/2021/timeline-bullet.png") no-repeat 15px 0;
}

#contacto-datos {
  grid-template-columns: repeat(1, 1fr);
  text-align: center;
}
#empresa-logo {
    text-align: center;
    padding-right: 0;
}
#contacto-emails {
    margin: 20px auto;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 480
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 480px) {

body.body_cms_207 #contenido h2,
 body.body_cms_208 #contenido h2,
 body.body_cms_209 #contenido h2, 
 body.body_cms_210 #contenido h2, 
 body.body_cms_211 #contenido h2, 
 body.body_cms_212 #contenido h2 {
font-size: 28px;
}

#contenedor-valores {
    grid-template-columns: repeat(1, 1fr);
}

div.megaeditor ul.tree {
    padding: 0;
}
div.megaeditor ul.tree li.tree-nivel-2 ul {
    margin-left: 17px;
}
div.megaeditor ul.tree li.tree-nivel-1 {
padding: 0 ;
}

#contacto-emails {
    grid-template-columns: repeat(1, 1fr);
}
#contenido .empresa-cta h3 {
font-size: 25px;
}
.empresa-cta a span {
    font-size: 21px;
}

}
/*///////////////////// CSS DINÁMICO : PIE2023 //////////////////////////*/

#pie {
  background: #fff;
  border-top: 0 none;
}
address {
width: 100%;
text-align: left;
padding: 0;
font-size:16px;
}


.bloque-total {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.bloque-total address {
width: 100%;
}

div.megaeditor address ul, 
address ul {
  font-size: 18px;
  margin: 0 ;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
  list-style-position: inside;
  font-weight: 300;
}
div.megaeditor address ul li, 
 address ul li {
  padding: 0;
  line-height: 1.1;
  background: none;
border-bottom: 0 none;
}

/* INSTAGRAM --------------------------------------------------------------------------------------------------------------------------------------*/
#pie-instagram {
background: #f7f8fb;
padding: 20px 20px 13px;
margin-top: 30px;

display: none;
}

/* LOGIN --------------------------------------------------------------------------------------------------------------------------------------*/
#pie-login * {
-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;
}
#pie-login {
margin-top: 20px;
background: url("/UserFiles/images/dreamlove2023/bg-login-pie.jpg") repeat-x;
text-align: centrer;
padding: 30px 20px;


}
#contenedor-login {
text-align: left;
width: 100%;
max-width: 750px;
margin: 0 auto;
background: #fff;
padding: 20px 0 0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
#contenido #contenedor-login h4, 
#pie #contenedor-login h4 { 
text-align: center;
text-transform: uppercase;
font-weight: 400;
font-size: 21px;
padding-bottom: 10px;
margin: 3px 0 5px;
}
#contenedor-login .login-campos {
    display: grid;
padding: 0 30px;
    grid-template-columns: 2fr 2fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch;
}
#contenedor-login .login-user input, #contenedor-login .login-pass input {
width: 100%;
font-size: 18px;
padding: 8px 8px 8px 50px;
}
#contenedor-login .login-user input {
background: url("/UserFiles/images/dreamlove2023/ico-login-user.svg") no-repeat left top;
background-size: auto 100%;
}
#contenedor-login .login-pass input {
background: url("/UserFiles/images/dreamlove2023/ico-login-pass.svg") no-repeat left top;
background-size: auto 100%;
}
#contenedor-login .login-boton input.botonform {
background-color: #bc2862;
color: #fff;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-size: 16px;
margin-top: 0;
padding: 10px 30px;
text-transform: uppercase;
border: 0 none;
display: block;
}
#contenedor-login .login-boton input.botonform:hover {
background-color: #414745;
}
.login-enlaces {
background: #f9fafc;
padding: 13px 30px;
margin-top: 20px;
text-align: center;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
#pie-login .login-enlaces a, #pie-login .login-enlaces a:link, #pie-login .login-enlaces a:visited {
display: inline-block;
margin-right: 10px;
padding-left: 20px;
font-size: 14px;
font-weight: 600;
background: url("/UserFiles/images/dreamlove2023/bullet-pie01.svg") no-repeat left center;
background-size: 16px;
color: #000;
}
#pie-login .login-enlaces a:hover {
color: #bc2862;
}

/* PIE MENUS/ CONTACTO --------------------------------------------------------------------------------------------------------------------------------------*/
#pie-menus {
max-width: 1440px;
margin: 0 auto;
padding-top: 80px;
background: url("/UserFiles/images/dreamlove2023/PIE-2023.svg") no-repeat center top;
background-size: 400px;
display: flex;
        flex-wrap: wrap;
text-align: center;
  align-items: start;
  justify-content: center;
}
#pie-menus > div { 
width: auto;
text-align: left;
padding: 20px 40px;
}
/* CONTACTO */
#contenido .capa-contacto h3, #pie .capa-contacto h3 {
font-size: 18px;
margin: 5px 0 5px;
}
.capa-contacto ul li {
padding-bottom: 10px!important;
}
.capa-contacto ul li.li-titulo { 
padding: 0;
}
.capa-contacto ul li.li-direccion { 
padding-left: 30px !important;
background: url("/UserFiles/images/dreamlove2023/ico-pie-direccion.svg") no-repeat left 4px !important;
background-size: 24px !important;
}
.capa-contacto ul li.li-tlf { 
padding-left: 30px !important;
background: url("/UserFiles/images/dreamlove2023/ico-pie-tlf.svg") no-repeat left 2px !important;
background-size: 21px !important;
}
.capa-contacto ul li.li-fax { 
padding-left: 30px !important;
background: url("/UserFiles/images/dreamlove2023/ico-pie-fax.svg") no-repeat left 2px !important;
background-size: 18px !important;
}
.capa-contacto ul li.li-mail { 
padding-left: 30px !important;
background: url("/UserFiles/images/dreamlove2023/ico-pie-mail.svg") no-repeat left 2px !important;
background-size: 19px !important;
}
/**/
.capa-contacto ul li.li-idioma ul {
padding-top: 15px;
}
.capa-contacto ul li.li-idioma ul li {
display: inline-block;
}
.capa-contacto ul li.li-idioma ul  li a {
display: inline-block;
width:  20px;
height: 20px;
position: relative;
text-align: left; 
text-indent: -99999px;
background-repeat: no-repeat;
background-position: center center;
background-size: 20px;
margin-right: 7px;
}
.capa-contacto ul li.li-idioma ul  li a.li-es {
background-image: url("/UserFiles/images/dreamlove2023/pie-es.svg")
}
.capa-contacto ul li.li-idioma ul  li a.li-en {
background-image: url("/UserFiles/images/dreamlove2023/pie-en.svg")
}
.capa-contacto ul li.li-idioma ul  li a.li-fr {
background-image: url("/UserFiles/images/dreamlove2023/pie-fr.svg")
}
.capa-contacto ul li.li-idioma ul  li a.li-de {
background-image: url("/UserFiles/images/dreamlove2023/pie-de.svg")
}
.capa-contacto ul li.li-idioma ul  li a.li-it {
background-image: url("/UserFiles/images/dreamlove2023/pie-it.svg")
}
.capa-contacto ul li.li-idioma ul  li a.li-pt {
background-image: url("/UserFiles/images/dreamlove2023/pie-pt.svg")
}
/* MENUS */
.capa-menu-pie ul li {
padding-bottom: 10px!important;
}
.capa-menu-pie ul strong, .capa-menu-pie ul a {
font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: 300;
}
.capa-menu-pie ul strong {
font-weight: 500;
}
.capa-menu-pie ul a {
color: #656667;
}
/* REDES */
#pie-menus > div.capa-redes-pie {
width: 100%;
text-align: center;
}
#pie-menus > div.capa-redes-pie li {
display: inline-block;
}
#pie-menus > div.capa-redes-pie li a{
display: inline-block;
width:  50px;
height: 50px;
position: relative;
text-align: left; 
text-indent: -99999px;
background-repeat: no-repeat;
background-position: center center;
background-size: 50px;
margin: 3px 4px;
}
#pie-menus > div.capa-redes-pie li.lnk-twitter a{
background-image: url("/UserFiles/images/dreamlove2023/ico-pie-twitter.svg");
}
#pie-menus > div.capa-redes-pie li.lnk-facebook a{
background-image: url("/UserFiles/images/dreamlove2023/ico-pie-facebook.svg");
}
#pie-menus > div.capa-redes-pie li.lnk-vimeo a{
background-image: url("/UserFiles/images/dreamlove2023/ico-pie-vimeo.svg");
}
#pie-menus > div.capa-redes-pie li.lnk-instagram a{
background-image: url("/UserFiles/images/dreamlove2023/ico-pie-instagram.svg");
}
#pie-menus > div.capa-redes-pie li.lnk-linkedin a{
background-image: url("/UserFiles/images/dreamlove2023/ico-pie-linkedin.svg");
}
#pie-menus > div.capa-redes-pie li.lnk-youtube a{
background-image: url("/UserFiles/images/dreamlove2023/ico-pie-youtube.svg");
}

/* PIE BOLETIN --------------------------------------------------------------------------------------------------------------------------------------*/
#pie-newsletter * {
-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;
}
#pie-newsletter {
background: #f7f8fb url("/UserFiles/images/dreamlove2023/ico-pie-bgnewsletter.svg") no-repeat 25% -40px;
background-size: 250px;
text-align: center;
padding: 40px 20px 35px;
margin: 30px 0;
}
#boletinPie {
max-width: 600px;
margin:0 auto;
}
#pie-newsletter #boletinPie h4 {
font-size: 21px;
margin: 0 0 10px;
}
#pie-newsletter #boletinPie div.campos {
background: #fff;
height: 45px;
}
#pie-newsletter #boletinPie div.campos input.campo {
background: #FFFFFF url("/UserFiles/images/dreamlove2023/ico-pie-newsletter.svg") no-repeat 12px 8px;
background-size: 30px;
border: 0 none;
color: #7b7b7b;
font-size: 21px;
font-style: normal;
width: calc(100% - 50px);
margin: 0;
padding: 8px 5px 0 53px;
}
#pie-newsletter  #boletinPie div.campos input.boton {
  background: #bc2862 url("/UserFiles/images/dreamlove2023/ico-pie-flechanewsletter.svg") no-repeat center center;
background-size: 25px;
  font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #fff;
  padding: 5px 15px;
  text-transform: uppercase;
  border:0 none;
  width: 45px;
height: 45px;
position: relative;
text-align: left;
 text-indent: -99999px;
margin: 0;
float: right;
}
#pie-newsletter  #boletinPie div.campos input.boton:hover {
  background: #414745 url("/UserFiles/images/dreamlove2023/ico-pie-flechanewsletter.svg") no-repeat calc(50% + 3px) center;
background-size: 25px;
}

#pie-newsletter  #boletinPie p.pPrivacidad {
padding-top: 10px;
font-size: 14px;
}

/* PIE VENTAJAS --------------------------------------------------------------------------------------------------------------------------------------*/
#pie-ventajas {
text-align: center;
padding: 0 15px 30px;
margin-bottom: 40px;
border-bottom: 3px dotted #d8dfe5;
}
#pie-ventajas ul li {
display: inline-block;
font-size: 16px;
padding: 10px 20px;
border-right: 1px solid #eee;
}
#pie-ventajas ul li:last-child {
border-right: 0 none;
}


/* PIE REMATE --------------------------------------------------------------------------------------------------------------------------------------*/
#remateA, #remateB {
max-width: 1400px;
margin: 0 auto;
padding: 0 20px
}

/* REMATE A */
#remateA {
display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch;
padding-bottom: 40px;
margin-bottom: 40px;
border-bottom: 3px dotted #d8dfe5;
}
.remateA-textos {
padding-right: 150px;
padding-top: 20px;
}
.remateA-textos p {
font-size: 16px;
}
.remateA-logos {
text-align: right;
}
address .remateA-logos ul li {
display: inline-block;
}
address .remateA-logos ul li img {
max-height: 100px;
width: auto!important;
margin-left: 15px;
}

/* REMATE B */
#remateB {
display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-items: stretch;
    align-items: stretch;
}
#remateB li { 
font-size: 14px;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
table.textosCondiciones {
  width: 100%;
background: #eceff2;
margin: 40px 0 0;
}
table.textosCondiciones td {
  width: 49%;
padding: 20px 0;
}
table.textosCondiciones td.firmaPie {
  padding-left: 90px;
}
table.textosCondiciones td.tiemposPie {
  padding-right: 50px;
}
#pie p.condiciones {
  font-size: 10px;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 1200
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1200px) {

#body_cms section.bloque-total {
padding: 0;
}
#pie-menus > div { 
padding: 20px 20px;
}

#pie-newsletter {
  background: #f7f8fb url("/UserFiles/images/dreamlove2023/ico-pie-bgnewsletter.svg") no-repeat 15% -40px;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 950
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

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

address {
  padding-left: 0;
  padding-right: 0;
}

#body_cms section.bloque-total {
padding: 0;
}
#pie-menus > div.capa-contacto {
  padding: 20px 60px;
}
#pie-menus > div.capa-menu-pie {
width: 50%;
}
/**/
#pie-newsletter {
  background: #f7f8fb url("/UserFiles/images/dreamlove2023/ico-pie-bgnewsletter.svg") no-repeat 5% -40px;
}
/**/
#remateA {
  grid-template-columns: 1fr 1.5fr;
}
.remateA-textos {
  padding-right: 0;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 767
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

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

#pie-newsletter {
background: #f7f8fb url("/UserFiles/images/dreamlove2023/ico-pie-bgnewsletter.svg") no-repeat -25% -30px;
background-size: 250px;
}

#remateA {
  grid-template-columns: 1fr;
}
.remateA-logos {
  text-align: center;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 600
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

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

#contenedor-login .login-campos {
  grid-template-columns: 1fr 1fr;
grid-row-gap: 10px;
}
#contenedor-login .login-campos div.login-boton {
grid-column: 1 / span 2;
}
#contenedor-login .login-boton input.botonform {
width: 100%;
}
/**/
#pie-menus {
padding: 70px 30px 0;
}
#pie-menus > div.capa-contacto, #pie-menus > div.capa-menu-pie, #pie-menus > div.capa-redes-pie {
  padding: 20px 0;
width: 100%;
}
/**/
#remateB {
  grid-template-columns: 1fr;
  grid-row-gap: 20px;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 480
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

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

#pie-menus {
  background-size: 90%;
}
#contenido #contenedor-login h4, #pie #contenedor-login h4 {
  font-size: 16px;
}

#contenedor-login .login-campos {
  grid-template-columns: 1fr;
}
#contenedor-login .login-campos div.login-boton {
  grid-column: 1 / span 1;
}

#pie-menus > div.capa-redes-pie li a {
  width: 40px;
  height: 40px;
background-size: 40px;
margin: 3px;
}

}

/*///////////////////// CSS DINÁMICO : PAGINAS 2023 //////////////////////////*/

 /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 ESTRUCTURA
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
html {
  scroll-behavior: auto;
}
.sec-contenido{
  max-width: 1440px;
  margin: 0 auto;
}
#contenido .sec-contenido h2 {
background: none;
font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
font-size: 55px;
text-transform: none;
color: #000000;
font-weight: 700;
line-height: 1.1;
}
#centro section[class*=sec-menu] {
  max-width: 100vw;
  background: #eb457d;
  padding: 60px 0;
}
.bloque-centrado {
  text-align: center;
  padding: 30px;
}
.bloque-centrado img {
  max-width: 100%;
  height: auto!important;
}
#centro section.sec-total {
  max-width: 100%;
  padding: 50px 0;
}
#centro section.sec-total .megaeditor {
  max-width: 1440px;
  margin: 0 auto;
}
/* 2 COLUMNAS ////////////////////////////////////////////////////////////////////////////////////////*/
.bloque-2columnas {
  display: flex;
  flex-wrap: wrap;
  align-ítems: stretch;
}
.bloque-2columnas > div {
  flex: 0 0 50%;
  padding: 20px;
  position: relative;
}
#contenido div.megaeditor .bloque-2columnas h3 {
  margin: 0 0 15px;
  font-size: 24px;
}
/* 3 COLUMNAS ////////////////////////////////////////////////////////////////////////////////////////*/
.columnas-centradas {
  justify-content: center;
}
.bloque-3columnas {
  display: flex;
  flex-wrap: wrap;
  align-ítems: stretch;
}
.bloque-3columnas > div {
flex: 0 0 33.3%;
padding: 20px;
position: relative;
}
.bloque-3columnas.con-iconos > div::before {
content:"";
display: block;
width: 70px;
height: 70px;
padding: 0 0 10px;
margin-bottom: 10px;
background-image: url("/UserFiles/images/dreamlove2023/ico-generico.svg");
background-repeat: no-repeat;
background-position: center center;
background-size: 65px;
}
#contenido .bloque-3columnas h3 {
font-size: 21px;
color: #c93076;
margin: 0;
padding: 0 0 10px;
}

#contenido .bloque-3columnas p {
font-size: 18px;
color: #000;
}
/**/
#contenido .bloque-3columnas.columnas-grandes > div {
flex: 0 0 calc(33.3% -  40px);
background: #f6f6f6;
padding: 20px 30px;
margin: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
#contenido .bloque-3columnas.columnas-grandes > div > p:first-child {
text-align: center;
}
#contenido .bloque-3columnas.columnas-grandes > div > p:first-child img {
width: 100% !important;
max-width: 130px;
height: auto;
}

/* 4 COLUMNAS ////////////////////////////////////////////////////////////////////////////////////////*/
.bloque-4columnas {
display: flex;
flex-wrap: wrap;
Align-ítems: stretch;
}
.bloque-4columnas > div {
flex: 0 0 25%;
padding: 20px;
position: relative;
}
#contenido div.megaeditor .bloque-4columnas.solo-titulo > div h3 {
font-size: 21px;
line-height: 1.4;
}

.bloque-4columnas.con-iconos > div::before {
content:"";
display: block;
width: 70px;
height: 70px;
padding: 0 0 10px;
margin-bottom: 10px;
background-image: url("/UserFiles/images/dreamlove2023/ico-generico.svg");
background-repeat: no-repeat;
background-position: center center;
background-size: 65px;
}

/* 5 COLUMNAS ////////////////////////////////////////////////////////////////////////////////////////*/
.bloque-5columnas {
display: flex;
flex-wrap: wrap;
Align-ítems: stretch;
}
.bloque-5columnas > div {
flex: 0 0 20%;
padding: 20px;
position: relative;
}

/* MODS ///////////////////////////////////////////////////////////////////////////////////////////////////*/
#contenido h1#h1_cms_294, 
#contenido h1#h1_cms_295, 
#contenido h1#h1_cms_296, 
#contenido h1#h1_cms_297, 
#contenido h1#h1_cms_336, 
#contenido h1#h1_cms_313, 
#contenido h1#h1_cms_318, 
#contenido h1#h1_cms_324{
margin: 0;
}

#contenido .sec-contenido h2 span {
font-size: .6em;
color: #eb457d;
font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
font-weight: 300;
}

#contenido .sec-contenido h2 + p {
font-size: 24px;
line-height: 1.5;
max-width: 900px;
margin: 0 auto;
text-align: center;
padding: 0 0 30px;
}

.bloque-boton-subir {
text-align: center;
}
a.boton-subir {
display: inline-block;
margin: 0 auto;
background:#eb457d url("/UserFiles/images/dreamlove2023/flecha-subir-blanca.svg") no-repeat 25px center;
background-size: 24px;
color: #fff;
text-decoration: none;
padding: 10px 25px 10px 55px;
margin: 40px 0 2px;
font-size: 18px;
font-weight: 600;
letter-spacing: 1px;

-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
a.boton-subir:hover {
text-decoration: none;
background:#000 url("/UserFiles/images/dreamlove2023/flecha-subir-blanca.svg") no-repeat 25px 11px;
background-size: 24px;
}

div.megaeditor ol li, div.megaeditor ul li {
  border-bottom: 0 none;
}
/* MENU GENERICO
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.menu-pagina {
display: flex;
flex-wrap: wrap;
Align-ítems: stretch;
justify-content: center;
}
.menu-pagina > div {
flex:  25%;
padding: 20px;
display: flex;
Align-ítems: stretch;
}
.menu-pagina > div > div {
background: #f3f3f3;
padding: 30px 30px 50px;
position: relative
}

#contenido .menu-pagina h3 {
font-size: 22px;
min-height: 55px;
margin: 0 ;
padding: 0 0 10px 70px;
background-image: url("/UserFiles/images/dreamlove2023/ico-generico.svg");
background-repeat: no-repeat;
background-position: left 0;
background-size: 60px;

padding-top: 60px !important;
}

a.lnk-menu-mas {
display: inline-block;
width: 30px;
height: 30px;
background: url("/UserFiles/images/dreamlove2023/ico-mas-rosa.svg") no-repeat center center;
background-size: 30px;
text-align: left;
text-indent: -99999px;
position: absolute;
bottom: 20px;
left: 30px;
}
a.lnk-menu-mas:hover {
background: url("/UserFiles/images/dreamlove2023/ico-mas-negro.svg") no-repeat center center;
background-size: 30px;
}
#item-contrata a.lnk-menu-mas:hover {
background: url("/UserFiles/images/dreamlove2023/ico-mas-blanco.svg") no-repeat center center!important;
background-size: 30px;
}

a.lnk-dreamlove { 
text-decoration: none;
font-weight: 600;
line-height: 1.1;
}

/* FAQs
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#centro section#script_1746 {
  padding-top: 150px;
}

#script_1746, #script_919, #script_920,#script_921, #script_1189, #script_1506, #script_1507, #script_1502, #script_1624 {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 30px;
}
#contenido #script_1746 H2,  #contenido #script_1746 div[class*="widget-title"], 
#contenido #script_919 H2,  #contenido #script_919 div[class*="widget-title"], 
#contenido #script_920 H2,  #contenido #script_920 div[class*="widget-title"], 
#contenido #script_921 H2,  #contenido #script_921 div[class*="widget-title"], 
#contenido #script_1189 H2,  #contenido #script_1189 div[class*="widget-title"], 
#contenido #script_1506 H2,  #contenido #script_1506 div[class*="widget-title"], 
#contenido #script_1507 H2,  #contenido #script_1507 div[class*="widget-title"], 
#contenido #script_1502 H2,  #contenido #script_1502 div[class*="widget-title"], 
#contenido #script_1624 H2,  #contenido #script_1624 div[class*="widget-title"] {
background: none;
font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
font-size: 55px;
text-transform: none;
color: #000000;
font-weight: 700;
line-height: 1.1;
}
#contenido #script_1746 H2 span, 
#contenido #script_919 H2 span, 
#contenido #script_920 H2 span, 
#contenido #script_921 H2 span, 
#contenido #script_1189 H2 span, 
#contenido #script_1506 H2 span, 
#contenido #script_1507 H2 span, 
#contenido #script_1502 H2 span, 
#contenido #script_1624 H2 span {
font-size: .6em;
color: #eb457d;
font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
font-weight: 300;
}
#contenido #script_1746 H2 + p, 
#contenido #script_919 H2 + p, 
#contenido #script_920 H2 + p, 
#contenido #script_921 H2 + p, 
#contenido #script_1189 H2 + p, 
#contenido #script_1506 H2 + p, 
#contenido #script_1507 H2 + p, 
#contenido #script_1502 H2 + p, 
#contenido #script_1624 H2 + p {
font-size: 24px;
line-height: 1.5;
max-width: 900px;
margin: 0 auto;
text-align: center;
padding: 0 0 30px;
}

.eapps-faq-template-clean.eapps-faq-layout-accordion .eapps-faq-container .eapps-faq-inner .eapps-faq-content-category-items .eapps-faq-content-category-item-question {
  padding: 20px 30px!Important;
}
.eapps-faq-template-clean.eapps-faq-layout-accordion .eapps-faq-container .eapps-faq-inner .eapps-faq-content-category-items .eapps-faq-content-category-item-active .eapps-faq-content-category-item-answer {
  padding: 12px 30px 26px 30px!Important;
}

/* VIDEO FULL 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.eapp-slider-background-videoOuter.jsx-3328573869 {
  top: 0;
}
.eapp-slider-background-videoOuter {
  position: relative!important;
  overflow: hidden!important;
  width: 100vw!important;
  height: 100vh!important;
}

.eapp-slider-background-videoOuter iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 100vh;
  transform: translate(-50%, -50%);
}

@media (min-aspect-ratio: 16/9) {
.eapp-slider-background-videoOuter iframe {
    /* height = 100 * (9 / 16) = 56.25 */
    height: 56.25vw;
  }
}
@media (max-aspect-ratio: 16/9) {
 .eapp-slider-background-videoOuter iframe {
    /* width = 100 / (9 / 16) = 177.777777 */
    width: 177.78vh;
  }
}





/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 HOME 2023
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
body#body_cms_home #pie-login {
  margin-top: 0;
}
/* ACCESOS HOME //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#centro section.sec-acceso-home {
z-index:99999;
}
#centro section.sec-acceso-home div.acceso-home {
max-width: 1400px;
height: auto!important;
margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-items: stretch;
    align-items: stretch;
}
#centro section.sec-acceso-home div.acceso-home div.acceso-texto {
background: rgb(231,29,115);
background: linear-gradient(90deg, rgba(231,29,115,1) 0%, rgba(79,58,138,1) 100%);
padding: 50px 60px;
color: #fff;
}
#centro  #contenido section.sec-acceso-home div.acceso-home div.acceso-texto h3 {
color: #fff;
font-size: 50px;
margin-top: 0;
}
#centro #contenido section.sec-acceso-home  div.acceso-home div.acceso-texto p {
font-size: 24px;
}
#centro section.sec-acceso-home div.acceso-home div.acceso-texto a {
display: block;
width: max-content;
background: #fff;
color: #e71d73;
font-size: 18px;
font-weight: 600;
padding: 10px 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
#centro section.sec-acceso-home div.acceso-home .acceso-imagen img {
max-width: 100%;
height: auto!important;
}
/* BLOQUES CONTENIDO ///////////////*/
#centro section#script_953 {
  margin-bottom: 0;
}
#centro section.sec-presentacion-home {
margin-bottom: -120px;
}
#centro section.sec-presentacion-home .bloque-presentacion {
padding-bottom: 120px;
}
/* GOOGLE */
.WidgetTitle__Header-sc-ruy1gu-2.huflDf{
  line-height: 1.32;
  font-size: 45px!important;
font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
padding-top: 130px;
margin-top: 30px;
background: url("/UserFiles/images/iconos2023/ico-opinion-rosa.svg") no-repeat center 20px;
background-size: 120px;
}
/*DISENYIO VIDEO HOME////////////////////*/
#centro section.sec-total.sec-disenyo-home {
background: #953682;
color: #fff;
padding-bottom: 170px;
margin-bottom: -120px;
}
#centro section.sec-total.sec-disenyo-home #contenedor-disenyo-home {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 0px
    grid-row-gap: 0px
    justify-items: stretch
    align-items: stretch
}
#centro #contenido section.sec-total.sec-disenyo-home .disenyo-texto {
padding: 20px 20px 20px 20px;
}
#centro #contenido section.sec-total.sec-disenyo-home h3 {
color: #fff;
font-size: 45px;
}
#centro #contenido section.sec-total.sec-disenyo-home p {
color: #fff;
font-size: 21px;
}
/* STOCK HOME //////////////////*/
#centro section#script_958 {
  margin-bottom: 0;
}
#centro section.sec-stock-home, 
#centro section.sec-stock-home div.megaeditor  {
overflow: visible;
}
#centro section.sec-stock-home #contenedor-stock-home {
  padding: 30px 20px 40px;
  text-align: center;
  max-width: 1400px;
  margin: -100px auto 70px;
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 TECNOLOGIA Y OPERACIONES
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* MENU
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#centro section.sec-menu-dropshipping .megaeditor {
max-width: 1440px;
margin: 0 auto;
}
#contenido .sec-contenido.sec-menu-dropshipping H2 span {
font-size: .6em;
color: #fff;
}

#contenido .menu-pagina #item-dropshipping h3 {
background-image: url("/UserFiles/images/dreamlove2023/ico-dropshiping.svg");
}
#contenido .menu-pagina #item-stock h3 {
background-image: url("/UserFiles/images/dreamlove2023/ico-stock.svg");
}
#contenido .menu-pagina #item-fulfillment h3 {
background-image: url("/UserFiles/images/dreamlove2023/ico-fullfilment.svg");
}
#contenido .menu-pagina #item-integraciones h3 {
background-image: url("/UserFiles/images/dreamlove2023/ico-conectores_tiendas.svg");
}
#contenido .menu-pagina #item-conectores h3 {
background-image: url("/UserFiles/images/dreamlove2023/ico-prestashop_woo.svg");
}
#contenido .menu-pagina #item-sincroniza h3 {
background-image: url("/UserFiles/images/dreamlove2023/ico-sincroniza_tiendas.svg");
}
#contenido .menu-pagina #item-b2b h3 {
background-image: url("/UserFiles/images/dreamlove2023/ico-b2b_shop.svg");
}

.menu-pagina > div#item-contrata > div {
  background: #000;
}
.menu-pagina > div#item-contrata > div h3 {
color: #fff;
}
.menu-pagina > div#item-contrata > div p, .menu-pagina > div#item-contrata > div p strong {
color: #fff;
}
/* DROPSHIPPING
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#contenido .sec-contenido.sec-dropshipping h2 {
padding-top: 150px;
background: url("/UserFiles/images/dreamlove2023/ico-dropshiping.svg") no-repeat center top;
background-size: 150px;
}
.bloque-3columnas.con-iconos > div#item-dropshipping-sincronizacion::before {
background-image: url("/UserFiles/images/iconos2023/ico-sincroniza_stock-negro.svg");
}
.bloque-3columnas.con-iconos > div#item-dropshipping-envio::before {
background-image: url("/UserFiles/images/iconos2023/ico-envio-negro.svg");
}
.bloque-3columnas.con-iconos > div#item-dropshipping-inversion::before {
background-image: url("/UserFiles/images/iconos2023/ico-ahorro-negro.svg");
}
.bloque-3columnas.con-iconos > div#item-dropshipping-tiempo::before {
background-image: url("/UserFiles/images/iconos2023/ico-ahorro-tiempo-negro.svg");
}
.bloque-3columnas.con-iconos > div#item-dropshipping-invisible::before {
background-image: url("/UserFiles/images/iconos2023/ico-dreamlove_trans-negro.svg");
}
.bloque-3columnas.con-iconos > div#item-dropshipping-sin_riesgos::before {
background-image: url("/UserFiles/images/iconos2023/ico-baja_intensidad-negro.svg");
}

/* B2B
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#centro section.sec-total.sec-b2b  {
background: #f6f6f6;
}
#contenido .sec-contenido.sec-b2b h2 {
padding-top: 150px;
background: url("/UserFiles/images/iconos2023/ico-b2b_shop.svg") no-repeat center top;
background-size: 150px;
}

.bloque-3columnas.con-iconos > div#item-b2b-plataforma_mayorista::before {
background-image: url("/UserFiles/images/iconos2023/ico-cajas-negro.svg");
}
.bloque-3columnas.con-iconos > div#item-b2b-referencias::before {
background-image: url("/UserFiles/images/iconos2023/ico-referencias-negro.svg");
}
.bloque-3columnas.con-iconos > div#item-b2b-primeras_marcas::before {
background-image: url("/UserFiles/images/iconos2023/ico-premio-negro.svg");
}
.bloque-3columnas.con-iconos > div#item-b2b-stock_europa::before {
background-image: url("/UserFiles/images/iconos2023/ico-stock_localizado-negro.svg");
}
.bloque-3columnas.con-iconos > div#item-b2b-descuento_volumen::before {
background-image: url("/UserFiles/images/iconos2023/ico-ahorro-negro.svg");
}
.bloque-3columnas.con-iconos > div#item-b2b-transporte::before {
background-image: url("/UserFiles/images/iconos2023/ico-seleccion_transportista-negro.svg");
}

/* GESTION DE STOCK Y PEDIDOS
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#contenido .sec-contenido.sec-stock h2 {
padding-top: 150px;
background: url("/UserFiles/images/dreamlove2023/ico-stock.svg") no-repeat center top;
background-size: 150px;
}

.bloque-3columnas.con-iconos > div#item-stock-plataforma_centralizada::before {
background-image: url("/UserFiles/images/iconos2023/ico-plataforma_centralizada-negro.svg");
}
.bloque-3columnas.con-iconos > div#item-stock-sincronizacion::before {
background-image: url("/UserFiles/images/iconos2023/ico-sincroniza_stock-negro.svg");
}
.bloque-3columnas.con-iconos > div#item-stock-integracion::before {
background-image: url("/UserFiles/images/iconos2023/ico-pedido_tiempo_real-negro.svg");
}
.bloque-3columnas.con-iconos > div#item-stock-aceptacion_automatica::before {
background-image: url("/UserFiles/images/iconos2023/ico-aceptacion_pedido-negro.svg");
}
.bloque-3columnas.con-iconos > div#item-stock-estado_envios::before {
background-image: url("/UserFiles/images/iconos2023/ico-seleccion_transportista-negro.svg");
}
.bloque-3columnas.con-iconos > div#item-stock-sincronicacion_trackings::before {
background-image: url("/UserFiles/images/iconos2023/ico-sincronizacion_tracking-negro.svg");
}

/* FULFILLMENT
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#centro section.sec-total.sec-fulfillment  {
background: #f6f6f6;
}
#contenido .sec-contenido.sec-fulfillment h2 {
padding-top: 150px;
background: url("/UserFiles/images/dreamlove2023/ico-fullfilment.svg") no-repeat center top;
background-size: 150px;
}

.bloque-3columnas.con-iconos > div#item-fulfillment-almacen_propio::before {
background-image: url("/UserFiles/images/iconos2023/ico-almacenes_propios-negro.svg");
}
.bloque-3columnas.con-iconos > div#item-fulfillment-embalaje_sostenible::before {
background-image: url("/UserFiles/images/iconos2023/ico-embalaje_sostenible-negro.svg");
}
.bloque-3columnas.con-iconos > div#item-fulfillment-devoluciones::before {
background-image: url("/UserFiles/images/iconos2023/ico-devoluciones-negro.svg");
}

.bloque-3columnas.con-iconos > div#item-fulfillment-embalaje_ecommerce::before {
background-image: url("/UserFiles/images/iconos2023/ico-embalaje_ecommerce-negro.svg");
}
.bloque-3columnas.con-iconos > div#item-fulfillment-stock_express::before {
background-image: url("/UserFiles/images/iconos2023/ico-stock_express-negro.svg");
}
.bloque-3columnas.con-iconos > div#item-fulfillment-prep_center::before {
background-image: url("/UserFiles/images/iconos2023/ico-prep_center-negro.svg");
}

.bloque-3columnas.con-iconos > div#item-fulfillment-envio_internacional::before {
background-image: url("/UserFiles/images/iconos2023/ico-envio_internacional-negro.svg");
}
.bloque-3columnas.con-iconos > div#item-fulfillment-coste_envio::before {
background-image: url("/UserFiles/images/iconos2023/ico-coste_envio-negro.svg");
}
.bloque-3columnas.con-iconos > div#item-fulfillment-seleccion_transportista::before {
background-image: url("/UserFiles/images/iconos2023/ico-seleccion_transportista-negro.svg");
}
.bloque-3columnas.con-iconos > div#item-fulfillment-tracking_envio::before {
background-image: url("/UserFiles/images/iconos2023/ico-tracking_envios-negro.svg");
}

/* CONECTORES E INTEGRADORES
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#centro section.sec-total.sec-conectores  {
/*background: #f6f6f6;*/
}
#contenido .sec-contenido.sec-conectores h2 {
padding-top: 150px;
background: url("/UserFiles/images/dreamlove2023/ico-conectores_tiendas.svg") no-repeat center top;
background-size: 150px;
}
.bloque-3columnas.con-iconos > div#item-conectores-conectores_negocio::before {
background-image: url("/UserFiles/images/iconos2023/ico-conectores_tienda-negro.svg");
}
.bloque-3columnas.con-iconos > div#item-conectores-publicacion_rapida::before {
background-image: url("/UserFiles/images/iconos2023/ico-publicacion_rapida-negro.svg");
}
.bloque-3columnas.con-iconos > div#item-conectores-sincronicacion_tiempo_real::before {
background-image: url("/UserFiles/images/iconos2023/ico-sincronica_todo-negro.svg");
}
.bloque-3columnas.con-iconos > div#item-conectores-estrategia::before {
background-image: url("/UserFiles/images/iconos2023/ico-multicanal-negro.svg");
}


/* SINCRONIZA WOO Y PRESTASHOP
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#centro section.sec-total.sec-woo_prestashop  {
background: #f6f6f6;
}
#contenido .sec-contenido.sec-woo_prestashop h2 {
padding-top: 150px;
background: url("/UserFiles/images/iconos2023/ico-prestashop_woo.svg") no-repeat center top;
background-size: 150px;
}
p.p-cajas {
text-align: center;
}
p.p-cajas img {
max-width: 600px;
width: 100%;
height: auto!important;
}

.bloque-3columnas.con-iconos > div#item-conectores-importador::before {
background-image: url("/UserFiles/images/iconos2023/ico-importa_productos-negro.svg");
}
.bloque-3columnas.con-iconos > div#item-conectores-sincronizacion::before {
background-image: url("/UserFiles/images/iconos2023/ico-sincroniza_stock-negro.svg");
}
.bloque-3columnas.con-iconos > div#item-conectores-pedidos_automaticos::before {
background-image: url("/UserFiles/images/iconos2023/ico-sincroniza_pedidos-negro.svg");
}
.bloque-3columnas.con-iconos > div#item-conectores-contenido::before {
background-image: url("/UserFiles/images/iconos2023/ico-personaliza-negro.svg");
}
.bloque-3columnas.con-iconos > div#item-conectores-idiomas::before {
background-image: url("/UserFiles/images/iconos2023/ico-globe01-negro.svg");
}
.bloque-3columnas.con-iconos > div#item-conectores-flexible::before {
background-image: url("/UserFiles/images/iconos2023/ico-categorias-negro.svg");
}

/* SINCRONIZA CON DREAMLOVE API
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#centro section.sec-total.sec-api  {
/*background: #f6f6f6;*/
}
#contenido .sec-contenido.sec-api h2 {
padding-top: 150px;
background: url("/UserFiles/images/dreamlove2023/ico-sincroniza_tiendas.svg") no-repeat center top;
background-size: 150px;
}

.bloque-3columnas.con-iconos > div#item-api-sincronizacion::before {
background-image: url("/UserFiles/images/iconos2023/ico-opciones_sincronizacion-negro.svg");
}
.bloque-3columnas.con-iconos > div#item-api-api::before {
background-image: url("/UserFiles/images/iconos2023/ico-api-negro.svg");
}
.bloque-3columnas.con-iconos > div#item-api-integracion::before {
background-image: url("/UserFiles/images/iconos2023/ico-bajar_ftp-negro.svg");
}

/* PRECIOS
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#precios-dropshipping {
    display: grid;
padding-top: 80px;
    grid-template-columns: 1fr 1.3fr;
    grid-template-rows: 1fr;
    grid-column-gap: 50px;
    grid-row-gap: 30px;
    justify-items: stretch;
    align-items: stretch;
}
#precios-dropshipping-solo {
padding-top: 80px;
max-width: 900px;
margin: 0 auto;
}
#precios-dropshipping > div, 
#precios-dropshipping-solo > div {
background: #f6f6f6;
padding: 80px 40px 50px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
position: relative;
text-align: center;
}
#contenido #precios-dropshipping h3, 
#contenido #precios-dropshipping-solo h3 {
margin-top: 0;
font-size: 27px;
  margin: 0 0 20px;
text-align: center;
}
p.imagen-precio {
text-align: center;
}
p.imagen-precio img {
margin: -170px auto 0;
max-width: 100%;
height: auto!important;
}
#contenido p.precio-presentacion {
  font-size: 15px;
min-height: 100px;
}
div.megaeditor #precios-dropshipping ul, 
div.megaeditor #precios-dropshipping-solo ul {
background: #fff;
border-top: 1px solid #e1e1e1;
margin-bottom: 15px;
text-align: left;
}
div.megaeditor #precios-dropshipping ul li, 
div.megaeditor #precios-dropshipping-solo ul li {
border-bottom: 1px solid #e1e1e1;
background: none;
font-weight: 500;
}
div.megaeditor #precios-dropshipping ul li:nth-child(even), 
div.megaeditor #precios-dropshipping-solo ul li:nth-child(even) {
background: #f9f9f9;
}
div.precio-dropshipping {
background: #e1e1e1;
color: #000;
  font-size: 40px;
  font-weight: 700;
  clear: both;
  width: fit-content;
  margin: 25px auto 15px;
  padding: 10px 30px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
display: flex;
  align-items: center;
}
div.precio-dropshipping span {
font-weight: 500;
font-size: .6em;
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 MAYORISTA DROPSHIPPING
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* MENU SUPERIOR
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#contenido .menu-pagina #item-quees h3 {
background-image: url("/UserFiles/images/iconos2023/ico-quees-rosa.svg");
}
#contenido .menu-pagina #item-ventajas h3 {
background-image: url("/UserFiles/images/iconos2023/ico-ventajas-rosa.svg");
}
#contenido .menu-pagina #item-marketing h3 {
background-image: url("/UserFiles/images/iconos2023/ico-marketing-rosa.svg");
}
#contenido .menu-pagina #item-mayorista h3 {
background-image: url("/UserFiles/images/iconos2023/ico-ideal-rosa.svg");
}



/* QUE ES DROPSHIPPING
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#contenido .sec-contenido.sec-quees_dropshipping h2 {
  padding-top: 150px;
  background: url("/UserFiles/images/iconos2023/ico-quees-rosa.svg") no-repeat center top;
    background-size: auto;
  background-size: 150px;
}

/* VENTAJAS DE LA VENTA AL POR MAYOR
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#contenido .sec-contenido.sec-ventajas-pormayor h2 {
  padding-top: 150px;
  background: url("/UserFiles/images/iconos2023/ico-ventajas-rosa.svg") no-repeat center top;
    background-size: auto;
  background-size: 150px;
}
.bloque-3columnas.con-iconos > div#item-pormayor-volumen::before {
background-image: url("/UserFiles/images/iconos2023/ico-ahorro-negro.svg");
}
.bloque-3columnas.con-iconos > div#item-pormayor-referencias::before {
background-image: url("/UserFiles/images/iconos2023/ico-referencias-negro.svg");
}
.bloque-3columnas.con-iconos > div#item-pormayor-europa::before {
background-image: url("/UserFiles/images/iconos2023/ico-stock_localizado-negro.svg");
}
.bloque-3columnas.con-iconos > div#item-pormayor-todoenuno::before {
background-image: url("/UserFiles/images/iconos2023/ico-todoenuno-negro.svg");
}
.bloque-3columnas.con-iconos > div#item-pormayor-logistica::before {
background-image: url("/UserFiles/images/iconos2023/ico-seleccion_transportista-negro.svg");
}
.bloque-3columnas.con-iconos > div#item-pormayor-catalogo::before {
background-image: url("/UserFiles/images/iconos2023/ico-catalogo_online-negro.svg");
}

/* FICHA PRODUCTO --------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#bloque-ficha-producto {
background: #f6f6f6;
padding: 40px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;

    display: grid;
    grid-template-columns: 1.5fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch;
}
#ficha-imagen img {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

div.megaeditor #ficha-texto {
padding: 20px 0 0 20px;
}
div.megaeditor #ficha-texto ul li {
  padding: 7px 10px 7px 22px;
  background: none;
font-size: 16px;
font-weight: 300;
}
div.megaeditor #ficha-texto ul li  img {
width: 22px !important;
  vertical-align: bottom;
}

/* RECURSOS MARKETING
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#contenido .sec-contenido.sec-marketing h2 {
  padding-top: 150px;
  background: url("/UserFiles/images/iconos2023/ico-marketing-rosa.svg") no-repeat center top;
    background-size: auto;
  background-size: 150px;
}
.bloque-2columnas#columnas-marketing > div {
background-color: #f6f6f6;
flex: 0 0 calc(50% - 40px);
margin: 20px;
padding:30px 40px 20px 130px;
background-repeat: no-repeat;
background-position: 25px center;
background-size: 80px;
}

.bloque-2columnas#columnas-marketing > div#marketing-banners_ecommerce {
background-image: url("/UserFiles/images/iconos2023/ico-banner_ecommerce-negro.svg");
}
.bloque-2columnas#columnas-marketing > div#marketing-banners_newsletter {
background-image: url("/UserFiles/images/iconos2023/ico-banner_newsletter-negro.svg");
}
.bloque-2columnas#columnas-marketing > div#marketing-videos_social {
background-image: url("/UserFiles/images/iconos2023/ico-video_rrss-negro.svg");
}
.bloque-2columnas#columnas-marketing > div#marketing-imagenes_rrss {
background-image: url("/UserFiles/images/iconos2023/ico-foto_rrss-negro.svg");
}

/* ALL IN ONE
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#contenido .sec-contenido.sec-allinone h2 {
  padding-top: 150px;
  background: url("/UserFiles/images/iconos2023/ico-ideal-rosa.svg") no-repeat center top;
    background-size: auto;
  background-size: 150px;
}
div.megaeditor .contenedor-mayorista ul li.li-titulo {
  padding: 10px 10px 10px 22px;
  line-height: 1.1;
  background: none;
padding: 0 0 10px;
}
#contenido div.megaeditor .contenedor-mayorista ul li.li-titulo h3 {
margin: 0 0 10px;
font-size: 28px;
}
div.contenedor-mayorista:before {
content:"";
display: block;
height: 100px;
margin-bottom: 10px;
background-repeat: no-repeat;
background-position: left top;
background-size: auto 100%;
}
div.contenedor-mayorista#mayorista-catalogo:before {
background-image: url("/UserFiles/images/iconos2023/ico-cajas-negro.svg");
}
div.contenedor-mayorista#mayorista-logistica:before {
background-image: url("/UserFiles/images/iconos2023/ico-logistica-negro.svg");
}
div.contenedor-mayorista#mayorista-B2B:before {
background-image: url("/UserFiles/images/iconos2023/ico-b2b-negro.svg");
}
div.contenedor-mayorista#mayorista-sincronizacion:before {
background-image: url("/UserFiles/images/iconos2023/ico-sincronica_todo-negro.svg");
}

div.contenedor-mayorista#mayorista-recursos:before {
background-image: url("/UserFiles/images/iconos2023/ico-herramientas-negro.svg");
}
div.contenedor-mayorista#mayorista-administracion:before {
background-image: url("/UserFiles/images/iconos2023/ico-doc01-negro.svg");
}
div.contenedor-mayorista#mayorista-envios:before {
background-image: url("/UserFiles/images/iconos2023/ico-envio-negro.svg");
}
div.contenedor-mayorista#mayorista-postventa:before {
background-image: url("/UserFiles/images/iconos2023/ico-atc-negro.svg");
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 SOLUCIONES
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.bloque-4columnas.con-iconos.solo-titulo > div::before {
content:"";
display: block;
width: 70px;
height: 70px;
padding: 0 0 10px;
margin: 0 auto 10px;
background-image: url("/UserFiles/images/dreamlove2023/ico-generico.svg");
background-repeat: no-repeat;
background-position: center center;
background-size: 65px;
}

/* MENU
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#centro section.sec-menu-soluciones .megaeditor {
max-width: 1440px;
margin: 0 auto;
}

#contenido .sec-contenido.sec-menu-soluciones H2 span {
font-size: .6em;
color: #fff;
}

#contenido .menu-pagina#menu-soluciones h3 {
background-size: 50px;
}
#contenido .menu-pagina#menu-soluciones #item-dropshippers h3 {
background-image: url("/UserFiles/images/iconos2023/ico-dropshipper-rosa.svg");
}
#contenido .menu-pagina#menu-soluciones #item-Ecommerce h3 {
background-image: url("/UserFiles/images/iconos2023/ico-ecommerce-rosa.svg");
}
#contenido .menu-pagina#menu-soluciones #item-social_sellers h3 {
background-image: url("/UserFiles/images/iconos2023/ico-rrss-rosa.svg");
}
#contenido .menu-pagina#menu-soluciones #item-venta_privada h3 {
background-image: url("/UserFiles/images/iconos2023/ico-venta_flash-rosa.svg");
}

#contenido .menu-pagina#menu-soluciones #item-rewarding h3 {
background-image: url("/UserFiles/images/iconos2023/ico-rewarding-rosa.svg");
}
#contenido .menu-pagina#menu-soluciones #item-comercios_tradicionales h3 {
background-image: url("/UserFiles/images/iconos2023/ico-tienda_tradicional-rosa.svg");
}
#contenido .menu-pagina#menu-soluciones #item-pormayor h3 {
background-image: url("/UserFiles/images/iconos2023/ico-stock.svg");
}

/* DROPSHIPPERS 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#contenido .sec-contenido.sec-dropshippers h2 {
  padding-top: 150px;
  background: url("/UserFiles/images/iconos2023/ico-dropshipper-rosa.svg") no-repeat center top;
    background-size: auto;
  background-size: 150px;
}

.bloque-4columnas.con-iconos > div#item-dropshippers-online::before {
background-image: url("/UserFiles/images/iconos2023/ico-negocio_online-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-dropshippers-productos::before {
background-image: url("/UserFiles/images/iconos2023/ico-referencias-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-dropshippers-integracion::before {
background-image: url("/UserFiles/images/iconos2023/ico-prep_center-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-dropshippers-idiomas::before {
background-image: url("/UserFiles/images/iconos2023/ico-globe01-negro.svg");
}

.bloque-4columnas.con-iconos > div#item-dropshippers-precio_mayorista::before {
background-image: url("/UserFiles/images/iconos2023/ico-ahorro-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-dropshippers-envio_anonimo::before {
background-image: url("/UserFiles/images/iconos2023/ico-envio_marca-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-dropshippers-stock_europa::before {
background-image: url("/UserFiles/images/iconos2023/ico-stock_localizado-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-dropshippers-pedidos_consolidados::before {
background-image: url("/UserFiles/images/iconos2023/ico-pedidos_consolidados-negro.svg");
}

.bloque-4columnas.con-iconos > div#item-dropshippers-cross_border::before {
background-image: url("/UserFiles/images/iconos2023/ico-envio_internacional-negro.svg");
}

/* E COMMERCE 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#contenido .sec-contenido.sec-ecommerce h2 {
  padding-top: 150px;
  background: url("/UserFiles/images/iconos2023/ico-ecommerce-rosa.svg") no-repeat center top;
    background-size: auto;
  background-size: 150px;
}

.bloque-4columnas.con-iconos > div#item-ecommerce-tienda_online::before {
background-image: url("/UserFiles/images/iconos2023/ico-catalogo_online-negro.svg")
}
.bloque-4columnas.con-iconos > div#item-ecommerce-24h::before {
background-image: url("/UserFiles/images/iconos2023/ico-envio_reloj-negro.svg")
}
.bloque-4columnas.con-iconos > div#item-ecommerce-plugins::before {
background-image: url("/UserFiles/images/iconos2023/ico-plugins-negro.svg")
}
.bloque-4columnas.con-iconos > div#item-ecommerce-stock_europa::before {
background-image: url("/UserFiles/images/iconos2023/ico-stock_localizado-negro.svg")
}

.bloque-4columnas.con-iconos > div#item-ecommerce-miles_productos::before {
background-image: url("/UserFiles/images/iconos2023/ico-referencias-negro.svg")
}
.bloque-4columnas.con-iconos > div#item-ecommerce-integracion::before {
background-image: url("/UserFiles/images/iconos2023/ico-prep_center-negro.svg")
}
.bloque-4columnas.con-iconos > div#item-ecommerce-idiomas::before {
background-image: url("/UserFiles/images/iconos2023/ico-globe01-negro.svg")
}
.bloque-4columnas.con-iconos > div#item-ecommerce-envio_discreto::before {
background-image: url("/UserFiles/images/iconos2023/ico-envio_marca-negro.svg")
}

/* SOCIAL SELLERS 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#contenido .sec-contenido.sec-social_sellers h2 {
  padding-top: 150px;
  background: url("/UserFiles/images/iconos2023/ico-rrss-rosa.svg") no-repeat center top;
    background-size: auto;
  background-size: 150px;
}

.bloque-4columnas.con-iconos > div#item-social_sellers-rrss::before {
background-image: url("/UserFiles/images/iconos2023/ico-ecommerce_rrss-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-social_sellers-productos_tendencia::before {
background-image: url("/UserFiles/images/iconos2023/ico-embalaje_ecommerce-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-social_sellers-alto_margen::before {
background-image: url("/UserFiles/images/iconos2023/ico-producto_precio-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-social_sellers-foto_video::before {
background-image: url("/UserFiles/images/iconos2023/ico-foto_video-negro.svg");
}

.bloque-4columnas.con-iconos > div#item-social_sellers-reserva::before {
background-image: url("/UserFiles/images/iconos2023/ico-reserva_producto-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-social_sellers-test::before {
background-image: url("/UserFiles/images/iconos2023/ico-producto_test-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-social_sellers-shopify::before {
background-image: url("/UserFiles/images/iconos2023/ico-shopify-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-social_sellers-precio_mayorista::before {
background-image: url("/UserFiles/images/iconos2023/ico-ahorro-negro.svg");
}

.bloque-4columnas.con-iconos > div#item-social_sellers-envío_discreto::before {
background-image: url("/UserFiles/images/iconos2023/ico-envio_marca-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-social_sellers-stock_europa::before {
background-image: url("/UserFiles/images/iconos2023/ico-stock_localizado-negro.svg");
}

/* VENTA PRIVADA - FLASH
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#contenido .sec-contenido.sec-venta_privada h2 {
  padding-top: 150px;
  background: url("/UserFiles/images/iconos2023/ico-venta_flash-rosa.svg") no-repeat center top;
    background-size: auto;
  background-size: 150px;
}

.bloque-4columnas.con-iconos > div#item-venta_privada-campanyas::before {
background-image: url("/UserFiles/images/iconos2023/ico-promocion-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-venta_privada-24h::before {
background-image: url("/UserFiles/images/iconos2023/ico-envio_reloj-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-venta_privada-stock::before {
background-image: url("/UserFiles/images/iconos2023/ico-producto_test-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-venta_privada-foto_video::before {
background-image: url("/UserFiles/images/iconos2023/ico-foto_video-negro.svg");
}

.bloque-4columnas.con-iconos > div#item-venta_privada-miles_productos::before {
background-image: url("/UserFiles/images/iconos2023/ico-referencias-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-venta_privada-integracion::before {
background-image:  url("/UserFiles/images/iconos2023/ico-prep_center-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-venta_privada-idiomas::before {
background-image: url("/UserFiles/images/iconos2023/ico-globe01-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-venta_privada-envio_discreto::before {
background-image: url("/UserFiles/images/iconos2023/ico-envio_marca-negro.svg");
}

.bloque-4columnas.con-iconos > div#item-venta_privada-stock_europa::before {
background-image: url("/UserFiles/images/iconos2023/ico-stock_localizado-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-venta_privada-consolidados::before {
background-image: url("/UserFiles/images/iconos2023/ico-pedidos_consolidados-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-venta_privada-cross_border::before {
background-image: url("/UserFiles/images/iconos2023/ico-envio_internacional-negro.svg");
}

/* REWARDING & LOYALTI
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#contenido .sec-contenido.sec-rewarding h2 {
  padding-top: 150px;
  background: url("/UserFiles/images/iconos2023/ico-rewarding-rosa.svg") no-repeat center top;
    background-size: auto;
  background-size: 150px;
}

.bloque-4columnas.con-iconos > div#item-rewarding-motivacion::before {
background-image: url("/UserFiles/images/iconos2023/ico-persona_destacada-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-rewarding-fidelizacion::before {
background-image: url("/UserFiles/images/iconos2023/ico-catalogo-destacado-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-rewarding-externaliza::before {
background-image: url("/UserFiles/images/iconos2023/ico-gestion_catalogo-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-rewarding-miles_productos::before {
background-image: url("/UserFiles/images/iconos2023/ico-referencias-negro.svg");
}


.bloque-4columnas.con-iconos > div#item-rewarding-primeras_marcas::before {
background-image: url("/UserFiles/images/iconos2023/ico-embalaje_ecommerce-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-rewarding-integracion::before {
background-image: url("/UserFiles/images/iconos2023/ico-prep_center-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-rewarding-idiomas::before {
background-image: url("/UserFiles/images/iconos2023/ico-globe01-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-rewarding-precio_mayorista::before {
background-image: url("/UserFiles/images/iconos2023/ico-ahorro-negro.svg");
}

.bloque-4columnas.con-iconos > div#item-rewarding-envio_discreto::before {
background-image: url("/UserFiles/images/iconos2023/ico-envio_marca-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-rewarding-stock_europa::before {
background-image: url("/UserFiles/images/iconos2023/ico-stock_localizado-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-rewarding-pedidos_consolidados::before {
background-image: url("/UserFiles/images/iconos2023/ico-pedidos_consolidados-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-rewarding-multicanal::before {
background-image: url("/UserFiles/images/iconos2023/ico-multicanal-negro.svg");
}

.bloque-4columnas.con-iconos > div#item-rewarding-cross_border::before {
background-image: url("/UserFiles/images/iconos2023/ico-envio_internacional-negro.svg");
}

/* COMERCIOS TRADICIONALES
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#contenido .sec-contenido.sec-comercios_tradicionales h2 {
  padding-top: 150px;
  background: url("/UserFiles/images/iconos2023/ico-tienda_tradicional-rosa.svg") no-repeat center top;
    background-size: auto;
  background-size: 150px;
}

.bloque-4columnas.con-iconos > div#item-comercios_tradicionales-tradicionales::before {
background-image: url("/UserFiles/images/iconos2023/ico-tienda-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-comercios_tradicionales-pago::before {
background-image: url("/UserFiles/images/iconos2023/ico-financiacion-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-comercios_tradicionales-precio_mayorista::before {
background-image: url("/UserFiles/images/iconos2023/ico-ahorro-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-comercios_tradicionales-miles_productos::before {
background-image: url("/UserFiles/images/iconos2023/ico-referencias-negro.svg");
}

.bloque-4columnas.con-iconos > div#item-comercios_tradicionales-idiomas::before {
background-image: url("/UserFiles/images/iconos2023/ico-globe01-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-comercios_tradicionales-stock_europa::before {
background-image: url("/UserFiles/images/iconos2023/ico-stock_localizado-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-comercios_tradicionales-pedidos_consolidados::before {
background-image: url("/UserFiles/images/iconos2023/ico-pedidos_consolidados-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-comercios_tradicionales-multicanal::before {
background-image: url("/UserFiles/images/iconos2023/ico-multicanal-negro.svg");
}


/* AL POR MAYOR
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#contenido .sec-contenido.sec-pormayor h2 {
  padding-top: 150px;
  background: url("/UserFiles/images/iconos2023/ico-stock.svg") no-repeat center top;
    background-size: auto;
  background-size: 150px;
}

.bloque-4columnas.con-iconos > div#item-pormayor-revender::before {
background-image: url("/UserFiles/images/iconos2023/ico-almacenes_propios-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-pormayor-pago::before {
background-image: url("/UserFiles/images/iconos2023/ico-financiacion-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-pormayor-precio_mayorista::before {
background-image: url("/UserFiles/images/iconos2023/ico-ahorro-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-pormayor-preparación_pedidos::before {
background-image: url("/UserFiles/images/iconos2023/ico-pedido_preparacion-negro.svg");
}

.bloque-4columnas.con-iconos > div#item-pormayor-descarga_catalogo::before {
background-image: url("/UserFiles/images/iconos2023/ico-bajar_ftp-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-pormayor-miles_productos::before {
background-image: url("/UserFiles/images/iconos2023/ico-referencias-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-pormayor-idiomas::before {
background-image: url("/UserFiles/images/iconos2023/ico-globe01-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-pormayor-stock_europa::before {
background-image: url("/UserFiles/images/iconos2023/ico-stock_localizado-negro.svg");
}

.bloque-4columnas.con-iconos > div#item-pormayor-pedidos_consolidados::before {
background-image: url("/UserFiles/images/iconos2023/ico-pedidos_consolidados-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-pormayor-multicanal::before {
background-image: url("/UserFiles/images/iconos2023/ico-multicanal-negro.svg");
}


 /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 CONÓCENOS
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* MENU SUPERIOR
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#centro section[class*="sec-menu"] {
margin: 0;
}
#contenido .menu-pagina #item-historia h3 {
background-image: url("/UserFiles/images/iconos2023/ico-stock.svg");
}
#contenido .menu-pagina #item-equipo h3 {
background-image: url("/UserFiles/images/iconos2023/ico-equipo-rosa.svg");
}

#contenido .menu-pagina #item-trabaja_con_nosotros h3 {
background-image: url("/UserFiles/images/iconos2023/ico-trabaja-rosa.svg");
}
#contenido .menu-pagina #item-galeria h3 {
background-image: url("/UserFiles/images/iconos2023/ico-galeria-rosa.svg");
}
#contenido .menu-pagina #item-localizacion_contacto h3 {
background-image: url("/UserFiles/images/iconos2023/ico-localizacion-rosa.svg");
}

/* ¿QUE ES DREAMLOVE?
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#centro section#script_918 {
margin: 0;
}
#centro section#script_918 strong {
color: #ffffff;
}
#script_918 .eapp-slider-media-component.jsx-1791167605 {
  transform: scale(0.5) !important;
}
.jsx-2374012305 .eapp-slider-media-component.jsx-3238265653 {
  transform: scale(0.6) !important;
}
.jsx-3818025089 .eapp-slider-media-component.jsx-3238265653 {
  transform: scale(0.8) !important;
}

/* NUESTROS VALORES
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#contenido .sec-contenido.sec-nuestros_valores h2 {
  padding-top: 150px;
  background: url("/UserFiles/images/iconos2023/ico-quees-rosa.svg") no-repeat center top;
    background-size: auto;
  background-size: 150px;
}

#centro section.sec-nuestros_valores {
background: #262626;
font-size: 18px;
margin: 0;
color: #aaa;
}
#centro section.sec-nuestros_valores strong {
color: #fff;
}
div.capa-valor {
text-align: center;
}
#contenido #centro section.sec-nuestros_valores h2, 
#contenido .sec-contenido.sec-nuestros_valores H2 {
color: #fff;
/*background: none;*/
}
div.capa-valor:before {
content:"";
display: block;
width: 100%;
height: 90px;
background-repeat: no-repeat;
background-position: center top;
background-size: 80px;
}
div.capa-valor#valor-referencias:before {
background-image: url("/UserFiles/images/iconos2023/ico-valor_productos-inv-dual.svg");
}
div.capa-valor#valor-amedida:before {
background-image: url("/UserFiles/images/iconos2023/ico-valor_proyectos-inv-dual.svg");
}
div.capa-valor#valor-centro_logistico:before {
background-image: url("/UserFiles/images/iconos2023/ico-valor_logistico-inv-dual.svg");
}
div.capa-valor#valor-fabricacion:before {
background-image: url("/UserFiles/images/iconos2023/ico-valor_fabricacion-inv-dual.svg");
}
div.capa-valor#valor-ventas:before {
background-image: url("/UserFiles/images/iconos2023/ico-valor_ventas-inv-dual.svg");
}

/* TIMELINE HISTORIA
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#centro section.sec-timeline {
background: #f6f6f6;
font-size: 18px;
margin: 0;
padding-bottom: 0;
}
#contenido .sec-contenido.sec-timeline h2 {
  padding-top: 150px;
  background: url("/UserFiles/images/iconos2023/ico-stock.svg") no-repeat center top;
    background-size: auto;
  background-size: 150px;
}

.cd-timeline {
background: #f6f6f6!important;
padding: 0 !important;
margin: 0 !important;
}
.max-width-lg {
  max-width: 80rem;
  max-width: 100%!important;
}
.cd-timeline__content {
box-shadow: 0 3px 5px #e3e3e3!important;
}
 .cd-timeline__img {
    width: 80px!important;
    height: 80px!important;
    margin-left: calc(5% - 40px)!important;
}
.cd-timeline__container::before {
background: #ddd!important;
}
#contenido .cd-timeline__content h3 {
font-size: 26px;
margin: 0 0 10px;
padding: 10px 10px 0;
line-height: 1.3;
}
#contenido .cd-timeline__content h4 {
font-size: 21px;
margin: 0 0 10px;
padding: 10px 10px 0;
line-height: 1.2;
}
#contenido .cd-timeline__content p {
padding: 0 10px 10px;
}

/* MAS HISTORIA */
#mas-historia {
text-align: center;
}
#mas-historia a {
background: #E71D73;
color: #fff;
line-height: 1.1;
font-size: 27px;
font-weight: 700;
display: inline-block;
margin: 0 auto;
padding: 20px 50px;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;
}
#mas-historia a:hover {
text-decoration: none;
background: #000;
}
#mas-historia a span {
font-size: 21px;
font-weight: 300;
letter-spacing: 1px;
}
/* HISTORIA
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
body.body_cms_301 {
background-image: none;
}
#contenido .sec-contenido.sec-historia H2 {
color: #eb457d;
}
#contenido .sec-contenido.sec-historia h3 {
  font-size: 26px;
  margin: 40px 0 15px;
}
/* FUNDADORES 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.eapp-slider-media-component.jsx-1968495813, 
.eapp-slider-media-component.jsx-1791167605 {
  transform: scale(0.9)!important;
}

/* QUEREMOS AYUDARTE Y SER TU PARTNER
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.bloque-3columnas.con-iconos > div#item-nosotros-equipo_feliz::before {
background-image: url("/UserFiles/images/iconos2023/ico-familia-negro.svg");
}
.bloque-3columnas.con-iconos > div#item-nosotros-innovacion::before {
background-image: url("/UserFiles/images/iconos2023/ico-idea-negro.svg");
}
.bloque-3columnas.con-iconos > div#item-nosotros-dinamismo::before {
background-image: url("/UserFiles/images/iconos2023/ico-innovacion-negro.svg");
}

.bloque-3columnas.con-iconos > div#item-nosotros-pasion::before {
background-image: url("/UserFiles/images/iconos2023/ico-pasion_comercio-negro.svg");
}
.bloque-3columnas.con-iconos > div#item-nosotros-excelencia::before {
background-image: url("/UserFiles/images/iconos2023/ico-diamante-negro.svg");
}
.bloque-3columnas.con-iconos > div#item-nosotros-buenas_personas_::before {
background-image: url("/UserFiles/images/iconos2023/ico-innovacion-negro.svg");
}

/* FELICIDAD EMPRESA 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#centro section.sec-total.sec-felicidad {
background: #c93076;
font-size: 18px;
padding: 0;
}
#centro section.sec-total.sec-felicidad .megaeditor {
max-width: 100%;
}
#equipo-feliz {
display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-items: stretch;
    align-items: stretch;
}
#equipo-feliz #feliz-imagen {
background: url("/UserFiles/images/dreamlove2023/team2.jpg") no-repeat right center;
background-size: cover;
mix-blend-mode: multiply;
}
#equipo-feliz #feliz-texto {
padding: 60px 40px;
}
#equipo-feliz #feliz-texto .contenedor-texto {
max-width: 700px;
}
div.megaeditor #equipo-feliz #feliz-texto .contenedor-texto h3 {
margin: 0 0 20px;
color: #fff;
}
div.megaeditor #equipo-feliz #feliz-texto .contenedor-texto p {
color: #fff;
font-size: 18px;
font-weight: 300;
margin-bottom: 15px;
}
div.megaeditor #equipo-feliz #feliz-texto .contenedor-texto p strong {
color: #fff;
font-weight: 700;
}
div.megaeditor #equipo-feliz #feliz-texto .contenedor-texto a {
display: inline-block;
padding: 10px 20px 10px 40px;
background: rgba(255, 255, 255, .85 ) url("/UserFiles/images/iconos2023/ico-cv-rosa.svg") no-repeat 13px center;
background-size: 24px;
color: #c93076;
font-weight: 600;
line-height: 1;
text-decoration: none;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
div.megaeditor #equipo-feliz #feliz-texto .contenedor-texto a:hover {
padding: 10px 30px 10px 40px;
background: rgba(255, 255, 255, 1) url("/UserFiles/images/iconos2023/ico-cv-rosa.svg") no-repeat 13px center;
background-size: 24px;
color: #c93076;
text-decoration: none;
}
/* EQUIPO
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#contenido .sec-contenido.sec-equipo h2 {
  padding-top: 150px;
  background: url("/UserFiles/images/iconos2023/ico-equipo-rosa.svg") no-repeat center top;
    background-size: auto;
  background-size: 150px;
}
#centro section.sec-equipo h3 {
text-align: center;
margin-top: 70px;
}
#contenido p {
margin-bottom: 15px;
}
#contenedor-diferencias .capa-diferencia span {
color: #c93076;
font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
font-weight: 600;
}

.bloque-4columnas.con-iconos > div#item-diferencia-OKR::before {
background-image: url("/UserFiles/images/iconos2023/ico-target-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-diferencia-agil::before {
background-image: url("/UserFiles/images/iconos2023/ico-agil-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-diferencia-emails::before {
background-image: url("/UserFiles/images/iconos2023/ico-comunicacion-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-diferencia-formacion::before {
background-image: url("/UserFiles/images/iconos2023/ico-formacion-negro.svg");
}

.bloque-4columnas.con-iconos > div#item-diferencia-liderazgo::before {
background-image: url("/UserFiles/images/iconos2023/ico-equipo01-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-diferencia-multiculturalidad::before {
background-image: url("/UserFiles/images/iconos2023/ico-multiculti-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-diferencia-oportunidades::before {
background-image: url("/UserFiles/images/iconos2023/ico-team02-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-diferencia-startup::before {
background-image: url("/UserFiles/images/iconos2023/ico-startup-negro.svg");
}

.bloque-4columnas.con-iconos > div#item-diferencia-comida::before {
background-image: url("/UserFiles/images/iconos2023/ico-comida-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-diferencia-teambuilding::before {
background-image: url("/UserFiles/images/iconos2023/ico-aventura-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-diferencia-seguro::before {
background-image: url("/UserFiles/images/iconos2023/ico-medico-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-diferencia-familia::before {
background-image: url("/UserFiles/images/iconos2023/ico-familia-negro.svg");
}

/* GALERIA DE IMAGENES
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#contenido #script_922 h2, 
#contenido #script_1271 h2 {
  padding-top: 150px;
  background: url("/UserFiles/images/iconos2023/ico-galeria-rosa.svg") no-repeat center top;
    background-size: auto;
  background-size: 150px;
}

#contenido #script_922 H2, 
#contenido #script_1271 H2 {
/*background: none;*/
font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
font-size: 55px;
text-transform: none;
color: #000000;
font-weight: 700;
line-height: 1.1;
}
#contenido #script_922 H2 span, 
#contenido #script_1271 H2 span {
font-size: .6em;
color: #eb457d;
font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
font-weight: 300;
}
#contenido #script_922 H2 + p, 
#contenido #script_1271 H2 + p {
font-size: 24px;
line-height: 1.5;
max-width: 900px;
margin: 0 auto;
text-align: center;
padding: 0 0 30px;
}
/* CONTACTOS
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
body.body_cms_297 #pie-login {
  margin-top: 0;
}
#centro section#script_916 {
margin: 0 0 -20px;
}

#centro section.sec-contactos {
text-align: center;
}
div.capa-contactos {
text-align: center;
font-size: 21px;
padding-top: 10px;
min-height: 50px;
}
#contacto-telefono, #contacto-email {
display: inline-block;
}
#contacto-telefono a, #contacto-email a {
margin: 0 10px;
text-decoration: none;
color: #fff;
padding: 8px 25px 8px 45px;
background-color: #eb457d;
background-repeat: no-repeat;
background-position: 15px center;
background-size: 24px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
#contacto-telefono a:hover, #contacto-email a:hover {
text-decoration: none;
background-color: #000;
}
#contacto-telefono a {
background-image: url("/UserFiles/images/iconos2023/ico-cascos-blanco.svg") ;
}
#contacto-email a {
background-image: url("/UserFiles/images/iconos2023/ico-mail-blanco.svg") ;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 CTA
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#centro section.sec-CTA {
padding: 0 20px;
}
#centro section.sec-CTA .megaeditor {
background: #E81973  url("/UserFiles/images/dreamlove2023/bg-CTA.jpg") no-repeat left center;
background-size: 50%;
max-width: 1000px;
padding: 40px 40px 40px 20%;
margin: 0 auto;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
#centro section.sec-CTA h3 {
color: #fff;
margin: 0 0 10px;
}
#centro section.sec-CTA p, #centro section.sec-CTA p strong {
color: #fff;
}
#centro section.sec-CTA a {
font-size: 16px;
background: #fff;
color: #000;
display: inline-block;
margin-right: 10px;
padding: 5px 15px;
text-decoration: none;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
#centro section.sec-CTA a:hover {
color: #fff;
background: #000;
}
#centro section.sec-CTA a:hover strong {
color: #fff;
}

/*   FORMULARIO CONTACTO /  FORMULARIO CONTACTO CONECTORES
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#centro section#formulario_924_23 {
background: url("/UserFiles/images/dreamlove2023/bg-contacto-conectores.jpg") no-repeat center center;
background-size: 1400px;
margin-top: -100px;
}
#centro section#formulario_1275_28 {
margin-top: -100px;
}
#contenido  h2#p_seccion_924, 
#contenido  h1#h1_cms_337 {
padding-bottom: 100px;
}
#centro section#formulario_924_23 div.formulario, 
#centro section#formulario_926_24 div.formulario {
padding: 0 0;
}
#centro section#formulario_924_23 div.formulario form, 
#centro section#formulario_1275_28 div.formulario form {
max-width: 600px;
margin: 0 auto 50px;
padding: 20px 30px;
background: #f6f6f6;
box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
#centro section#formulario_924_23 div.formulario form label, 
#centro section#formulario_1275_28 div.formulario form label {
display: block;
  width: 100%;
text-align: left;
font-size: 16px;
}
#centro section#formulario_924_23 div.formulario input, 
#centro section#formulario_924_23 div.formulario select, 
#centro section#formulario_924_23 div.formulario textarea, 
#centro section#formulario_924_23 div.formulario #captcha input, 

#centro section#formulario_1275_28 div.formulario input, 
#centro section#formulario_1275_28 div.formulario select, 
#centro section#formulario_1275_28 div.formulario textarea, 
#centro section#formulario_1275_28 div.formulario #captcha input {
display: block;
  width: 100%;
font-size: 21px;
}
/*   GRACIAS FORMULARIO
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#contenido  h1#h1_cms_299 {
padding-bottom: 100px;
}
#centro section#div_seccion_925 {
max-width: 600px;
margin: -100px auto 50px;
padding: 20px 30px 50px;
background: #f6f6f6;

box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
#contenido section#div_seccion_925 h2 {
background: none;
  font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
  font-size: 55px;
  text-transform: none;
  color: #000000;
  font-weight: 700;
  line-height: 1.1;

padding-top: 150px;
  background: url("/UserFiles/images/iconos2023/ico-avion-rosa.svg") no-repeat center top;
  background-size: 150px;
}
/* IMPUESTOS
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
body.body_cms_293 {
background-image: none;
}
.sec_impuestos {
padding: 10px 25px;
}
#contenido .sec_impuestos h3 {
text-align: center;
color: #eb457d;
}
#contenido .sec_impuestos h4 {
  font-size: 21px;
}
/* SOSTENIBILIDAD
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#sostenibilidad-embalajes h3 {
text-align: center;
}

.bloque-4columnas.con-iconos > div#item-sostenibilidad-proveedores::before {
background-image: url("/UserFiles/images/iconos2023/ico-control_proveedores-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-sostenibilidad-embalajes::before {
background-image: url("/UserFiles/images/iconos2023/ico-embalaje_reciclado-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-sostenibilidad-lubricantes::before {
background-image: url("/UserFiles/images/iconos2023/ico-natural-negro.svg");
}
.bloque-4columnas.con-iconos > div#item-sostenibilidad-veganos::before {
background-image: url("/UserFiles/images/iconos2023/ico-embalaje_sostenible-negro.svg");
}

.bloque-3columnas.con-iconos > div#item-sostenibilidad-energia::before {
background-image: url("/UserFiles/images/iconos2023/ico-energia_renovable-negro.svg");
}
.bloque-3columnas.con-iconos > div#item-sostenibilidad-proyectos_sociales::before {
background-image: url("/UserFiles/images/iconos2023/ico-b2b-negro.svg");
}
.bloque-3columnas.con-iconos > div#item-sostenibilidad-plastico::before {
background-image: url("/UserFiles/images/iconos2023/ico-plastico-negro.svg");
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     PIE
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#contacto-pie {
text-align: center;
padding: 0 30px;
padding-top: 80px;
  background: url("/UserFiles/images/dreamlove2023/PIE-2023.svg") no-repeat center top;
  background-size: 400px;
}
#contacto-pie.capa-contacto ul li.li-direccion {
  padding-top: 30px !important;
  background: url("/UserFiles/images/dreamlove2023/ico-pie-direccion.svg") no-repeat center 1px !important;
  background-size: 24px !important;
}
#contacto-pie.capa-contacto ul li.li-mail {
  padding-top: 30px !important;
  background: url("/UserFiles/images/dreamlove2023/ico-pie-mail.svg") no-repeat center 2px !important;
  background-size: 19px !important;
}
#pie-menus.bloque-5columnas {
  max-width: 1440px;
  margin: 30px auto;
  padding: 30px 20px;
  background: none;
    background-size: auto;
border-top: 3px dotted #d9d9d9;
border-bottom: 3px dotted #d9d9d9;
}
/* REDES */
div.capa-redes-pie {
padding: 0 30px;
}
div.capa-redes-pie ul {
text-align: center;
}
div.capa-redes-pie li {
  display: inline-block;
}
div.capa-redes-pie li a {
  display: inline-block;
  width: 50px;
  height: 50px;
  position: relative;
  text-align: left;
  text-indent: -99999px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50px;
  margin: 3px 4px;
}
div.capa-redes-pie li.lnk-instagram a {
  background-image: url("/UserFiles/images/dreamlove2023/ico-pie-instagram.svg");
}
div.capa-redes-pie li.lnk-facebook a {
  background-image: url("/UserFiles/images/dreamlove2023/ico-pie-facebook.svg");
}
div.capa-redes-pie li.lnk-vimeo a {
  background-image: url("/UserFiles/images/dreamlove2023/ico-pie-vimeo.svg");
}
div.capa-redes-pie li.lnk-linkedin a {
  background-image: url("/UserFiles/images/dreamlove2023/ico-pie-linkedin.svg");
}
div.capa-redes-pie li.lnk-youtube a {
  background-image: url("/UserFiles/images/dreamlove2023/ico-pie-youtube.svg");
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 1200
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1200px) {

body.body_cms_295 #centro section {
padding-left: 30px;
padding-right: 30px;
}

.eapp-slider-slide-inner {
  width: 95%!important;
}
 #body_cms section#script_918, 
 #body_cms section#script_915,
 #body_cms section[id *= script] {
    padding: 0 ;
  }
.eapp-slider-slide-elements {
padding: 0!important;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 950
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 950px) {

/* MENU TOP */
.menu-pagina > div {
  flex: 50%;
}
.menu-pagina > div > div {
  width: 100%;
padding: 30px 60px 30px 30px;
}
#contenido .menu-pagina p {
display: none;
}
a.lnk-menu-mas {
bottom: 50%;
  left: auto;
  right: 20px;
margin-bottom: -15px;
}

/* FAQs */
#script_919, 
#script_920,
#script_921 {
max-width: 95%;
margin: 0 auto;
padding: 0 30px;
}
/**/
#contenido .bloque-3columnas.columnas-grandes > div {
  flex: 0 0 100%;
margin: 20px 0;
}
.bloque-5columnas > div {
  flex: 0 0 33%;
}
/*MAYORISTA DROPSHIPPING */
#bloque-ficha-producto {
grid-template-columns: 1fr;
}
bloque-ficha-producto {
  padding: 20px;
}

}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 767
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 767px) {
#contenido .sec-contenido H2 {
font-size: 35px;
}
#contenido .sec-contenido H2 + p {
font-size: 18px;
  line-height: 1.5;
}

.bloque-3columnas > div {
  flex: 0 0 50%;
}
.bloque-4columnas > div {
  flex: 0 0 50%;
}
.bloque-2columnas#columnas-marketing > div {
  flex: 0 0 100%;
margin: 20px 0;
}

#centro section.sec-CTA .megaeditor {
  background-size: cover;
}

.eapp-slider-title-component.jsx-639923506, 
.eapp-slider-title-component.jsx-2797336723 {
  font-size: 31px;
}
/* CONOCENOS ////////////////*/
#equipo-feliz {
  grid-template-columns: 1fr;
}
#equipo-feliz #feliz-imagen {
min-height: 400px;
}
/* CARRUSEL ELFSIGHT ////////////////////////////////////////////////////////////////////////////////////////////////*/
.eapp-slider-media-container {
opacity: 0.3!important;
}
.eapp-slider-slider-component.jsx-719491191 .eapp-slider-slider-slider {
  height: 600px;
}
.eapp-slider-text-component {
font-size: 16px!important;
}
/* TECNOLOGIA Y OPERACIONES ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#precios-dropshipping {
  grid-template-columns: 1fr;
}
#precio-conectores p.imagen-precio img {
  margin: -50px auto 0;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 600
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 600px) {

.menu-pagina > div {
    flex: 100%;
 }
.bloque-3columnas > div {
  flex: 0 0 100%;
text-align: center;
}
.bloque-3columnas.con-iconos > div::before {
margin: 0 auto 10px;
}

.bloque-4columnas > div {
  flex: 0 0 100%;
}

.bloque-5columnas > div {
  flex: 0 0 100%;
}

 #contenido .sec-contenido H2 {
    font-size: 35px;
    background-size: 100px !important;
    padding-top: 100px !important;
  }
a.lnk-dreamlove {
  padding: 10px 20px 12px;
}
/**/
#centro section.sec-CTA .megaeditor {
padding: 40px 40px;
}
#centro section.sec-CTA a {
width: 100%;
margin-bottom: 10px;
}

/* MAYORISTA DROPSHIPPING
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.bloque-2columnas#columnas-marketing > div {
  padding: 90px 25px 20px 25px;
  background-repeat: no-repeat;
  background-position: center 20px;
  background-size: 60px;
  text-align: center;
}
#bloque-ficha-producto {
  padding: 10px;
}
div.megaeditor #ficha-texto {
  padding: 0;
}
/* TECNOLOGIA Y OPERACIONES
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#precios-dropshipping > div {
  background: #f6f6f6;
  padding: 80px 20px 50px;
}
div.precio-dropshipping, 
a.lnk-dreamlove {
width: 100%;
}
div.precio-dropshipping span span {
display: block;
}

}

span.precioPrincipal {
    display: none !important;
    }


span.precioIVA {
    display: none !important;
}

div#cuadroPrecio {
    display: none !important;
}
/*///////////////////// CSS DINÁMICO : TIMELINE //////////////////////////*/

*,*::after,*::before{box-sizing:inherit}*{font:inherit}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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,hr{margin:0;padding:0;border:0}html{box-sizing:border-box}body{background-color:hsl(0, 0%, 100%);background-color:var(--color-bg, white)}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,form legend{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}button,input,textarea,select{margin:0}.btn,.form-control,.link,.reset{background-color:transparent;padding:0;border:0;border-radius:0;color:inherit;line-height:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}select.form-control::-ms-expand{display:none}textarea{resize:vertical;overflow:auto;vertical-align:top}input::-ms-clear{display:none}table{border-collapse:collapse;border-spacing:0}img,video,svg{max-width:100%}[data-theme]{background-color:hsl(0, 0%, 100%);background-color:var(--color-bg, #fff);color:hsl(240, 4%, 20%);color:var(--color-contrast-high, #313135)}:root{--space-unit:  1em;--space-xxxxs: calc(0.125*var(--space-unit));--space-xxxs:  calc(0.25*var(--space-unit));--space-xxs:   calc(0.375*var(--space-unit));--space-xs:    calc(0.5*var(--space-unit));--space-sm:    calc(0.75*var(--space-unit));--space-md:    calc(1.25*var(--space-unit));--space-lg:    calc(2*var(--space-unit));--space-xl:    calc(3.25*var(--space-unit));--space-xxl:   calc(5.25*var(--space-unit));--space-xxxl:  calc(8.5*var(--space-unit));--space-xxxxl: calc(13.75*var(--space-unit));--component-padding: var(--space-md)}:root{--max-width-xxs: 32rem;--max-width-xs:  38rem;--max-width-sm:  48rem;--max-width-md:  64rem;--max-width-lg:  80rem;--max-width-xl:  90rem;--max-width-xxl: 120rem}.container{width:calc(100% - 1.25em);width:calc(100% - 2*var(--component-padding));margin-left:auto;margin-right:auto}.max-width-xxs{max-width:32rem;max-width:var(--max-width-xxs)}.max-width-xs{max-width:38rem;max-width:var(--max-width-xs)}.max-width-sm{max-width:48rem;max-width:var(--max-width-sm)}.max-width-md{max-width:64rem;max-width:var(--max-width-md)}.max-width-lg{max-width:80rem;max-width:var(--max-width-lg)}.max-width-xl{max-width:90rem;max-width:var(--max-width-xl)}.max-width-xxl{max-width:120rem;max-width:var(--max-width-xxl)}.max-width-adaptive-sm{max-width:38rem;max-width:var(--max-width-xs)}@media (min-width: 64rem){.max-width-adaptive-sm{max-width:48rem;max-width:var(--max-width-sm)}}.max-width-adaptive-md{max-width:38rem;max-width:var(--max-width-xs)}@media (min-width: 64rem){.max-width-adaptive-md{max-width:64rem;max-width:var(--max-width-md)}}.max-width-adaptive,.max-width-adaptive-lg{max-width:38rem;max-width:var(--max-width-xs)}@media (min-width: 64rem){.max-width-adaptive,.max-width-adaptive-lg{max-width:64rem;max-width:var(--max-width-md)}}@media (min-width: 90rem){.max-width-adaptive,.max-width-adaptive-lg{max-width:80rem;max-width:var(--max-width-lg)}}.max-width-adaptive-xl{max-width:38rem;max-width:var(--max-width-xs)}@media (min-width: 64rem){.max-width-adaptive-xl{max-width:64rem;max-width:var(--max-width-md)}}@media (min-width: 90rem){.max-width-adaptive-xl{max-width:90rem;max-width:var(--max-width-xl)}}.grid{--grid-gap: 0px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.grid>*{-ms-flex-preferred-size:100%;flex-basis:100%}[class*="grid-gap"]{margin-bottom:1em * -1;margin-bottom:calc(var(--grid-gap, 1em)*-1);margin-right:1em * -1;margin-right:calc(var(--grid-gap, 1em)*-1)}[class*="grid-gap"]>*{margin-bottom:1em;margin-bottom:var(--grid-gap, 1em);margin-right:1em;margin-right:var(--grid-gap, 1em)}.grid-gap-xxxxs{--grid-gap: var(--space-xxxxs)}.grid-gap-xxxs{--grid-gap: var(--space-xxxs)}.grid-gap-xxs{--grid-gap: var(--space-xxs)}.grid-gap-xs{--grid-gap: var(--space-xs)}.grid-gap-sm{--grid-gap: var(--space-sm)}.grid-gap-md{--grid-gap: var(--space-md)}.grid-gap-lg{--grid-gap: var(--space-lg)}.grid-gap-xl{--grid-gap: var(--space-xl)}.grid-gap-xxl{--grid-gap: var(--space-xxl)}.grid-gap-xxxl{--grid-gap: var(--space-xxxl)}.grid-gap-xxxxl{--grid-gap: var(--space-xxxxl)}.col{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-1{-ms-flex-preferred-size:calc(8.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(8.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(8.33% - 0.01px - 1em);flex-basis:calc(8.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(8.33% - 0.01px - 1em);max-width:calc(8.33% - 0.01px - var(--grid-gap, 1em))}.col-2{-ms-flex-preferred-size:calc(16.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(16.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(16.66% - 0.01px - 1em);flex-basis:calc(16.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(16.66% - 0.01px - 1em);max-width:calc(16.66% - 0.01px - var(--grid-gap, 1em))}.col-3{-ms-flex-preferred-size:calc(25% - 0.01px - 1em);-ms-flex-preferred-size:calc(25% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(25% - 0.01px - 1em);flex-basis:calc(25% - 0.01px - var(--grid-gap, 1em));max-width:calc(25% - 0.01px - 1em);max-width:calc(25% - 0.01px - var(--grid-gap, 1em))}.col-4{-ms-flex-preferred-size:calc(33.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(33.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(33.33% - 0.01px - 1em);flex-basis:calc(33.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(33.33% - 0.01px - 1em);max-width:calc(33.33% - 0.01px - var(--grid-gap, 1em))}.col-5{-ms-flex-preferred-size:calc(41.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(41.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(41.66% - 0.01px - 1em);flex-basis:calc(41.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(41.66% - 0.01px - 1em);max-width:calc(41.66% - 0.01px - var(--grid-gap, 1em))}.col-6{-ms-flex-preferred-size:calc(50% - 0.01px - 1em);-ms-flex-preferred-size:calc(50% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(50% - 0.01px - 1em);flex-basis:calc(50% - 0.01px - var(--grid-gap, 1em));max-width:calc(50% - 0.01px - 1em);max-width:calc(50% - 0.01px - var(--grid-gap, 1em))}.col-7{-ms-flex-preferred-size:calc(58.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(58.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(58.33% - 0.01px - 1em);flex-basis:calc(58.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(58.33% - 0.01px - 1em);max-width:calc(58.33% - 0.01px - var(--grid-gap, 1em))}.col-8{-ms-flex-preferred-size:calc(66.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(66.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(66.66% - 0.01px - 1em);flex-basis:calc(66.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(66.66% - 0.01px - 1em);max-width:calc(66.66% - 0.01px - var(--grid-gap, 1em))}.col-9{-ms-flex-preferred-size:calc(75% - 0.01px - 1em);-ms-flex-preferred-size:calc(75% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(75% - 0.01px - 1em);flex-basis:calc(75% - 0.01px - var(--grid-gap, 1em));max-width:calc(75% - 0.01px - 1em);max-width:calc(75% - 0.01px - var(--grid-gap, 1em))}.col-10{-ms-flex-preferred-size:calc(83.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(83.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(83.33% - 0.01px - 1em);flex-basis:calc(83.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(83.33% - 0.01px - 1em);max-width:calc(83.33% - 0.01px - var(--grid-gap, 1em))}.col-11{-ms-flex-preferred-size:calc(91.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(91.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(91.66% - 0.01px - 1em);flex-basis:calc(91.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(91.66% - 0.01px - 1em);max-width:calc(91.66% - 0.01px - var(--grid-gap, 1em))}.col-12{-ms-flex-preferred-size:calc(100% - 0.01px - 1em);-ms-flex-preferred-size:calc(100% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(100% - 0.01px - 1em);flex-basis:calc(100% - 0.01px - var(--grid-gap, 1em));max-width:calc(100% - 0.01px - 1em);max-width:calc(100% - 0.01px - var(--grid-gap, 1em))}@media (min-width: 32rem){.col@xs{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-1@xs{-ms-flex-preferred-size:calc(8.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(8.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(8.33% - 0.01px - 1em);flex-basis:calc(8.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(8.33% - 0.01px - 1em);max-width:calc(8.33% - 0.01px - var(--grid-gap, 1em))}.col-2@xs{-ms-flex-preferred-size:calc(16.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(16.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(16.66% - 0.01px - 1em);flex-basis:calc(16.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(16.66% - 0.01px - 1em);max-width:calc(16.66% - 0.01px - var(--grid-gap, 1em))}.col-3@xs{-ms-flex-preferred-size:calc(25% - 0.01px - 1em);-ms-flex-preferred-size:calc(25% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(25% - 0.01px - 1em);flex-basis:calc(25% - 0.01px - var(--grid-gap, 1em));max-width:calc(25% - 0.01px - 1em);max-width:calc(25% - 0.01px - var(--grid-gap, 1em))}.col-4@xs{-ms-flex-preferred-size:calc(33.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(33.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(33.33% - 0.01px - 1em);flex-basis:calc(33.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(33.33% - 0.01px - 1em);max-width:calc(33.33% - 0.01px - var(--grid-gap, 1em))}.col-5@xs{-ms-flex-preferred-size:calc(41.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(41.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(41.66% - 0.01px - 1em);flex-basis:calc(41.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(41.66% - 0.01px - 1em);max-width:calc(41.66% - 0.01px - var(--grid-gap, 1em))}.col-6@xs{-ms-flex-preferred-size:calc(50% - 0.01px - 1em);-ms-flex-preferred-size:calc(50% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(50% - 0.01px - 1em);flex-basis:calc(50% - 0.01px - var(--grid-gap, 1em));max-width:calc(50% - 0.01px - 1em);max-width:calc(50% - 0.01px - var(--grid-gap, 1em))}.col-7@xs{-ms-flex-preferred-size:calc(58.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(58.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(58.33% - 0.01px - 1em);flex-basis:calc(58.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(58.33% - 0.01px - 1em);max-width:calc(58.33% - 0.01px - var(--grid-gap, 1em))}.col-8@xs{-ms-flex-preferred-size:calc(66.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(66.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(66.66% - 0.01px - 1em);flex-basis:calc(66.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(66.66% - 0.01px - 1em);max-width:calc(66.66% - 0.01px - var(--grid-gap, 1em))}.col-9@xs{-ms-flex-preferred-size:calc(75% - 0.01px - 1em);-ms-flex-preferred-size:calc(75% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(75% - 0.01px - 1em);flex-basis:calc(75% - 0.01px - var(--grid-gap, 1em));max-width:calc(75% - 0.01px - 1em);max-width:calc(75% - 0.01px - var(--grid-gap, 1em))}.col-10@xs{-ms-flex-preferred-size:calc(83.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(83.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(83.33% - 0.01px - 1em);flex-basis:calc(83.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(83.33% - 0.01px - 1em);max-width:calc(83.33% - 0.01px - var(--grid-gap, 1em))}.col-11@xs{-ms-flex-preferred-size:calc(91.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(91.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(91.66% - 0.01px - 1em);flex-basis:calc(91.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(91.66% - 0.01px - 1em);max-width:calc(91.66% - 0.01px - var(--grid-gap, 1em))}.col-12@xs{-ms-flex-preferred-size:calc(100% - 0.01px - 1em);-ms-flex-preferred-size:calc(100% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(100% - 0.01px - 1em);flex-basis:calc(100% - 0.01px - var(--grid-gap, 1em));max-width:calc(100% - 0.01px - 1em);max-width:calc(100% - 0.01px - var(--grid-gap, 1em))}}@media (min-width: 48rem){.col@sm{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-1@sm{-ms-flex-preferred-size:calc(8.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(8.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(8.33% - 0.01px - 1em);flex-basis:calc(8.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(8.33% - 0.01px - 1em);max-width:calc(8.33% - 0.01px - var(--grid-gap, 1em))}.col-2@sm{-ms-flex-preferred-size:calc(16.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(16.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(16.66% - 0.01px - 1em);flex-basis:calc(16.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(16.66% - 0.01px - 1em);max-width:calc(16.66% - 0.01px - var(--grid-gap, 1em))}.col-3@sm{-ms-flex-preferred-size:calc(25% - 0.01px - 1em);-ms-flex-preferred-size:calc(25% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(25% - 0.01px - 1em);flex-basis:calc(25% - 0.01px - var(--grid-gap, 1em));max-width:calc(25% - 0.01px - 1em);max-width:calc(25% - 0.01px - var(--grid-gap, 1em))}.col-4@sm{-ms-flex-preferred-size:calc(33.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(33.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(33.33% - 0.01px - 1em);flex-basis:calc(33.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(33.33% - 0.01px - 1em);max-width:calc(33.33% - 0.01px - var(--grid-gap, 1em))}.col-5@sm{-ms-flex-preferred-size:calc(41.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(41.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(41.66% - 0.01px - 1em);flex-basis:calc(41.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(41.66% - 0.01px - 1em);max-width:calc(41.66% - 0.01px - var(--grid-gap, 1em))}.col-6@sm{-ms-flex-preferred-size:calc(50% - 0.01px - 1em);-ms-flex-preferred-size:calc(50% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(50% - 0.01px - 1em);flex-basis:calc(50% - 0.01px - var(--grid-gap, 1em));max-width:calc(50% - 0.01px - 1em);max-width:calc(50% - 0.01px - var(--grid-gap, 1em))}.col-7@sm{-ms-flex-preferred-size:calc(58.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(58.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(58.33% - 0.01px - 1em);flex-basis:calc(58.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(58.33% - 0.01px - 1em);max-width:calc(58.33% - 0.01px - var(--grid-gap, 1em))}.col-8@sm{-ms-flex-preferred-size:calc(66.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(66.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(66.66% - 0.01px - 1em);flex-basis:calc(66.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(66.66% - 0.01px - 1em);max-width:calc(66.66% - 0.01px - var(--grid-gap, 1em))}.col-9@sm{-ms-flex-preferred-size:calc(75% - 0.01px - 1em);-ms-flex-preferred-size:calc(75% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(75% - 0.01px - 1em);flex-basis:calc(75% - 0.01px - var(--grid-gap, 1em));max-width:calc(75% - 0.01px - 1em);max-width:calc(75% - 0.01px - var(--grid-gap, 1em))}.col-10@sm{-ms-flex-preferred-size:calc(83.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(83.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(83.33% - 0.01px - 1em);flex-basis:calc(83.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(83.33% - 0.01px - 1em);max-width:calc(83.33% - 0.01px - var(--grid-gap, 1em))}.col-11@sm{-ms-flex-preferred-size:calc(91.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(91.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(91.66% - 0.01px - 1em);flex-basis:calc(91.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(91.66% - 0.01px - 1em);max-width:calc(91.66% - 0.01px - var(--grid-gap, 1em))}.col-12@sm{-ms-flex-preferred-size:calc(100% - 0.01px - 1em);-ms-flex-preferred-size:calc(100% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(100% - 0.01px - 1em);flex-basis:calc(100% - 0.01px - var(--grid-gap, 1em));max-width:calc(100% - 0.01px - 1em);max-width:calc(100% - 0.01px - var(--grid-gap, 1em))}}@media (min-width: 64rem){.col@md{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-1@md{-ms-flex-preferred-size:calc(8.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(8.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(8.33% - 0.01px - 1em);flex-basis:calc(8.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(8.33% - 0.01px - 1em);max-width:calc(8.33% - 0.01px - var(--grid-gap, 1em))}.col-2@md{-ms-flex-preferred-size:calc(16.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(16.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(16.66% - 0.01px - 1em);flex-basis:calc(16.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(16.66% - 0.01px - 1em);max-width:calc(16.66% - 0.01px - var(--grid-gap, 1em))}.col-3@md{-ms-flex-preferred-size:calc(25% - 0.01px - 1em);-ms-flex-preferred-size:calc(25% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(25% - 0.01px - 1em);flex-basis:calc(25% - 0.01px - var(--grid-gap, 1em));max-width:calc(25% - 0.01px - 1em);max-width:calc(25% - 0.01px - var(--grid-gap, 1em))}.col-4@md{-ms-flex-preferred-size:calc(33.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(33.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(33.33% - 0.01px - 1em);flex-basis:calc(33.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(33.33% - 0.01px - 1em);max-width:calc(33.33% - 0.01px - var(--grid-gap, 1em))}.col-5@md{-ms-flex-preferred-size:calc(41.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(41.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(41.66% - 0.01px - 1em);flex-basis:calc(41.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(41.66% - 0.01px - 1em);max-width:calc(41.66% - 0.01px - var(--grid-gap, 1em))}.col-6@md{-ms-flex-preferred-size:calc(50% - 0.01px - 1em);-ms-flex-preferred-size:calc(50% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(50% - 0.01px - 1em);flex-basis:calc(50% - 0.01px - var(--grid-gap, 1em));max-width:calc(50% - 0.01px - 1em);max-width:calc(50% - 0.01px - var(--grid-gap, 1em))}.col-7@md{-ms-flex-preferred-size:calc(58.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(58.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(58.33% - 0.01px - 1em);flex-basis:calc(58.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(58.33% - 0.01px - 1em);max-width:calc(58.33% - 0.01px - var(--grid-gap, 1em))}.col-8@md{-ms-flex-preferred-size:calc(66.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(66.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(66.66% - 0.01px - 1em);flex-basis:calc(66.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(66.66% - 0.01px - 1em);max-width:calc(66.66% - 0.01px - var(--grid-gap, 1em))}.col-9@md{-ms-flex-preferred-size:calc(75% - 0.01px - 1em);-ms-flex-preferred-size:calc(75% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(75% - 0.01px - 1em);flex-basis:calc(75% - 0.01px - var(--grid-gap, 1em));max-width:calc(75% - 0.01px - 1em);max-width:calc(75% - 0.01px - var(--grid-gap, 1em))}.col-10@md{-ms-flex-preferred-size:calc(83.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(83.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(83.33% - 0.01px - 1em);flex-basis:calc(83.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(83.33% - 0.01px - 1em);max-width:calc(83.33% - 0.01px - var(--grid-gap, 1em))}.col-11@md{-ms-flex-preferred-size:calc(91.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(91.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(91.66% - 0.01px - 1em);flex-basis:calc(91.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(91.66% - 0.01px - 1em);max-width:calc(91.66% - 0.01px - var(--grid-gap, 1em))}.col-12@md{-ms-flex-preferred-size:calc(100% - 0.01px - 1em);-ms-flex-preferred-size:calc(100% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(100% - 0.01px - 1em);flex-basis:calc(100% - 0.01px - var(--grid-gap, 1em));max-width:calc(100% - 0.01px - 1em);max-width:calc(100% - 0.01px - var(--grid-gap, 1em))}}@media (min-width: 80rem){.col@lg{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-1@lg{-ms-flex-preferred-size:calc(8.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(8.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(8.33% - 0.01px - 1em);flex-basis:calc(8.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(8.33% - 0.01px - 1em);max-width:calc(8.33% - 0.01px - var(--grid-gap, 1em))}.col-2@lg{-ms-flex-preferred-size:calc(16.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(16.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(16.66% - 0.01px - 1em);flex-basis:calc(16.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(16.66% - 0.01px - 1em);max-width:calc(16.66% - 0.01px - var(--grid-gap, 1em))}.col-3@lg{-ms-flex-preferred-size:calc(25% - 0.01px - 1em);-ms-flex-preferred-size:calc(25% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(25% - 0.01px - 1em);flex-basis:calc(25% - 0.01px - var(--grid-gap, 1em));max-width:calc(25% - 0.01px - 1em);max-width:calc(25% - 0.01px - var(--grid-gap, 1em))}.col-4@lg{-ms-flex-preferred-size:calc(33.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(33.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(33.33% - 0.01px - 1em);flex-basis:calc(33.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(33.33% - 0.01px - 1em);max-width:calc(33.33% - 0.01px - var(--grid-gap, 1em))}.col-5@lg{-ms-flex-preferred-size:calc(41.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(41.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(41.66% - 0.01px - 1em);flex-basis:calc(41.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(41.66% - 0.01px - 1em);max-width:calc(41.66% - 0.01px - var(--grid-gap, 1em))}.col-6@lg{-ms-flex-preferred-size:calc(50% - 0.01px - 1em);-ms-flex-preferred-size:calc(50% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(50% - 0.01px - 1em);flex-basis:calc(50% - 0.01px - var(--grid-gap, 1em));max-width:calc(50% - 0.01px - 1em);max-width:calc(50% - 0.01px - var(--grid-gap, 1em))}.col-7@lg{-ms-flex-preferred-size:calc(58.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(58.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(58.33% - 0.01px - 1em);flex-basis:calc(58.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(58.33% - 0.01px - 1em);max-width:calc(58.33% - 0.01px - var(--grid-gap, 1em))}.col-8@lg{-ms-flex-preferred-size:calc(66.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(66.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(66.66% - 0.01px - 1em);flex-basis:calc(66.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(66.66% - 0.01px - 1em);max-width:calc(66.66% - 0.01px - var(--grid-gap, 1em))}.col-9@lg{-ms-flex-preferred-size:calc(75% - 0.01px - 1em);-ms-flex-preferred-size:calc(75% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(75% - 0.01px - 1em);flex-basis:calc(75% - 0.01px - var(--grid-gap, 1em));max-width:calc(75% - 0.01px - 1em);max-width:calc(75% - 0.01px - var(--grid-gap, 1em))}.col-10@lg{-ms-flex-preferred-size:calc(83.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(83.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(83.33% - 0.01px - 1em);flex-basis:calc(83.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(83.33% - 0.01px - 1em);max-width:calc(83.33% - 0.01px - var(--grid-gap, 1em))}.col-11@lg{-ms-flex-preferred-size:calc(91.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(91.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(91.66% - 0.01px - 1em);flex-basis:calc(91.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(91.66% - 0.01px - 1em);max-width:calc(91.66% - 0.01px - var(--grid-gap, 1em))}.col-12@lg{-ms-flex-preferred-size:calc(100% - 0.01px - 1em);-ms-flex-preferred-size:calc(100% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(100% - 0.01px - 1em);flex-basis:calc(100% - 0.01px - var(--grid-gap, 1em));max-width:calc(100% - 0.01px - 1em);max-width:calc(100% - 0.01px - var(--grid-gap, 1em))}}@media (min-width: 90rem){.col@xl{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-1@xl{-ms-flex-preferred-size:calc(8.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(8.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(8.33% - 0.01px - 1em);flex-basis:calc(8.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(8.33% - 0.01px - 1em);max-width:calc(8.33% - 0.01px - var(--grid-gap, 1em))}.col-2@xl{-ms-flex-preferred-size:calc(16.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(16.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(16.66% - 0.01px - 1em);flex-basis:calc(16.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(16.66% - 0.01px - 1em);max-width:calc(16.66% - 0.01px - var(--grid-gap, 1em))}.col-3@xl{-ms-flex-preferred-size:calc(25% - 0.01px - 1em);-ms-flex-preferred-size:calc(25% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(25% - 0.01px - 1em);flex-basis:calc(25% - 0.01px - var(--grid-gap, 1em));max-width:calc(25% - 0.01px - 1em);max-width:calc(25% - 0.01px - var(--grid-gap, 1em))}.col-4@xl{-ms-flex-preferred-size:calc(33.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(33.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(33.33% - 0.01px - 1em);flex-basis:calc(33.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(33.33% - 0.01px - 1em);max-width:calc(33.33% - 0.01px - var(--grid-gap, 1em))}.col-5@xl{-ms-flex-preferred-size:calc(41.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(41.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(41.66% - 0.01px - 1em);flex-basis:calc(41.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(41.66% - 0.01px - 1em);max-width:calc(41.66% - 0.01px - var(--grid-gap, 1em))}.col-6@xl{-ms-flex-preferred-size:calc(50% - 0.01px - 1em);-ms-flex-preferred-size:calc(50% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(50% - 0.01px - 1em);flex-basis:calc(50% - 0.01px - var(--grid-gap, 1em));max-width:calc(50% - 0.01px - 1em);max-width:calc(50% - 0.01px - var(--grid-gap, 1em))}.col-7@xl{-ms-flex-preferred-size:calc(58.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(58.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(58.33% - 0.01px - 1em);flex-basis:calc(58.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(58.33% - 0.01px - 1em);max-width:calc(58.33% - 0.01px - var(--grid-gap, 1em))}.col-8@xl{-ms-flex-preferred-size:calc(66.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(66.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(66.66% - 0.01px - 1em);flex-basis:calc(66.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(66.66% - 0.01px - 1em);max-width:calc(66.66% - 0.01px - var(--grid-gap, 1em))}.col-9@xl{-ms-flex-preferred-size:calc(75% - 0.01px - 1em);-ms-flex-preferred-size:calc(75% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(75% - 0.01px - 1em);flex-basis:calc(75% - 0.01px - var(--grid-gap, 1em));max-width:calc(75% - 0.01px - 1em);max-width:calc(75% - 0.01px - var(--grid-gap, 1em))}.col-10@xl{-ms-flex-preferred-size:calc(83.33% - 0.01px - 1em);-ms-flex-preferred-size:calc(83.33% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(83.33% - 0.01px - 1em);flex-basis:calc(83.33% - 0.01px - var(--grid-gap, 1em));max-width:calc(83.33% - 0.01px - 1em);max-width:calc(83.33% - 0.01px - var(--grid-gap, 1em))}.col-11@xl{-ms-flex-preferred-size:calc(91.66% - 0.01px - 1em);-ms-flex-preferred-size:calc(91.66% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(91.66% - 0.01px - 1em);flex-basis:calc(91.66% - 0.01px - var(--grid-gap, 1em));max-width:calc(91.66% - 0.01px - 1em);max-width:calc(91.66% - 0.01px - var(--grid-gap, 1em))}.col-12@xl{-ms-flex-preferred-size:calc(100% - 0.01px - 1em);-ms-flex-preferred-size:calc(100% - 0.01px - var(--grid-gap, 1em));flex-basis:calc(100% - 0.01px - 1em);flex-basis:calc(100% - 0.01px - var(--grid-gap, 1em));max-width:calc(100% - 0.01px - 1em);max-width:calc(100% - 0.01px - var(--grid-gap, 1em))}}:root{--radius-sm: calc(var(--radius, 0.25em)/2);--radius-md: var(--radius, 0.25em);--radius-lg: calc(var(--radius, 0.25em)*2);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .085), 0 1px 8px rgba(0, 0, 0, .1);--shadow-md: 0 1px 8px rgba(0, 0, 0, .1), 0 8px 24px rgba(0, 0, 0, .15);--shadow-lg: 0 1px 8px rgba(0, 0, 0, .1), 0 16px 48px rgba(0, 0, 0, .1), 0 24px 60px rgba(0, 0, 0, .1);--bounce: cubic-bezier(0.175, 0.885, 0.32, 1.275);--ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);--ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);--ease-out: cubic-bezier(0.215, 0.61, 0.355, 1)}:root{--body-line-height: 1.4;--heading-line-height: 1.2}body{font-size:1em;font-size:var(--text-base-size, 1em);font-family:'Roboto Slab', 'Droid Serif', serif;font-family:var(--font-primary, sans-serif);color:hsl(240, 4%, 20%);color:var(--color-contrast-high, #313135)}h1,h2,h3,h4{color:hsl(240, 8%, 12%);color:var(--color-contrast-higher, #1c1c21);line-height:1.2;line-height:var(--heading-line-height, 1.2)}.text-xxxl{font-size:2.48832em;font-size:var(--text-xxxl, 2.488em)}h1,.text-xxl{font-size:2.0736em;font-size:var(--text-xxl, 2.074em)}h2,.text-xl{font-size:1.728em;font-size:var(--text-xl, 1.728em)}h3,.text-lg{font-size:1.44em;font-size:var(--text-lg, 1.44em)}h4,.text-md{font-size:1.2em;font-size:var(--text-md, 1.2em)}small,.text-sm{font-size:0.83333em;font-size:var(--text-sm, 0.833em)}.text-xs{font-size:0.69444em;font-size:var(--text-xs, 0.694em)}strong,.text-bold{font-weight:bold}s{text-decoration:line-through}u,.text-underline{text-decoration:underline}.text-component{--component-body-line-height: calc(var(--body-line-height)*var(--line-height-multiplier, 1));--component-heading-line-height: calc(var(--heading-line-height)*var(--line-height-multiplier, 1))}.text-component h1,.text-component h2,.text-component h3,.text-component h4{line-height:1.2;line-height:var(--component-heading-line-height, 1.2);margin-bottom:0.25em;margin-bottom:calc(var(--space-xxxs)*var(--text-vspace-multiplier, 1))}.text-component h2,.text-component h3,.text-component h4{margin-top:0.75em;margin-top:calc(var(--space-sm)*var(--text-vspace-multiplier, 1))}.text-component p,.text-component blockquote,.text-component ul li,.text-component ol li{line-height:1.4;line-height:var(--component-body-line-height)}.text-component ul,.text-component ol,.text-component p,.text-component blockquote,.text-component .text-component__block{margin-bottom:0.75em;margin-bottom:calc(var(--space-sm)*var(--text-vspace-multiplier, 1))}.text-component ul,.text-component ol{padding-left:1em}.text-component ul{list-style-type:disc}.text-component ol{list-style-type:decimal}.text-component img{display:block;margin:0 auto}.text-component figcaption{text-align:center;margin-top:0.5em;margin-top:var(--space-xs)}.text-component em{font-style:italic}.text-component hr{margin-top:2em;margin-top:calc(var(--space-lg)*var(--text-vspace-multiplier, 1));margin-bottom:2em;margin-bottom:calc(var(--space-lg)*var(--text-vspace-multiplier, 1));margin-left:auto;margin-right:auto}.text-component>*:first-child{margin-top:0}.text-component>*:last-child{margin-bottom:0}.text-component__block--full-width{width:100vw;margin-left:calc(50% - 50vw)}@media (min-width: 48rem){.text-component__block--left,.text-component__block--right{width:45%}.text-component__block--left img,.text-component__block--right img{width:100%}.text-component__block--left{float:left;margin-right:0.75em;margin-right:calc(var(--space-sm)*var(--text-vspace-multiplier, 1))}.text-component__block--right{float:right;margin-left:0.75em;margin-left:calc(var(--space-sm)*var(--text-vspace-multiplier, 1))}}@media (min-width: 90rem){.text-component__block--outset{width:calc(100% + 10.5em);width:calc(100% + 2*var(--space-xxl))}.text-component__block--outset img{width:100%}.text-component__block--outset:not(.text-component__block--right){margin-left:-5.25em;margin-left:calc(-1*var(--space-xxl))}.text-component__block--left,.text-component__block--right{width:50%}.text-component__block--right.text-component__block--outset{margin-right:-5.25em;margin-right:calc(-1*var(--space-xxl))}}:root{--icon-xxs: 12px;--icon-xs:  16px;--icon-sm:  24px;--icon-md:  32px;--icon-lg:  48px;--icon-xl:  64px;--icon-xxl: 128px}.icon{display:inline-block;color:inherit;fill:currentColor;height:1em;width:1em;line-height:1;-ms-flex-negative:0;flex-shrink:0}.icon--xxs{font-size:12px;font-size:var(--icon-xxs)}.icon--xs{font-size:16px;font-size:var(--icon-xs)}.icon--sm{font-size:24px;font-size:var(--icon-sm)}.icon--md{font-size:32px;font-size:var(--icon-md)}.icon--lg{font-size:48px;font-size:var(--icon-lg)}.icon--xl{font-size:64px;font-size:var(--icon-xl)}.icon--xxl{font-size:128px;font-size:var(--icon-xxl)}.icon--is-spinning{-webkit-animation:icon-spin 1s infinite linear;animation:icon-spin 1s infinite linear}@-webkit-keyframes icon-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes icon-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.icon use{color:inherit;fill:currentColor}.btn{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;white-space:nowrap;text-decoration:none;line-height:1;font-size:1em;font-size:var(--btn-font-size, 1em);padding-top:0.5em;padding-top:var(--btn-padding-y, 0.5em);padding-bottom:0.5em;padding-bottom:var(--btn-padding-y, 0.5em);padding-left:0.75em;padding-left:var(--btn-padding-x, 0.75em);padding-right:0.75em;padding-right:var(--btn-padding-x, 0.75em);border-radius:0.25em;border-radius:var(--btn-radius, 0.25em)}.btn--primary{background-color:hsl(220, 90%, 56%);background-color:var(--color-primary, #2a6df4);color:hsl(0, 0%, 100%);color:var(--color-white, #fff)}.btn--subtle{background-color:hsl(240, 1%, 83%);background-color:var(--color-contrast-low, #d3d3d4);color:hsl(240, 8%, 12%);color:var(--color-contrast-higher, #1c1c21)}.btn--accent{background-color:hsl(355, 90%, 61%);background-color:var(--color-accent, #f54251);color:hsl(0, 0%, 100%);color:var(--color-white, #fff)}.btn--disabled{cursor:not-allowed}.btn--sm{font-size:0.8em;font-size:var(--btn-font-size-sm, 0.8em)}.btn--md{font-size:1.2em;font-size:var(--btn-font-size-md, 1.2em)}.btn--lg{font-size:1.4em;font-size:var(--btn-font-size-lg, 1.4em)}.btn--icon{padding:0.5em;padding:var(--btn-padding-y, 0.5em)}.form-control{background-color:hsl(0, 0%, 100%);background-color:var(--color-bg, #f2f2f2);padding-top:0.5em;padding-top:var(--form-control-padding-y, 0.5em);padding-bottom:0.5em;padding-bottom:var(--form-control-padding-y, 0.5em);padding-left:0.75em;padding-left:var(--form-control-padding-x, 0.75em);padding-right:0.75em;padding-right:var(--form-control-padding-x, 0.75em);border-radius:0.25em;border-radius:var(--form-control-radius, 0.25em)}.form-control::-webkit-input-placeholder{color:hsl(240, 1%, 48%);color:var(--color-contrast-medium, #79797c)}.form-control::-moz-placeholder{opacity:1;color:hsl(240, 1%, 48%);color:var(--color-contrast-medium, #79797c)}.form-control:-ms-input-placeholder{color:hsl(240, 1%, 48%);color:var(--color-contrast-medium, #79797c)}.form-control:-moz-placeholder{color:hsl(240, 1%, 48%);color:var(--color-contrast-medium, #79797c)}.form-control[disabled],.form-control[readonly]{cursor:not-allowed}.form-legend{color:hsl(240, 8%, 12%);color:var(--color-contrast-higher, #1c1c21);line-height:1.2;font-size:1.2em;font-size:var(--text-md, 1.2em);margin-bottom:0.375em;margin-bottom:var(--space-xxs)}.form-label{display:inline-block}.form__msg-error{background-color:hsl(355, 90%, 61%);background-color:var(--color-error, #f54251);color:hsl(0, 0%, 100%);color:var(--color-white, #fff);font-size:0.83333em;font-size:var(--text-sm, 0.833em);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0.5em;padding:var(--space-xs);margin-top:0.75em;margin-top:var(--space-sm);border-radius:0.25em;border-radius:var(--radius-md, 0.25em);position:absolute;clip:rect(1px, 1px, 1px, 1px)}.form__msg-error::before{content:'';position:absolute;left:0.75em;left:var(--space-sm);top:0;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);width:0;height:0;border:8px solid transparent;border-bottom-color:hsl(355, 90%, 61%);border-bottom-color:var(--color-error)}.form__msg-error--is-visible{position:relative;clip:auto}.radio-list>*,.checkbox-list>*{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;margin-bottom:0.375em;margin-bottom:var(--space-xxs)}.radio-list>*:last-of-type,.checkbox-list>*:last-of-type{margin-bottom:0}.radio-list label,.checkbox-list label{line-height:1.4;line-height:var(--body-line-height);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.radio-list input,.checkbox-list input{vertical-align:top;margin-right:0.25em;margin-right:var(--space-xxxs);-ms-flex-negative:0;flex-shrink:0}:root{--zindex-header: 2;--zindex-popover: 5;--zindex-fixed-element: 10;--zindex-overlay: 15}@media not all and (min-width: 32rem){.display@xs{display:none !important}}@media (min-width: 32rem){.hide@xs{display:none !important}}@media not all and (min-width: 48rem){.display@sm{display:none !important}}@media (min-width: 48rem){.hide@sm{display:none !important}}@media not all and (min-width: 64rem){.display@md{display:none !important}}@media (min-width: 64rem){.hide@md{display:none !important}}@media not all and (min-width: 80rem){.display@lg{display:none !important}}@media (min-width: 80rem){.hide@lg{display:none !important}}@media not all and (min-width: 90rem){.display@xl{display:none !important}}@media (min-width: 90rem){.hide@xl{display:none !important}}:root{--display: block}.is-visible{display:block !important;display:var(--display) !important}.is-hidden{display:none !important}.sr-only{position:absolute;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0;border:0;white-space:nowrap}.flex{display:-ms-flexbox;display:flex}.inline-flex{display:-ms-inline-flexbox;display:inline-flex}.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-column{-ms-flex-direction:column;flex-direction:column}.flex-row{-ms-flex-direction:row;flex-direction:row}.flex-center{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.justify-start{-ms-flex-pack:start;justify-content:flex-start}.justify-end{-ms-flex-pack:end;justify-content:flex-end}.justify-center{-ms-flex-pack:center;justify-content:center}.justify-between{-ms-flex-pack:justify;justify-content:space-between}.items-center{-ms-flex-align:center;align-items:center}.items-start{-ms-flex-align:start;align-items:flex-start}.items-end{-ms-flex-align:end;align-items:flex-end}@media (min-width: 32rem){.flex-wrap@xs{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-column@xs{-ms-flex-direction:column;flex-direction:column}.flex-row@xs{-ms-flex-direction:row;flex-direction:row}.flex-center@xs{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.justify-start@xs{-ms-flex-pack:start;justify-content:flex-start}.justify-end@xs{-ms-flex-pack:end;justify-content:flex-end}.justify-center@xs{-ms-flex-pack:center;justify-content:center}.justify-between@xs{-ms-flex-pack:justify;justify-content:space-between}.items-center@xs{-ms-flex-align:center;align-items:center}.items-start@xs{-ms-flex-align:start;align-items:flex-start}.items-end@xs{-ms-flex-align:end;align-items:flex-end}}@media (min-width: 48rem){.flex-wrap@sm{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-column@sm{-ms-flex-direction:column;flex-direction:column}.flex-row@sm{-ms-flex-direction:row;flex-direction:row}.flex-center@sm{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.justify-start@sm{-ms-flex-pack:start;justify-content:flex-start}.justify-end@sm{-ms-flex-pack:end;justify-content:flex-end}.justify-center@sm{-ms-flex-pack:center;justify-content:center}.justify-between@sm{-ms-flex-pack:justify;justify-content:space-between}.items-center@sm{-ms-flex-align:center;align-items:center}.items-start@sm{-ms-flex-align:start;align-items:flex-start}.items-end@sm{-ms-flex-align:end;align-items:flex-end}}@media (min-width: 64rem){.flex-wrap@md{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-column@md{-ms-flex-direction:column;flex-direction:column}.flex-row@md{-ms-flex-direction:row;flex-direction:row}.flex-center@md{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.justify-start@md{-ms-flex-pack:start;justify-content:flex-start}.justify-end@md{-ms-flex-pack:end;justify-content:flex-end}.justify-center@md{-ms-flex-pack:center;justify-content:center}.justify-between@md{-ms-flex-pack:justify;justify-content:space-between}.items-center@md{-ms-flex-align:center;align-items:center}.items-start@md{-ms-flex-align:start;align-items:flex-start}.items-end@md{-ms-flex-align:end;align-items:flex-end}}@media (min-width: 80rem){.flex-wrap@lg{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-column@lg{-ms-flex-direction:column;flex-direction:column}.flex-row@lg{-ms-flex-direction:row;flex-direction:row}.flex-center@lg{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.justify-start@lg{-ms-flex-pack:start;justify-content:flex-start}.justify-end@lg{-ms-flex-pack:end;justify-content:flex-end}.justify-center@lg{-ms-flex-pack:center;justify-content:center}.justify-between@lg{-ms-flex-pack:justify;justify-content:space-between}.items-center@lg{-ms-flex-align:center;align-items:center}.items-start@lg{-ms-flex-align:start;align-items:flex-start}.items-end@lg{-ms-flex-align:end;align-items:flex-end}}@media (min-width: 90rem){.flex-wrap@xl{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-column@xl{-ms-flex-direction:column;flex-direction:column}.flex-row@xl{-ms-flex-direction:row;flex-direction:row}.flex-center@xl{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.justify-start@xl{-ms-flex-pack:start;justify-content:flex-start}.justify-end@xl{-ms-flex-pack:end;justify-content:flex-end}.justify-center@xl{-ms-flex-pack:center;justify-content:center}.justify-between@xl{-ms-flex-pack:justify;justify-content:space-between}.items-center@xl{-ms-flex-align:center;align-items:center}.items-start@xl{-ms-flex-align:start;align-items:flex-start}.items-end@xl{-ms-flex-align:end;align-items:flex-end}}.flex-grow{-ms-flex-positive:1;flex-grow:1}.flex-shrink-0{-ms-flex-negative:0;flex-shrink:0}.flex-gap-xxxs{margin-bottom:-0.25em;margin-bottom:calc(-1*var(--space-xxxs));margin-right:-0.25em;margin-right:calc(-1*var(--space-xxxs))}.flex-gap-xxxs>*{margin-bottom:0.25em;margin-bottom:var(--space-xxxs);margin-right:0.25em;margin-right:var(--space-xxxs)}.flex-gap-xxs{margin-bottom:-0.375em;margin-bottom:calc(-1*var(--space-xxs));margin-right:-0.375em;margin-right:calc(-1*var(--space-xxs))}.flex-gap-xxs>*{margin-bottom:0.375em;margin-bottom:var(--space-xxs);margin-right:0.375em;margin-right:var(--space-xxs)}.flex-gap-xs{margin-bottom:-0.5em;margin-bottom:calc(-1*var(--space-xs));margin-right:-0.5em;margin-right:calc(-1*var(--space-xs))}.flex-gap-xs>*{margin-bottom:0.5em;margin-bottom:var(--space-xs);margin-right:0.5em;margin-right:var(--space-xs)}.flex-gap-sm{margin-bottom:-0.75em;margin-bottom:calc(-1*var(--space-sm));margin-right:-0.75em;margin-right:calc(-1*var(--space-sm))}.flex-gap-sm>*{margin-bottom:0.75em;margin-bottom:var(--space-sm);margin-right:0.75em;margin-right:var(--space-sm)}.flex-gap-md{margin-bottom:-1.25em;margin-bottom:calc(-1*var(--space-md));margin-right:-1.25em;margin-right:calc(-1*var(--space-md))}.flex-gap-md>*{margin-bottom:1.25em;margin-bottom:var(--space-md);margin-right:1.25em;margin-right:var(--space-md)}.flex-gap-lg{margin-bottom:-2em;margin-bottom:calc(-1*var(--space-lg));margin-right:-2em;margin-right:calc(-1*var(--space-lg))}.flex-gap-lg>*{margin-bottom:2em;margin-bottom:var(--space-lg);margin-right:2em;margin-right:var(--space-lg)}.flex-gap-xl{margin-bottom:-3.25em;margin-bottom:calc(-1*var(--space-xl));margin-right:-3.25em;margin-right:calc(-1*var(--space-xl))}.flex-gap-xl>*{margin-bottom:3.25em;margin-bottom:var(--space-xl);margin-right:3.25em;margin-right:var(--space-xl)}.flex-gap-xxl{margin-bottom:-5.25em;margin-bottom:calc(-1*var(--space-xxl));margin-right:-5.25em;margin-right:calc(-1*var(--space-xxl))}.flex-gap-xxl>*{margin-bottom:5.25em;margin-bottom:var(--space-xxl);margin-right:5.25em;margin-right:var(--space-xxl)}.margin-xxxxs{margin:0.125em;margin:var(--space-xxxxs)}.margin-xxxs{margin:0.25em;margin:var(--space-xxxs)}.margin-xxs{margin:0.375em;margin:var(--space-xxs)}.margin-xs{margin:0.5em;margin:var(--space-xs)}.margin-sm{margin:0.75em;margin:var(--space-sm)}.margin-md{margin:1.25em;margin:var(--space-md)}.margin-lg{margin:2em;margin:var(--space-lg)}.margin-xl{margin:3.25em;margin:var(--space-xl)}.margin-xxl{margin:5.25em;margin:var(--space-xxl)}.margin-xxxl{margin:8.5em;margin:var(--space-xxxl)}.margin-xxxxl{margin:13.75em;margin:var(--space-xxxxl)}.margin-auto{margin:auto}.margin-top-xxxxs{margin-top:0.125em;margin-top:var(--space-xxxxs)}.margin-top-xxxs{margin-top:0.25em;margin-top:var(--space-xxxs)}.margin-top-xxs{margin-top:0.375em;margin-top:var(--space-xxs)}.margin-top-xs{margin-top:0.5em;margin-top:var(--space-xs)}.margin-top-sm{margin-top:0.75em;margin-top:var(--space-sm)}.margin-top-md{margin-top:1.25em;margin-top:var(--space-md)}.margin-top-lg{margin-top:2em;margin-top:var(--space-lg)}.margin-top-xl{margin-top:3.25em;margin-top:var(--space-xl)}.margin-top-xxl{margin-top:5.25em;margin-top:var(--space-xxl)}.margin-top-xxxl{margin-top:8.5em;margin-top:var(--space-xxxl)}.margin-top-xxxxl{margin-top:13.75em;margin-top:var(--space-xxxxl)}.margin-top-auto{margin-top:auto}.margin-bottom-xxxxs{margin-bottom:0.125em;margin-bottom:var(--space-xxxxs)}.margin-bottom-xxxs{margin-bottom:0.25em;margin-bottom:var(--space-xxxs)}.margin-bottom-xxs{margin-bottom:0.375em;margin-bottom:var(--space-xxs)}.margin-bottom-xs{margin-bottom:0.5em;margin-bottom:var(--space-xs)}.margin-bottom-sm{margin-bottom:0.75em;margin-bottom:var(--space-sm)}.margin-bottom-md{margin-bottom:1.25em;margin-bottom:var(--space-md)}.margin-bottom-lg{margin-bottom:2em;margin-bottom:var(--space-lg)}.margin-bottom-xl{margin-bottom:3.25em;margin-bottom:var(--space-xl)}.margin-bottom-xxl{margin-bottom:5.25em;margin-bottom:var(--space-xxl)}.margin-bottom-xxxl{margin-bottom:8.5em;margin-bottom:var(--space-xxxl)}.margin-bottom-xxxxl{margin-bottom:13.75em;margin-bottom:var(--space-xxxxl)}.margin-bottom-auto{margin-bottom:auto}.margin-right-xxxxs{margin-right:0.125em;margin-right:var(--space-xxxxs)}.margin-right-xxxs{margin-right:0.25em;margin-right:var(--space-xxxs)}.margin-right-xxs{margin-right:0.375em;margin-right:var(--space-xxs)}.margin-right-xs{margin-right:0.5em;margin-right:var(--space-xs)}.margin-right-sm{margin-right:0.75em;margin-right:var(--space-sm)}.margin-right-md{margin-right:1.25em;margin-right:var(--space-md)}.margin-right-lg{margin-right:2em;margin-right:var(--space-lg)}.margin-right-xl{margin-right:3.25em;margin-right:var(--space-xl)}.margin-right-xxl{margin-right:5.25em;margin-right:var(--space-xxl)}.margin-right-xxxl{margin-right:8.5em;margin-right:var(--space-xxxl)}.margin-right-xxxxl{margin-right:13.75em;margin-right:var(--space-xxxxl)}.margin-right-auto{margin-right:auto}.margin-left-xxxxs{margin-left:0.125em;margin-left:var(--space-xxxxs)}.margin-left-xxxs{margin-left:0.25em;margin-left:var(--space-xxxs)}.margin-left-xxs{margin-left:0.375em;margin-left:var(--space-xxs)}.margin-left-xs{margin-left:0.5em;margin-left:var(--space-xs)}.margin-left-sm{margin-left:0.75em;margin-left:var(--space-sm)}.margin-left-md{margin-left:1.25em;margin-left:var(--space-md)}.margin-left-lg{margin-left:2em;margin-left:var(--space-lg)}.margin-left-xl{margin-left:3.25em;margin-left:var(--space-xl)}.margin-left-xxl{margin-left:5.25em;margin-left:var(--space-xxl)}.margin-left-xxxl{margin-left:8.5em;margin-left:var(--space-xxxl)}.margin-left-xxxxl{margin-left:13.75em;margin-left:var(--space-xxxxl)}.margin-left-auto{margin-left:auto}.margin-x-xxxxs{margin-left:0.125em;margin-left:var(--space-xxxxs);margin-right:0.125em;margin-right:var(--space-xxxxs)}.margin-x-xxxs{margin-left:0.25em;margin-left:var(--space-xxxs);margin-right:0.25em;margin-right:var(--space-xxxs)}.margin-x-xxs{margin-left:0.375em;margin-left:var(--space-xxs);margin-right:0.375em;margin-right:var(--space-xxs)}.margin-x-xs{margin-left:0.5em;margin-left:var(--space-xs);margin-right:0.5em;margin-right:var(--space-xs)}.margin-x-sm{margin-left:0.75em;margin-left:var(--space-sm);margin-right:0.75em;margin-right:var(--space-sm)}.margin-x-md{margin-left:1.25em;margin-left:var(--space-md);margin-right:1.25em;margin-right:var(--space-md)}.margin-x-lg{margin-left:2em;margin-left:var(--space-lg);margin-right:2em;margin-right:var(--space-lg)}.margin-x-xl{margin-left:3.25em;margin-left:var(--space-xl);margin-right:3.25em;margin-right:var(--space-xl)}.margin-x-xxl{margin-left:5.25em;margin-left:var(--space-xxl);margin-right:5.25em;margin-right:var(--space-xxl)}.margin-x-xxxl{margin-left:8.5em;margin-left:var(--space-xxxl);margin-right:8.5em;margin-right:var(--space-xxxl)}.margin-x-xxxxl{margin-left:13.75em;margin-left:var(--space-xxxxl);margin-right:13.75em;margin-right:var(--space-xxxxl)}.margin-x-auto{margin-left:auto;margin-right:auto}.margin-y-xxxxs{margin-top:0.125em;margin-top:var(--space-xxxxs);margin-bottom:0.125em;margin-bottom:var(--space-xxxxs)}.margin-y-xxxs{margin-top:0.25em;margin-top:var(--space-xxxs);margin-bottom:0.25em;margin-bottom:var(--space-xxxs)}.margin-y-xxs{margin-top:0.375em;margin-top:var(--space-xxs);margin-bottom:0.375em;margin-bottom:var(--space-xxs)}.margin-y-xs{margin-top:0.5em;margin-top:var(--space-xs);margin-bottom:0.5em;margin-bottom:var(--space-xs)}.margin-y-sm{margin-top:0.75em;margin-top:var(--space-sm);margin-bottom:0.75em;margin-bottom:var(--space-sm)}.margin-y-md{margin-top:1.25em;margin-top:var(--space-md);margin-bottom:1.25em;margin-bottom:var(--space-md)}.margin-y-lg{margin-top:2em;margin-top:var(--space-lg);margin-bottom:2em;margin-bottom:var(--space-lg)}.margin-y-xl{margin-top:3.25em;margin-top:var(--space-xl);margin-bottom:3.25em;margin-bottom:var(--space-xl)}.margin-y-xxl{margin-top:5.25em;margin-top:var(--space-xxl);margin-bottom:5.25em;margin-bottom:var(--space-xxl)}.margin-y-xxxl{margin-top:8.5em;margin-top:var(--space-xxxl);margin-bottom:8.5em;margin-bottom:var(--space-xxxl)}.margin-y-xxxxl{margin-top:13.75em;margin-top:var(--space-xxxxl);margin-bottom:13.75em;margin-bottom:var(--space-xxxxl)}.margin-y-auto{margin-top:auto;margin-bottom:auto}@media not all and (min-width: 32rem){.has-margin@xs{margin:0 !important}}@media not all and (min-width: 48rem){.has-margin@sm{margin:0 !important}}@media not all and (min-width: 64rem){.has-margin@md{margin:0 !important}}@media not all and (min-width: 80rem){.has-margin@lg{margin:0 !important}}@media not all and (min-width: 90rem){.has-margin@xl{margin:0 !important}}.padding-md{padding:1.25em;padding:var(--space-md)}.padding-xxxxs{padding:0.125em;padding:var(--space-xxxxs)}.padding-xxxs{padding:0.25em;padding:var(--space-xxxs)}.padding-xxs{padding:0.375em;padding:var(--space-xxs)}.padding-xs{padding:0.5em;padding:var(--space-xs)}.padding-sm{padding:0.75em;padding:var(--space-sm)}.padding-lg{padding:2em;padding:var(--space-lg)}.padding-xl{padding:3.25em;padding:var(--space-xl)}.padding-xxl{padding:5.25em;padding:var(--space-xxl)}.padding-xxxl{padding:8.5em;padding:var(--space-xxxl)}.padding-xxxxl{padding:13.75em;padding:var(--space-xxxxl)}.padding-component{padding:1.25em;padding:var(--component-padding)}.padding-top-md{padding-top:1.25em;padding-top:var(--space-md)}.padding-top-xxxxs{padding-top:0.125em;padding-top:var(--space-xxxxs)}.padding-top-xxxs{padding-top:0.25em;padding-top:var(--space-xxxs)}.padding-top-xxs{padding-top:0.375em;padding-top:var(--space-xxs)}.padding-top-xs{padding-top:0.5em;padding-top:var(--space-xs)}.padding-top-sm{padding-top:0.75em;padding-top:var(--space-sm)}.padding-top-lg{padding-top:2em;padding-top:var(--space-lg)}.padding-top-xl{padding-top:3.25em;padding-top:var(--space-xl)}.padding-top-xxl{padding-top:5.25em;padding-top:var(--space-xxl)}.padding-top-xxxl{padding-top:8.5em;padding-top:var(--space-xxxl)}.padding-top-xxxxl{padding-top:13.75em;padding-top:var(--space-xxxxl)}.padding-top-component{padding-top:1.25em;padding-top:var(--component-padding)}.padding-bottom-md{padding-bottom:1.25em;padding-bottom:var(--space-md)}.padding-bottom-xxxxs{padding-bottom:0.125em;padding-bottom:var(--space-xxxxs)}.padding-bottom-xxxs{padding-bottom:0.25em;padding-bottom:var(--space-xxxs)}.padding-bottom-xxs{padding-bottom:0.375em;padding-bottom:var(--space-xxs)}.padding-bottom-xs{padding-bottom:0.5em;padding-bottom:var(--space-xs)}.padding-bottom-sm{padding-bottom:0.75em;padding-bottom:var(--space-sm)}.padding-bottom-lg{padding-bottom:2em;padding-bottom:var(--space-lg)}.padding-bottom-xl{padding-bottom:3.25em;padding-bottom:var(--space-xl)}.padding-bottom-xxl{padding-bottom:5.25em;padding-bottom:var(--space-xxl)}.padding-bottom-xxxl{padding-bottom:8.5em;padding-bottom:var(--space-xxxl)}.padding-bottom-xxxxl{padding-bottom:13.75em;padding-bottom:var(--space-xxxxl)}.padding-bottom-component{padding-bottom:1.25em;padding-bottom:var(--component-padding)}.padding-right-md{padding-right:1.25em;padding-right:var(--space-md)}.padding-right-xxxxs{padding-right:0.125em;padding-right:var(--space-xxxxs)}.padding-right-xxxs{padding-right:0.25em;padding-right:var(--space-xxxs)}.padding-right-xxs{padding-right:0.375em;padding-right:var(--space-xxs)}.padding-right-xs{padding-right:0.5em;padding-right:var(--space-xs)}.padding-right-sm{padding-right:0.75em;padding-right:var(--space-sm)}.padding-right-lg{padding-right:2em;padding-right:var(--space-lg)}.padding-right-xl{padding-right:3.25em;padding-right:var(--space-xl)}.padding-right-xxl{padding-right:5.25em;padding-right:var(--space-xxl)}.padding-right-xxxl{padding-right:8.5em;padding-right:var(--space-xxxl)}.padding-right-xxxxl{padding-right:13.75em;padding-right:var(--space-xxxxl)}.padding-right-component{padding-right:1.25em;padding-right:var(--component-padding)}.padding-left-md{padding-left:1.25em;padding-left:var(--space-md)}.padding-left-xxxxs{padding-left:0.125em;padding-left:var(--space-xxxxs)}.padding-left-xxxs{padding-left:0.25em;padding-left:var(--space-xxxs)}.padding-left-xxs{padding-left:0.375em;padding-left:var(--space-xxs)}.padding-left-xs{padding-left:0.5em;padding-left:var(--space-xs)}.padding-left-sm{padding-left:0.75em;padding-left:var(--space-sm)}.padding-left-lg{padding-left:2em;padding-left:var(--space-lg)}.padding-left-xl{padding-left:3.25em;padding-left:var(--space-xl)}.padding-left-xxl{padding-left:5.25em;padding-left:var(--space-xxl)}.padding-left-xxxl{padding-left:8.5em;padding-left:var(--space-xxxl)}.padding-left-xxxxl{padding-left:13.75em;padding-left:var(--space-xxxxl)}.padding-left-component{padding-left:1.25em;padding-left:var(--component-padding)}.padding-x-md{padding-left:1.25em;padding-left:var(--space-md);padding-right:1.25em;padding-right:var(--space-md)}.padding-x-xxxxs{padding-left:0.125em;padding-left:var(--space-xxxxs);padding-right:0.125em;padding-right:var(--space-xxxxs)}.padding-x-xxxs{padding-left:0.25em;padding-left:var(--space-xxxs);padding-right:0.25em;padding-right:var(--space-xxxs)}.padding-x-xxs{padding-left:0.375em;padding-left:var(--space-xxs);padding-right:0.375em;padding-right:var(--space-xxs)}.padding-x-xs{padding-left:0.5em;padding-left:var(--space-xs);padding-right:0.5em;padding-right:var(--space-xs)}.padding-x-sm{padding-left:0.75em;padding-left:var(--space-sm);padding-right:0.75em;padding-right:var(--space-sm)}.padding-x-lg{padding-left:2em;padding-left:var(--space-lg);padding-right:2em;padding-right:var(--space-lg)}.padding-x-xl{padding-left:3.25em;padding-left:var(--space-xl);padding-right:3.25em;padding-right:var(--space-xl)}.padding-x-xxl{padding-left:5.25em;padding-left:var(--space-xxl);padding-right:5.25em;padding-right:var(--space-xxl)}.padding-x-xxxl{padding-left:8.5em;padding-left:var(--space-xxxl);padding-right:8.5em;padding-right:var(--space-xxxl)}.padding-x-xxxxl{padding-left:13.75em;padding-left:var(--space-xxxxl);padding-right:13.75em;padding-right:var(--space-xxxxl)}.padding-x-component{padding-left:1.25em;padding-left:var(--component-padding);padding-right:1.25em;padding-right:var(--component-padding)}.padding-y-md{padding-top:1.25em;padding-top:var(--space-md);padding-bottom:1.25em;padding-bottom:var(--space-md)}.padding-y-xxxxs{padding-top:0.125em;padding-top:var(--space-xxxxs);padding-bottom:0.125em;padding-bottom:var(--space-xxxxs)}.padding-y-xxxs{padding-top:0.25em;padding-top:var(--space-xxxs);padding-bottom:0.25em;padding-bottom:var(--space-xxxs)}.padding-y-xxs{padding-top:0.375em;padding-top:var(--space-xxs);padding-bottom:0.375em;padding-bottom:var(--space-xxs)}.padding-y-xs{padding-top:0.5em;padding-top:var(--space-xs);padding-bottom:0.5em;padding-bottom:var(--space-xs)}.padding-y-sm{padding-top:0.75em;padding-top:var(--space-sm);padding-bottom:0.75em;padding-bottom:var(--space-sm)}.padding-y-lg{padding-top:2em;padding-top:var(--space-lg);padding-bottom:2em;padding-bottom:var(--space-lg)}.padding-y-xl{padding-top:3.25em;padding-top:var(--space-xl);padding-bottom:3.25em;padding-bottom:var(--space-xl)}.padding-y-xxl{padding-top:5.25em;padding-top:var(--space-xxl);padding-bottom:5.25em;padding-bottom:var(--space-xxl)}.padding-y-xxxl{padding-top:8.5em;padding-top:var(--space-xxxl);padding-bottom:8.5em;padding-bottom:var(--space-xxxl)}.padding-y-xxxxl{padding-top:13.75em;padding-top:var(--space-xxxxl);padding-bottom:13.75em;padding-bottom:var(--space-xxxxl)}.padding-y-component{padding-top:1.25em;padding-top:var(--component-padding);padding-bottom:1.25em;padding-bottom:var(--component-padding)}@media not all and (min-width: 32rem){.has-padding@xs{padding:0 !important}}@media not all and (min-width: 48rem){.has-padding@sm{padding:0 !important}}@media not all and (min-width: 64rem){.has-padding@md{padding:0 !important}}@media not all and (min-width: 80rem){.has-padding@lg{padding:0 !important}}@media not all and (min-width: 90rem){.has-padding@xl{padding:0 !important}}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-replace{overflow:hidden;color:transparent;text-indent:100%;white-space:nowrap}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}@media (min-width: 32rem){.text-center@xs{text-align:center}.text-left@xs{text-align:left}.text-right@xs{text-align:right}}@media (min-width: 48rem){.text-center@sm{text-align:center}.text-left@sm{text-align:left}.text-right@sm{text-align:right}}@media (min-width: 64rem){.text-center@md{text-align:center}.text-left@md{text-align:left}.text-right@md{text-align:right}}@media (min-width: 80rem){.text-center@lg{text-align:center}.text-left@lg{text-align:left}.text-right@lg{text-align:right}}@media (min-width: 90rem){.text-center@xl{text-align:center}.text-left@xl{text-align:left}.text-right@xl{text-align:right}}.color-inherit{color:inherit}.color-contrast-medium{color:hsl(240, 1%, 48%);color:var(--color-contrast-medium, #79797c)}.color-contrast-high{color:hsl(240, 4%, 20%);color:var(--color-contrast-high, #313135)}.color-contrast-higher{color:hsl(240, 8%, 12%);color:var(--color-contrast-higher, #1c1c21)}.color-primary{color:hsl(220, 90%, 56%);color:var(--color-primary, #2a6df4)}.color-accent{color:hsl(355, 90%, 61%);color:var(--color-accent, #f54251)}.color-success{color:hsl(94, 48%, 56%);color:var(--color-success, #88c559)}.color-warning{color:hsl(46, 100%, 61%);color:var(--color-warning, #ffd138)}.color-error{color:hsl(355, 90%, 61%);color:var(--color-error, #f54251)}.width-100%{width:100%}.height-100%{height:100%}.media-wrapper{position:relative;height:0;padding-bottom:56.25%}.media-wrapper iframe,.media-wrapper video,.media-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%}.media-wrapper video,.media-wrapper img{-o-object-fit:cover;object-fit:cover}.media-wrapper--4:3{padding-bottom:75%}:root,[data-theme="default"]{--color-primary-darker:hsl(220, 90%, 36%);--color-primary-darker-h:220;--color-primary-darker-s:90%;--color-primary-darker-l:36%;--color-primary-dark:hsl(220, 90%, 46%);--color-primary-dark-h:220;--color-primary-dark-s:90%;--color-primary-dark-l:46%;--color-primary:hsl(220, 90%, 56%);--color-primary-h:220;--color-primary-s:90%;--color-primary-l:56%;--color-primary-light:hsl(220, 90%, 66%);--color-primary-light-h:220;--color-primary-light-s:90%;--color-primary-light-l:66%;--color-primary-lighter:hsl(220, 90%, 76%);--color-primary-lighter-h:220;--color-primary-lighter-s:90%;--color-primary-lighter-l:76%;--color-accent-darker:hsl(355, 90%, 41%);--color-accent-darker-h:355;--color-accent-darker-s:90%;--color-accent-darker-l:41%;--color-accent-dark:hsl(355, 90%, 51%);--color-accent-dark-h:355;--color-accent-dark-s:90%;--color-accent-dark-l:51%;--color-accent:hsl(355, 90%, 61%);--color-accent-h:355;--color-accent-s:90%;--color-accent-l:61%;--color-accent-light:hsl(355, 90%, 71%);--color-accent-light-h:355;--color-accent-light-s:90%;--color-accent-light-l:71%;--color-accent-lighter:hsl(355, 90%, 81%);--color-accent-lighter-h:355;--color-accent-lighter-s:90%;--color-accent-lighter-l:81%;--color-black:hsl(240, 8%, 12%);--color-black-h:240;--color-black-s:8%;--color-black-l:12%;--color-white:hsl(0, 0%, 100%);--color-white-h:0;--color-white-s:0%;--color-white-l:100%;--color-success-darker:hsl(94, 48%, 36%);--color-success-darker-h:94;--color-success-darker-s:48%;--color-success-darker-l:36%;--color-success-dark:hsl(94, 48%, 46%);--color-success-dark-h:94;--color-success-dark-s:48%;--color-success-dark-l:46%;--color-success:hsl(94, 48%, 56%);--color-success-h:94;--color-success-s:48%;--color-success-l:56%;--color-success-light:hsl(94, 48%, 66%);--color-success-light-h:94;--color-success-light-s:48%;--color-success-light-l:66%;--color-success-lighter:hsl(94, 48%, 76%);--color-success-lighter-h:94;--color-success-lighter-s:48%;--color-success-lighter-l:76%;--color-error-darker:hsl(355, 90%, 41%);--color-error-darker-h:355;--color-error-darker-s:90%;--color-error-darker-l:41%;--color-error-dark:hsl(355, 90%, 51%);--color-error-dark-h:355;--color-error-dark-s:90%;--color-error-dark-l:51%;--color-error:hsl(355, 90%, 61%);--color-error-h:355;--color-error-s:90%;--color-error-l:61%;--color-error-light:hsl(355, 90%, 71%);--color-error-light-h:355;--color-error-light-s:90%;--color-error-light-l:71%;--color-error-lighter:hsl(355, 90%, 81%);--color-error-lighter-h:355;--color-error-lighter-s:90%;--color-error-lighter-l:81%;--color-warning-darker:hsl(46, 100%, 41%);--color-warning-darker-h:46;--color-warning-darker-s:100%;--color-warning-darker-l:41%;--color-warning-dark:hsl(46, 100%, 51%);--color-warning-dark-h:46;--color-warning-dark-s:100%;--color-warning-dark-l:51%;--color-warning:hsl(46, 100%, 61%);--color-warning-h:46;--color-warning-s:100%;--color-warning-l:61%;--color-warning-light:hsl(46, 100%, 71%);--color-warning-light-h:46;--color-warning-light-s:100%;--color-warning-light-l:71%;--color-warning-lighter:hsl(46, 100%, 81%);--color-warning-lighter-h:46;--color-warning-lighter-s:100%;--color-warning-lighter-l:81%;--color-bg:hsl(0, 0%, 100%);--color-bg-h:0;--color-bg-s:0%;--color-bg-l:100%;--color-contrast-lower:hsl(0, 0%, 95%);--color-contrast-lower-h:0;--color-contrast-lower-s:0%;--color-contrast-lower-l:95%;--color-contrast-low:hsl(240, 1%, 83%);--color-contrast-low-h:240;--color-contrast-low-s:1%;--color-contrast-low-l:83%;--color-contrast-medium:hsl(240, 1%, 48%);--color-contrast-medium-h:240;--color-contrast-medium-s:1%;--color-contrast-medium-l:48%;--color-contrast-high:hsl(240, 4%, 20%);--color-contrast-high-h:240;--color-contrast-high-s:4%;--color-contrast-high-l:20%;--color-contrast-higher:hsl(240, 8%, 12%);--color-contrast-higher-h:240;--color-contrast-higher-s:8%;--color-contrast-higher-l:12%}@supports (--css: variables){@media (min-width: 64rem){:root{--space-unit:  1.25em}}}:root{--radius: 0.25em}:root{--font-primary: sans-serif;--text-base-size: 1em;--text-scale-ratio: 1.2;--text-xs: calc(1em/var(--text-scale-ratio)/var(--text-scale-ratio));--text-sm: calc(var(--text-xs)*var(--text-scale-ratio));--text-md: calc(var(--text-sm)*var(--text-scale-ratio)*var(--text-scale-ratio));--text-lg: calc(var(--text-md)*var(--text-scale-ratio));--text-xl: calc(var(--text-lg)*var(--text-scale-ratio));--text-xxl: calc(var(--text-xl)*var(--text-scale-ratio));--text-xxxl: calc(var(--text-xxl)*var(--text-scale-ratio));--body-line-height: 1.4;--heading-line-height: 1.2;--font-primary-capital-letter: 1}@supports (--css: variables){@media (min-width: 64rem){:root{--text-base-size: 1.25em;--text-scale-ratio: 1.25}}}mark{background-color:hsla(355, 90%, 61%, 0.2);background-color:hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), 0.2);color:inherit}.text-component{--line-height-multiplier: 1;--text-vspace-multiplier: 1}.text-component blockquote{padding-left:1em;border-left:4px solid hsl(240, 1%, 83%);border-left:4px solid var(--color-contrast-low)}.text-component hr{background:hsl(240, 1%, 83%);background:var(--color-contrast-low);height:1px}.text-component figcaption{font-size:0.83333em;font-size:var(--text-sm);color:hsl(240, 1%, 48%);color:var(--color-contrast-medium)}.article.text-component{--line-height-multiplier: 1.13;--text-vspace-multiplier: 1.2}:root{--btn-font-size: 1em;--btn-font-size-sm: calc(var(--btn-font-size) - 0.2em);--btn-font-size-md: calc(var(--btn-font-size) + 0.2em);--btn-font-size-lg: calc(var(--btn-font-size) + 0.4em);--btn-radius: 0.25em;--btn-padding-x: var(--space-sm);--btn-padding-y: var(--space-xs)}.btn{--color-shadow: hsla(240, 8%, 12%, 0.15);--color-shadow: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.15);box-shadow:0 4px 16px hsla(240, 8%, 12%, 0.15);box-shadow:0 4px 16px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.15);cursor:pointer}.btn--primary{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn--accent{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn--disabled{opacity:0.6}:root{--form-control-padding-x: var(--space-sm);--form-control-padding-y: var(--space-xs);--form-control-radius: 0.25em}.form-control{border:2px solid hsl(240, 1%, 83%);border:2px solid var(--color-contrast-low)}.form-control:focus{outline:none;border-color:hsl(220, 90%, 56%);border-color:var(--color-primary);--color-shadow: hsla(220, 90%, 56%, 0.2);--color-shadow: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2);box-shadow:undefined;box-shadow:0 0 0 3px var(--color-shadow)}.form-control:focus:focus{box-shadow:0 0 0 3px hsla(220, 90%, 56%, 0.2);box-shadow:0 0 0 3px var(--color-shadow)}.form-control[aria-invalid="true"]{border-color:hsl(355, 90%, 61%);border-color:var(--color-error)}.form-control[aria-invalid="true"]:focus{--color-shadow: hsla(355, 90%, 61%, 0.2);--color-shadow: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), 0.2);box-shadow:undefined;box-shadow:0 0 0 3px var(--color-shadow)}.form-control[aria-invalid="true"]:focus:focus{box-shadow:0 0 0 3px hsla(355, 90%, 61%, 0.2);box-shadow:0 0 0 3px var(--color-shadow)}.form-label{font-size:0.83333em;font-size:var(--text-sm)}:root{--cd-color-1:hsl(206, 21%, 24%);--cd-color-1-h:206;--cd-color-1-s:21%;--cd-color-1-l:24%;--cd-color-2:hsl(205, 38%, 89%);--cd-color-2-h:205;--cd-color-2-s:38%;--cd-color-2-l:89%;--cd-color-3:hsl(207, 10%, 55%);--cd-color-3-h:207;--cd-color-3-s:10%;--cd-color-3-l:55%;--cd-color-4:hsl(111, 51%, 60%);--cd-color-4-h:111;--cd-color-4-s:51%;--cd-color-4-l:60%;--cd-color-5:hsl(356, 53%, 49%);--cd-color-5-h:356;--cd-color-5-s:53%;--cd-color-5-l:49%;--cd-color-6:hsl(47, 85%, 61%);--cd-color-6-h:47;--cd-color-6-s:85%;--cd-color-6-l:61%;--cd-header-height: 200px;--font-primary: 'Droid Serif', serif;--font-secondary: 'Open Sans', sans-serif}@supports (--css: variables){@media (min-width: 64rem){:root{--cd-header-height:  300px}}}.cd-main-header{height:200px;height:var(--cd-header-height);background:hsl(206, 21%, 24%);background:var(--cd-color-1);color:hsl(0, 0%, 100%);color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.cd-main-header h1{font-family:'Roboto', sans-serif;font-family:var(--font-secondary);color:inherit}.cd-timeline{overflow:hidden;padding:2em 0;padding:var(--space-lg) 0;color:hsl(207, 10%, 55%);color:var(--cd-color-3);background-color:hsl(205, 38%, 93.45%);background-color:hsl(var(--cd-color-2-h), var(--cd-color-2-s), calc(var(--cd-color-2-l)*1.05));font-family:'Roboto Slab', serif;font-family:var(--font-primary)}.cd-timeline h2{font-family:'Roboto', sans-serif;font-family:var(--font-secondary);font-weight:700}.cd-timeline__container{position:relative;padding:1.25em 0;padding:var(--space-md) 0}.cd-timeline__container::before{content:'';position:absolute;top:0;left:18px;height:100%;width:4px;background:hsl(205, 38%, 89%);background:var(--cd-color-2)}@media (min-width: 64rem){.cd-timeline__container::before{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}}.cd-timeline__block{display:-ms-flexbox;display:flex;position:relative;z-index:1;margin-bottom:2em;margin-bottom:var(--space-lg)}.cd-timeline__block:last-child{margin-bottom:0}@media (min-width: 64rem){.cd-timeline__block:nth-child(even){-ms-flex-direction:row-reverse;flex-direction:row-reverse}}.cd-timeline__img{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;width:40px;height:40px;border-radius:50%;box-shadow:0 0 0 4px hsl(0, 0%, 100%),inset 0 2px 0 rgba(0,0,0,0.08),0 3px 0 4px rgba(0,0,0,0.05);box-shadow:0 0 0 4px var(--color-white),inset 0 2px 0 rgba(0,0,0,0.08),0 3px 0 4px rgba(0,0,0,0.05)}.cd-timeline__img img{width:100%;height:auto}@media (min-width: 64rem){.cd-timeline__img{width:60px;height:60px;-ms-flex-order:1;order:1;margin-left:calc(5% - 30px);will-change:transform}.cd-timeline__block:nth-child(even) .cd-timeline__img{margin-right:calc(5% - 30px)}}.cd-timeline__img--picture{background-color:hsl(111, 51%, 60%);background-color:var(--cd-color-4)}.cd-timeline__img--movie{background-color:hsl(356, 53%, 49%);background-color:var(--cd-color-5)}.cd-timeline__img--location{background-color:hsl(47, 85%, 61%);background-color:var(--cd-color-6)}.cd-timeline__content{-ms-flex-positive:1;flex-grow:1;position:relative;margin-left:1.25em;margin-left:var(--space-md);background:hsl(0, 0%, 100%);background:var(--color-white);border-radius:0.25em;border-radius:var(--radius-md);padding:1.25em;padding:var(--space-md);box-shadow:0 3px 0 hsl(205, 38%, 89%);box-shadow:0 3px 0 var(--cd-color-2)}.cd-timeline__content::before{content:'';position:absolute;top:16px;right:100%;width:0;height:0;border:7px solid transparent;border-right-color:hsl(0, 0%, 100%);border-right-color:var(--color-white)}.cd-timeline__content h2{color:hsl(206, 21%, 24%);color:var(--cd-color-1)}@media (min-width: 64rem){.cd-timeline__content{width:45%;-ms-flex-positive:0;flex-grow:0;will-change:transform;margin:0;font-size:0.8em;--line-height-multiplier: 1.2}.cd-timeline__content::before{top:24px}.cd-timeline__block:nth-child(odd) .cd-timeline__content::before{right:auto;left:100%;width:0;height:0;border:7px solid transparent;border-left-color:hsl(0, 0%, 100%);border-left-color:var(--color-white)}}.cd-timeline__date{color:hsla(207, 10%, 55%, 0.7);color:hsla(var(--cd-color-3-h), var(--cd-color-3-s), var(--cd-color-3-l), 0.7)}@media (min-width: 64rem){.cd-timeline__date{position:absolute;width:100%;left:120%;top:20px}.cd-timeline__block:nth-child(even) .cd-timeline__date{left:auto;right:120%;text-align:right}}@media (min-width: 64rem){.cd-timeline__img--hidden,.cd-timeline__content--hidden{visibility:hidden}.cd-timeline__img--bounce-in{-webkit-animation:cd-bounce-1 0.6s;animation:cd-bounce-1 0.6s}.cd-timeline__content--bounce-in{-webkit-animation:cd-bounce-2 0.6s;animation:cd-bounce-2 0.6s}.cd-timeline__block:nth-child(even) .cd-timeline__content--bounce-in{-webkit-animation-name:cd-bounce-2-inverse;animation-name:cd-bounce-2-inverse}}@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}60%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}60%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}

.cd-timeline__container > .cd-timeline__block {
margin-bottom: 0;
  padding-bottom: var(--space-lg);
background: url("/UserFiles/images/iconos2023/timeline-linea-izda.svg") no-repeat center bottom;
background-size: 50%;
}
.cd-timeline__container > .cd-timeline__block:nth-child(2n) { 
background: url("/UserFiles/images/iconos2023/timeline-linea-dcha.svg") no-repeat center bottom;
background-size: 50%;
}
.cd-timeline__block:last-child { 
background: url("/UserFiles/images/iconos2023/timeline-linea-remate2.svg") no-repeat center center;
background-size: 50%;
}
/*///////////////////// CSS DINÁMICO : HOME 2023 //////////////////////////*/

.Counter__CounterComponent-sc-16b68p3-0.eCwweC span {
font-family: 'Roboto Slab', sans-serif !important;
}
#centro section#script_987 {
margin: 0;
}

/** SLIDER PRODUCTOS HOME *****************************************/
#contenido_slider_novedad {
max-width: 1490px;
}

/** PARRILLA PRODUCTOS HOME *****************************************/
#centro section.sec-parrilla_home {
background: #f3f3f3;
padding: 30px;
text-align: center;
margin-top: 80px;
}
#centro section.sec-parrilla_home img {
max-width: 28px;
max-height: 28px;
display: inline-block;
margin-right: 5px;
}
#centro section.sec-parrilla_home .megaeditor {
overflow: visible;
}
#contenido section.sec-parrilla_home h2 {
text-transform: none;
color: rgb(17, 17, 17);
  font-size: 35px;
  font-weight: normal;
background: none;
font-family: 'Roboto Slab', sans-serif !important;
}
 section.sec-parrilla_home div.megaeditor ul {
margin: 0;
padding: 0;
list-style-type: none;
max-width: 1400px;
margin: 0 auto;

 display: grid;
  grid-template-columns: repeat(auto-fill,minmax(320px, 1fr));
    grid-column-gap: 20px;
    grid-row-gap: 0;
}
section.sec-parrilla_home div.megaeditor ul li {
 align-self: center;

background: transparent;
padding: 15px;
}
section.sec-parrilla_home div.megaeditor ul li * {
-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;
}
section.sec-parrilla_home div.megaeditor ul li div {
background: #fff;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;

box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px;
}
section.sec-parrilla_home div.megaeditor ul li:hover div {
transform: scale(1.05);
box-shadow: rgba(79, 42, 57, 0.35) 0px 5px 15px;
}

#contenido section.sec-parrilla_home h4  {
margin: 0;
padding: 10px 20px;
font-size: 18px;
}
#contenido section.sec-parrilla_home h4 a {
color: #000;
}
#contenido section.sec-parrilla_home h4 a:hover {
text-decoration: none;
}
/*///////////////////// CSS DINÁMICO : LANDING PLUGINS (shopify) //////////////////////////*/

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
GENERALES
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
._sec_emergentes {
  padding: 30px;
}
#contenido ._sec_emergentes h1 {
  font-size: 30px;
  color: #000000;
  margin: 0 0 30px;
  text-transform: initial;
  background: none;
  font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
  font-weight: 700;
}
#contenido ._sec_emergentes h4 {
  font-size: 22px;
}
body.body_cms_377 header, body.body_cms_377 footer {
display: none;
}
body.body_cms_400 #contenido h2 {
  font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
  text-transform: none;
  color: #000;
  font-weight: 700;
  background: none;
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px 10px 30px;
  font-size: 55px;
}
body.body_cms_400 #contenido h3 {
  font-weight: 700;
 line-height: 1.3;
  color: #000000;
}
body.body_cms_400 #contenido p, 
body.body_cms_400 #contenido li {
font-size: 21px;
line-height: 1.7;
}
body.body_cms_400 #contenido li {
line-height: 1.5;
}
.bloque-2-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch;
}

/* ENTRADA ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#centro section.bloque-entrada-landing {
background: #db0c77;
text-align: center;
padding: 50px 30px 150px;
margin-bottom:120px;
overflow: visible;
}
#centro section.bloque-entrada-landing div.megaeditor {
overflow: visible;
}
.bloque-entrada-landing .logo-top  {
padding: 40px 0 60px;
}
.logo-top img {
max-width:800px;
width: 100%!important;
height: auto!important;
}
#contenido  .bloque-entrada-landing h1 {
font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
text-transform: none;
font-size: 60px;
font-weight: 700;
background: none;
max-width: 1200px;
margin: 0 auto;
padding: 10px 10px 30px;
line-height: 1;
}
#contenido .bloque-entrada-landing p {
font-size: 24px;
color: #fff;
max-width: 1200px;
margin: 0 auto;
}
#corazon-entrada {
width: 96%;
max-width: 200px;
margin: 2% auto 0;
position: absolute;
left: 50%;
margin-left: -100px;
bottom: -100px;
}
#corazon-entrada img {
max-width: 100%;
height: auto!important;
}

#centro section.bloque-entrada-landing a.lnk-destacado {
  color: #fff;
  border: 2px solid #fff;
  display: inline-block;
  text-transform: uppercase;
  font-size: 21px;
  padding: 10px 30px;
  margin: 30px auto 10px;
  font-weight: 400;
}
#centro section.bloque-entrada-landing a.lnk-destacado:hover {
  background: #fff;
  color:#db0c77;
  text-decoration: none;
}

.grafico-contenido {
text-align: center;
padding: 40px 10px 20px;
}
.grafico-contenido img {
width: 70%;
margin: 0 auto;
}

/* PRESENTACION ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#contenedor-presentacion {
max-width: 1400px;
margin: 0 auto;
}
#contenedor-presentacion:before, 
#contenedor-presentacion:after {
display: none;
}
#contenedor-presentacion .col-texto {
padding: 30px;
}

/* MARCAS ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#centro section.bloque-marcas {
  margin-bottom: 0;
background:#f5f5f5;
padding: 40px 30px 10px;
}
#centro section.carrusel-marcas {
padding-bottom: 100px;
padding-top: 50px;

}
#centro section.bloque-marcas .megaeditor {
max-width: 1200px;
margin: 0 auto;
}
body.body_cms_400 #contenido section.bloque-marcas h2 {
font-size: 50px;
}
body.body_cms_400 .marcas.parrilla, body.body_cms_400 .carrusel-marcas {
background:#f5f5f5;
}
body.body_cms_400 .carrusel-marcas .bx-wrapper {
border: 5px solid #f5f5f5;
background: #f5f5f5;
}
body.body_cms_400 .bx-viewport {
  min-height: auto !important;
}
#marcas-shopify {
max-width: 1200px;
margin: 0 auto;
padding-bottom: 20px;
}
#marcas-shopify img {
mix-blend-mode: multiply;
margin: 0 auto;
}
#marcas-shopify.bloque-5columnas {
justify-content: center;
}
/**/
.capa-logo a {
  background: #f5f5f6;
}
.capa-logo img {
max-height: 110px;
  mix-blend-mode: multiply;
}


/* CTA CENTRO  ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#centro section.CTA-centro {
text-align: center;
margin-top: -150px;
}
a.lnk-cta-centro {
display: block;
max-width: 900px;
margin: 0 auto;
padding: 40px;
color: #fff;

background: linear-gradient(-45deg, #db0d78, #95c020, #63a4c6, #db0d78);
	background-size: 400% 400%;
	animation: cta-gradient 15s ease infinite;

-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.lnk-cta-centro:hover {
text-decoration: none!important;

background-position: 0% 50%;
animation: none;
}
a.lnk-cta-centro span {
font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
font-size: 34px;
font-weight: 700;
display: block;
line-height: 1.2;
}
/**/
@keyframes cta-gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

/* DREAMLOVE + PLUGIN  ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
body.body_cms_400 #contenido h2 + h3 {
text-align: center;
margin: -20px 0 40px;
}
#detalles-dreamloveplugin {
max-width: 1200px;
margin: 0 auto;
background: #f5f5f5;
padding: 50px 70px 30px;
z-index: 1;
position: relative;

-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
#capa-ilustracion {
z-index: 2;
position: relative;
}
#titulo-dreamloveplugin {
z-index: 3;
position: relative;
}

#detalles-dreamloveplugin ul {
padding-top: 150px;
background-repeat: no-repeat;
background-position: center 20px;
background-size: 70%;
}
#detalles-dreamloveplugin ul li {
  border: 0 none;
  padding: 20px 10px 30px 55px;
  background: url("/UserFiles/images/landings/bullet-rosa.svg") no-repeat 10px 18px;
  background-size: 35px;
  font-size: 21px;
}
.bloque-dreamloveplugin #capa-ilustracion {
height: 400px;
background: url("/UserFiles/images/landings/ilustracion-plugin.svg") no-repeat center center;
  background-size: auto;
background-size: auto 400px;
margin: -180px 0 -90px;
}
p.imagen-precio.imagen-precio-shopify img {
  max-width: 400px;
  height: auto;
}
/* COMO FUNCIONA ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#centro section.bloque-comofunciona {
margin-bottom: -200px;
z-index: 1;
}
#centro section.bloque-comofunciona .megaeditor {
max-width: 1200px; 
margin: 0 auto;
}
#centro section.bloque-plugin-tabla {
background: #f5f5f5;
padding:  200px 30px 180px;
}
/****/
body.body_cms_400 #contenido .bloque-plugin-tabla {
overflow: visible;
}
#centro section.bloque-plugin-tabla .megaeditor {
max-width: 1200px;
margin: 0 auto;
overflow: visible;
}

body.body_cms_400 #contenido .bloque-plugin-tabla #capa-alerta {
bottom: -150px;
}
body.body_cms_400 #contenido .bloque-plugin-tabla #capa-alerta p {
font-size: 14px;
}
body.body_cms_400 #contenido .bloque-plugin-tabla h4 {
  font-size: 27px;
  color: #fff;
}


/* FAQ ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#centro section.bloque-faq .megaeditor {
max-width: 1200px;
margin: 0 auto;
overflow: visible;
}
#centro section.bloque-faq {
padding-top: 200px;
}

/* EMPEZAR A VENDER ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#contenido section.bloque-precio {
padding: 40px 30px 0;
overflow: visible;
}
#contenido section.bloque-precio .megaeditor {
max-width: 1200px;
margin: 0 auto;
overflow: visible;
}
#centro section.bloque-precio {
background: #303030;
color: #fff;
}
body.body_cms_377 #centro #contenido section.bloque-precio  h2, 
body.body_cms_377 #centro #contenido section.bloque-precio  p {
color: #fff;
}
body.body_cms_377 #centro #contenido section.bloque-precio p.p-destacado-precio {
max-width: 900px;
margin: 0 auto 10px;
padding: 20px 40px;
background: #c93076;

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

text-align: center;
}
body.body_cms_377 #centro #contenido section.bloque-precio p.p-destacado-precio strong {
color: #fff;
font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;

font-weight: 700;
font-size: 28px;
}
body.body_cms_377 #centro #contenido section.bloque-precio p.p-destacado-precio strong .span-precio {
font-size: 1.2em;
}
body.body_cms_377 #centro #contenido section.bloque-precio p.p-destacado-precio strong .span-iva {
font-size: .7em;
}
body.body_cms_377 #centro #contenido section.bloque-precio p.p-mini {
text-align: center;
font-size: 12px;
}

div.caja-titulo-plugin {
margin: 30px auto -300px;
width: 700px;
z-index: 99;
position: relative;
}
body.body_cms_377 #centro #contenido section.bloque-precio .caja-titulo-plugin h2 {
font-size: 40px;
color: #000;
}
body.body_cms_377 #centro #contenido section.bloque-precio h3 {
font-size: 25px;
color: #000;
}
div.caja-plugin {
margin: 0 auto -50px;
width: 400px;
}
div.caja-plugin img {
max-width: 100%;
height: auto!important;
}

/* CONTACTO ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
body.body_cms_377 *:before, body.body_cms_377 *:after {
display: none;
}
body.body_cms_377 #centro section[id*="formulario_"] {
padding: 0 30px;
position: relative;
z-index: 9;
}
body.body_cms_377 div.formulario {
width: 100%;
max-width: 800px;
background: #f5f5f5;
padding: 270px 40px 70px;

-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
body.body_cms_377 div.formulario form label {
text-align: left;
display: block; 
width: 100%;
font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
}
body.body_cms_377 div.formulario form input,
body.body_cms_377 div.formulario form textarea, 
body.body_cms_377 div.formulario form input.boton{
width: 100%;
}
body.body_cms_377 div.formulario form input.boton {
background: #c93076;
font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
text-transform: none;
font-size: 21px;
font-weight: 600;
border: 0 none;
}
body.body_cms_377 div.formulario form input.boton:hover {
background: #000;
color: #fff;
}
/*****************/
#centro section.bloque-contacto-alternativo {
margin: -120px 30px 30px;
text-align: center;
position: relative;

}
#centro section.bloque-contacto-alternativo #contacto-alternativo {
max-width: 800px;
background: #ececec;
margin: 0 auto 0;
padding: 60px 20px 20px;
font-size: 18px;

-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}

/* PIE ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#centro section.bloque-pie {
Border-top: 20px solid #c93076;
padding: 0 30px;
margin-top: 40px;
}
#centro section.bloque-pie div.capa-contacto {
max-width: 1000px;
margin: 0 auto;
overflow: visible;
padding: 150px 0 0;
background: url("/UserFiles/images/landings/logo-dreamlove.svg") no-repeat center 40px;
background-size: 400px;

   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;
}
#centro section.bloque-pie div.capa-contacto:before {
display: none;
}
body.body_cms_377 #contenido section.bloque-pie div.capa-contacto h3 {
font-size: 24px;
}
body.body_cms_377 div.megaeditor #contendor-pie ul li {
background: none;
  border-bottom: 0 none;
background-position: left 15px !important;
padding-bottom: 0px !important;
font-size: 18px;
}
body.body_cms_377 div.megaeditor #contendor-pie #remateB:before {
display: none;
}
body.body_cms_377 div.megaeditor #contendor-pie #remateB {
font-size: 18px;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
SHOPIFY
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* PRESENTACION ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#contenedor-presentacion #col-catalogo {
background: url("/UserFiles/images/landings/img-catalogo.jpg") no-repeat center center;
background-size: cover
}
#contenedor-presentacion #col-imagenes {
background: url("/UserFiles/images/landings/img-ficha.jpg") no-repeat center center;
background-size: cover;
}
#contenedor-presentacion #col-envio {
background: url("/UserFiles/images/landings/img-envio.jpg") no-repeat center center;
background-size: cover;
}
#contenedor-presentacion #col-pedidos {
background: url("/UserFiles/images/landings/img-pedidos.jpg") no-repeat center center;
background-size: cover;
}

#contenedor-presentacion .imagen-catalogo {
order: 1;
}
#contenedor-presentacion .texto-catalogo {
order: 2;
}
#contenedor-presentacion .imagen-imagenes {
order: 4;
}
#contenedor-presentacion .texto-imagenes {
order: 3;
}
#contenedor-presentacion .imagen-envio {
order: 5;
}
#contenedor-presentacion .texto-envio {
order: 6;
}
#contenedor-presentacion .imagen-pedidos {
order: 8;
}
#contenedor-presentacion .texto-pedidos {
order: 7;
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
TPV ONLINE
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
body.body_cms_373 #base {
background: #fff;
}body.body_cms_373 #pie-login {
margin-top: 0;
}

#centro section.tpv_presentacion {
max-width: 1100px;
}
#contenido .tpv_presentacion h1 {
background: transparent;
text-transform: none;
color: #000;
font-weight: 800;
padding-top: 40px;
}
#contenido .tpv_presentacion h1 span {
display: none;
}
#contenido .tpv_presentacion h1::before {
Content: "";
display: block;
height: 100px;
background: url("/UserFiles/images/dreamlove2023/PIE-2023.svg") no-repeat center top;
background-size: auto 100%;
}
#centro section.tpv_presentacion p {
font-size: 21px;
}

#contenido #contenedor-ventajas h3 {
min-height: 75px;
margin-bottom: 20px;
}
#contenido #contenedor-ventajas .v-centralizada h3 {
min-height: auto;
margin-bottom: 20px;
}

div.contenedor-cta {
text-align: center;
padding: 20px;
}
a.lnk-cta-tpv {
display: inline-block;
padding: 10px 40px;
margin: 20px auto;
background: #09c;
  color: #fff;
  font-size: 24px;
  font-weight: 800;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
a.lnk-cta-tpv:hover {
background: #084053;
  text-decoration: none;
}

/* CLIENTES /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#centro section.tpv_clientes {
text-align: center;
max-width: 1400px;
margin: 0 auto;
background: #f4f4f4;
padding: 30px 40px ;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.cliente-tienda {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.cliente-logo {
padding: 10px 30px;
mix-blend-mode: multiply;
max-width: 300px;
margin: 0 auto;
}

/* OFERTA //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#centro section.tpv_oferta.sec-contenido {
width: 100vw;
max-width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
background: url("/UserFiles/images/2024/bg-precio.jpg") no-repeat center center;
background-size: 2000px;
padding-top: 50px;
}
#centro section.tpv_oferta .megaeditor {
max-width: 800px;
margin: 60px auto 30px;
overflow: visible;
}
#centro section.tpv_oferta h2 {
margin-left: auto;
margin-right: auto;
margin-bottom: 60px;
max-width: 800px;
}
div.megaeditor #contenido-oferta-tpv ul li {
padding: 10px 10px 10px 27px;
font-size: 18px;
background: url("/UserFiles/images/2024/ico-check-azul.svg") no-repeat 0px 12px;
background-size: 21px;
}
div.megaeditor #contenido-oferta-tpv ul.lista-tpv-doble {
display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 0;
    justify-items: stretch;
    align-items: stretch;
}

#contenido h4.tit-fidelizacion, #contenido h4.tit-tallas {
padding: 10px 10px 10px 45px;
background-repeat: no-repeat;
background-position: 0 center;
background-size: 35px;
}
#contenido h4.tit-fidelizacion {
background-image: url("/UserFiles/images/2024/ico-fidelizacion-azul.svg");
}
#contenido h4.tit-tallas {
background-image: url("/UserFiles/images/2024/ico-tallas-azul.svg");
}
/**/
#contenedor-oferta-tpv {
background: #f4f4f4;
padding: 20px;
margin-top: 150px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

#contenido-oferta-tpv {
background: #fff;
padding: 60px 40px 30px;
box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
#hardware-tpv {
text-align: center;
}
#hardware-tpv img {
width: 100%!important;
max-width: 500px!important;
margin: -150px auto -40px;
}

#oferta-logo-tpv {
text-align: center;
}
#oferta-logo-tpv img {
width: 90%;
max-width: 500px!important;
margin: 0 auto 15px ;
}
/* PRECIO OFERTA TPV */
#precio-oferta-tpv {
background: #f4f4f4;
padding: 25px 35px 50px;
margin-top: 40px;
text-align: center;

-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}
div.megaeditor #precio-oferta-tpv h3  {
color: #c92f76;
margin-top: 10px;
}
#contenido p.precio-anterior {
font-size: 30px;
font-weight: 500;
color: #a6b1b7;
}
#contenido p.precio-anterior strong {
font-size: 35px;
font-weight: 800;
color: #a6b1b7;
text-decoration: line-through;
}
#contenido p.precio-oferta {
font-size: 100px;
font-weight: 800;
line-height: 1.1;
}
#contenido p.precio-oferta em {
font-size: 60px;
display: inline-block;
  vertical-align: top;
padding-left: 10px;
}
#contenido p.precio-oferta span {
display: block;
font-size: 30px;
}
#contenido p.precio-oferta span.span-mini {
display: block;
padding-top: 20px;
font-size: 21px;
}

#contenido p.p-lnk-oferta-tpv {
text-align: center;
}
a.lnk-oferta-tpv {
background: #09c;
color: #fff;
font-size: 24px;
font-weight: 800;
padding: 15px;
display: block;
  width: 90%;
  margin: 25px auto -90px;

-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
a.lnk-oferta-tpv:hover {
background: #084053;
text-decoration: none;
}
a.lnk-oferta-tpv:before {
content:"";
display: inline-block;
width: 25px;
height: 25px;
background: url("/UserFiles/images/2024/ico-email-blanco.svg") no-repeat center center;
background-size: 25px;
  vertical-align: middle;
  margin-right: 10px;
}
/* DROPSHIPPING */
#centro section.tpv_dropshipping.sec-total {
margin: 60px 0 0;
text-align: center;
padding: 10px 0 0;
}
#centro section.tpv_dropshipping.sec-total .megaeditor {
  max-width: 100%;
  margin: 0 auto;
background: #c92f76;
padding:  0 30px;
}
#contenido .tpv_dropshipping.sec-contenido H2 {
margin: 0 auto;
color:#c92f76;
padding: 5px 20px 20px;
}
#contenido-dropshipping-tpv {
text-align: left;
max-width: 900px;
margin: 0 auto;
padding: 50px 0;
color: #fff;
   display: grid;
    grid-template-columns: 1fr 2fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-items: stretch;
    align-items: center;
}
#contenido #contenido-dropshipping-tpv h3 {
color: #fff;
margin-bottom: 10px;
font-size: 38px;
letter-spacing: 1px;
}
#contenido #contenido-dropshipping-tpv h3 span {
font-size: 25px;
font-weight: 500;
}
#contenido #contenido-dropshipping-tpv p {
color: #fff;
font-size: 21px;
}

a.boton-dropshipping-tpv {
display: inline-block;
color: #fff;
font-weight: 700;
padding: 6px 55px 6px 25px;
background: rgba(0, 0, 0, .6);
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
a.boton-dropshipping-tpv:hover {
background: rgba(0, 0, 0, .9);
padding: 6px 52px 6px 28px;
text-decoration: none;
}

/* GRIDS //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#contenedor-ventajas {  
display: grid;
  grid-template-columns: 1fr 1fr 1fr;
/*  grid-template-rows: 1fr 1fr 1fr;*/
  gap: 20px 20px;
  grid-auto-flow: row;
  grid-template-areas:
    "v-stock v-conectadas v-facil"
    "v-centralizada v-centralizada v-centralizada"
    "v-pagos v-digitalizacion v-fidelizacion";
}

.v-stock { grid-area: v-stock; }

.v-conectadas { grid-area: v-conectadas; }

.v-facil { grid-area: v-facil; }

.v-centralizada { 
grid-area: v-centralizada; 
background: #f4f4f4;
padding: 0px 60px 0px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
height: 330px;

display: grid;
    grid-template-columns: 1fr 2fr;

    grid-column-gap: 40px;
    grid-row-gap: 0;
    justify-items: stretch;
    align-items: center;
}
#centralizada-img {
padding: 0 30px;
}

.v-pagos { grid-area: v-pagos; }

.v-digitalizacion { grid-area: v-digitalizacion; }

.v-fidelizacion { grid-area: v-fidelizacion; }


/* DREAMLOVE + SHOPIFY  ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#detalles-dreamloveplugin ul#lista-shopify {
background-image: url("/UserFiles/images/landings/logo-shopify.svg");
background-position: center 0px;
}
#detalles-dreamloveplugin ul#lista-dreamlove {
background-image: url("/UserFiles/images/landings/logo-dreamlove.svg");
background-position: center 30px;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     HASTA 1024
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1024px) {

#contenido #contenedor-ventajas h3 {
  font-size: 25px;
}
.v-centralizada {
grid-template-columns: 1fr 1fr;
height: auto;
padding: 20px 60px 40px;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     HASTA 950
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 950px) {

body.body_cms_377 #contenido h2 {
font-size: 50px;
}
body.body_cms_377 #contenido h3 {
  font-size: 45px;
}
body.body_cms_377 #body_cms section.bloque-presentacion-landing {
padding: 0 30px;
}
#centro section.bloque-entrada-landing {
padding: 50px 30px 100px;
}
.bloque-entrada-landing .logo-top {
  padding: 0px 0 20px;
}
#contenido .bloque-entrada-landing h1 {
font-size: 50px;
}
/**/
body.body_cms_377 #contenido h2 {
}

body.body_cms_377 #contenido section.bloque-marcas h2 {
  font-size: 45px;
  line-height: 1.1;
  padding-bottom: 0;
}
/**/
#detalles-dreamloveplugin ul {
  background-size: 90%;
}
/**/
body.body_cms_377 div.formulario {
  width: 100%;
}
#centro section.bloque-contacto-alternativo {
  margin: -120px 10px 30px;
}
#centro section.bloque-contacto-alternativo #contacto-alternativo {
  padding: 90px 20px 20px;
}

}

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

.bloque-presentacion-landing .bloque-2-col {
  grid-template-columns: 1fr;
}
#contenedor-presentacion .imagen-catalogo, #contenedor-presentacion .texto-catalogo, #contenedor-presentacion .imagen-imagenes, #contenedor-presentacion .texto-imagenes, #contenedor-presentacion .imagen-envio, #contenedor-presentacion .texto-envio, #contenedor-presentacion .imagen-pedidos, #contenedor-presentacion .texto-pedidos {

order: inherit;
}
#contenedor-presentacion .col-imagen {
min-height: 300px;
}
#contenedor-presentacion .col-texto {
  padding: 0 30px 10px;
}
/**/
#centro section.bloque-faq {
  padding-top: 20px;
}

div.caja-titulo-plugin {
max-width: 700px;
width: auto;
}
/**/
#detalles-dreamloveplugin.bloque-2-col {
grid-template-columns: 1fr;
}
/**/
#centro section.bloque-pie div.capa-contacto {
grid-template-columns: 1fr;
text-align: center;
}
body.body_cms_377 div.megaeditor #contendor-pie ul li {
background: none !important;
}
body.body_cms_377 div.megaeditor #contendor-pie #remateB {
grid-template-columns: 1fr;
text-align: center;
}

/* LANDING TPV ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#contenedor-ventajas {
  grid-template-columns: 1fr 1fr ;
  /*grid-template-rows: 1fr 1fr 1fr 1fr ;*/
  gap: 20px 20px;
  grid-auto-flow: row;
  grid-template-areas: 
    "v-centralizada v-centralizada"
    "v-stock v-conectadas"
    "v-facil v-pagos"
    "v-digitalizacion v-fidelizacion"; 
}
 .v-centralizada {
    grid-template-columns: 1fr;
  }
#contenido #contenedor-ventajas h3 {
  min-height: 55px;
  margin-bottom: 15px;
}
/**/
#contenido #contenido-dropshipping-tpv  h3 span {
  line-height: 1.1;
}

}


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


/* LANDING TPV ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#contenido .tpv_presentacion h1::before {
height: 0;
background-size: 100%;
  padding-bottom: 21%;
}
#contenedor-ventajas {
  grid-template-columns: 1fr  ;
  grid-template-areas: 
    "v-centralizada"
    "v-stock"
    "v-facil"
    "v-digitalizacion"
    "v-conectadas"
    "v-pagos"
    "v-fidelizacion"; 
}
/**/
.container#contenedor-ventajas {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
}

#contenido .sec-contenido.tpv_oferta H2, 
#contenido .sec-contenido.tpv_dropshipping H2 {
    font-size: 30px;
    padding-top: 5px !important;
  } 
#contenido .sec-contenido.tpv_oferta h3 {
  font-size: 25px;
  margin: 20px 0 10px;
  line-height: 1;
  clear: both;
}
#contenido .sec-contenido #contenedor-ventajas h3 {
margin-top: 10px;
min-height: auto;
}
#contenido .sec-contenido.tpv_oferta h4 {
  font-size: 22px;
}
#contenido-oferta-tpv {
  padding: 60px 25px 13px;
}
a.lnk-oferta-tpv {
margin: 25px auto -60px;
}
div.megaeditor #contenido-oferta-tpv ul li {
  padding: 5px 10px 5px 23px;
  font-size: 16px;
  background: url("/UserFiles/images/2024/ico-check-azul.svg") no-repeat 0px 12px;
  background-size: 16px;
}
div.megaeditor #contenido-oferta-tpv ul.lista-tpv-doble {
  grid-template-columns: 1fr;
}

#precio-oferta-tpv {
  padding: 15px 35px 25px;
}
#contenido p.precio-anterior {
  font-size: 25px;
}
#contenido p.precio-oferta {
  font-size: 80px;
}
#contenido p.precio-oferta span {
  font-size: 25px;
}
/**/
#centro section.tpv_dropshipping.sec-total {
  margin: 30px 0 0;
}
#contenido-dropshipping-tpv {
grid-template-columns: 1fr;
}
#contenido-dropshipping-tpv #dropdhipping-imagen {
padding: 0 20%;
}
#contenido #contenido-dropshipping-tpv p {
  font-size: 18px;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     HASTA 420
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 420px) {

#contenido .tpv_presentacion h1 {
    font-size: 40px;
  }

.v-centralizada {
    padding: 20px 30px 15px;
  }

#precio-oferta-tpv {
    padding: 15px 20px 25px;
  }
#contenido p.precio-anterior {
    font-size: 20px;
  }
#contenido p.precio-anterior strong {
  font-size: 25px;
}
 #contenido p.precio-oferta {
    font-size: 60px;
  }
.bloque-3columnas.bloque-clientes {
  display: block;
}
.bloque-3columnas.bloque-clientes > div {
padding: 10px 5px;
}
.cliente-logo {
width: 100%;
}
/**/
 #centro section.tpv_dropshipping.sec-total {
    margin: 0;
  }
#contenido-dropshipping-tpv {
    grid-template-columns:1fr;
  }
#contenido-dropshipping-tpv #dropdhipping-imagen {
padding: 0 10% 0 0;
}
#centro section.tpv_dropshipping.sec-total .megaeditor {
  padding: 0 25px;
}
#contenido #contenido-dropshipping-tpv h3 {
font-size: 30px;
width: 100% !important;
margin: 10px 0 10px;
}
#contenido #contenido-dropshipping-tpv h3 span {
  font-size: 20px;
display: block;
padding: 7px 0;
}
a.boton-dropshipping-tpv {
  display: block;
}

}

/*///////////////////// CSS DINÁMICO : Catálogo //////////////////////////*/

#body_productos_listado #centro.tripleColumna, #body_productos_detalle #centro {
  padding: 0;
  max-width: 1440px;
  margin: 0 auto;
  float: none;
}
.ddsmoothmenu ul li ul#submenu2_productos, #submenu2, #submenu2 ul {
  background-color: #fff;
  -webkit-box-shadow: rgba(0,0,0,0.15) 10px 10px 10px;
  -moz-box-shadow: rgba(0,0,0,0.15) 10px 10px 10px;
  box-shadow: rgba(0,0,0,0.15) 10px 10px 10px;
}
.ddsmoothmenu ul li ul li {
  text-align: left;
}
.ddsmoothmenu ul li ul li a, .ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li ul li a:visited {
  width: 280px;
  border: none;
  font-size: 16px;
}
.ddsmoothmenu ul li ul li a:hover {
  background-color: #f6f6f6 !important;
}


#contenido p.referencia {
  margin-bottom: 5px;
}
#contenido h1#nombreProducto {
  background-color: transparent;
  color: #1e1e1e;
  background-image: none;
  font-size: 42px;
  font-weight: 500;
  padding: 0;
}
#contenido h2#descripcion {
  background-image: none;
  text-align: left;
  background-color: transparent;
  font-size: 18px;
}
/*///////////////////// CSS DINÁMICO : RESPONSIVE 2024 //////////////////////////*/

/* MENU RESPONSIVE ************************************/
div[class^="ddsmoothmenu nav_menu_movil_"] {
  text-align: center;
  width: 100%;
  top: 50px !important;
}
div[class^="ddsmoothmenu nav_menu_movil_"] #mobnav-btn-prod {
  background-color: transparent;
  font-size: 24px;
  padding: 10px 25px 12px;
  color: #000;
}
div[class^="ddsmoothmenu nav_menu_movil_"] ul {
  text-align: left;
}
div[class^="ddsmoothmenu nav_menu_movil_"] > ul {
  -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 15px 20px rgba(0, 0, 0, 0.2);
}
/* 2 nivel */
.ddsmoothmenu.nav_menu_movil_productos ul li a {
  padding-left: 25px;
}
/* 3 nivel */
.ddsmoothmenu.nav_menu_movil_productos ul li ul li a {
  padding-left: 40px;
}
/* 4 nivel */
.ddsmoothmenu.nav_menu_movil_productos ul li ul li ul li ul li a {
  padding-left: 55px;
}
/* 5 nivel */
.ddsmoothmenu.nav_menu_movil_productos ul li ul li ul li ul li ul li a {
  padding-left: 70px;
}

/*********************************************/
.frameResponsive {
    width: 100% !important;
}
.img-responsive {
    height: auto !important;
    max-width: 100% !important;
}
#pieB .login-boton .botonform {
    width: 254px;
}
.capa-nota-flotante {
    width: 25%;
}
.botones-bridge img {
    height: auto !important;
    max-width: 100% !important;
}
section {
    margin-bottom: 50px;
}
/* CONTENEDOR*/
.contenedor-responsive {
  position: relative;
  padding-bottom: 7%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
width: 950px;
margin: 0 auto !important;
min-height: 180px;
} 
.contenedor-responsive iframe,
.contenedor-responsive object,
.contenedor-responsive embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 1200
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1200px) {
#contenido h1, #contenido h2 {
    line-height: 1;
}
.col-1150.flecha > img {
    display: none;
}
.container {
    width: inherit;
}
#contenido h1, #contenido h2 {
    font-size: 60px;
}
#body_cms section {
    padding: 0 5%;
}
/********************************************** HOME *******************************************/
.contenedor-presentacion-home {
    padding: 30px 20px 10px;
}
.acceso-home {
    height: 680px;
}
#contenido .acc-info h4 {
    font-size: 30px;
}
.acc-info {
    padding: 30px 40px;
}
#contenido h1#h1-home {
    font-size: 2.6em;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 950
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 950px) {
/*************************************** ESTRUCTURA *************************************/
#base1024, #cabecera, #base, .div950, .col950, address, table.textosCondiciones, #centro, #centro.dobleColumna, #centro.tripleColumna, .anchoCompleto {
    width: 100% !important;
}
div.galeria, div.megaeditor, #contenido .seccion, div.noticias, #contenido h3, #enviar_amigo_div, #comentar_comunicado_div, #comentar_comunicado_div, div.filtro, div.listados, #navePestanyas, div.formulario, #contenido #areaPrivada, .noticias.detalle, .noticias.titulares, .noticias.blog, div.adicional_noticias, #entrada, .contenedor {
    margin-left: 3%;
    margin-right: 3%;
    width: 94% !important;
}
#div_seccion_337.megaeditor {
    margin: 0;
    width: 100% !important;
}
.contenedor-responsive {
    width: 100%;
}
/********************************************** GENERICOS *******************************************/
.imagen_cabecera_cms img {
    height: auto;
    width: 100%;
}
#contenido h2 {
    padding: 0;
}
.noticias.detalle iframe {
    width: 100% !important;
}
#contenido h3.titMarcas {
    display: none;
}
#banner-bridge img {
    height: auto !important;
    width: 100% !important;
}
/********************************************** HOME *******************************************/
#div_seccion_340 {
    display: none;
}
#contenido h1#h1-home {
    font-size: 2.4em;
}
.Iam {
    padding: 0 0 2em;
}
.Iam b {
    height: 40px;
}
.Iam .innerIam {
    font-size: 30px;
}
@keyframes move {
0%  { top: 0px; }
12% { top: -40px; }
24% { top: -80px; }
36% { top: -125px; }
48% { top: -170px; }
60% { top: -220px; }
72% { top: -250px; }
84% { top: -290px; }
}
@-webkit-keyframes move {
0%  { top: 0px; }
12% { top: -40px; }
24% { top: -80px; }
36% { top: -125px; }
48% { top: -170px; }
60% { top: -220px; }
72% { top: -250px; }
84% { top: -290px; }
}
@-moz-keyframes move {
0%  { top: 0px; }
12% { top: -40px; }
24% { top: -80px; }
36% { top: -125px; }
48% { top: -170px; }
60% { top: -220px; }
72% { top: -250px; }
84% { top: -290px; }
}
@-o-keyframes move {
0%  { top: 0px; }
12% { top: -40px; }
24% { top: -80px; }
36% { top: -125px; }
48% { top: -170px; }
60% { top: -220px; }
72% { top: -250px; }
84% { top: -290px; }
}
/********************************************** CABECERA *******************************************/
#cabecera {
  height: 107px !important;
}
.ddsmoothmenu ul {
    white-space: normal;
}
#menuTop ul li:first-child {
    display: none;
}
div.logo {
  right: inherit !important;
  text-align: left;
  left: 50% !important;
  top: 30px !important;
}
.ddsmoothmenu {
   width: 570px;
}
#idioma {
  left: 90px !important;
}
#banderas {
  z-index: 999999999;
  left: 10px;
  top: 10px!important;
}
#banderas li {
  padding: 0 3px;
}
#cabecera #login-home {
  z-index: 999999;
  position: absolute;
  right: 0;
  padding: 0;
}
/* MENU AUX */
#menuTop ul li a:link, #menuTop ul li a:visited {
font-size: 13px;
}
/* MENU DESPLEGABLE /////*/


.ddsmoothmenu {
    display: block;
     z-index: 9;

    left: 0 !important;
    right: inherit !important;
    background-color: transparent;
    font-size: 22px;
    text-align: left;  
     width: 100%;
}


/********************************************** 2 NIVELES *******************************************/
.col-2 {
    width: 48%;
}
#col-destacada-drop {
    background-position: right top;
}
.img-pasos {
    height: auto !important;
    width: 100% !important;
}
#body_cms_home .col-primera, #body_cms_home .col-3-primera {
    margin-left: 0 !important;
}
.col-primera, .col-3-primera {
    margin-left: 3% !important;
}
#body_cms_home .col-3 {
    width: 31%;
}
.col-3 {
    box-sizing: border-box;
    float: left;
    margin: 0 3%;
    width: 30%;
}
.col.col-3.col-3-span.col-3-primera {
    margin-left: 0 !important;
    width: 68%;
}
.col-4-span {
    width: 67%;
}
.capa-nota-flotante {
    width: 30%;
}
/********************************************** LISTADOS *******************************************/
table.tablaFiltros, table.visualizacion, .baseTablaColumnas, .baseTablaFilas, .baseTablaFoto, .baseTablaMini {
    width: 100%;
}
table.gama {
    margin-left: 0;
    width: 100%;
}
/********************************************** AREA PRIVADA *******************************************/
#menuTabs {
    background-color: transparent;
    padding: 5px 0 0;
}
#menuTabs li {
    display: inline-block;
    white-space: nowrap;
}
#menuTabs li:hover {
    margin: 7px 3px 3px;
}
#menuTabs li.activo, #menuTabs li.activo:hover {
    border: 1px solid #ccc;
    margin: 7px 3px 3px;
    padding-bottom: 0;
    padding-top: 0;
}
/***************************************** PIE *************************************/
address {
    padding-left: 30px;
    padding-right: 30px;
}
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 800 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

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

#menuTop {
  display: none;
}
.ml7 {
  display: none;
}
#banderas {
  left: 10px;
  top: 10px;
}
/*///////////////////////////////////////////// MENÚ DESPLEGABLE ///////////////////////////////////////////////////*/
#mobnav-btn-cms, #mobnav-btn-prod {
    background-color: #bf0869;
    font-size: 24px;
    height: 40px;
    padding: 3px 12px;
}
.ddsmoothmenu {
  display: block;
  z-index: 9999;
    left: 0 !important;
    right: inherit !important;
    background-color: transparent;
    font-size: 22px;
    text-align: left;  
     width: 100%;
}
div[class^="ddsmoothmenu nav_menu_movil_"]  ul {
  z-index: 999;
}
.ddsmoothmenu ul li, .ddsmoothmenu ul li ul, .ddsmoothmenu ul li ul li a {
    top: inherit !important;
    width: 100% !important;
}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited {
 /*   color: #ffffff !important;
 background-color: #bf0869;*/
}
.ddsmoothmenu ul li a:hover {
       background-color: #000000;
}
.ddsmoothmenu ul:hover, .ddsmoothmenu ul li:hover, .ddsmoothmenu ul li a:hover {
    display: block !important;
}
.ddsmoothmenu ul li ul {
    position: relative;
}
.ddsmoothmenu ul li ul li ul {
    left: 0 !important;
    position: relative;
    width: 100% !important;
}
.rightarrowclass {
    transform: rotate(90deg);
}
#li_desplegable_cms_138, #li_desplegable_cms_139 {
    display: block;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 768 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

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

/***************************************** GENERICOS *************************************/

iframe[id^="carrusel"] {
 width: 0;
}
#centro {
    margin-left: 0;
    margin-right: 0;
}

/******************************************* HOME ***************************************/
#controles-home .boton-control {
    width: 45px;
    height: 45px;
}
.contenedor-presentacion-home {
    padding: 30px 20px 40px;
}
.acceso-home {
    height: 780px;
}
.detalles-home {
    padding: 0 20px;
}
.acc-info {
    padding: 30px 30px;
}
#contenido h1#h1-home {
    padding: 25px 50px 20px;
}
.icono-presentacion {
    width: 120px;
    height: 120px;
    top: -40px;
    margin-left: -60px;
    background-size: contain;
}
/******************************************* STOCK HOME ***************************************/
#bloque-stock-home {
    grid-template-columns: repeat(1, 1fr);
}
#bloque-stock-home #stock-home-a, #contenido #bloque-stock-home h2, #contenido #bloque-stock-home #stock-home-a p, 
#stock-home-b {
    text-align: center;
}
#contenido #bloque-stock-home #stock-home-a p {
    padding-left: 0;
margin: 0;
font-size: 16px;
}
#stock-home-b  {
margin-top: -20px;
}
#stock_total {
    font-size: 90px;
    line-height: 1;
}
#stock-home-b p {
margin: 0 auto;
font-size: 30px;
padding-bottom: 15px;
}
/******************************************* CLIENTES ***************************************/
.pestanyaCliente {
 padding-left: 0;
}
div.mapaGoogle {
 width: 100%;
}
/******************************************* CABECERA ****************************************/
#idioma {
    left: 110px !important;
}
#capaLoginTop {
 display: none;
}
/*/////////////// BUSCADOR ///////////////*/
#buscadorTop .camposformHomeMediano, #buscadorTop input.camposformHomeMedianoActive {
 width: 65% !important;
}
#buscadorTop input.botonform {
 width: 25% !important;
}
 .tablaCategorias, table.gama {
 margin-left: 0;
}
/********************************************** 2 NIVELES  ******************************************/
#capa-mapa {
    background: rgba(0, 0, 0, 0) url("/cms/site_0002/imagenes_css/imagen_css-159-73a402dfdd17f1dc6e.jpg") no-repeat scroll left bottom / 90% auto;
}
#desarrollo01 {
    float: right;
}
#desarrollo02 {
     clear: both;
    float: right;
}
.col-2 {
    width: 100%;
}
#capa-dropship-ventajas {
    background-image: none;
}
.col-4-span {
    width: 55%;
}
.capa-nota-flotante {
    width: 40%;
}
div.formulario form .tituloGrupoMultiple label, div.formulario form .tituloGrupoSimple label {
    float: left;
    width: 25%;
}
div.formulario input[type="radio"] {
    margin: 9px 0 0;
}
div.formulario input, div.formulario textarea {
    width: 100%;
}
/********************************************** FICHA ******************************************/
div.imagen, div.datosFicha {
 width: 100%;
}
table.ficha td.descripciones, table.ficha td.descargas, table.ficha td.familiasRelacionadas, table.ficha td.fechaLanzamiento, table.ficha td.camposDinamicos, table.ficha td.fichaMarca, table.ficha td.fechaPrelanzamiento {
 padding-left: 0;
 padding-right: 0;
}
.contentstyle {
 margin: 0;
 padding: 0;
}
div.megaeditor p, table.ficha td.descripciones {
 padding: 0;
}
#valorar_producto_div, #solicitar_info_div, #comentar_comunicado_div, div.noticias #enviar_amigo_div {
 margin-left: 0;
 margin-right: 0;
}

/******************************************* LISTADOS ********************************************/
.baseTablaMini, .baseTablaFoto, .baseTablaColumnas, .baseTablaFilas {
 width: 100%;
}
table.visualizacion {
 width: 100%;
}
table.visualizacion td#td_productos_orden {
 padding-left: 0;
}
table.visualizacion.top td#td_productos_vistas {
 padding-right: 0;
}
/*///////////////////////////////////////////// FILAS //////////////////////////////////////*/
ul.filas li.imagen {
 width: 35%;
 margin-right: 3%;
}
ul.filas li.datosProducto {
 width: 60%;
}
ul.filas ul.grupoDcha {
 width: 100%;
 display: inline-block;
}

/*///////////////////////////////////////// COLUMNAS ////////////////////////////////////*/
ul.columnas {
 width: 100%;
}
/*////////////////////////////////////////////// MINI //////////////////////////////////////////*/
ul.mini {
 width: 47%;
}
/********************************************** COMPRA *******************************************/
body#areaCompra .ilustracion > img {
 height: auto;
 max-width: 100%;
}
body#areaCompra #centro {
 margin-left: 2%;
 margin-right: 2%;
 width: 96% !important;
}
#paso01, #paso02, #paso03, #paso04, #paso05 {
 margin-left: 0;
 margin-right: 0;
}
div.overflow {
 overflow: auto;
 margin-bottom: 2%;
}
.tablaProcesoCompra {
 margin: 0 auto;
 width: 100%;
}
/*////////////////////////////////////////////// PASO 2 (MIS DATOS) //////////////////////////////////////////////*/
#paso02 .cajaCompra01.dosColumnas {
 width: 100%;
}
#paso02 .cajaCompra01 {
 float: none;
 margin-right: 0;
 width: 90%;
 margin-bottom: 0;
}
#paso02 .cajaCompra02, #paso02 .cajaCompra02.unaColumnaLogeado {
 float: none;
 margin-left: 0;
 width: 90%;
}
.cajaCompra01, .cajaCompra02 {
 padding: 3% 5%;
}
/*////////////////////////////////////// PASO 3 (FORMA DE PAGO) ////////////////////////////////////////////*/
#paso03 .cajaFormaPago {
 padding: 3% 5%;
 width: 90%;
}
/********************************************** FORMS *******************************************/
div.formulario form label, #comentar_comunicado_div label, div.noticias #enviar_amigo_div label {
 display: block;
 float: none;
 text-align: left;
 width: auto;
}
#captcha > label, #comentar_comunicado_div #captcha > label, div.noticias #enviar_amigo_div #captcha > label {
 width: auto;
}
/*************************************** PIE ************************************/
table.textosCondiciones td {
    width: 100%;
}
table.textosCondiciones td:first-child p.condiciones, table.textosCondiciones td:last-child p.condiciones {
    text-align: center !important;
}
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 600 
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media (max-width: 600px) {
#contenido h1, #contenido h2 {
    font-size: 48px;
}
/*************************************** ESTRUCTURA ************************************/
.videoHome {
    margin-bottom: 20px;
    width: 100%;
}
#col-tupper a, #col-drop a, #col-minoristas a {
    font-size: 18px;
}
.imagen_cabecera_cms {
    display: none;
}
/**************************************** HOME *****************************************/
.acceso-home {
    height: 880px;
}
.detalles-home .col-sm-4 {
    margin-bottom: 40px;
}
#contenido h1#h1-home {
    font-size: 2em;
    padding: 25px 30px 40px;
}
.Iam b {
    height: 30px;
}
.Iam .innerIam {
    font-size: 18px;
    line-height: 2;
}
@keyframes move {
0%  { top: 0px; }
12% { top: -40px; }
24% { top: -75px; }
36% { top: -110px; }
48% { top: -150px; }
60% { top: -190px; }
72% { top: -225px; }
84% { top: -255px; }
}
@-webkit-keyframes move {
0%  { top: 0px; }
12% { top: -40px; }
24% { top: -75px; }
36% { top: -110px; }
48% { top: -150px; }
60% { top: -190px; }
72% { top: -225px; }
84% { top: -255px; }
}
@-moz-keyframes move {
0%  { top: 0px; }
12% { top: -40px; }
24% { top: -75px; }
36% { top: -110px; }
48% { top: -150px; }
60% { top: -190px; }
72% { top: -225px; }
84% { top: -255px; }
}
@-o-keyframes move {
0%  { top: 0px; }
12% { top: -40px; }
24% { top: -75px; }
36% { top: -110px; }
48% { top: -150px; }
60% { top: -190px; }
72% { top: -225px; }
84% { top: -255px; }
}
/******************************************* STOCK HOME ***************************************/
#contenido #bloque-stock-home #stock-home-a p {
display: none;
}

/*******
/**************************************** CLIENTES *****************************************/
div.filtro {
    overflow: hidden;
}
div.filtro span {
    display: block;
    float: left;
    margin: 0 0 2% !important;
    text-align: left;
    width: 45%;
    font-size: 12px;
}
/****************************************** CABECERA***************************************/


/*/////////////// CESTA ///////////////*/
#cestaTop {
    display: block;
    position: relative;
    width: auto;
}
#cesta, #cesta:hover {
    width: 100%;
}
#botones {
    float: right;
}
#loginTop, #cesta, #cestaProductos {
    width: 98%;
}
#precioCesta {
    width: 100%;
}
/*/////////////// BUSCADOR ///////////////*/
#buscadorTop {
    display: block;
    margin-left: 6%;
    right: inherit !important;
    width: 97%;
}
#buscadorTop input.camposformHomeMedianoActive, #buscadorTop input.camposformHomeMediano {
    width: 67%;
}
div#buscadorTop form input.botonform {
    width: 20%;
}
/******************************************* 2 NIVELES ******************************************/
.col-4 {
    float: left !important;
    margin-left: 0 !important;
    margin: 0 !important;
    width: 45%;
}
.col-4:nth-child(odd) {
margin-right: 35px !important;
}
.col.col-3.col-3-span.col-3-primera, .destacada-dudas {
    margin-left: 0 !important;
    width: 100%;
}
#body_cms_home .col-3 {
    width: 100%;
margin: 0;
}
#empezar01, #empezar02, #empezar03 {
    background-size: 100% auto;
    padding: 12% 5% 2%;
}
.boton.boton-muy-grande {
    width: 100%;
}
.col-4-span {
    width: 100%;
}
.capa-funcionamiento {
    float: none;
    margin-left: 0;
    margin-top: 10px;
    text-align: center;
}
#capa-claves .col {
    background-position: 10px top;
    background-size: 45px auto;
    margin-bottom: 20px;
    padding-top: 10%;
}
.capa-venta {
    background-color: #fdeef5;
    background-position: 15px 15px;
    background-repeat: no-repeat;
    padding: 10px 15px 20px 110px;
}
#bridge-flotante {
    float: none;
    position: relative;
    text-align: center;
    top: 0;
    width: 100%;
}
.boton.boton-grande {
    width: 100%;
}
.capa-nota-flotante {
    margin-bottom: 30px;
    width: 100%;
}
.capa-drop-envio {
    margin-bottom: 35px;
    min-height: 85px;
}
/*/////////////////////////////////////////////// HOME /////////////////////////////////////////////////////////*/
.presentacion-a {
float: none;
width: 96%;
}
.presentacion-b {
float: none;
width: 96%;
}

/*/////////////////////////////////////////////// EMPRESA /////////////////////////////////////////////////////////*/
#empresa-presentacion {
top: auto!important;
bottom: 0!important;
width: 100%!important;
padding: 20px 30px!important;
left: 0!important;
    margin-left: -0!important;
}

/******************************************* LISTADOS ******************************************/

/*/////////////////////////////////////////////// FILAS /////////////////////////////////////////////////////////*/
ul.filas li.imagen {
    width: 25%;
    margin-right: 3%;
}
ul.filas li.datosProducto {
    width: 37%;
}
/* lista FOTO */
ul.foto {
    width: 47%;
}
ul.mini {
    width: 47%;
}
/*/////////////////////////////////////////////// FICHA /////////////////////////////////////////////////////////*/
div.zoomWindow, .zoomPup, .zoomPreload {
    display: none !important;
}
.descripciones iframe {
    width: 100%;
}
/********************************************** PIE ********************************************/
#pieA {
    padding: 10px 0 20px;
}
#pieA ul {
    margin-bottom: 15px;
}
#pie-c1, #pie-c2 {
    clear: both;
    float: none;
    width: 100%;
}
/******************************************** COMPRA ****************************************/
.cajaFormaPago ul#formasPago li {
    width: 45%;
}
/*/////////////////////////////////////////////// COMUNICADOS /////////////////////////////////////////////////////////*/

#comentar_comunicado_div input, #comentar_comunicado_div textarea, div.noticias #enviar_amigo_div input, div.noticias #enviar_amigo_div textarea {
    width: 96%;
}
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
   ESTILOS HASTA 480 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media (max-width: 480px) {
/************************************* GENÉRICOS *****************************************/
#contenido h2 {
    font-size: 54px;
}
/*/////////////// CAPA AÑADIR A CESTA ///////////////*/
#jquery_alert {
    left: 0 !important;
    width: 100% !important;
}
.carrusel {
    display: none;
}
.avisoResolucionMenor {
    background-image: url("../images/scroll.png");
    background-repeat: no-repeat;
    height: 15px;
    margin-top: 5px;
}
#col-tupper a, #col-drop a, #col-minoristas a {
    background-repeat: repeat-x;
}
.col-3 {
    margin-bottom: 3% !important;
    margin-left: 0 !important;
    margin-right: 0;
    margin-top: 0;
    width: 100%;
}
/************************************* HOME ********************************************/
.acceso-home {
    height: 920px;
}
#contenido h1#h1-home {
    font-size: 1.5em;
}
.bloque-presentacion {
    padding: 90px 30px 40px;
}
/******************************************* STOCK HOME ***************************************/
#contenido #bloque-stock-home h2, #contenido #bloque-stock-home h2 strong {
    font-size: 25px;
}
#contenido #bloque-stock-home h2 strong.tit-strong-big {
    font-size: 35px;
}
#stock_total {
    font-size: 70px;
    line-height: 1;
}
#stock-home-b p {
    font-size: 24px;
    padding-bottom: 15px;
}
#boton-stock-home {
    width: 96%;
    left: 2%;
    margin-left: 0;
    bottom: -35px;
}
#boton-stock-home a {
font-size: 20px;
}

/****************************** CABECERA ********************************************/
#cabecera {
  height: 90px !important;
}
#banderas li {
  padding: 0 3px;
}
span.infoSaldoCesta {
  display: none;
}
#cabecera #login-home.loginCabecera span.ocultar {
display: none;
}
div.logo {
  top: 23px !important;
}
div[class^="ddsmoothmenu nav_menu_movil_"] #mobnav-btn-prod {
 padding: 0 25px 24px;
}
/**/
a#showlogin {
  background-color: #262626;
  background-image: url("/cms/site_0002/imagenes_css/imagen_css-7-022080b727949290c7.png");
  background-position: right top;
  color: #fff;
  display: block;
  font-size: 13px;
}


/*/////////////////////////////////////////////// MENÚ AUXILIAR /////////////////////////////////////////////////////////*/
#menuTop {
    display: none;
}
/*********************************** MÓDULOS COLUMNAS *************************************/
#fecha {
    width: 100%;
}
/******************** BUSCADOR AVANZADO (SECCIÓN CENTRAL) ****************************/
div.cajaBuscadorProductosAvanzadoHome {
    margin: 0 !important;
}
div.buscadorAvanzadoHomeLeft, div.buscadorAvanzadoHomeRight {
    width: 100%;
}
/************************************ 2 NIVELES ************************************************/
.col-4 {
    float: none !important;
    margin-left: 0 !important;
    margin: 0 !important;
    width: 100%;
}
.col-4:nth-child(odd) {
margin-right: 0 !important;
}

#capa-mapa {
    background-image: none;
    padding-bottom: 20px;
}
#desarrollo01 {
    float: none;
    width: 100%;
}
#desarrollo02 {
    background-position: 15px top;
    clear: both;
    float: none;
    padding: 5px 30px 40px 100px;
    width: 100%;
}
#drop-destacado-01.col-3, #drop-destacado-02.col-3, #drop-destacado-03.col-3 {
    margin-left: 5% !important;
    margin-right: 5% !important;
    width: 90% !important;
}
.col-destacada {
    min-height: inherit;
}


/************************************ LISTADOS ************************************************/
.ilustracion {
    display: none;
}
table#nuevoProducto td {
    clear: both;
    display: block;
    width: 100%;
}
.tablaFiltros td {
    display: inline-block;
}
/*/////////////// FILAS ///////////////*/
ul.filas li.imagen {
    width: 35%;
    margin-right: 3%;
}
ul.filas li.datosProducto {
    width: 60%;
}
ul.filas ul.grupoDcha {
    width: 100%;
    display: inline-block;
}
/*************************************** LISTADO - MINI *******************************************/
ul.mini {
    width: 100%;
}
/* lista FOTO */
ul.foto {
    width: 47%;
}
/********************************************* FICHA **********************************************/
div.ficha img.fotoPrincipal {
    width: 100%;
    height: auto;
}
div.formulario form label {
    display: block;
    float: none;
    text-align: left;
}
div.formulario input[type="text"], div.formulario textarea {
    width: 90%;
}
/*/////////////////////////////////////////////// COMPRA /////////////////////////////////////////////////////////*/
#codigoPromocional, #codigoClub {
    padding: 2% 5%;
}
#codigoPromocional p, #codigoClub p {
    float: none;
    margin: 0;
    width: 100%;
}
div.campoCodigo {
    float: none;
    margin: 0;
    text-align: left;
    width: 100%;
}
div.campoCodigo input.caja {
    margin-top: 2px;
}
#centro #contenido a.lnkBotonRojo:link, #centro #contenido a.lnkBotonRojo {
    display: inline-block;
    margin-bottom: 2%;
}
#centro #contenido a.lnkBotonVerde:link, #centro #contenido a.lnkBotonVerde {
    display: inline-block;
    white-space: nowrap;
}
.cajaFormaPago ul#formasPago li {
    width: 100%;
}
/********************************************** AREA PRIVADA *******************************************/
#menuTabs {
    background-color: transparent;
    padding: 5px 0 0;
}
#menuTabs li {
    display: inline-block;
    width: 48%;
    white-space: nowrap;
}
#menuTabs li:hover {
    margin: 7px 3px 3px;
}
#menuTabs li.activo, #menuTabs li.activo:hover {
    border: 1px solid #ccc;
    margin: 7px 3px 3px;
    padding-bottom: 0;
    padding-top: 0;
}
#areaPrivada div.paginador {
    float: left;
}
/********************************************** AVISO INFERIOR *******************************************/
.texto_pie_auxiliar {
    bottom: 0;
    right: 0;
    width: 100%;
}
/********************************************** PIE *******************************************/
#pie #pieA ul#lista-pie-a2 li a {
    font-size: 20px;
}
#pie #pieA ul li a {
    font-size: 16px;
}
.login-user, .login-pass, login-boton {
    display: block;
}
.login input.camposformHome, .login input.camposformHomeActive, #pieB .login-boton .botonform {
    width: 100%;
}
}/* /mediaquery */
/*//*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
   ESTILOS HASTA 320 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media (max-width: 320px) {
#contenido h2 {
    font-size: 48px;
}
.col-4 {
    width: 100%;
}
.capa-drop-envio {
    background-size: 20% auto !important;
    margin-bottom: 25px;
    margin-right: 10px;
    min-height: auto;
    padding-left: 25%;
}
/************************************ LISTADOS ************************************************/
table#nuevoProducto td.imagenProducto {
    display: none;
}
/******************** BUSCADOR AVANZADO (SECCIÓN CENTRAL) ****************************/
.checkBuscadorAvanzadoHome {
    float: none;
    width: 100%;
}
/*/////////////// PARRILLA DE FAMILIAS ///////////////*/
table.tablaCategorias td {
    display: block;
    text-align: left;
}
table.tablaCategorias td ul {
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 30px;
}
ul.foto {
  width: 100%;
}
}
/*///////////////////// CSS DINÁMICO : PRODUCTOS //////////////////////////*/

/* DESPLAGABLE PRODUCTOS ********************************/
.ddsmoothmenu ul li#desplegable_productos {
/*display: none;*/
}
#centro section#productos_listado {
  padding-inline: 30px;
}
#body_productos_listado #contenido h1 {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-bottom: 0;
}
#productos_listado #contenido h1 + h2 {
  background-color: #1b1b1b;
  background-image: none;
  font-size: 36px;
  font-weight: 300 !important;
  color: #fff;
  margin: 0;
  padding: 5px;
  text-align: center;
  text-transform: inherit;
  font-weight: 500;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  border-top: 1px solid rgba(255, 255, 255, .3);
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
DESCRIPCION FAMILIAS 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
 /* Checkbox oculto */
 input[id="toggle"] {
   display: none;
 }
/* Estilo para el enlace de "ver más" */
label[for="toggle"] {
  display: flex;
  cursor: pointer;
  background-color: #DB116F;
  font-size: 18px;
  text-align: center;
  margin-top: 25px;
  color: #fff;
  width: 24px;
  height: 24px;
  border-radius: 20px;
  font-weight: bold;
  justify-content: center;
  float: right;
  align-items: center;
}
/* Estilos cuando el checkbox está marcado */
input[id="toggle"]:checked ~ #descripcionFamilia {
  max-height: 3000px; /* Expande la altura para mostrar todo el contenido */
}
/* Cambia el texto del enlace al estar marcado */
input[id="toggle"]:checked + label[for="toggle"]::before {
  content: "-";
}
/* Texto predeterminado */
label[for="toggle"]::before {
  content: "+";
}
#descripcionFamilia {
  max-height: 110px; /* Limita la altura inicial del contenido */
   overflow: hidden;
  transition: max-height 0.5s ease;
  font-size: 18px;
  margin: 20px auto;
  position: relative;
}
#descripcionFamilia::after {
  display: block;
  content: "";
  width: 100%;
  background-color: #f8f9fa;
  position: absolute;
  height: 40px;
  bottom: 0;
  left: 0;
  z-index: 9;
  background: rgba(255, 255, 255, 0);
  background: -moz-linear-gradient(top, rgba(255, 255, 255,0) 0%, rgba(255, 255, 255,1) 39%, rgba(255, 255, 255,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255,0)), color-stop(39%, rgba(255, 255, 255,1)), color-stop(100%, rgba(255, 255, 255,1)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255,0) 0%, rgba(255, 255, 255,1) 39%, rgba(255, 255, 255,1) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255,0) 0%, rgba(255, 255, 255,1) 39%, rgba(255, 255, 255,1) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255,0) 0%, rgba(255, 255, 255,1) 39%, rgba(255, 255, 255,1) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255,0) 0%, rgba(255, 255, 255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff', GradientType=0 );
}
#contenido #descripcionFamilia h3 {
  font-size: 28px;
  font-weight: 500;
  margin: 0 0 5px 0;
  line-height: 1.2;
  width: 100% !important;
}
#contenido #descripcionFamilia h3:first-child {
  margin-top: 0;
}
#contenido div.megaeditor h3 {
  margin: 0 0 10px;
  padding: 3px 0 3px 0;
  font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
}
#contenido #descripcionFamilia  h4 {
  font-size: 24px;
  font-weight: 500;
  margin: 20px 0 5px;
}
#contenido #descripcionFamilia h4:first-child {
  margin-top: 0;
}
#contenido #descripcionFamilia ul {
  list-style: initial;
  padding: 10px 0 10px 20px;
  margin: 0 0 0 20px;
}
#contenido #descripcionFamilia p, #contenido #descripcionFamilia li {
  font-size: 18px;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
LISTADOS
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* PARRILLA */
#centro section[id^="parrilla_imagenes_familias_"] {
  overflow: auto;
  margin: 20px auto
}
table.tablaCategorias td ul.parrillaCategorias {
  width: 100%;
}
table.gama {
  margin-bottom: 0;
}
table.gama table.tablaCategorias tbody {
  text-align: center;
}
table.tablaCategorias tr {
  display: inline;
}
table.tablaCategorias td {
  text-align: center;
  font-size: 14px;
  border: 0 none;
  padding: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  width: 25% !important;
}
table.tablaCategorias td:empty {
    display: none
}
table.tablaCategorias td:not([class^="parrilla_familia_"]) {
    display: none;
}
.tablaCategorias a {
    width: 100%;
    text-transform: uppercase;
    color: #31364b;
    background: #f2f3f6;
    padding: 5px 50px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.2;
}
.tablaCategorias a:hover {
color: #fff;
    background: #bc2862;
}
/**/
#body_productos_listado #base {
    overflow: visible;
}
#body_productos_listado #centro {
    padding: 0; 
    max-width: 1440px;
    margin: 0 auto;
    float: none;
}
#body_productos_listado p.rastroMigas, #body_productos_detalle p.rastroMigas {
  text-align: center;
  padding: 15px 20px 0;
  text-transform: uppercase;
  background-color: #000;
  color: #fff;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
p.rastroMigas a:link, p.rastroMigas a:visited {
  color: #fff;
  text-decoration: none;
}
.rastroMigas span a span {
  font-weight: 400;
  color: #fff;
}
/*PARRILLA */
table.gama.parrilla thead {
display: none;
}
/* FILTROS *****************************************************/
table.visualizacion.top tr:last-child, #td_productos_vistas {
  display: none;
}
table.visualizacion td#td_productos_orden {
  padding: 10px;
  text-align: center;
}
#td_productos_orden span.filtro,  #td_productos_orden span#productosListado {
  display: block;
}
#td_productos_orden .filtro select {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-size: 16px;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 15px;
}
span.paginas {
  padding: 5px 8px;
  font-size: 16px;
  color: #1B1B1B;
  font-weight: 800;
  display: inline-block;
  background: #f2f3f6;
  -webkit-border-radius: 30px;
  -moz-border-radius: 31px;
  border-radius: 30px;
}
.paginasnumeradas a.paginaActual {
  color: #fff;
  background-color: #1B1B1B;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  min-width: 36px;
}
.paginasnumeradas a {
  color: #1B1B1B;
  font-size: 18px;
}
span.paginas strong {
   color: #1B1B1B;
  font-weight: 900;
}
.paginas>span {
  align-items: center;
  justify-content: center;
}
#body_productos_listado aside {
    display: none;
} 
div.filtro_lateral {
  display: none;
} 
#izda .conjuntofiltro.filtro_unico_oferta, #izda .conjuntofiltro.filtro_unico_stock , #izda .conjuntofiltro.filtro_unico_reservados {
  padding: 5px 0;
}
#izda .conjuntofiltro.filtro_unico_oferta div.filtro_lateral, #izda .conjuntofiltro.filtro_unico_stock div.filtro_lateral, #izda .conjuntofiltro.filtro_unico_reservados div.filtro_lateral {
  display: initial;
}
#izda .conjuntofiltro.filtro_unico_oferta input[type="checkbox"].css-checkbox + label.labelcheck, #lista-redes li.lnk-twitter a#izda .conjuntofiltro.filtro_unico_stock input[type="checkbox"].css-checkbox + label.labelcheck, #izda .conjuntofiltro.filtro_unico_reservados input[type="checkbox"].css-checkbox + label.labelcheck {
  padding-left: 0;
}
div.cajasIzda .filtoUnico label a {
  padding-left: 20px;
  text-transform: uppercase;
}

/* FILTROS ------------------------------------------------------------------------------------------ 
---------------------------------------------------------------------------------------------------------------------------*/
#body_productos_listado .filtroProductos.fixed-header {
  background-color: #fff;
  position: fixed;
  top: 0;
  width: 100%;
  max-width: 1485px;
  margin-left: -683px;
  z-index: 999999;
  margin-top: 0;
  margin-bottom: 0;
  left: 50%;
  overflow: visible;
}
.filtroProductos {
  background-color: #f2f3f6;
  border: 0 none;
  padding: 10px  0;
  margin: 20px 0 0;
  overflow: visible;
  text-align: center;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
#div_filtrado_oferta, #div_filtrado_stock, #div_filtrado_reservados {
  position: relative;
  display: block !important;
  box-shadow: none;
  padding: 0;
  z-index: 0;
}
div.cajasIzda label {
  margin: 0;
}
#div_filtrado_oferta label a, #div_filtrado_stock label a, #div_filtrado_reservados label a {
  color: #31364b;
  padding-left: 0;
  font-weight: 600;
  font-size: 14px;
}

div.cajasIzda h3[id^="h3_filtro_productos"] {
  display: none;
}
.basefiltros {
  float: none;
  width: calc(100% - 220px);
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}
.botones_filtros_laterales {
  float: none;
  clear: none;
  margin-bottom: 0;
  display: inline-block;
  width: 200px;
  padding: 0;
  vertical-align: middle;
}
#botonResetFiltrar {
  border: none;
  margin-right: 0;
}
#botonResetFiltrar:hover {
  color:  #b92967;
}
.conjuntofiltro.filtro_unico_oferta, .conjuntofiltro.filtro_unico_stock, .conjuntofiltro.filtro_unico_reservados {
  padding-top: 17px;
  padding-right: 0;
}
#centro .conjuntofiltro {
  margin: 0;
  padding-top: 10px;
  padding-left: 20px;
}
div.cajasIzda div.tituloFiltro {
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 5px;
  color: #1a1a1a;
}
div.cajasIzda div.tituloFiltro a {
  font-weight: 600;
  color: #31364b;
}
#ul_filtrado_familias label.labelcheck, #ul_filtrado_marcas label.labelcheck, #ul_filtrado_tipos label.labelcheck {
  background-image: url(/UserFiles/images/2024/ico_checkbox_filtros02.svg);
  background-size: 18px auto;
  height: 20px;
  padding-left: 25px;
}
/*input[type="checkbox"].css-checkbox.check_filtro_campos_variables:checked + label.labelcheck a, input[type="checkbox"].css-checkbox.check_filtro_familias:checked + label.labelcheck a, input[type="checkbox"].css-checkbox.check_filtro_marcas:checked + label.labelcheck a, input[type="checkbox"].css-checkbox.check_filtro_tipos:checked + label.labelcheck a {
  color: #d9a126 !important;
}*/
#ul_filtrado_colores input.css-checkbox[type="checkbox"] + label.labelcheck span {
  text-indent: -9999px;
}
.conjuntofiltro > div:last-child {
  display: none;
  position: absolute;
  background-color: #f2f3f6;
  padding: 15px 15px 20px 20px;
  z-index: 999999;
  -webkit-box-shadow: rgba(0, 0, 0 , 0.15) 10px 10px 20px;
  -moz-box-shadow: rgba(0, 0, 0 , 0.15) 10px 10px 20px;
  box-shadow: rgba(0, 0, 0 , 0.15) 10px 10px 20px;
}
div.cajasIzda a.vertodosFiltro {
  text-align: right;
  text-transform: uppercase;
  color: #DB116F;
  font-weight: 600;
  font-size: 12px;
}
#div_filtrado_precios {
  width: 260px;
}
#div_filtrado_precios {
  width: 260px;
  padding-right: 20px;
  text-align: center;
  font-weight: 600;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border-width: 2px;
}
#precio_desde, #precio_hasta {
  width: 60px;
  background-color: #fff;
  padding: 5px 10px;
  margin-bottom: 10px;
  font-weight: 600;
  margin-right: 3px;
  font-size: 14px;
}
#precio_desde:hover, #precio_hasta:hover, #precio_desde:focus, #precio_hasta:focus {
  border-color: transparent;
}
.ui-slider-horizontal {
  height: 5px;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -.5em;
}
div.cajasIzda div.tituloFiltro {
  padding-right: 15px;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 10px;
}
div.cajasIzda div.tituloFiltro.no_visible {
  background-image: url("/UserFiles/images/2024/ico-mas-nero.svg");
}
div.cajasIzda div.tituloFiltro.visible {
  background-image: url("/UserFiles/images/2024/ico-menos-nero.svg");
}
div.cajasIzda ul.listaFiltro li.padre {
  margin-bottom: 0 !important;
  padding: 5px 0;
}
div.cajasIzda ul.listaFiltro li.padre:first-child {
  border: none;
}
div.cajasIzda ul.listaFiltro li.padre + li.padre {
  margin-top: 7px !important;
}
div.cajasIzda ul.listaFiltro li.hijo {
  padding-left: 25px;
  background-repeat: repeat-y;
  background-image: url(/UserFiles/images/2024/bg_arbol.png);
  background-position: 7px 3px;
  padding-top: 5px;
  margin-bottom: 0 !important;
  padding-bottom: 5px;
}
div.cajasIzda ul.listaFiltro li.hijo:last-child {
  background-image: url(/UserFiles/images/2024/bg_arbol-fin.png);
}
.filtro_lateral li a span {
  display: none;
}
#ul_filtrado_tallas label {
  border: 2px solid #000;
  height: 35px;
}
#ul_filtrado_colores label, #ul_filtrado_tonos label {
  border: 2px solid #000;
}
div.cajasIzda ul.listaFiltro li label a {
  padding: 5px 0;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 13px;
  padding-top: 1px;
  color: #000;
}
div.cajasIzda ul.listaFiltro li label a:hover {
  color: #bc2862;
}
#ul_filtrado_familias, #ul_filtrado_marcas, #ul_filtrado_tipos, ul[id^="ul_valores"] {
  max-height: 300px;
  overflow: auto;
  padding-right: 30px;
}
.vertodosFiltro > span#ver_mas_ul_filtrado_familias::after, .vertodosFiltro > span#ver_menos_ul_filtrado_familias::before {
  content: "";
}
.botones_filtros_laterales .botonform.botonsecundario {
  padding: 0;
  background-color: transparent;
  color: #b92967;
  text-transform: inherit;
  font-size: 14px;
  background-position: right 2px;
  background-image: url(/UserFiles/images/ico-delete.svg);
  padding-right: 23px;
  background-size: 20px auto;*/
}
.botones_filtros_laterales .botonform.botonsecundario:hover {
  text-decoration: underline;
  background-color: transparent;
}

#botonFiltrar, #botonResetFiltrar {
    display: inline-block;
}
#botonFiltrar {
  background: #bc2862;
  border-color: #bc2862;
  letter-spacing: 1px;
  padding: 6px 10px;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
}
#botonFiltrar:hover {
  background: #272d38;
  border-color: #272d38;
}
/*********/
table.visualizacion td img {
    min-height: 15px;
}
table.visualizacion.bottom td.muestra {
background: transparent;
text-align: center;
 display: none;
    display: block;
}
/**/
span#productosListado {
display: inline-block;
}
/**/
#body_productos_listado [id^="product_list_"], #body_productos_detalle [id^="product_list_"] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  row-gap: 20px;
  column-gap: 20px;
  width: 100%;
}
ul.mini {
  padding: 20px 30px;
  border: 2px solid #ebecf2;
  border-radius: 20px;
  width: 100%;
  margin: 0;
}
ul.mini .nombreProducto {
  font-size: 14px;
  display: block;
  font-weight: 500;
  overflow: hidden;
  height: 36px;
  margin-bottom: 0;
}
.disponible,  .en_reposicion, .parcialmentedisponible {
  display: none;
} 
ul.mini li.bloquePrecio {
  padding: 0;
  text-align: left;
  margin: 0;
}
li.bloquePrecio > span.precioPrincipal span {
  font-size: 22px;
  font-weight: 600;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
FICHA
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#body_productos_detalle p.rastroMigas {
  padding: 10px;
}
.contentstyle {
  padding: 0;
}
div.imagen {
  float: left;
  width: 60%;
  margin-bottom: 40px;
}
div.datosFicha {
  float: right;
  width: 40%;
  margin-bottom: 40px;
}
.agotado, .disponible {
  display: none;
}
div.noticias img, .fotoParrillaFicha div.recorte2, div.fotoParrilla a:link, div.fotoParrilla a {
  -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;
}
.plazoEntrega {
  display: none;
}
/* FOTO FICHA */
#div_slider_fotos .bx-viewport {
    min-height: auto !important;
}
.carrusel_flechas_pdt .bx-prev, .carrusel_flechas_pdt .bx-next {
    width: 25px;
    height: 25px;
    background-size: 17px;
}
.vertical .carrusel_flechas_pdt>li:first-child {
    bottom: inherit;
    left: calc(50% - 14px);
    top: -30px;
}
.vertical .carrusel_flechas_pdt>li:last-child {
    bottom: -17px;
    right: calc(50% - 17px);
    top: inherit;
}

.carrusel_flechas_pdt>li:first-child {
    left: -10px;
}
.carrusel_flechas_pdt>li:last-child {
    right: -10px;
}
.carrusel_flechas_pdt>li:first-child, 
.carrusel_flechas_pdt>li:last-child {
    top: calc(50% - 15px);
}
/**/
#contenido h1#nombreProducto {
  background-color: transparent;
  color: #1e1e1e;
  background-image: none;
  font-size: 30px;
  font-weight: 500;
  padding: 0;
  margin: 0;
}
#contenido h2#descripcion {
  background-image: none;
  text-align: left;
  background-color: transparent;
  font-size: 18px;
  font-weight: 300;
}
#div_slider_fotos {
  margin-top: 20px;
}
#cuadroPrecio {
  margin: 0 0 40px;
  padding: 0;
}
div.precioPrincipal {
  font-size: 36px;
}
div.precioPrincipal strong {
  font-weight: 500;
}
div.precioPrincipal span.divisa_fin {
  font-size: .85em;
}
.datosProducto h6 {
  margin-bottom: 5px;
}
/* TALLAS COLORES*********************************/
#contenido #tallasycolores p {
font-size: 12px;
    margin: 0;
    padding: 10px 0 0;
    color: #444;
font-weight: 700;
    text-transform: uppercase;
}
#color.variaciones a {
    width: 50px;
    height: 50px;
   border: 2px solid #dcdcdc;
}
div.variaciones a.activo {
    border: 2px solid rgb(220, 12, 119);
}

div#talla.variaciones div.noReserva {
    border-color: #bd7991;
    background-color: #bd7991;
    border-width: 2px;
}
div#color.variaciones div.activo, div.variaciones div.activo, 
div#color.variaciones div.activo, div.variaciones div.activo {
    border: 1px solid #c3a7b1;
}

div.variaciones div {
    background-color: #dcdcdc;
    border: 2px solid #dcdcdc;
    cursor: pointer;
    float: left;
    font-size: 11px;
    margin: 8px 8px 0 0;
    min-width: 30px;
width: 50px;
height: 50px;
    padding: 7px 7px 5px;
    text-align: center;
}
div#color.variaciones div:hover, div.variaciones a:hover, div.variaciones div:hover {
  border: 2px solid  rgb(220, 12, 119);
}
.masInfo {
  display: none;
}
/* HERRAMIENTAS ********************************************************************************************************/
div.herramientas {
  border: 0 none;
  margin: 0;
  padding: 0;
}
#bloque #listaBlog li div.herramientas a, div.herramientas a {
  float: none;
  display: inline-block;
}
div.herramientas a {
  width: 48px;
  height: 48px;
  padding: 0;
  margin-top: 0;
}
div.herramientas a:hover {
  background: transparent;
}
div.herramientas a span {
  display: none;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 1410
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1410px) {

#productos_hermanos, #producto_detalle {
padding: 0 30px;
}
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 950
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 950px) {
#productos_listado #contenido h1 + h2 {
  font-size: 32px;
  padding: 10px 0;
}
div.datosFicha, div.imagen {
  float: none;
  width: 100%;
  margin-bottom: 40px;
}
table.tablaCategorias td { 
  width: 33% !important;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 768
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 768px) {
#productos_listado #contenido h1 + h2 {
  font-size: 30px;
}
table.tablaCategorias {
  overflow: auto;
}
table.tablaCategorias td {
  width: auto !important;
}
table.tablaCategorias tbody {
  display: flex;
  flex-direction: row;
  overflow: auto;
}
table.tablaCategorias tr {
  display: inline-flex;
}
.tablaCategorias a {
  padding: 5px 25px;
  min-width: 200px;
}
.basefiltros, #centro .conjuntofiltro, #centro div.filtrosPrincipales .filtro, .botones_filtros_laterales {
  width: 100%;
  display: block;
}
.basefiltros {
  border-bottom: 3px solid #f2f3f6;
  padding-bottom: 10px;
}
.botones_filtros_laterales {
  max-width: 300px;
  margin: 10px 10px 10px auto;
}
#centro .conjuntofiltro {
  padding: 20px 20px 0 20px;
  margin: 0;
}
.conjuntofiltro > div:last-child {
  position: relative;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.filtroProductos {
  background-color: #fff;
  padding: 0;
  border: 3px solid #f2f3f6;
}
#contenido div.cajasIzda.filtroProductos h3.tituloCatalogo {
  display: block;
  background-color: #f2f3f6;
  font-size: 16px;
  margin: 0;
  line-height: inherit;
  width: 100% !important;
  padding: 8px 18px;
  letter-spacing: 0.5px;
  font-weight: 500;
  cursor: pointer;
}
h3.tituloCatalogo::after, h3.tituloCatalogo.no_visible::after {
  content: "+";
  display: flex;
  color: #626262;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  font-weight: bold;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 13px;
  top: 7px;
  font-size: 16px;
  border: 2px solid #626262;
}
h3.tituloCatalogo.visible::after {
  content: "-";
}
#div_filtrado_precios {
  width: 100%;
}
.basefiltros, .botones_filtros_laterales {
  display: none;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 600
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

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

.producto-ficha.anterior, .producto-ficha.siguiente {
  display: none;
}
#productos_listado #contenido h1 + h2 {
  font-size: 26px;
}
#contenido #descripcionFamilia h3 {
  font-size: 24px;
}
#contenido #descripcionFamilia h4 {
  font-size: 20px;
  margin-bottom: 5px;
}
#contenido #descripcionFamilia p, #contenido #descripcionFamilia li {
  font-size: 16px;
}
div.imagen {
  margin-bottom: 20px;
}
#cuadroPrecio {
  margin: 20px 0 30px;
  padding: 0;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     ESTILOS HASTA 480
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 480px) {
#contenido h1, #contenido h2 {
  font-size: 42px;
  }
#productos_listado #contenido h1 + h2 {
  font-size: 24px;
}
#descripcionFamilia {
  max-height: 100px;
  margin-bottom: 10px;
}
.tablaCategorias a {
  padding: 15px 30px;
  white-space: nowrap;
  min-height: inherit;
}
ul.mini .nombreProducto {
  height: initial;
}
}
/*///////////////////// CSS DINÁMICO : Landing 360 //////////////////////////*/

img, video, svg {
  height: auto !important;
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
   LANDING TIENDA 360
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#contenido h1#h1_cms_419 {
    margin: 0;
}
.col-360 {
    display: grid;
    grid-template-rows: 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-items: stretch;
    align-items: stretch;
}
.col-360.col-360-2col {
    grid-template-columns: 1fr 1fr;
}
.col-360.col-360-1_15col {
    grid-template-columns: 1fr 1.5fr;
}
.col-360.col-360-15_1col {
    grid-template-columns: 1.5fr 1fr;
}
.col-360.col-360-3col {
    grid-template-columns: 1fr 1fr 1fr;
}
.col-360.col-360-4col {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

/*-------------------------------------------*/
 a.lnk-contratar360 {
color: #fff;
font-weight: 500;
display: inline-block;
background: #eb457d;
padding: 8px 35px;
position: relative;
    font-size: 19px;
    font-weight: 600;
    letter-spacing: .5px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
 a.lnk-contratar360:hover {
background: #000;
text-decoration: none;
}
a.lnk-contratar360::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
margin-right: 5px;
vertical-align: text-top;
background-repeat: no-repeat;
background-position: center center;
background-size: 100%;
}
a.lnk-contratar360::before {
background-image: url("/UserFiles/images/landings/ico-carro_mas-blanco.svg");
}

a.lnk-contacto360{
padding: 7px 30px;
position: relative;
    font-size: 18px;
}
a.lnk-contratar360.lnk-contacto360::before {
background-image: url("/UserFiles/images/landings/ico-email-blanco.svg");
}

/* Presentacion ------------------------------------------------------*/
#presentacion-360 {
max-width: 1440px;
margin: 0 auto;
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-items: stretch;
    align-items: stretch;
}
#presentacion-360 #presentacion-imagen {
order: 2;
}
#presentacion-360 #presentacion-texto > p, #presentacion-360 #presentacion-texto > p strong {
color: #fff;
font-size: 21px;
}
#presentacion-360 #presentacion-texto #presentacion-detalles {

background: rgba(0, 0, 0, .2);
padding: 40px 50px;
color: #fff;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
#contenido div.megaeditor #presentacion-detalles h3 {
color: #fff;
font-size: 24px;
}

/* Empieza ahora ------------------------------------------------------*/
#bloque-360-empieza {
background: #f6f6f6;
padding: 40px 50px;
margin: 30px 0;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}

/* Ventajas ------------------------------------------------------*/
.capa-ventaja  {
background: #f6f6f6;
    padding: 40px 50px 40px 190px;
background-repeat: no-repeat;
background-position: 40px center;
background-size: 120px;

    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}
#ventaja-disenyo {
margin-bottom: 40px;
}
#contenido .capa-ventaja h3 {
font-size: 25px;
}
#ventaja-disenyo {
background-image: url("/UserFiles/images/landings/ico-360-disenyo.svg");
}
#ventaja-top-ventas {
background-image: url("/UserFiles/images/landings/ico-360-auto_top.svg");
}
#ventaja-enfoque-ventas {
background-image: url("/UserFiles/images/landings/ico-360-enfoque.svg");
}
#ventaja-sin-almacen {
background-image: url("/UserFiles/images/landings/ico-360-sin_stock.svg");
}
#ventaja-dominio {
background-image: url("/UserFiles/images/landings/ico-360-dominio.svg");
}


/* BANNER 360 ------------------------------------------------------*/
div.banner360 {
text-align: center;
padding: 20px 40px;
}
div.banner360 img {
margin: 0 auto;
}
div.banner360 a {
font-size: 18px;
font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
color: #eb457d;
font-weight: 600;
}
div.banner360 a:hover{
text-decoration: none;
color: #000000;
}

/* PREGUNTAS FRECUENTES ---------------------------------------------------------------------------------------*/
#script_1870 {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 30px!important;
}
#contenido #script_1870 div[class*="widget-title"] {
    background: none;
    font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
    font-size: 55px;
    text-transform: none;
    color: #000000;
    font-weight: 700;
    line-height: 1.1;
}

.eapps-faq, 
div.eapps-widget.eapps-widget-show-toolbar:before, 
div.eapps-widget.eapps-widget-show-toolbar:before {
/*    border: 1px solid #fff!important; */
}
#eapps-faq-1.eapps-faq-layout-accordion .eapps-faq-content-category-item:not(.eapps-faq-content-category-item-active) .eapps-faq-content-category-item-question {
        background-color: rgb(250, 250, 250)!important;
    color: rgb(0, 0, 0)!important;
}
.eapps-faq-layout-accordion .eapps-faq-content-category-items {
    border-radius: 0!important;
}
.eapps-faq-layout-accordion .eapps-faq-content-category-item-question-icon:before, .eapps-faq-layout-accordion .eapps-faq-content-category-item-question-icon:after {
    background: rgba(0, 0, 0, .5)!important;
}

.eapps-faq-template-bg.eapps-faq-layout-accordion .eapps-faq-content-category-items .eapps-faq-content-category-item:first-child {
    border-radius: 0;
}

/* TEMAS TIENDA ---------------------------------------------------------------------------------------*/
 .capa-tema img {
margin-bottom: 20px;
}
#contenido .capa-tema h3 {
font-size: 25px;
min-height: 60px;
}

/* DESCUENTO SEGUNDA TIENDA ---------------------------------------------------------------------------------------*/
#centro section.sec-descuento360 {
background: #eb457d;
padding: 40px 50px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
#contenido .sec-contenido.sec-descuento360 H2 {
    font-size: 35px;
text-align: left;
color: #fff;
}
#contenido .sec-contenido.sec-descuento360 H2 + p {
color: #fff;
    font-size: 21px;
    line-height: 1.5;
    max-width: 100%;
    margin: 0 auto;
    text-align: left;
    padding: 0 0 30px;
}
#contenido .sec-contenido.sec-descuento360 strong {
color: #fff;
}

/**/
#bloque-descuento360 a.lnk-contratar360 {
background: #cb2e63;
font-size: 24px;
    padding: 10px 40px;
}
#bloque-descuento360 a.lnk-contratar360:hover {
background-color: #000;
}
#bloque-descuento360 a.lnk-contratar360.lnk-contacto360 {
font-size: 18px;
    padding: 10px 40px;
}
#bloque-descuento360 a.lnk-contratar360::before {
width: 24px;
    height: 24px;
    vertical-align: sub;
}
#bloque-descuento360 a.lnk-contratar360.lnk-contacto360::before {
width: 22px;
    height: 22px;
    vertical-align: middle;
}

/* A QUIEN LE INTERESA ---------------------------------------------------------------------------------------*/
#centro section.sec-interes360 {
padding: 0 40px;
}
#bloque-sectores {
padding: 20px 0 90px;
}
#contenido div.megaeditor #bloque-sectores h3 {
font-size: 21px;
padding: 20px 0 5px;
min-height: 70px;
}

#bloque-sectores a.lnk-contratar360 {
margin: 10px 0 20px;
}

/*********************/
#firma-mario360 {
background: #f6f6f6 url("/UserFiles/images/landings/mario-firma360.png") no-repeat left -20px;
background-size: auto 130%;
max-width: 1100px;
margin: 10px auto;
padding: 30px 40px 35px 240px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
#contenido #firma-mario360 h3 {
    font-size: 25px;
}
#contenido #firma-mario360 p {
margin-bottom: 0;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
     HASTA 1440
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1440px) {

#centro section.sec-menu-360 {
padding: 40px 30px!important;
}
/* DESCUENTO SEGUNDA TIENDA ---------------------------------------------------------------------------------------*/
#centro section.sec-descuento360 {
width: calc(100% - 80px);
margin-left: 40px;
}

/* TEMAS TIENDA ---------------------------------------------------------------------------------------*/
#parrilla-temas {
padding: 0 20px;
}

}

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

/* Empieza ahora ------------------------------------------------------*/
#bloque-360-empieza.col-360.col-360-15_1col {
    grid-template-columns: 1fr;
}
/* DESCUENTO SEGUNDA TIENDA ---------------------------------------------------------------------------------------*/
.col-360.col-360-1_15col {
    grid-template-columns: 1fr 1fr;
}

}

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

#presentacion-360 #presentacion-texto #presentacion-detalles.col-360.col-360-2col {
    grid-template-columns: 1fr;
    grid-row-gap: 10px;
}

}

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

.col-360.col-360-3col {
    grid-template-columns: 1fr 1fr;
}
.col-360.col-360-4col {
    grid-template-columns: 1fr 1fr;
}
/****************************************************************/
#presentacion-360 {
    grid-template-columns: 1fr;
}
#presentacion-360 #presentacion-texto #presentacion-detalles.col-360.col-360-2col {
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 30px;
}
#presentacion-360 #presentacion-imagen {
text-align: center;
}
#presentacion-360 #presentacion-imagen img {
width: 500px;
margin: -90px auto 0;
}
/* Empieza ahora ------------------------------------------------------*/
.capa-ventaja {
    padding: 140px 50px 40px 50px;
    background-repeat: no-repeat;
    background-position: 50px 30px;
    background-size: 100px;
}
/* TEMAS TIENDA ---------------------------------------------------------------------------------------*/

/* DESCUENTO SEGUNDA TIENDA ---------------------------------------------------------------------------------------*/
.col-360.col-360-1_15col {
    grid-template-columns: 1fr;
}
#descuento-imagen  {
text-align: center;
}
#descuento-imagen img {
width: 500px;
margin: 0 auto -140px;
}
#contenido .sec-contenido.sec-descuento360 H2 {
text-shadow: 0 0 12px #eb457d;
}
#contenido .sec-contenido.sec-descuento360 H2, #contenido .sec-contenido.sec-descuento360 H2 + p {
        text-shadow: 0 0 4px #eb457d;
    }

}

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

#presentacion-360 #presentacion-imagen img {
        max-width: 90%;
    }

/* Empieza ahora ------------------------------------------------------*/
#bloque-ventajas.col-360.col-360-2col {
grid-template-columns: 1fr;
}
    .capa-ventaja {
        background-position: center 30px;
}
#contenido .capa-ventaja h3 {
width: 100%;
text-align: center;
}

/* A QUIEN LE INTERESA ---------------------------------------------------------------------------------------*/
#centro section.sec-interes360 .col-360.col-360-2col {
  grid-template-columns:  1fr;
}

/* FIRMA MARIO ------------------------------------------------------*/
#firma-mario360 {
background-position: -150px -20px;
}

}

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

.col-360.col-360-3col {
    grid-template-columns: 1fr;
}
.col-360.col-360-4col {
    grid-template-columns: 1fr;
}
/****************************************************************/

#presentacion-360 #presentacion-texto #presentacion-detalles.col-360.col-360-2col {
    grid-template-columns: 1fr;
    grid-row-gap: 10px;
}

/* Empieza ahora ------------------------------------------------------*/
#empieza-grande {
display: none;
}
#empieza-responsive {
display: block!important;
}
/* FIRMA MARIO ------------------------------------------------------*/
#firma-mario360 {
padding: 150px 40px 35px 40px;
background-position: -90px -20px;
    background-size: auto 450px;
}

/* SEGUNDA TIENDA ------------------------------------------------------*/
    #descuento-imagen img {
        margin: 0 auto -200px;
    }

}

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

/* FIRMA MARIO ------------------------------------------------------*/


}