/* compatible_utf8:0 */
@charset "UTF-8";
:root {
  --color-enlace-principal-01: #007DC3;
  --color-fondo-dark-01: #111212;  
  --color-enlace-secundario-01: #212122;
  --color-texto-enfasis-01: #303335;
  --color-texto-secundario-01: #525557;  
  --color-texto-estandar-01: #7D8083;
  --color-fondo-secundario-03: #9EA1A3;
  --color-fondo-secundario-02: #B8BBBC;  
  --color-borde-primario-01: #DDDEDF;
  --color-borde-secundario-01: #E5E6E6;
  --color-fondo-secundario-01: #f2f2f3; 

  --color-texto-light-01: #ffffff;	
  --color-borde-light-01: #ffffff;
  --color-fondo-light-01: #ffffff;

  --color-success-01: #177426;
  --color-success-02: #669900; 
  --color-error-01: #dd0000;
  --color-error-02: #990000;
  --color-parcial-01: #F6B009;

  --color-texto-alerta-01: #bd9e54;
  --color-fondo-alerta-01: #fff9ca;
  --color-bold-alerta-01: #987320;
  --color-link-alerta-01: #b05200;

  --color-texto-codigo-01: #ff6c00;
  --color-fondo-codigo-01: #fff4ee;

  --font-familiy-standard: "Trebuchet MS", Arial, Helvetica, sans-serif;
  --font-familiy-thead: "Arial Narrow", Arial;
  
}
body, html, * {
  scrollbar-width: thin;
}
html {
	height: 100%
}
body {
  margin: 0;
  height: 100%;
  font-family: var(--font-familiy-standard);
  color: var(--color-texto-estandar-01);
  background-position: center top;
  padding: 0;
  background-color: var(--color-fondo-light-01);
  height: 100%;
}
::-webkit-scrollbar {
  height: 5px;
  cursor: pointer;
}
::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
/* Enlaces generales */
a {
	color: var(--color-enlace-principal-01);
	text-decoration: none;
	-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;
}
a:hover {
	color: var(--color-enlace-secundario-01);
	text-decoration: underline;
    -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;
}
* { outline: none; }
a:focus, a:active, a:active * {
	outline: none !important;
	outline: 0;
}
a:focus, a:active, button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
 	border: 0;
 	outline : none;
}
 /* This hides focus around selected option in FF */
:focus {
    outline: none;
}
select:-moz-focusring {
	color: transparent !important;
 	text-shadow: 0 0 0 var(--color-fondo-dark-01) !important;
}
select:focus, option:focus, select:active, option:active, select, option {
	outline: 0 none;
}
select, textarea, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"], .formCompra input, .formCompra textarea, .formCompra select {
	border: 1px solid var(--color-borde-primario-01);
	color: var(--color-texto-enfasis-01);
	background-color:var(--color-fondo-light-01);
}
textarea, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.display-none {
	display: none;
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-overflow: ellipsis;
	background-image: url("../images/arrow-down_select.png");
    background-position: right center;
    background-repeat: no-repeat;
	padding-right: 25px !important;
}
label {
    font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
.selectsinflecha {
    background-image: none;
}
.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, .botonSeguir > a, .cajaBuscadorProductosAvanzadoHome input.botonform:hover, div.filtroProductos input.botonform:hover, #botonVerde a:hover, #formLoginTop input.boton:hover, .botonform:hover {
	background-color: var(--color-enlace-secundario-01);
	color: var(--color-texto-light-01);
}
.cajaBuscador input.botonform, .cajaBuscadorProductosAvanzado input.botonform, div.formulario input.boton, .boton02, .cajasIzda input.botonform, div.filtroProductos input.botonform, .botonesFiltrosCentro .botonform {
    cursor: pointer;
}
/*//////////////////////////////// GENERICOS /////////////////////////////////*/
html {
	overflow-y: scroll; /* Para evitar que salga scroll en las paginas generadas con GESIO*/
}
main {
	display:block;
}
.floatRight {
	float: right;
}
.alignRight {
	text-align: right;
}
.floatLeft {
	float: left;
}
.alignLeft {
	text-align: left;
}
.overflow-hidden {
	overflow:hidden;
}
.nowrap {
	white-space: nowrap;
}
table {
	border: 0;
	border-spacing: 0;
	border-collapse: collapse;
	padding: 0;
	width: 100%;
}
img {
	border: 0;
}
a img, .ilustracion img {
	border: medium none;
}
input, select, textarea {
    border: 1px solid var(--color-borde-primario-01);
	padding: 7px;
}
.ilustracion {
    display: block;
}
.ilustracion > img, .imagen_cabecera_cms img {
    height: auto;
    max-width: 100%;
}
.anchoCompleto {
	width: 100% !important;
}
div.overflow {
	clear: both;
}
#logoPrint {
	display: none;
}
#centro #contenido a.lnkBotonVerde img {
	vertical-align: bottom;
}
.textoMayor {
    font-size: 24px;
}
.enfasiscolor {
    color: var(--color-texto-enfasis-01);
}
/*//////////////////////////////// ENCABEZADOS /////////////////////////////////*/

/********************************** FICHA PRODUCTO ****************************************/
#contenido h2 {
	font-size: 24px;
	color: var(--color-texto-enfasis-01);
	margin: 0;
	padding: 0;
}
#contenido h4, .datosFicha h1 {
	color: var(--color-texto-enfasis-01);
	font-size: 22px;
	line-height: 1.2em;
	margin-bottom: 5px;
}
#contenido h4 + p {
    margin-top: 0;
}
#contenido h2#descripcion {
	font-size: 14px;
    font-weight: normal;
    margin: 10px 0;
    padding: 0;
	color: var(--color-texto-estandar-01);
    background-image: none;
}
.datosProducto h6 {
	font-size: 12px;
	margin: 0;
    padding: 0;
	color: var(--color-texto-enfasis-01);
	text-transform: uppercase;
}
#propiedades-producto {
    display: none;
}
/****************** Ficha B2B *****************/
#datosmenores, #variaciones_producto {
    overflow: hidden;
    clear: both;
}
#preciounitario_B2B p {
    padding: 0;
    margin: 5px 0 0 0;
    text-transform: uppercase;
}
#precioUnitario {
    font-size: 24px;
}
.datos_variacion {
    list-style-type: none;
    border: solid 1px var(--color-borde-secundario-01);
    padding: 0;
    width: 100%;
    margin: 0 0;
    overflow: hidden;
    white-space: nowrap;
    border-top: none;
}
.datos_variacion.titulos {
    background-color: var(--color-fondo-secundario-01);
    color: var(--color-texto-estandar-01);
    font-weight: bold;
    border: solid 1px var(--color-borde-secundario-01);
    font-size: 10px;
}
.datos_variacion.titulos li {
    height: auto;
    border-color: var(--color-borde-secundario-01);
}
.datos_variacion li {
    display: inline-block;
    vertical-align: middle;
    padding: 5px;
    height: 60px;
    width: calc(33% - 92px);
    text-align: center;
}
.datos_variacion li:last-child {
    border-right: none;
}
.datos_variacion li > span{
	display:block;
    text-overflow: ellipsis;
    overflow: hidden;
}
.datos_variacion li > span.referencia, .datos_variacion li > span.color, .datos_variacion li > span.textoIVA {
    word-break: break-all;
    white-space: normal;
}
.datos_variacion .enfasis span{
	display:inline-block;
}
.datos_variacion li.var_foto {
    width: 80px;
}
.var_foto img {
    height: 100%;
    width: auto;
}
.datos_variacion li.var_stock {
    width: 60px;
}
.datos_variacion li.var_herramientas, .datos_variacion li.var_unidades {
    width: 130px;
}
.datos_variacion .decrement-unit, .datos_variacion .increment-unit, .datos_variacion .campocantidad {
	display: inline-block;
	vertical-align: top;
	float: none;
	background-color: transparent;
    height: 42px;
}
.datos_variacion .campocantidad span {
    display: block;
}
input.campoCantidadFicha {
	width:45px;
}
form.cantidad.cantidad_b2b {
    margin: 0;
    float: none;
}
#herramientas_variaciones{
	display:block;
	float:right;
	margin-bottom: 60px;
}
#resumenPedido {
    padding: 15px 0;
    text-align: right;
    font-size: 14px;
}
#tit_importeTotal_B2B {
    vertical-align: super;
    margin-right: 5px;
}
#b2b_importe_total, .importe_final_b2b {
    font-size: 30px;
    color: var(--color-texto-enfasis-01);
    font-weight: bold;
}
#resumenPedido div ul li{
	list-style-type: none;
}
.variaciones_talla{
	width:50px;
}

/***** TALLAS Y COLORES *******/
div.tabla-acabado {
    margin: 15px 0;
    border-bottom: 1px dotted var(--color-texto-estandar-01);
}
ul.detalles-acabado, ul.detalles-acabado ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
div.tabla-tallas {
    margin: 5px 0;
    clear: both;
}
div.tabla-tallas ul {
	margin: 0;
    padding: 0;
    list-style: none;
}
div.tabla-tallas ul li {
    display: inline-block;
    overflow: hidden;
    width: 70px;
    vertical-align: top;
}
div.tabla-tallas ul li.descriptor {
    width: 57px;
}
.detalles-acabado li.imagen-acabado {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 50px;
    height: 50px;
    padding: 3px;
    overflow: hidden;
    border: 1px solid var(--color-borde-primario-01);
    text-align: center;
}
.detalles-acabado li.imagen-acabado img {
    max-width: 100%;
}
.detalles-acabado li.nombre-acabado {
    font-size: 18px;
    font-weight: bold;
    color: var(--color-enlace-principal-01);
    line-height: 1;
    margin-top: 7px;
}
.detalles-acabado li.precio-acabado {
    font-size: 14px;
    display: block;
    color: var(--color-enlace-principal-01);
}
div.tabla-tallas ul {
    white-space: nowrap;
    overflow: auto;
    padding-bottom: 15px;
}
.tit-talla {
    padding: 4px 0;
}
.tit-unidades {
    padding: 11px 0;
}
.tit-stock {
    padding: 6px 0;
}
.tit-precio {
    padding: 9px 0;
}
div.tabla-tallas ul li.descriptor span {
    display: block;
    font-size: 11px;
}
div.tabla-tallas ul li.datos-tallas span:not(.divisa_ini, .divisa_fin, .precio_final) {
    display: block;
    text-align: center;
}
.nombre-talla {
    background-color: var(--color-enlace-principal-01);
    color: var(--color-texto-light-01);
    padding: 2px 0;
    font-size: 11px;
}
form.cantidad_b2b input {
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: var(--color-borde-primario-01);
    height: 42px;
}
form.cantidad_b2b input.b2b_talla_cantidad_seleccionada {
    background-color: var(--color-borde-secundario-01);
    color: var(--color-enlace-principal-01);
}
.con_stock, .sin_stock {
    padding: 5px 0;
    position: relative;
}
.con_stock {
    background-color: var(--color-borde-primario-01);
    position: relative;
}
.con_stock:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-bottom-color: var(--color-borde-primario-01);
	border-width: 8px;
	margin-left: -8px;
}
.sin_stock {
    color: #a47373;
    background-color: #fee;
}
.sin_stock::before {
    content: "";
    width: 72px;
    height: 1px;
    transform: rotate(-21deg);
    background-color: #e1bbbb;
    position: absolute;
    left: 0;
    top: 12px;
    z-index: 0;
}
.sin_stock:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-bottom-color: #fee;
	border-width: 8px;
	margin-left: -8px;
    display: none;
}
.precio-final {
    padding: 9px 0;
}
.datos_variacion li.var_foto {
    width: 60px;
}
.datos_variacion li {
    width: calc(36% - 72px);
}
.var_foto img {
    height: auto;
    width: auto;
    max-width: 100%;
}
.datos_variacion li.var_datos, .datos_variacion li.var_informacion {
    display: none;
}
/********************************** BLOG ****************************************/
#contenido #bloque.bloqueBlog h4, #contenido #bloque.bloqueBlog h2, #contenido #bloque.bloqueBlog h1 {
	margin: 0 0 6px;
	font-size: 24px;
	padding: 0;
	line-height: 1.1em;
	background-image: none;
	font-weight: bold;
}
#bloque.bloqueBlog #listaBlog li h4 a, #bloque.bloqueBlog #listaBlog li h2 a {
	margin: 0;
	color: var(--color-texto-enfasis-01);
}
#bloque.bloqueBlog #listaBlog li h4 a:hover, #bloque.bloqueBlog #listaBlog li h2 a:hover {
	color: var(--color-enlace-principal-01);
}

/* Enfasis de textos */
.enfasis {
	color: var(--color-error-01);
}
.error_404 {
	font-size: 30px;
	font-weight: bold;
}
.parrafoColumna, .parrafoColumna2 {
    font-size: 11px;
    line-height: 1.2;
    margin: 0;
    padding: 7px 10px 3px;
}
.contentstyle .ficha div.precio {
	text-align: right;
	color: var(--color-texto-enfasis-01);
	clear: both;
	padding-bottom: 10px;
	padding-top: 10px;
}
div.descripcionPrelanzamiento {
	margin-bottom: 5px;
}
/********************************** TRAMOS DESCUENTO ****************************************/
li.bloquePrecio > span.descuentos {
	display: inline-block;
}
span.descuentos {
	background-color: var(--color-error-01);
	color: var(--color-texto-light-01);
	padding: 2px 5px;
	font-size: 12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-weight: bold;
}
#descuento-tramos {
	overflow: auto;
	padding: 2px;
	margin-bottom: 10px;
	margin-top: 10px;
}
#descuento-tramos ul {
  display: flex;
  gap: 2px;
  padding: 0;
  margin: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
}
.tramo-descuento {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.1;
  flex: 1 0 120px;
  max-width: 130px;
}
#descuento-tramos span.textosPrecios {
	font-size: 12px;
	display: block;
	padding: 5px;
	text-align: center;
	background-color: var(--color-fondo-light-01);
	color: var(--color-texto-estandar-01);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#descuento-tramos div.preciosUnidad {
  font-size: 16px;
  display: inline-block;
  padding: 10px 5px;
  margin: 2px 0;
  text-align: center;
  background-color: var(--color-fondo-light-01);
}
#descuento-tramos .tramo-descuento-oferta {
  background-color: var(--color-error-01);
  color: var(--color-texto-light-01);
  display: block;
  line-height: 1.3;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  padding: 5px;
}
.tramo-dto, .tooltip-head-volumen {
  font-size: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  border-bottom: 1px dotted var(--color-borde-primario-01);
  color: var(--color-texto-estandar-01);
}
.tramo-dto:last-child {
  border-bottom: none;
}
.tramo-dto > span {
  min-width: 30px;
  text-align: center;
}
.tooltip-head-volumen > span {
  min-width: 30px;
  text-align: center;
  text-transform: uppercase;
  font-size: 11px;
}
.dtos-cliente {
  font-size: 12px;
  color: var(--color-texto-estandar-01);
  padding: 5px;
  margin: 5px;
}
.dto-v-activo{
  background-color: var(--color-fondo-secundario-01);
} 
span.textosPrecios {
	font-size: 10px;
	display: block;
	margin-top: 0;
}
span.textosPreciosClub, span.tituloPrelanzamiento {
	font-size: 10px;
	display: block;
	margin-top: 5px;
}
#divPreciosClub_Ficha, #divPrelanzamiento_Ficha {
	padding: 5px;
	margin-right: 0;
	margin-left: 0;
}
#divPreciosClub_Ficha .textosPreciosClub strong, div.PreciosClub_Listado .textosPreciosClub, #divPrelanzamiento_Ficha .tituloPrelanzamiento strong, #divPrelanzamiento_Listado .tituloPrelanzamiento {
	margin: 0;
}
#divPreciosClub_Ficha .preciosClub strong, div.PreciosClub_Listado .precioClub strong {
	margin: 0 0 5px 0;
	font-size: 14px;
	color: var(--color-texto-enfasis-01);
}
div.PreciosClub_Listado {
	padding: 5px;
	margin-right: 6px;
	margin-left: 6px;
}
div.PreciosClub_Listado .precioClub, .divPreciosPrelanzamiento_Listado .descripcionPrelanzamiento {
	margin-right: 0;
	margin-left: 0;
}
.divPreciosPrelanzamiento_Listado .descripcionPrelanzamiento {
	font-size: 10px;
	margin-right: 10px;
}
.cajaBuscador form, .cajaBuscadorProductosAvanzado form {
	padding: 0;
	margin: 5px 0 0;
}
#div_buscador_clientes > label {
    font-size: 11px;
}
.cajaBuscador input.botonform, .cajaBuscadorProductosAvanzado input.botonform, .cajaBuscadorProductosAvanzadoHome input.botonform {
	color: var(--color-texto-light-01);
	background-color: var(--color-fondo-secundario-03);
	border: medium none;
}
#capaCesta .lnkRevisarCesta {
	background-image: url(../images/ico_cesta.gif);
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
}
span.infoSaldoCesta {
    float: right;
    margin-left: 15px;
    display: block;
    max-width: 160px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
span.infoSaldoCesta > span, span.infoSaldoCesta2 > span {
	font-weight: bold;
}
.contenedorModulo {
	padding-top:5px;
}
/*////////////////////////// ESTRUCTURA GENERAL ///////////////////////	///////*/
.versiones {
	background-color: var(--color-borde-primario-01);
	font-size: 12px;
	padding: 7px;
	text-align: center;
}
.versiones > a {
	color: var(--color-texto-secundario-01);
	display: block;
}
/* Capa que contiene un segundo fondo superpuesto al del body */
.versiones #antebase {
	width: 100%;
	padding: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: auto;
}
/* Puede contener un tercer fondo */
#base1024 {
    background-color: var(--color-fondo-light-01);
    margin: 0 auto;
    padding: 0;
    width: 950px;
}
#base1024.litefancy_w100 {
    width: 100%;
    padding: 0 30px;
}
/* Puede contener un cuarto fondo */
#base {
	margin: 0;
	padding: 1.5% 0 0;
	clear: both;
	overflow: hidden;
}
#body_cms {
    display: block !important;
}
#body_cms #contenido {
    text-align: left;
}
/* Capa de ajuste */
div.vacio {
	clear: both;
	float: none;
}
/****************** COLUMNA IZQUIERDA *********************/
#izda {
    float: left;
    margin: 0 0 0 1.5%;
    overflow: hidden;
    width: 18%;
}
#izda > div {
    margin-bottom: 15px;
}
/****************** COLUMNA CENTRO *********************/
#centro {
    float: left;
    margin: 0 auto;
    padding-left: 2%;
    text-align: left;
    width: 55.5%;
    position: relative;
}
#centro.columnaUnica {
    padding-left: 0;
    float: none;
    overflow: hidden;
}
#centro section {
    overflow: hidden;
    margin-bottom: 3%;
    position: relative;
}
#centro #ajaxcontentarea section, #centro section#productos_listado {
    overflow: visible;
    margin: 0;
}
#body_cms_home section.gal_carrusel {
    margin: 0 auto;
    overflow: inherit;
    position: relative;
}
/****************** COLUMNA DERECHA *********************/
#derecha {
    float: right;
    margin-right: 1.5%;
    overflow: hidden;
    width: 18%;
}
.columnaCentral {
	width: 55.5% !important;
}
#centro.dobleColumna {
	width: 79%;
}
#centro.tripleColumna {
    padding: 0 20px;
    width: 100%;
}
#publicidad {
	padding: 0;
	margin: 0;
	border: 4px solid var(--color-fondo-secundario-01)
}
.publicidadSinBorde {
	text-align: center;
}
.publicidadSinBorde p {
	line-height: 1;
	margin: 0;
	padding: 0;
}
/*//////////////////////////////////// CABECERA //////////////////////////////////////*/
#cabecera {
	float: none;
	clear: both;
	background-repeat: no-repeat;
	position: relative;
	z-index: 100;
}
#cabecera_compartir_enlace {
    position: absolute;
    top: 4px;
    right: 0;
}
#cabecera_compartir_enlace a {
    color: var(--color-texto-estandar-01);
}
#cabecera_compartir_enlace a:hover {
	color: var(--color-enlace-principal-01);
}
#cabecera_compartir_enlace ul {
	list-style-type:none;
	font-size:14px;
	padding: 0;
	margin: 0;
}
#cabecera_compartir_enlace ul li {
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
	cursor: pointer;
}
#cabecera_enlace_copiar {
	width: 20px;
    height: 1px;
    position: absolute;
    left: -10000px;
}
div.logo {
	position: absolute;
	top: 5px;
	z-index: 50;
}
div.logo a {
	display: block;
}
#img_logo {
	object-fit: contain;
	object-position: top;
}
#buscadorTop {
	position: absolute;
    width: 310px;
}
#buscadorTop input.camposformHomeMediano {
    width: calc(100% - 80px);
}
#buscadorTop input.botonform {
    width: 80px;
}
#menuTop {
	margin: 0;
	padding: 0 10px 0 0;
	text-align: right;
}
#menuTop ul {
	margin: 0;
	list-style-type: none;
	display: inline;
	font-size: 10px;
	position: absolute;
	padding: 0 0 0 10px;
}
#menuTop ul li {
	margin: 0;
	padding: 0;
	display: inline;
	text-align: right;
}
.icomenuTop {
    background-color: var(--color-texto-estandar-01);
    border: 0 none;
    height: 6px;
    margin-bottom: 3px;
	display: none;
}
#menuTop ul li a:link, #menuTop ul li a:visited {
	padding: 0 10px 0 2px;
	text-decoration: none;
	font-weight: normal;
	text-transform: uppercase;
	color: var(--color-texto-estandar-01);
}
#menuTop ul li a:hover {
	color: var(--color-texto-enfasis-01);
}
#topSubnave {
	clear: both;
}
#topSubnave form {
	margin: 0;
	padding: 0;
}
#topSubnave label {
	font-size: 11px;
	text-transform: uppercase;
	padding-left: 15px;
}
#topSubnave input {
	border: 1px solid var(--color-fondo-secundario-02);
	font-size: 11px;
	color: var(--color-texto-secundario-01);
	margin-bottom: 2px;
	height: 15px;
	margin-right: 3px;
}
#topSubnave input.boton {
	font-weight: bold;
	background-color: var(--color-fondo-dark-01);
	border: none;
	color: var(--color-borde-primario-01);
	font-size: 11px;
}
#topSubnave ul {
	display: inline;
}
#topSubnave ul li {
	display: inline;
}
#topSubnave a {
	font-size: 11px;
}
#topSubnave a:hover {
	text-decoration: underline;
}
#topSubnave .izda {
	float: left;
}
#topSubnave .dcha {
	text-align: center;
	float: right;
	padding-right: 20px;
	padding-bottom: 3px;
}
div.moduloLateral {
	padding-bottom: 5px;
}
/****************** SELECTOR IDIOMAS, DIVISAS Y LISTAS COMPRA *********************/
#divisas {
    width: 75px;
    position: absolute;
    z-index: 99992;
}
#divisas #mostrar, #divisas #caja, #divisas #mostrar_divisas,#divisas #caja_divisas {
    width: 100%;
}
a.desplegable {
    background-image: url(../images/cesta_top/cesta-close.svg);
    background-repeat: no-repeat;
    background-position: center right;
    display: block;
    padding: 7px 10px;
    color: var(--color-texto-estandar-01);
    text-decoration: none;
}
a.desplegable:hover {
    display: block;
    text-decoration: none;
    color: var(--color-texto-estandar-01);
}
a.moneda {
    display: block;
    padding: 2px 10px;
    color: var(--color-texto-estandar-01);
}
a.moneda:hover {
	background-color: var(--color-fondo-secundario-01);
    color: var(--color-enlace-principal-01);
    text-decoration: none;
}
#idioma {
	position: absolute;
	z-index: 99991;
	text-align: left;
}
.listasCompra {
	float: right;
	z-index: 9999;
	clear: both;
}
#mostrar, #mostrar_listas_compra, #mostrar_divisas {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-ms-border-radius: 4px;
	display: block;
	font-size: 12px;
	width: 140px;
	margin: 0;
	padding: 0;
	border: 1px solid var(--color-borde-primario-01);
	background-color: var(--color-fondo-light-01);
}
#mostrar img, #caja img, #mostrar_listas_compra img, #caja_listas_compra img, #mostrar_divisas img, #caja_divisas img {
	vertical-align: middle;
	margin-right: 5px;
}
.listas_compra.desplegable {
	border:none;
}
#caja_listas_compra {
    position: absolute;
}
#caja, #caja_listas_compra, #caja_divisas {
	width: 140px;
	display: none;
	padding: 0;
	background-color: var(--color-fondo-light-01);
	z-index: 9990;
	border: 1px solid var(--color-borde-primario-01);
	border-top: none;
}
#mostrar_listas_compra, #caja_listas_compra {
	width: 180px;
}
#caja ul, #caja_listas_compra ul,#caja_divisas ul {
	margin: 0;
	list-style-type: none;
	list-style-image: none;
	font-size: 12px;
	padding: 0;
}
a.idioma, a.idioma:visited, a.listas_compra, a.listas_compra:visited {
	color: var(--color-texto-estandar-01);
	display: block;
	padding: 7px 5px 7px 10px;
}
a.idioma:hover, a.listas_compra:hover {
	text-decoration: none;
	background-color: var(--color-fondo-secundario-01);
	display: block;
}
a.idioma img {
  max-width: 16px;
}
/*/////////////////// MENU DESPLEGABLE ///////////////////*/
#mobnav-btn-cms, #mobnav-btn-prod {
	color: var(--color-texto-light-01);
	cursor: pointer;
	float: left;
	padding: 2% 5%;
}
div.cajasIzda .menu #desplegable_productos > a, div.cajasIzda .menu #desplegable_productos > img {
	font-size: 0;
	text-indent: -9999em;
	display: none;
}
.menu ul {
	padding: 0;
	list-style-type: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
.menu ul li {
	display: block;
	font-size: 11px;
	margin: 0;
	padding: 0;
	line-height: 1.5;
	position: relative;
}
.menu a.secundario {
	line-height: 1.5;
}
.menu a.terciario, .menu a.cuaternario, .menu a.quinario, .menu a.sextario {
	line-height: 1.5;
}
/* Establece los valores de los ITEMS DE PRIMER NIVEL */
.icoMenu {
	background-color: var(--color-fondo-dark-01);
	margin-right: 2px;
	margin-bottom: 2px;
	border: 0;
}
.menu a {
	color:var(--color-texto-estandar-01);
	font-size: 12px;
}
a.principal:link, a.principal:visited  {
	text-decoration: none;
	display: block;
	padding: 4px 5px 4px 7px;
	line-height: 1.4;
}
a.principal:hover {
	background-color: var(--color-fondo-secundario-01);
	color: var(--color-texto-enfasis-01);
	text-decoration: none;
}
img[class*="filtro_toggle_"] {
	width: 12px;
	padding: 1px;
	cursor: pointer;
	position: absolute;
	right: 8px;
	top: 6px;
	z-index: 9;
}
/*///////////////////////////////////////////// MENU DESPLEGABLE RESPONSIVE///////////////////////////////////////////////////*/
div[class^="ddsmoothmenu nav_menu_movil_"] ul:hover, div[class^="ddsmoothmenu nav_menu_movil_"] ul li:hover, div[class^="ddsmoothmenu nav_menu_movil_"] ul li a:hover {
	display: block !important;
}
div[class^="ddsmoothmenu nav_menu_movil_"] ul li a[style] , div[class^="ddsmoothmenu nav_menu_movil_"] ul li a[class~="conSubmenu"] {
	pointer-events: initial !important;
}
div[class^="ddsmoothmenu nav_menu_movil_"] #mobnav-btn-cms, div[class^="ddsmoothmenu nav_menu_movil_"] #mobnav-btn-prod {
	padding: 8px 18px;
}
div[class^="ddsmoothmenu nav_menu_movil_"] {
    display: block;
	z-index: 9999;
	/* PABLO Y MOI - 01/04/2020 - MODIFICADO POR QUE DA PROBLEMAS */
	/*width:auto;*/
}
div[class^="ddsmoothmenu nav_menu_movil_"] ul li, div[class^="ddsmoothmenu nav_menu_movil_"] ul li ul, div[class^="ddsmoothmenu nav_menu_movil_"] ul li ul li a {
	top: inherit !important;
	width: 100% !important;
}
div[class^="ddsmoothmenu nav_menu_movil_"] ul:hover, div[class^="ddsmoothmenu nav_menu_movil_"] ul li:hover, div[class^="ddsmoothmenu nav_menu_movil_"] ul li a:hover {
	display: block !important;
}
div[class^="ddsmoothmenu nav_menu_movil_"] ul li ul {
	position: relative;
}
div[class^="ddsmoothmenu nav_menu_movil_"] ul li ul li ul {
	left: 0 !important;
	position: relative;
	width: 100% !important;
}
div[class^="ddsmoothmenu nav_menu_movil_"] .rightarrowclass {
	transform: rotate(90deg);
}
div[class^="ddsmoothmenu nav_menu_movil_"] .menuAbierto, .ddsmoothmenu .menuAbierto {
	display: block !important;
}

/*/////////////////// SUBMENU DEL CATALOGO DE PRODUCTOS ///////////////////*/
div.submenu {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
ul.submenu {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
ul.submenu > span {
    display: block;
}

/* Establece los valores de los ITEMS DE SEGUNDO NIVEL */
a.secundario:link, a.secundario:visited {
	margin: 0;
	padding: 3px 5px 3px 20px;
	display: block;
}
a.secundario:hover {
	color: var(--color-texto-enfasis-01);
	text-decoration: none;
	background-color: var(--color-fondo-secundario-01);
	display: block;
}
/* Establece los valores de los ITEMS DE TERCER NIVEL */
a.terciario:link, a.terciario:visited {
	margin: 0;
	padding: 3px 5px 3px 32px;
	text-decoration: none;
	display: block;
}
a.terciario:hover {
	color: var(--color-texto-enfasis-01);
	text-decoration: none;
	background-color: var(--color-fondo-secundario-01);
	display: block;
}
/* Establece los valores de los ITEMS DE CUARTO NIVEL */
a.cuaternario:link, a.cuaternario:visited {
	margin: 0;
	padding: 0 0 0 44px;
	text-decoration: none;
	display: block;
}
a.cuaternario:hover {
	text-decoration: none;
	background-color: var(--color-fondo-secundario-01);
	color: var(--color-texto-enfasis-01);
	display: block;
}
/* Establece los valores de los ITEMS DE QUINTO NIVEL */
a.quinario:link, a.quinario:visited {
	margin: 0;
	padding: 0 0 0 54px;
	text-decoration: none;
	display: block;
}
a.quinario:hover {
	text-decoration: none;
	background-color: var(--color-fondo-secundario-01);
	color: var(--color-texto-enfasis-01);
	display: block;
}
/* Establece los valores de los ITEMS DE SEXTO NIVEL */
a.sextario:link, a.sextario:visited {
	margin: 0;
	padding: 0 0 0 64px;
	text-decoration: none;
	display: block;
}
a.sextario:hover {
	text-decoration: none;
	background-color: var(--color-fondo-secundario-01);
	color: var(--color-texto-enfasis-01);
	display: block;
}
.menu a.activo, .menu a.activo:hover {
    background-color: var(--color-fondo-secundario-01);
}
/*///////////////////  MODULOS LATERALES ///////////////////*/
div.cajasIzda h3, .cajaBuscadorProductosAvanzado h3, .cajaBuscador h3, .cajaBuscadorProductosAvanzadoHome h3 {
	background-color: var(--color-fondo-dark-01);
	color: var(--color-texto-light-01);
    display: block;
    font-size: 12px;
    margin: 0;
    padding: 5px 10px;
    font-weight: normal;
    text-transform: uppercase;
}
div.cajasIzda h3.tituloCatalogo {
	font-size: 12px;
	color: var(--color-texto-light-01);
	margin: 0;
	padding: 5px 10px;
	position: relative;
}
h3[id^="arbol_modulo"] {
    background-position: center bottom !important;
    background-size: 100% auto;
}
/* /////////////  BUSCADOR /////////// */
div.cajaBuscador input.camposformHomeMediano {
    width: 66%;
}
.cajaBuscador input.botonform {
    padding: 9px 0;
    width: 34%;
    vertical-align: middle;
}
/* /////////////  BANNERS /////////// */
.banners img {
	height: auto;
	max-width: 100%;
}
/* /////////////  SUSCRIPCION BOLETIN /////////// */
#botonSuscripcion {
    width: 100%;
}
/* /////////////  CAJAS LOGIN /////////// */
#cajaNoLogeado {
	margin-bottom: 10px;
}
#cajaNoLogeado a {
	display: block;
    font-size: 12px;
}
#cajaLogeado {
	font-size: 11px;
}
#cajaLogeado > div {
    padding: 10px;
}
#cajaLogeado form {
	margin: 0;
	padding: 0;
}
#cajaLogeado form span {
	display: block;
}
#cajaLogeado .botonform {
    width: 100%;
}
p.cierre {
    margin-bottom: 0;
}
a:link#botonCerrarSesion, a:visited#botonCerrarSesion, a:hover#botonCerrarSesion {
	color: var(--color-texto-light-01);
	background-color: var(--color-fondo-secundario-03);
	border-style: none;
	border-width: 0;
	font-size: 11px;
	font-weight: bold;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}
a:hover#botonCerrarSesion {
	text-decoration: none;
}
#cajaLogeado ul.enlace {
    margin: 0;
    padding: 0 0 0 10px;
}
#cajaListasCompra {
	padding-bottom: 8px;
}
#cajaListasCompra ul.enlace {
	margin: 0;
	padding: 0 0 0 30px;
}
#cajaListasCompra ul.enlace li {
	font-size: 11px;
}
h3.cajaListasCompra {
	margin-bottom: 5px;
}
.feha {
	font-size: 11px;
	color: var(--color-texto-enfasis-01);
	display: block;
	text-align: left;
}
/* Establece los valores del TITULAR en la caja de ACTUALIDAD */
.titular {
	font-size: 14px;
	font-weight: normal;
}
/* Establece los parametros necesarios en la caja de ACTUALIDAD */
div.cajasIzda p.bloque {
	font-size: 1.2em;
	line-height: 1em;
	padding: 0;
	margin: 0;
}
div.cajasIzda p.botones {
	font-size: 12px;
	text-align: right;
	padding: 0 10 0 0;
	margin: 7px 0 0;
}
div.cajasIzda a.bloque:link, div.cajasIzda a.bloque:visited {
	text-decoration: none;
	color: var(--color-texto-estandar-01);
	display: block;
	padding: 7px;
	margin: 0;
	border-bottom: 1px solid var(--color-borde-primario-01);
}
div.cajasIzda a.bloque:hover {
	text-decoration: none;
	color: var(--color-texto-enfasis-01);
	background-color: var(--color-fondo-secundario-01);
}
.cajasIzda dt {
    line-height: 1.2em;
}
div.cajasIzda a.boton:link {
	color: var(--color-texto-enfasis-01);
	text-decoration: none;
	font-weight: bold;
}
div.cajasIzda a.boton:visited {
	color: var(--color-texto-enfasis-01);
	text-decoration: none;
	font-weight: bold;
}
div.cajasIzda a.boton:hover {
	color: var(--color-texto-enfasis-01);
	text-decoration: underline;
	font-weight: bold;
}
.ico {
	background-color: var(--color-fondo-dark-01);
	background-image: url(../images/iconos/bg.gif);
	background-repeat: no-repeat;
	vertical-align: middle;
}
/* Establece los parametros necesarios en la caja de REGISTRO DE USUARIOS y BUSQUEDAS */
div.cajasIzda form {
	padding:7px;
}
div.cajasIzda form p {
	margin: 0;
	padding: 0 0 10px;
	font-size: 11px;
}
div.cajasIzda form p:last-child {
    padding: 0;
}
div.cajasIzda label {
	font-size: 11px !important;
}
div.verTodas {
	padding-top: 6px;
	padding-bottom: 10px;
	text-align: right;
	font-size: 11px;
}
.listaEnlaces {
	line-height: 1.1em;
	margin: 0;
	padding: 0;
}
.listaEnlaces li {
	padding: 5px 15px 5px 20px;
	background-image: url(../images/bullet02.gif);
	background-repeat: no-repeat;
	background-position: 7px 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: var(--color-borde-secundario-01);
	list-style-type: none;
}
select.camposformHome {
	border: 1px solid var(--color-borde-primario-01);
	color: var(--color-texto-estandar-01);
	font-size: 12px;
	width: 100%;
	padding: 8px;
}
input.camposformHome {
	font-size: 12px;
	color: var(--color-texto-estandar-01);
	width: 100%;
	background-color: var(--color-fondo-light-01);
	border: 1px solid var(--color-borde-primario-01);
	vertical-align: middle;
	padding: 8px;
}
select.camposformHome:disabled {
    background-color: var(--color-borde-secundario-01);
    border-color: var(--color-borde-secundario-01);
}
input.camposformHomeMediano {
	font-size: 12px;
	color: var(--color-texto-estandar-01);
	width: 100%;
	background-color: var(--color-fondo-light-01);
	border: 1px solid var(--color-borde-primario-01);
	vertical-align: middle;
	padding: 8px;
}
input.camposformHomePequenyo {
	font-size: 12px;
	color: var(--color-texto-estandar-01);
	width: 60px;
	background-color: var(--color-fondo-light-01);
	border: 1px solid var(--color-borde-primario-01);
	vertical-align: middle;
	padding: 8px;
}
.botonform, .cajaCompra01 input.botonform, .tablaResumen input.botonform, .botonRevisarCesta {
	-moz-transition: all 0.2s ease-out;
 	-o-transition: all 0.2s ease-out;
 	-webkit-transition: all 0.2s ease-out;
 	-ms-transition: all 0.2s ease-out;
 	transition: all 0.2s ease-out;
	color: var(--color-texto-light-01);
	background-color: var(--color-fondo-secundario-03);
	border: none;
	font-size: 12px;
	padding: 9px 15px;
	cursor: pointer;
	text-transform: uppercase;
}
.botonsecundario {
    background-color: var(--color-fondo-secundario-03);
    color: var(--color-texto-light-01);
    cursor: pointer;
    font-size: 12px;
    padding: 11px 15px;
    text-transform: uppercase;
}
.botonsecundario:hover {
    background-color: var(--color-enlace-secundario-01);
	color: var(--color-texto-light-01);
	text-decoration: none;
}
.botonRevisarCesta {
	width: 100%;
}
#capaCesta {
	margin: 0;
	padding: 7px 0 0;
	text-align: left;
}
#capaCesta p {
	margin: 0;
	font-size: 11px;
	padding: 0 15px;
}
#capaCesta .parafoProductos {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0;
	margin-bottom: 7px;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	background-color: var(--color-fondo-light-01);
	color: var(--color-success-02);
	font-weight: bold;
}
#capaCesta .parafoProductos {
	font-size: 14px;
}
#listaProductos01 {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: var(--color-fondo-light-01);
}
#listaProductos01 li {
	border: 1px solid var(--color-borde-secundario-01);
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(../images/bullet_flecha.gif);
	background-repeat: no-repeat;
	background-position: 170px center;
}
#listaProductos01 li:hover {
	background-position: 175px center;
}
#listaProductos01 a {
	font-weight: bold;
	font-size: 1.35em;
}
#listaProductos01 img {
	float: left;
	margin-right: 5px;
	border: none;
}
#listaProductos01 .listaPrecio {
	background-color: #FFCCCC;
	float: right;
}
table.tablaListaProductos01 {
	font-size: 0.7em;
}
table.tablaListaProductos01 th {
	text-align: left;
	font-weight: normal;
	font-size: 0.95em;
	line-height: 1.1em;
	padding: 5px 10px;
	background-color: var(--color-fondo-secundario-01);
}
table.tablaListaProductos01 th strong {
	font-size: 1.1em;
}
table.tablaListaProductos01 td {
	border-top: 1px solid var(--color-borde-secundario-01);
	padding-top: 7px;
	padding-bottom: 5px;
	padding-right: 8px;
}
table.tablaListaProductos01 tr:first-child td {
    border: medium none;
}
table.tablaListaProductos01 td.pieReserva {
	padding-top: 0;
	border: none;
}
table.tablaListaProductos01 td.celdaProducto {
	font-size: 10px;
	width: auto;
	vertical-align: top;
	padding-right: 0;
}
table.tablaListaProductos01 .enfasis {
	display: block;
	font-size: 18px;
	font-weight: bold;
	color:var(--color-texto-enfasis-01);
}
table.tablaListaProductos01 span {
	display: block;
	clear: both;
	float: left;
}
.celdaProducto strong {
    color: var(--color-texto-enfasis-01);
}
.divisa_fin {
	clear: none !important;
}
table.tablaListaProductos01 span.disponible, table.tablaListaProductos01 span.parcialmentedisponible, table.tablaListaProductos01 span.agotado {
	padding: 0;
}
table.tablaListaProductos01 td.celdaImagen {
	padding-left: 5px;
	padding-top: 10px;
	padding-left: 0;
	text-align: center;
	vertical-align: top;
}
.textoTachado {
	text-decoration: line-through;
}
table.tablaListaProductos01 .celdaPrecio strong {
	text-decoration: none;
	font-size: 1.3em;
	color: var(--color-texto-enfasis-01);
}
table.tablaListaProductos01 a {
	font-size: 12px;
	display: block;
	line-height: 1.2em;
}
table.tablaListaProductos01 a:hover {
	text-decoration:none;
}
table.tablaListaProductos01 .resumenProducto a.botonComprar {
	font-size: 10px;
}
table.tablaListaProductos01 img {
    border-style: none;
    border-width: 0;
    height: auto;
    max-width: 64px;
}
/*********************************** CONTENIDO PRINCIPAL *****************************************/
p.rastroMigas {
	padding: 5px 0;
	color: var(--color-texto-estandar-01);	
	margin: 0;
	font-size: 11px;
}
.rastroMigas strong {
    color: var(--color-texto-enfasis-01);
}
.rastroMigas span a span {
    font-weight: bold;
    color: var(--color-texto-enfasis-01);
}
.rastroMigas > span::after {
    content: "/";
}
.rastroMigas > span:last-child::after {
    content: "";
}
/* Establece los parametros generales del RASTRO DE MIGAS */
p.rastroMigas a:link, p.rastroMigas a:visited {
	color: var(--color-texto-estandar-01);
	text-decoration: none;
}
p.rastroMigas a:hover {
	color: var(--color-texto-enfasis-01);
	text-decoration: underline;
}
/* Establece los parametros generales de la ILUSTRACION */
.ilustracion {
	margin: 0;
	padding: 0;
	line-height: 1%;
}
#centro .ilustracion a:link, #centro p.ilustracion a {
	margin: 0;
	padding: 0;
}
div.descripcion_familia {
	font-size: 11px;
}
/* Carruseles de NOVEDADES Y OFERTAS en Home */
#body_cms_home #contenido h3 {
    margin: 10px 0 2px 0;
    width: calc(100% - 80px);
}
/*//////////////////////////// CATALOGO DE PRODUCTOS /////////////////////////////*/
.contenedor h2 {
	font-size: 24px;
	color: var(--color-texto-enfasis-01);
	padding: 0 0 10px 0;
	margin-bottom:0;
}
#contenido h2.ProductoFormativo {
	font-size: 22px;
}
#contenido h3 {
	color: var(--color-texto-enfasis-01);
	font-size: 24px;
	padding: 0;
	margin: 0;
}
ul.indiceContenidos {
	font-size: 14px;
}

#contenido h4.mini {
	color: var(--color-texto-enfasis-01);
	font-size: 12px;
	line-height: 12px;
	padding-bottom: 0;
	margin-bottom: 2px;
}
#contenido .seccion {
	color: var(--color-texto-enfasis-01);
	font-size: 24px;
	font-weight: bold;
}
#contenido .seccion {
    margin-top: 10px;
}
td.filtro {
	background-color: var(--color-fondo-secundario-01);
	font-size: 11px;
	padding: 13px 5px 10px 10px;
	text-align: center;
}
td.filtro form {
	margin: 0;
	padding: 0;
}
td.filtro select {
	font-size: 11px;
	color: var(--color-texto-secundario-01);
	margin-right: 4px;
}
/* Establece los parámetros de TITULAR SECUNDARIO (y valores de enlace) */
#contenido h2.productos {
	font-size: 14px;
	display: block;
	margin: 0;
	padding: 10px 0 0 10px;
	letter-spacing: 0.05em;
}
.h2productos {
	font-weight: normal;
}
.referenciaListados {
	font-size: 10px;
	padding: 0;
	margin: 0;
}
.camposformHome.numprod {
	width: 40px;
	text-align: center;
}
.scrollup {
    background: var(--color-fondo-dark-01) none repeat scroll 0 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    bottom: 10px;
    color: var(--color-texto-light-01);
    cursor: pointer;
    font-size: 24px;
    opacity: .6;
    filter: alpha(opacity=60);
	-moz-opacity: .60;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    padding: 2px 12px 7px;
    position: fixed;
    right: 10px;
    z-index: 99999;
    display:none;
}
/*#####################################################################################################*/
/*								    	      	VISTAS        		   				   				   */
/*#####################################################################################################*/

ul.listaGrande {
	padding: 0;
	margin: 5px 0 0 0;
}
ul.listaGrande > li {
    list-style: outside none none;
}
table.listaGrande td.paginador {
	font-size: 10px;
	padding-inline: 10px;
	height: 10px;
}
table.resumenProducto {
	height: 100%;
	margin-bottom: 5px;
}
table.resumenProducto td.foto {
	vertical-align: top;
	text-align: center;
	padding: 4px 6px 4px 4px;
	width: 110px;
}
table.resumenProducto td.precio {
	background-color: var(--color-borde-secundario-01);
	font-size: 0.65em;
	color: var(--color-texto-enfasis-01);
	font-weight: normal;
	line-height: 1.5em;
}
table.resumenProducto td.precio div {
	padding: 7px 7px 5px;
	text-align: right;
}
table.resumenProducto td.precio strong {
	font-size: 2.2em;
	line-height: 1em;
}
.porcentaje_precio_anterior {
    background-color: var(--color-error-01);
    color: var(--color-texto-light-01);
    font-weight: bold;
    margin-right: 5px;
    padding: 2px 3px;
}
table.resumenProducto td ul {
	margin: 0;
	font-size: 11px;
	list-style-image: url(../images/bullet01.gif);
	padding: 0 0 5px 15px;
}
table.resumenProducto td p {
	font-size: 11px;
	margin: 0 0 0 7px;
	line-height: 1.2em;
}
table.resumenProducto td h4 {
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	color: var(--color-texto-enfasis-01);
	padding: 0 5px 0 7px;
}
table.resumenProducto td.celdaPieResumenProducto {
	background-color: var(--color-fondo-light-01);
	border-top: 1px solid var(--color-borde-primario-01);
}
table.resumenProducto td.celdaEstrellas, table.listado td.celdaEstrellas {
	padding-top: 3px;
}
.ivaInc {
	line-height: 1em;
}
.volver/* End hide from IE-mac */ {
	float: right;
	font-size: 11px;
	margin-right: 20px;
}
div.resumenProducto td h4 {
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	color: var(--color-texto-enfasis-01);
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 7px;
}
div.resumenProducto td p {
	font-size: 11px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 7px;
}
div.resumenProducto table.resumenProducto a.lnkPieOpiniones, div.resumenProducto table.resumenProducto a.lnkPieAmigo, div.resumenProducto table.listado a.lnkPieOpiniones, div.resumenProducto table.listado a.lnkPieAmigo {
	font-size: 0.65em;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: var(--color-enlace-principal-01);
	display: block;
	padding-left: 13px;
	background-repeat: no-repeat;
	background-position: 0 4px;
}
div.resumenProducto table.resumenProducto a.lnkPieOpiniones:hover, div.resumenProducto table.resumenProducto a.lnkPieAmigo:hover, div.resumenProducto table.listado a.lnkPieOpiniones:hover, div.resumenProducto table.listado a.lnkPieAmigo:hover {
	text-decoration: underline;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
div.resumenProducto table.resumenProducto a.enlaceResumenProducto:hover {
	border-color: var(--color-fondo-dark-01);
}
div.resumenProducto table.resumenProducto a.lnkPieOpiniones, div.resumenProducto table.listado a.lnkPieOpiniones {
	background-image: url(../images/ico_coment.gif);
}
div.resumenProducto table.resumenProducto a.lnkPieAmigo, div.resumenProducto table.listado a.lnkPieAmigo {
	background-image: url(../images/ico_amigo.gif);
}
div.resumenProducto table.resumenProducto a.lnkAmpliarInfo {
	font-size: 0.6em;
	font-weight: normal;
	text-transform: uppercase;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 20px;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: var(--color-enlace-principal-01);
	background-image: url(../images/ico_masinfo.gif);
	background-repeat: no-repeat;
	background-position: 6px center;
	display: block;
}
.capaThumbProducto {
	position: relative;
}
.capaNovedad {
	z-index: 50;
	position: relative;
	left: -6px;
	top: -6px;
	height: 43px;
	width: 43px;
}
.capaNovedadFicha {
	z-index: 50;
	position: absolute;
	left: 0;
	top: 0;
	height: 43px;
	width: 43px;
}
.capaDestacadoFicha {
	z-index: 50;
	position: absolute;
	right: 0;
	top: 0;
	height: 43px;
	width: 43px;
}
.capaImagenProducto {
	position: absolute;
	z-index: 1;
	left: 5px;
	top: 0;
}
.capaImagenProductoFicha {
	position: absolute;
	z-index: 10;
	left: -10px;
	top: 0;
}
.capaImagenProducto img {
	clear: both;
}
div.resumenProducto table.resumenProducto a.lnkAmpliarInfo:hover {
	text-decoration: underline;
}
div.productoDestacado {
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 15px;
	margin-bottom: 10px;
}
/*////////////  Contador de ofertas en listado  /////////*/
.list.countdownHolder {
    margin-bottom: 0;
    z-index: 9;
}
/*////////////  Logo que aparece en listados de producto  /////////*/
li a.fotoMarca {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.fotoMarca > img {
    display: inline;
    max-height: 48px;
	max-width: 100%;
	height: auto;
}
.imagen_marca span.nombre,.marca .nombre {
    display: none;
}
/*#####################################################################################################*/
/*								    	      	FICHA DE PRODUCTO        		   				   				   */
/*#####################################################################################################*/
#productos_hermanos {
    overflow: hidden;
    padding-bottom: 20px;
    margin: 15px 0;
}
.producto_anterior {
    float: left;
    background-color: var(--color-fondo-light-01);
    border: 1px solid var(--color-borde-primario-01);
	width: 49%;
	height: 74px;
	opacity: .6;
    filter: alpha(opacity=60);
	-moz-opacity: .60;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.producto_siguiente {
    float: right;
    background-color: var(--color-fondo-light-01);
    border: 1px solid var(--color-borde-primario-01);
	width: 49%;
	height: 74px;
	opacity: .6;
    filter: alpha(opacity=60);
	-moz-opacity: .60;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.producto_siguiente a {
    text-align: right;
}
.producto-ficha.siguiente {
    word-wrap: break-word;
    text-align: right;
    float: left;
    width: calc(100% - 60px);
}
.producto_anterior:hover, .producto_siguiente:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.producto_siguiente img {
    margin-left: 10px;
}
.producto_anterior img {
    margin-right: 10px;
}
.producto-ficha.anterior {
    word-wrap: break-word;
    float: right;
    width: calc(100% - 60px);
}
#productos_hermanos img {
	width: auto !important;
	max-width: 48px;
	max-height: 48px;
	height: initial !important;
}
.tit_anterior, .tit_siguiente {
    display: none;
}
.producto_anterior a, .producto_siguiente a {
    display: block;
    overflow: hidden;
    padding: 10px;
    color: var(--color-texto-estandar-01);
    display: flex;
    justify-content: center;
    align-items: center;
	height: 100%;
}
.producto_anterior a {
    background-image: url(../images/arrow-left.svg);
    background-repeat: no-repeat;
    background-position: 1% center;
    background-size: 18px auto;
    padding-left: 30px;
}
.producto_siguiente a {
    background-image: url(../images/arrow-right.svg);
    background-repeat: no-repeat;
    background-position: 99% center;
    background-size: 18px auto;
    padding-right: 30px;
}
.producto_anterior a:hover, .producto_siguiente a:hover {
    text-decoration: none;
    color: var(--color-texto-enfasis-01);
}
.producto-ficha.anterior, .producto-ficha.siguiente {
	overflow:hidden;
	display: -webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp: 2;
}
/*////////////  Puntos por producto  /////////*/
#ptosProducto {
  float: left;
  clear: left;
  margin-top: 5px;
  border: 1px dashed var(--color-texto-estandar-01);
}
#numPtos {
  font-size: 14px;
  padding: 3px 8px;
  display: inline-block;
  vertical-align: top;
}
.tit_gratispor {
  background-color: var(--color-fondo-secundario-01);
  padding: 5px 10px;
  font-size: 11px;
  vertical-align: top;
  display: inline-block;
  font-style: italic;
}
#container-puntos {
  clear: both;
  padding: 10px 20px;
  border: 1px dashed var(--color-fondo-secundario-02);
  margin: 20px 0;
  display: flex;
  justify-content: space-between;
}
#tit_seleccion-regalos {
  float: left;
  margin: 0 0 10px;
  font-size: 16px;
}
#ptos-restantes {
  font-size: 14px;
  text-align: right;
  padding: 7px 15px;
  float: right;
  margin-right: 5px;
  border: 1px solid var(--color-borde-primario-01);
}
.content-regalos > ul {
  padding: 0;
  margin: 0;
  list-style: none;
  clear: both;
}
.content-regalos > ul li {
  display: inline-block;
  vertical-align: top;
  width: 24%;
  margin: 0.5% 0.3%;
}
input.input_radio_puntos {
  display: none;
}
.input_radio_puntos + label {
  cursor: pointer;
  display: block;
  padding: 10px 20px;
  border: 1px dashed var(--color-fondo-secundario-02);
  position: relative;
}
.input_radio_puntos:checked + label {
  border: 1px dashed var(--color-fondo-secundario-02);
  background-color: var(--color-fondo-secundario-01);
}
.input_radio_puntos[disabled] + label {
  opacity: .5;
  filter: alpha(opacity=50);
  -moz-opacity: .50;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  cursor: not-allowed;
}
.input_radio_puntos + label::before {
  width: 20px;
  height: 20px;
  content: "";
  position: absolute;
  background-color: var(--color-fondo-light-01);
  border: 2px solid var(--color-borde-primario-01);
  left: 20px;
  top: 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.input_radio_puntos:checked + label::before {
  background-color: var(--color-fondo-dark-01);
  border-color: var(--color-texto-enfasis-01);
  content: "\f00c";
  font-family: FontAwesome;
  color: var(--color-texto-light-01);
  font-size: 11px;
  padding-left: 3px;
  text-rendering: auto;
}
span.puntos_coste {
  display: block;
  margin-bottom: 5px;
  text-align: right;
}
.puntos_coste > span:last-child {
  margin-left: 5px;
}
span.img-regalopromocional {
  display: block;
  text-align: center;
  max-width: 180px;
  margin: 10px auto;
  height: 180px;
}
span.img-regalopromocional img {
  height: auto;
  max-height: 100%;
  max-width: 100%;
}
.ref-regalopromocional {
  font-size: 11px;
  margin-top: 5px;
  display: block;
}
.nombre-regalopromocional {
  font-size: 14px;
  color: var(--color-texto-enfasis-01);
  line-height: 1.3;
  display: block;
  height: 38px;
  overflow: hidden;
}
.otrosdatos-regalopromocional {
  font-size: 11px;
}
.content-regalos ul li a {
  display: block;
  padding: 5px 20px;
  font-size: 12px;
  border-bottom: 1px dashed var(--color-borde-primario-01);
  border-top: none;
  border-right: 1px dashed var(--color-borde-primario-01);
  border-left: 1px dashed var(--color-borde-primario-01);
}
/********** PASO 4 ***********/
#listado_regalos > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid var(--color-borde-primario-01);
  padding: 10px 15px;
}
#listado_regalos > div a {
  color: var(--color-texto-estandar-01);
}
.reg-img {
  display: inline-block;
  width: 48px;
  margin-right: 10px;
}
.reg-img img {
  max-width: 100%;
}
.reg-nom-ref {
  display: inline-block;
  vertical-align: middle;
}
.reg-ref {
  display: block;
  font-size: 12px;
}
.reg-nom {
  display: block;
}
.reg-liquidacion > span {
  display: block;
  text-align: right;
}
.reg-liquidacion > span:first-child {
  font-size: 12px;
}
.reg-liquidacion > span:last-child {
  color: var(--color-error-01);
}
/*////////////  Logo que aparece en la ficha de producto  /////////*/
#logomarca {
	text-align: center;
	margin-bottom: 10px;
}
#logomarca img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	max-width: 128px;
}
/*///////////// Foto principal de la ficha ////////////// */
img.fotoPrincipal {
    cursor: pointer;
    max-width: 100%;
    width: inherit !important;
    max-height: 100%;
	object-fit: contain;
	object-position: top;
	height: auto;
}
td.datosFicha {
	padding-bottom: 10px;
}
table.pieCajaProducto td {
	padding-right: 4px;
	padding-left: 6px;
}
div.resumenProducto {
	padding: 0;
	background-color: var(--color-fondo-light-01);
}
div.resumenProducto a {
	display: block;
	text-decoration: none;
}
div.capaImagenProducto a:link {
	display: block;
	border: 1px solid var(--color-borde-light-01);
}
div.capaImagenProducto a:hover {
	display: block;
	border: 1px solid var(--color-fondo-dark-01);
}
.euros {
	font-size: 24px;
}
.sinPrecio {
	font-size: 18px;
}
table.tablaColumnas {
	border-left: 1px solid var(--color-borde-primario-01);
	border-top: 1px solid var(--color-borde-primario-01);
	margin-left: auto;
	margin-right: auto;
	width: 94%;
}
table.tablaColumnas td {
	border-bottom: 1px solid var(--color-borde-primario-01);
	border-right: 1px solid var(--color-borde-primario-01);
	padding: 5px;
}
table.tablaColumnas td.bordeB0 {
	border-bottom-width: 0;
	border-bottom-style: none;
}
table.tablaColumnas td td {
	border-bottom-width: 0;
	border-bottom-style: none;
	border-right-width: 0;
	border-right-style: none;
	padding: 0;
	vertical-align: bottom;
}
/* Vista de productos en modo LISTADO LINEAL */
table.listado {
	width: 100%;
	border-top: 1px solid var(--color-borde-light-01);
	border-bottom: 1px solid var(--color-borde-light-01);
	background-color: var(--color-fondo-light-01);
}
table.listado td {
	padding: 0 0 4px 2px;
}
table.listado td.foto {
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
}
table.listado td.foto strong {
	font-size: 0.7em;
}
table.listado td.galeria {
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
}
table.listado td.galeria strong {
	font-size: 0.7em;
}
table.listado td.precio {
	background-color: var(--color-borde-secundario-01);
	text-align: right;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 0.7em;
	font-weight: normal;
	padding-top: 20px;
	padding-bottom: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	width: 33%;
	color: var(--color-texto-enfasis-01);
}
table.listado td.precio strong {
	font-size: 2.4em;
}
table.listado h2 {
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
table.listado p {
	font-size: 11px;
	margin: 0;
	padding: 0;
}
table.listado td.celdaPrecio {
	width: 35%;
	padding-top: 3px;
}
table.listado .pieCajaProducto {
	margin-top: 5px;
}
div.resumenProducto table.listado p a {
	color: var(--color-enlace-principal-01);
}
div.resumenProducto table.listado p a:hover {
	text-decoration: underline;
}
table.gama {
	margin-bottom: 3%;
}
table.gama th {
	font-size: 11px;
	background-color: var(--color-fondo-secundario-01);
	padding: 5px 5px 5px 10px;
	display: none;
}
table.gama td {
	text-align: center;
	vertical-align: bottom;
}
table.tablaCategorias td {
	text-align: center;
	border: 1px solid var(--color-borde-primario-01);
}
.tablaCategorias.c_1 td {
    width:100%;
}
.tablaCategorias.c_2 td {
    width: 50%;
}
.tablaCategorias.c_3 td {
    width: 33.3%;
}
.tablaCategorias.c_4 td {
    width: 25%;
}
.tablaCategorias.c_5 td {
    width: 20%;
}
.tablaCategorias.c_6 td {
    width: 16.6%;
}
.tablaCategorias.c_7 td {
    width: 14.2%;
}
.tablaCategorias.c_8 td {
    width: 12.5%;
}
.tablaCategorias a {
	display: block;
	color: var(--color-texto-estandar-01);
	padding: 10px 0;
}
.tablaCategorias a:hover {
	text-decoration:none;
	color: var(--color-texto-enfasis-01);
}
.tablaCategorias a.imagenParrilla {
    padding-bottom: 0;
}
.imagenParrilla > img {
    height: auto;
    max-width: 75%;
    width: 100%;
}
table.tablaCategorias td ul.parrillaCategorias {
	margin: 0;
	padding: 0;
}
.parrillaCategorias > li {
	text-align: center;
}
table.gama_arbol th {
	font-size: 11px;
	background-color: var(--color-fondo-secundario-01);
	text-align: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	text-transform: uppercase;
	display: none;
}
table.gama_arbol td {
	text-align: left;
	vertical-align: top;
	width: 33%;
}
table.gama_arbol td ul {
	font-size: 12px;
	padding: 10px 0 10px 0;
	margin: 0;
	list-style:none;
}
table.gama_arbol td ul li {
	margin: 0;
	padding: 0;
}
table.gama_arbol td ul li.active {
	font-weight: bold;
}
table.gama_arbol td ul li ul {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: var(--color-borde-primario-01);
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 7px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}
table.gama_arbol td ul li ul li {
	margin: 0;
	padding: 0;
	line-height: 16px;
	list-style-type: none;
}
table.gama_arbol td ul li ul li a:link, table.gama_arbol td ul li ul li a:visited {
	color: var(--color-texto-estandar-01);
	text-decoration: none;
}
table.gama_arbol td ul li ul li a:hover {
	color: var(--color-texto-enfasis-01);
	text-decoration: underline;
}
	/* --> FILTRADO ABECEDARIO DE FAMILIAS /////////////////////////////*/
.seccion_filtro_horizontal {
    clear: both;
    overflow: hidden;
    margin: 2px auto;
}
.contenedor_abecedario {
	overflow: hidden;
}
.contenedor_abecedario div {
	width:18%;
	height:26px;
	float:left;
	margin:1%;
	padding:5px;
	text-align:center;
	background-color:var(--color-fondo-secundario-01);
	color: var(--color-texto-estandar-01);
	display: flex;
    justify-content: center;
    font-size: 11px;
}
.contenedor_abecedario div:hover {
	cursor:pointer;
	background-color:var(--color-borde-primario-01);
	color: var(--color-texto-enfasis-01);
}
.contenedor_abecedario div span {
	width:100%;
	height:auto;
	text-align:center;
	margin:auto;
}
.show_letra.activa, .contenedor_abecedario div.show_letra.activa:hover {
	background-color: var(--color-fondo-dark-01);
	color:	var(--color-texto-light-01);
}
#centro .contenedor_abecedario div {
    width: 26px;
    margin: .3%;
}
ul.parrillaCategorias {
	padding: 0;
}
/*//////////////////////////// CONTENIDOS CMS /////////////////////////////*/
div.megaeditor {
	overflow: hidden;
}
div.megaeditor h2 {
	font-size: 16px;
	color: var(--color-texto-enfasis-01);
	margin: 0;
	padding: 0;
}
#contenido div.megaeditor h3 {
	margin-left: 0;
	margin-right: 0;
}
div.megaeditor p {
	font-size: 14px;
	margin-top: 0;
}
div.megaeditor td {
	font-size: 12px;
}
div.megaeditor ol, div.megaeditor ul {
	margin: 0 0 10px 15px;
	padding: 0 0 0 30px;
	font-size: 14px;
}
div.megaeditor li {
	font-size: 14px;
	margin: 0;
	padding: 0;
}
/* Establece los parametros para los FORMULARIOS */
div.formulario {
	margin: 0 0 20px;
	font-size: 14px;
}
div.formulario form {
	margin: 0;
	padding: 0;
}
div.formulario h2 {
	font-size: 16px;
	font-weight: bold;
	color: var(--color-texto-enfasis-01);
	margin: 0;
	padding: 0;
}
#contenido div.formulario h3 {
	margin: 0;
	font-size: 16px;
	border: medium none;
}
div.formulario p, div.noticias div.formulario p {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	overflow: hidden;
	font-size: 14px;
}
div.formulario p .enfasis {
    font-size: 11px;
}
div.formulario p.botonera, div.noticias div.formulario p.botonera {
	clear: both;
	margin: 10px 0 0;
	padding: 0;
	text-align: right;
}
fieldset {
	border: medium none;
	margin: -20px 0 10px;
	padding: 1.4em 0.625em 0.75em;
}
legend {
	border: 0 none;
	color: var(--color-texto-enfasis-01);
	margin-top: 15px;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
}
fieldset p {
	margin: 0;
	padding: 3px 0;
}
div.formulario input[type="radio"], div.formulario input[type="check"] {
    margin-right: 5px;
}
#contenido div.formulario fieldset h3 {
	border: medium none;
	font-size: 12px;
	margin: 30px 0 10px 10px;
}
#contenido div.formulario fieldset p {
	margin-bottom: 15px;
}
#fieldset_datos-de-identificacion #p_email {
    margin: 0;
}
#estado_email_registro_dinamico {
    margin-top: 10px;
}
#estado_captcha_registro_dinamico {
    margin-top: 10px;
}
#contenido div.formulario fieldset div.tituloGrupoSimple, #contenido div.formulario fieldset div.tituloGrupoMultiple {
	margin-bottom: 5px;
}
#contenido div.formulario fieldset table.tituloGrupoSimple, #contenido div.formulario fieldset table.tituloGrupoMultiple {
	margin-left: 10px;
	margin-bottom: 20px;
}
div.formulario form .tituloGrupoMultiple label, div.formulario form .tituloGrupoSimple label {
	clear: none;
	float: none;
	text-align: left;
	width: auto;
}
div.formulario input.campoCheck, div.formulario input.campoRadio {
	display: block;
	margin-top: 2px;
	width: 80%;
}
#contenido div.formulario fieldset table.tituloGrupoMultiple td {
	padding-bottom: 5px;
}
.elementosGrupoMultiple {
    margin-bottom: 15px;
}
.elementosGrupoMultiple td, .elementosGrupoSimple td {
    padding: 3px 0;
}
div.formulario form .elementosGrupoMultiple label, div.formulario form .elementosGrupoSimple label {
    padding: 0;
    width: 60%;
    text-align: left;
	float: none;
}
.tituloGrupoSimple td {
	padding-top: 5px;
}
.tituloGrupoMultiple td, .elementosGrupoSimple td {
    padding-bottom: 5px;
    padding-right: 20px;
}
.grupoSImple {
    margin-bottom: 15px;
}
.tituloSeccionFormulario, .tituloGrupoSimple, .tituloGrupoMultiple {
    border-bottom: 1px dotted var(--color-borde-primario-01);
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
	margin-top: 20px;
	text-transform:uppercase;
}
div.formulario input.campoFichero {
	width: 300px;
}
div.formulario form label {
	clear: left;
	float: left;
	width: 110px;
	margin-right: 5px;
	font-size: 12px;
	text-align: right;
	padding-top: 5px;
	line-height: 1.2;
}
#condiciones-registrodinamico label {
    float: none;
    width: auto;
    padding-top: 0;
    font-size: 12px;
}
div.formulario form label.enLinea {
	display: inline !important;
	float: none;
}
#particular + label.enLinea {
    margin-right: 20px;
}
div.formulario form label.enLinea {
    padding-top: 3px;
    padding-bottom: 3px;
}
.opciones-forma-contacto {
    display: block;
    padding: 10px;
}
div.formulario form p.condiciones label {
    width: inherit;
    padding-top: 0;
}

.formulario #div_puntuacion {
	margin-top: 3px;
	margin-bottom: 10px;
}
.valoracion {
	overflow: hidden;
	margin-bottom: 10px;
}
.val_prod_listado.estrellas_listado{
	color:#f1bc40;
}
div.formulario p.condiciones {
	padding-top: 10px;
}
div.formulario input, div.formulario textarea, div.formulario select, .filtro select, .filtro input, .tablaFiltros select {
	background-color: var(--color-fondo-light-01);
	border: 1px solid var(--color-borde-primario-01);
	font-family: var(--font-familiy-standard);
	font-size: 12px;
	padding: 7px;
}
div.formulario input.boton, ul.datosAcceso li .botonform {
	background-color: var(--color-fondo-secundario-03);
	color: var(--color-texto-light-01);
	cursor: pointer;
	padding: 10px 25px;
	font-size: 12px;
	border: none;
	text-transform: uppercase;
}
div.formulario input.boton02 {
	font-weight: bold;
	color: var(--color-texto-light-01);
	background-color: var(--color-fondo-secundario-03);
	cursor: pointer;
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 20px;
	font-size: 12px;
	border: none;
}
.datosAcceso input[type="text"], .datosAcceso input[type="password"] {
    width: 180px;
}
.labelcheck.enLinea.condiciones {
    background-position: 0 5px !important;
    cursor: pointer;
}
div.formulario form input[type="checkbox"].css-checkbox + label.labelcheck {
    text-align: left;
    background-position: 0 5px;
    cursor: pointer;
}
div.formulario form input[type="checkbox"].css-checkbox:checked + label.labelcheck {
    background-position: 0 -229px !important;
}
div.formulario form input[type="checkbox"].css-checkbox + label.labelcheck {
    background-position: 0 0;
}
div.formulario form input[type="checkbox"].css-checkbox:checked + label.labelcheck {
    background-position: 0 -234px !important;
}
/********************** PAGINA DE REGISTRO *********************/
.formulario.registro > p {
    margin-bottom: 10px;
}
.formulario fieldset {
    margin: 0 0 10px;
    padding: 20px 0;
}
.grecaptcha-badge{
	visibility: hidden;
}
div.formulario .registroLegal > p {
    margin-bottom: 10px;
}
div.formulario form .registroLegal label {
    clear: both;
    float: none;
    width: auto;
}
.registroCesion {
    padding-left: 20px;
}
div.formulario .registroCesion > p {
    margin-bottom: 10px;
}
div.formulario form .registroCesion label {
    padding-top: 0;
}
/* REGISTRO DINAMICO */
select#sexo, select#rec, select#tratamiento, select#cargo, select#num_hijos, select#casado  {
	font-size: 12px;
}
select#segmentacion {
	width:280px; 
	height: 200px; 
	font-size: 12px;
}
label#tipo_solicitante {
	padding: 12px;
}
label#tipo_particular {
	margin-right: 15px;
	width: auto;
	padding-top: 0;
	float: left;
	clear: none;
}
label#tipo_empresa {
	width: auto;
	padding-top: 0;
	float: left;
	clear: none;
}
p#p_recibir_newsletter > span, p#p_ceder_datos > span {
	padding-left: 10px;
}
p#p_num_cuenta table {
	padding-left: 100px;
}
/* Establece los parametros para la GALERIA DE FOTOS  cms */
div.galeria {
	padding: 0;
	margin-top: 5px;
	margin-right: 0;
	margin-left: 0;
	clear: both;
	float: none;
	overflow: auto;
	margin-bottom: 0;
	width: 100%;
}
div.fotoParrilla {
	float: left;
	height: 88px;
	width: 88px;
	margin: 4px;
	padding: 0;
}
div.fotoParrilla a:link, div.fotoParrilla a:visited {
	display: block;
	border-top: 2px solid var(--color-borde-secundario-01);
}

div.fotoParrilla a:hover {
	border-top: 2px solid var(--color-texto-enfasis-01);
}
.fotoParrilla div.recorte {
	height: 85px;
	width: 85px;
	overflow: hidden;
}
/* Descargas y enlaces en la ficha de producto*/
#descargas ul {
    margin: 5px 0 0;
    padding-left: 0;
}
#enlaces ul {
	margin: 0;
	padding: 0;
}
#descargas li, #enlaces li{
	list-style: none;
}
#enlaces li p {
    margin: 0;
}
#descargas ul li, #enlaces ul li {
	margin: 0;
	padding: 0;
}
#descargas li a {
	display: block;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 20px;
	font-size:12px;
}
a.lnkPDF {
	background: url(../images/ico_pdf.gif) no-repeat left center;
}
a.lnkDOC {
	background: url(../images/ico_doc.gif) no-repeat left center;
}
a.lnkZIP {
	background: url(../images/ico_zip.gif) no-repeat left center;
}
a.lnkAUDIO {
	background: url(../images/ico_audio.gif) no-repeat left center;
}
a.lnkVIDEO {
	background: url(../images/ico_video.gif) no-repeat left center;
}
a.lnkGEN {
	background: url(../images/ico_gen.gif) no-repeat left center;
}
#descargas p {
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 5px;
	margin-top: 0;
	margin-bottom: 0;
}

/* Establece los parametros para la GALERIA DE FOTOS en la ficha de producto*/
.horizontal #div_slider_fotos {
    clear: both;
    overflow: hidden;
    position: relative;
    margin-top: 15px;
}
.vertical #div_slider_fotos {
    float: left;
    position: relative;
}
div#div_slider_fotos {
    position: relative;
    clear: both;
}
#fotos + #div_slider_fotos {
    margin-top: 20px;
}
.carrusel_flechas_pdt {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.carrusel_flechas_pdt > li:first-child {
    left: 0;
    position: absolute;
    top: calc(50% - 25px);
    z-index: 10;
}
.carrusel_flechas_pdt > li:last-child {
    position: absolute;
    right: 0;
    top: calc(50% - 25px);
    z-index: 9;
}
.vertical .carrusel_flechas_pdt > li:first-child {
    bottom: inherit;
    left: calc(50% - 14px);
    top: 0;
}
.vertical .carrusel_flechas_pdt > li:last-child {
    bottom: 0;
    right: calc(50% - 14px);
    top: inherit;
}
#div_slider_fotos .bx-wrapper {
    border: medium none;
    margin-bottom: 35px;
    background-color: transparent;
}
#div_slider_fotos .bx-wrapper .fotoParrillaFicha img {
	width: auto !important;
	height: auto !important;
}
.vertical .fa.fa-chevron-left, .vertical .fa.fa-chevron-right {
    transform: rotateZ(90deg);
	-webkit-transform: rotateZ(90deg);
	-moz-transform: rotateZ(90deg);
	-o-transform: rotateZ(90deg);
}
#div_slider_fotos .bx-prev, #div_slider_fotos .bx-next {
    display: block;
}
#div_slider_fotos.vertical{
	width:19%;
	float:left;
	clear:left;
	margin-right: 5%;
}
#fotos.vertical {
    float: left;
    margin-right: 5%;
    width: 94%;
}
#div_slider_fotos + #fotos {
    width: 71%;
}
#div_slider_fotos.vertical .bx-next{
	position:relative;
	bottom:21px;
}
div.galeria2 {
	clear: both;
	float: none;
	overflow: visible;
}
div.fotoParrillaFicha {
	float: left;
	height: 60px;
	width: 60px;
	overflow:hidden;
}
#foto_principal {
    border: 1px solid transparent;
    display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
}
#foto_principal > a {
    position: relative;
    text-align: center;
    height: 100%;
}
#foto_principal img.fondo_video {
    left: 50%;
    max-width: 200px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
div.fotoParrillaFicha a:link, div.fotoParrillaFicha a:visited {
    display: block;
}
div.fotoParrillaFicha a:hover {
	display: block;
	border-top-color: var(--color-texto-enfasis-01);
}
.fotoParrillaFicha div.recorte2 {
    overflow: hidden;
    border: 1px solid var(--color-borde-primario-01);
    position: relative;
    padding: 10px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
	background-color: #fff;
}
.recorte2 > img {
    height: auto;
    max-width: 100%;
    max-height: 100%;
	object-fit: contain;
}
.recorte2 > img.fondo_video {
    left: 50%;
    max-width: 50px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
/*//////////////////////////// SECCION GALERIA DE CATALOGOS /////////////////////////////*/
[id^="flipbook_"] button {
    padding: 5px 15px;
    background-color: var(--color-fondo-secundario-03);
    border: none;
    margin-right: 5px;
    color: var(--color-texto-light-01);
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    margin-bottom: 8px;
    -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;
}
[id^="flipbook_"] button:hover {
    background-color: var(--color-enlace-secundario-01);
    -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;
}
/*//////////////////////////// ACTUALIDAD/NOTICIAS (listado y desarrollo) /////////////////////////////*/
div.bloqueMitad {
    float: left;
    width: 49%;
}
div.bloqueMitad:first-child {
    margin-right: 2%;
}
div.bloqueMitad h3 {
	padding-top: 8px;
}
div.bloqueHome {
	clear: both;
	float: none;
}
div.noticias {
	font-size: 12px;
}
div.noticias h2 {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	color: var(--color-texto-secundario-01);
	line-height: 120%;
}
div.noticias h3 {
	margin: 0 0 15px;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	color: var(--color-texto-secundario-01);
}
.imagen-ficha-comunicado, .imagen-ficha-blog {
	width: 200px;
}
.imagen-ficha-blog > img {
	max-width: 100%;
	float: left;
}
div.noticias p {
	padding: 0;
}
div.noticias img {
	background-color: var(--color-fondo-light-01);
	margin-top: 3px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0;
}
div.noticias li img {
	max-width: 100px;
	height: auto;
}
.noticias.detalle img {
	max-width: 100%;
}
div.adicional_noticias {
	font-size: 12px;
	margin: 15px 0 0;
}
div.noticias .herramientas img, div.adjuntos .herramientas img {
	float: none;
	margin: 0 3px 0 0;
}
#bloque ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#bloque li {
	border-bottom: 1px solid var(--color-borde-primario-01);
	margin: 0 0 0;
	padding: 0;
}
.detalle #bloque li {
	border-bottom: 1px solid var(--color-borde-primario-01);
	margin: 0 0 10px;
	padding: 0 0 5px;
}
#bloque li a {
	color: var(--color-texto-estandar-01);
	display: block;
	padding: 10px;
	overflow: hidden;
}
#bloque a:hover {
	text-decoration: none;
	background-color: var(--color-fondo-secundario-01);
}
#bloque a .descripcion {
	display: block;
	margin-bottom: 8px;
}
#bloque02 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#bloque02 li {
	padding: 0;
	float: left;
	margin-top: 5px;
	margin-bottom: 0;
	margin-left: 0;
	width: 242px;
}
.noticiaIzda {
	margin-right: 16px;
}
#bloque02 li a {
	padding: 0 7px 5px;
	display: block;
	color: var(--color-texto-estandar-01);
}
#bloque02 a:hover {
	padding: 0 7px 5px;
	text-decoration: none;
	background-color: var(--color-fondo-secundario-01);
}
#bloque02 a .descripcion {
	display: block;
	margin-bottom: 8px;
}
.tituloListado {
	line-height:1.4;
	font-size: 16px;
	font-weight: bold;
	color: var(--color-texto-enfasis-01);
	display: block;
}
.tituloResultados {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: var(--color-texto-enfasis-01);
	display: block;
}
.tituloComunicado {
	margin: 0;
	font-size: 18px;
	font-weight: bold;
	color: var(--color-texto-enfasis-01);
	display: block;
}
.descripcionListado {
	line-height: 150%;
	font-size: 14px;
	display: block;
}
.fecha {
	display: block;
	font-size: 12px;
}
.MigasResultado {
	padding-top: 5px;
	display: block;
}
p.divisoriaListado {
	margin: 0;
	padding: 0;
}
/*/////////////////////////////////// PAGINADOR /////////////////////////////*/
div.paginador a:link, a:visited {
	padding: 0;
	text-decoration: none;
}
div.paginador a:hover {
	padding: 0;
	text-decoration: underline;
}
div.paginador {
    clear: both;
    float: none;
    font-size: 12px;
    padding: 5px 0;
    text-align: right;
}
.paginaActual {
	color: var(--color-texto-enfasis-01);
	padding: 0 3px;
	font-weight: bold;
}
.paginas > span {
  display: flex;
}
.paginas > span > a {
  display: flex;
  width: 20px;
  margin: 0 3px;
}
table.visualizacion td .paginas img.ico {
  margin: 0;
}
span.paginasnumeradas {
  display: flex;
  font-size: 14px;
}
.paginasnumeradas a {
  display: flex;
  padding: 5px;
  margin: 0 2px;
  min-width: 20px;
  justify-content: center;
}
.paginasnumeradas span {
  display: flex;
  padding: 5px;
  justify-content: center;
}
/*/////////////////////////////////// ADJUNTOS DE COMUNICADOS Y NOTICIAS /////////////////////////////*/

/* Establece los parametros para las DESCARGAS y ENLACES (DESUSO) */
table.cms {
	margin-top: 0;
	margin-right: auto !important;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: auto !important;
	margin-left: 10px;
	width: 100%;
}
/*********************************** FUENTE DE COMUNICADO *****************************************/
div.fuenteComunicado {
	margin-bottom: 15px;
	margin-left: 0;
	font-size: 11px;
}
/*********************************** FUENTE DE COMUNICADO BLOG *****************************************/
div.fuenteComunicadoBlog {
	margin-bottom: 15px;
	font-size: 11px;
}
/*********************************** TAGS (ETIQUETAS) DE COMUNICADO *****************************************/
div.tagsComunicados {
	font-size: 11px;
	overflow: hidden;
	padding-bottom: 15px;
	margin-bottom: 10px;
}
div.tituloTags {
	font-size: 11px;
	font-weight: bold;
	color: var(--color-texto-secundario-01);
	background-color: var(--color-fondo-secundario-01);
	text-align: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
div.etiquetasTags {
	padding-left: 10px;
	padding-top: 10px;
}
/*********************************** IMAGENES DE COMUNICADO *****************************************/
div.imagenesComunicado {
	font-size: 11px;
	overflow: hidden;
	padding-bottom: 15px;
	margin-bottom: 10px;
	clear: both;
}
div.tituloGaleria {
    background-color: var(--color-fondo-secundario-01);
    color: var(--color-texto-secundario-01);
    font-size: 11px;
    font-weight: bold;
    padding: 5px 5px 5px 10px;
    text-align: left;
    text-transform: uppercase;
}
/*********************************** DESCARGAS DE COMUNICADO *****************************************/
div.descargasComunicado {
	margin-bottom: 15px;
	clear: both;
}
div.tituloDescargas {
	background-color: var(--color-fondo-secundario-01);
    color: var(--color-texto-secundario-01);
    font-size: 11px;
    font-weight: bold;
    padding: 5px 5px 5px 10px;
    text-align: left;
    text-transform: uppercase;
}
.descargasComunicado ul.descargas {
	list-style-type: none;
	margin-left: 10px;
	padding: 0;
}
ul.descargas li span.descripcion {
    color: var(--color-texto-estandar-01);
    display: block;
	padding-left: 23px;
}
.descargas a:hover {
    text-decoration: none;
}
ul.descargas li {
    margin-bottom: 10px !important;
}
span.sufijoDescarga {
	margin-left: 5px;
}
/* Descargas en contenidos cms*/
div.tituloSubseccion {
	background-color: var(--color-fondo-secundario-01);
    font-size: 12px;
    padding: 5px 5px 5px 10px;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: .1em;
	margin-bottom: 10px;
}
.subseccion ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 12px;
}
dl.descargas {
	font-size: 11px;
	display: block;
	float: left;
	padding: 0;
	margin: 15px 15px 15px 0;
	width: 115px;
}
dl.descargas dt {
	overflow: hidden;
    margin: 0 10px 5px 0;
}
.descargas dt a {
    display: block;
}
dl.descargas dd {
	font-size: 11px;
	margin: 0;
}
dl.descargas div {
    margin-top: 5px;
    max-height: 110px;
    overflow: auto;
}
.tituloenlace > a {
    display: block;
}
#antebase #base1024 #base #centro #contenido #ajaxcontentarea .ficha .celdaDescripcion #descargas li {
	margin-left: 0;
}
/*********************************** FECHA Y UBICACION DE UN EVENTO *****************************************/
div.fechaComunicado {
	font-size: 11px;
	overflow: hidden;
	padding-bottom: 15px;
	margin-bottom: 10px;
}
div.tituloFechaComunicado {
	font-size: 11px;
	font-weight: bold;
	color: var(--color-texto-secundario-01);
	background-color: var(--color-fondo-secundario-01);
	text-align: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
div.datosEvento {
	padding-left: 10px;
	padding-top: 10px;
}
div.ubicacionEvento {
	float: left;
	margin-right: 35px;
}
div.fechaInicio {
	float: left;
	margin-right: 35px;
}
div.horaEvento {
	float: left;
	margin-right: 35px;
}
.horaInicio {
	margin-right: 10px;
}
div.asistentesEvento {
	float: left;
}
/*////////////////////////////////////// PROCESO DE COMPRA ////////////////////////////////////////////*/
input[type=checkbox].css-checkbox {
	position: absolute;
	z-index: -1000;
	left: -1000px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}
input[type=checkbox].css-checkbox + label.labelcheck {
	padding-left: 20px;
	display: inline-block;
	line-height: 16px;
	background-repeat: no-repeat;
	background-position: 0 0;
	vertical-align: middle;
	cursor: pointer;
	font-size: 12px;
}
input[type=checkbox].css-checkbox:checked + label.labelcheck {
    background-position: 0 -234px;
}
label.labelcheck {
	background-image: url(../images/ico_checkbox.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
label.labelcheck.mayor, input[type="checkbox"].css-checkbox + label.labelcheck.mayor {
  font-size: 14px;
}
input[type="checkbox"].css-checkbox + label.labelcheck:empty {
	display: block;
	width: 14px;
	height: 14px;
}
.otrosDatosCesta select {
    border: 1px solid var(--color-borde-primario-01);
}
table.tablaCesta {
	width: 100%;
	color: var(--color-texto-enfasis-01);
	clear: both;
}
.tablaCesta th {
	background-color: var(--color-fondo-dark-01);
	color: var(--color-texto-light-01);
	font-family: var(--font-familiy-thead);
	font-size: 11px;
	padding: 5px 10px 6px;
	text-align: center;
	text-transform: uppercase;
}
.tablaCesta tbody tr.activo td, .tablaCesta tbody td.activo {
	background-color: #e4f6ff;
}
.tablaCesta td {
	font-size: 12px;
    border-bottom: 1px solid var(--color-borde-secundario-01);
	color: var(--color-texto-estandar-01);
}
.tablaCesta tbody td {
    padding: 10px;
    vertical-align: middle;
}
.tablaCesta tbody td.grupoCantidad {
    padding-left: 0;
    padding-right: 0;
    white-space: nowrap;
}
.tablaCesta td table td {
	border: medium none;
	padding-top: 0;
	vertical-align: top;
}
.tablaCesta a.producto {
    display: block;
    line-height: 1.4em;
}
.tablaCesta a.producto:hover {
    text-decoration: none;
}
.grupoCantidad td {
    padding: 2px !important;
    vertical-align: middle !important;
}
.precio01.preciounidad.prescindible span.descuentos {
  font-size: 12px;
  padding: 2px;
}
.precio01.preciounidad.prescindible span.descuentos span {
  padding-inline: 5px;
}
table.tablaCesta input.botonform {
	background-color: var(--color-fondo-secundario-03);
	color: var(--color-texto-light-01);
}
table.tablaCesta p.pvpr_desktop {
	clear: both;
	font-size: 10px;
	padding: 0px;
	margin: 5px 0px 0px 0px;
}
span.pvpr_mobile, span.precioud_mobile {
	display: none;
}
.calculoGastos .botonform {
    font-size: 11px;
    padding: 12px 20px;
}
.formCompra input.campoCantidad, .formListacompra input.campoCantidad, #formulario_cantidad input.campoCantidad {
  border: 1px solid var(--color-borde-primario-01);
  color: var(--color-texto-enfasis-01);
  float: left;
  font-size: 14px;
  font-weight: bold;
  height: 35px;
  margin: 0 5px;
  padding-top: 7px;
  text-align: center;
  width: 55px;
}
.anyadir, .quitar {
  background-position: center center;
  background-repeat: no-repeat;
  border: 1px solid transparent;
  color: var(--color-texto-estandar-01);
  font-size: 18px;
  height: 35px;
  padding: 4px;
  text-align: center;
  width: 30px;
  float: left;
  background-color: transparent;
}
.anyadir:hover, .quitar:hover, .grupoCantidad a:active, .grupoCantidad a:focus  {
  background-color: var(--color-fondo-light-01);
  color: var(--color-texto-enfasis-01);
  text-decoration: none;
}
.grupoCantidad {
  min-width: 140px;
  white-space: nowrap;
  width: 140px;
}
.tablaCesta .precio01 {
  font-size: 14px;
  padding-right: 10px;
  text-align: right;
}
.precio01.preciounidad {
  white-space: nowrap;
}
.tablaCesta tfoot td {
  font-size: 12px;
  padding-bottom: 5px;
  padding-top: 5px;
}
.dobleColumna th.columnaCantidad {
  width:18%;
}
th.columnaCantidad {
	width:125px;
	padding-left: 0;
	padding-right: 0;
}
th.columnaReferencia {
    width: 30px;
    padding-right: 0;
}
th.columnaProducto {
    text-align: left;
    padding-left: 0;
}
th.columnaIVA {
	width:80px;
}
.imgProducto {
    float: left;
    margin-right: 10px;
    max-width: 64px;
}
.imgProducto + span, a.producto + span {
    display: block;
    float: left;
    width: calc(100% - 80px);
}
a.producto span span {
    display: block;
    color: var(--color-texto-estandar-01);
    font-size: 11px;
}
a.producto span span.nombreproductocesta {
    color: var(--color-texto-enfasis-01);
    font-size: 14px;
}
a.producto span span.estadoentregacesta, a.producto span span.fechadisponibilidadcesta {
    display: none;
}
.columnaTotal, .columnaPrecioud, .columnaIVA, .columnaPreciobase, .columnaPVPR {
    width: 10%;
}
.titmovil {
    display: none;
}
.columnaHerramientas {
    width: 1%;
}
.tablaCesta tbody td.celdaBorrar {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}
.tablaCesta tbody td.celdaRef {
    padding-right: 0;
}
.tablaCesta tbody td.celdaProducto {
    padding-left: 0;
}
.referenciacesta {
    font-size: 11px;
    color: var(--color-texto-estandar-01);
}
.tablaCesta .precio01.preciobase, .tablaCesta .precio01.ivaaplicado, .tablaCesta .precio01.preciounidad {
    text-align: center;
}
/***************************** Fila Subtotal **************************/
.importeTotal.importeSubTotal td.precio01 {
    width: 10%;
    white-space: nowrap;
}
.importeTotal.importeSubTotal td.precio02 {
    width: 29%;
    white-space: nowrap;
}
.tablaCesta .filaCalculos td {
	background-color: var(--color-fondo-secundario-01);
}
.tablaCesta .filaCalculos td:first-child {
    padding-left: 20px;
}
.tablaCesta .filaCalculos td.precio01 {
	font-size: 16px;
	font-weight: bold;
}
/***************************** Fila Peso **************************/
.tablaCesta .filaPeso td {
	background-color: var(--color-fondo-secundario-01);
}
.peso_Total {
	margin-left: 7px;
}
.numeroBig {
    font-size: 16px !important;
    padding: 0;
}
.numeroBig.disponible {
	display: inline;
	float: none;
	margin: 0;
	padding: 0;
}
.tablaCesta .precio02, .tablaCesta .precio03, .cuadroLogistica .precio02 {
	font-size: 16px;
	font-weight: bold;
	text-align: right;
}
.tarifa, .agente_comercial {
	font-size: 11px;
	text-align: right;
	margin-top: 10px;
}
.fondoCestaConfigurador, .fondoCestaRequerimientosLogistica {
	background-color: var(--color-fondo-secundario-01);
}
/***************************** Fila Log?tica **************************/
ul.calculoGastos {
    list-style: outside none none;
    margin: 15px 0 0 1%;
    padding: 0;
}
.calculoGastos > li {
    display: inline-block;
    margin-bottom: 15px;
    margin-right: 20px;
    vertical-align: top;
}
.calculoGastos > li:last-child {
    margin-bottom: 18px;
    margin-right: 0;
    vertical-align: bottom;
}
.formCompra .calculoGastos select {
    margin: 0;
}
.calculoGastos label {
    display: block;
}
.tablaCesta .filaLogistica td {
	background-color: var(--color-fondo-light-01);
	padding:0;
}
.tablaCesta td table .textoLogistica {
	font-size: 11px;
	font-weight: normal;
	border-bottom-width: 0;
}
.tablaCesta .filaLogistica td.textoLogistica {
	padding-left: 12px;
}
.tablaCesta tfoot td.cuadroLogistica {
	background-color: var(--color-fondo-dark-01);
	padding: 0;
	border: medium none;
}
.tablaCesta tfoot td .cuadroLogistica > strong {
	color: var(--color-texto-light-01);
}
.cuadroLogistica {
	background-color: var(--color-error-01);
	color: var(--color-texto-light-01);
	padding: 5px;
	text-align: center;
}
.tablaCesta tfoot td.empresaLogistica {
	font-size: 14px;
	width: 200px;
	text-align: right;
	padding-right: 25px;
}
.empresaLogistica > img {
	height: auto;
	max-width: 200px;
}
.flechaAbajo {
	border-left: 10px solid var(--color-fondo-dark-01);
	border-right: 10px solid var(--color-fondo-dark-01);
	border-top: 10px solid #FB541F;
	float: right;
	height: 0;
	margin-right: 5%;
	width: 0;
}
div.logistica {
    background-color: var(--color-fondo-secundario-01);
	padding: 10px 10px 10px 15px;
	overflow: hidden;
}
.tituloTarifa {
    padding: 5px 10px;
    text-transform: uppercase;
}
.agencias {
    border: 1px solid var(--color-borde-secundario-01);
    float: left;
    height: 160px;
    margin: 0 .5% 1%;
    overflow: auto;
    width: 32%;
    background-color: var(--color-fondo-light-01);
}
.carrusel_tarifas_logistica .agencias {
    margin: auto;
}
.agencias > ul {
    list-style: outside none none;
    padding: 0;
    margin: 0;
}
.agencias li {
    padding: 5px 10px;
}
.nombreAgencia {
    border-bottom: 1px solid var(--color-borde-secundario-01);
    height: 55px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
	position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 9;
}
.nombreAgencia img {
    height: auto;
    max-height: 35px;
    max-width: 100%;
}
.nombreAgencia > span {
    color: var(--color-texto-enfasis-01);
    font-size: 18px;
}
.agenciaSeleccionada {
	background-color: var(--color-fondo-secundario-01);
}
/***************************** Fila Importe Total **************************/
table.tablaCesta tr.importeTotal td {
	vertical-align: middle;
	background-color: var(--color-fondo-secundario-01);
}
table.tablaCesta tr.importeTotal td.precio01 {
	font-size: 16px;
    font-weight: bold;
}
table.tablaCesta tr.importeTotal td.noPagar {
	padding-right: 25px;
	text-align: right;
}
table.tablaCesta tr.importeTotal td.precio03 {
	color: var(--color-texto-enfasis-01);
	font-size: 24px;
	font-weight: bold;
	text-align: right;
}
/***************************** Fila Importe SubTotal **************************/
table.tablaCesta tr.importeSubTotal td {
	vertical-align: middle;
	background-color: var(--color-fondo-secundario-01);
}

/************************* SALDOS ***************************/
.tablaCesta td.infoSaldoGenerado {
    margin-top: 5px;
	background-color:transparent;
	font-size:14px;
	border-bottom: medium none; 
	border-top: 1px solid var(--color-borde-secundario-01);
}
form.formDescuentos {
    overflow: hidden;
}
/************************* OBSERVACIONES/ANOTACIONES (TEXTO LIBRE) ***************************/
#txt_condiciones_mi_cesta {
    clear: both;
}
/***************************** Fila Importe Total con saldos **************************/
table.tablaCesta tr.importeTotalaPagar td {
	border: 0;
	text-align: right;
	font-size: 18px;
	font-weight: bold;
}
.tablaCesta .precio02 {
    padding-right: 10px;
}
table.tablaCesta tr.importeTotalaPagar td span.importe_TotalaPagarSinIVA {
	font-size: 18px;
	margin-left: 10px;
	padding-right: 10px;
}
table.tablaCesta tr.importeTotalaPagar td .IVA {
	font-size: 11px;
	font-weight: normal;
}
table.tablaCesta tr.importeTotalaPagar td.precio01 {
	vertical-align:middle;
}
table.tablaCesta tr.importeTotalaPagar td span.importe_Total {
	color: var(--color-texto-enfasis-01);
	font-size: 30px;
	margin-left: 10px;
	vertical-align: sub;
	line-height: 120%;
	padding: 20px 0;
}
table.tablaCesta tr.importeTotalaPagar td span.importe_TotalDivisa {
	font-size: 16px;
	padding-right: 10px;
}
/***************************** Fila Importe Total con saldos **************************/
table.tablaCesta tr.filaSaldoGenerado td {
	background-color: var(--color-borde-primario-01);
	border: 1px;
	padding-top: 5px;
	padding-bottom:	5px;
}
table.tablaCesta tr.filaSaldoGenerado td.precio01 {
	font-size: 16px;
	font-weight: bold;
}
/***************************** formularios relacionados con las tarifas **************************/
.formulariosTarifas {
    clear: both;
}
.formulariosTarifas fieldset {
    background-color: transparent;
    border: 1px solid var(--color-borde-primario-01);
    clear: both;
    margin-bottom: 5%;
    padding: 1% 3% 3%;
}
.formulariosTarifas legend {
    color: inherit;
    font-size: 14px;
    margin: 0;
    padding: 0;
}
.formulariosTarifas p {
    margin-bottom: 2%;
    padding: 0;
	font-size: 12px;
}
.formulariosTarifas label {
    display: block;
	font-size: 12px;
}
/***************************** CESTA DE LA COMPRA (MOVIL) **************************/
[id^="div_item_"], [id^="div_pendiente_"], [id^="div_reserva_"] {
    overflow: hidden;
    border-bottom: 1px solid var(--color-borde-primario-01);
    padding: 10px 0;
    position: relative;
}
#datosVersionMovil .preciobase.prescindible, #datosVersionMovil .ivaaplicado.prescindible {
    display: none;
}
#datosVersionMovil .celdaRef.prescindible {
    display: block;
    float: left;
}
#datosVersionMovil .precio01.preciounidad.prescindible, #datosVersionMovil .precio01.pvpr.prescindible {
    display: block;
    float: right;
    text-align: right;
	clear:both;
}
#datosVersionMovil span.pvpr_mobile, #datosVersionMovil span.precioud_mobile {
	 font-size: 11px; 
	 margin-right: 10px;
	 display: inline;
}
#datosVersionMovil p.pvpr_desktop { 
	display: none;
}
#datosVersionMovil .titmovil {
    display: block;
    font-size: 11px;
}
#datosVersionMovil .celdaProducto {
    overflow: hidden;
}
#datosVersionMovil .grupoCantidad {
    position: absolute;
    bottom: 15px;
}
#datosVersionMovil a.producto span span.nombreproductocesta {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
}
#datosVersionMovil .imgProducto {
    max-width: 100px;
    float: left;
    margin-right: 10px;
}
#datosVersionMovil .producto > span {
    clear: none;
    width: calc(100% - 110px);
}
#datosVersionMovil .producto span.referenciacesta {
	font-size: 14px;
}
#datosVersionMovil .precio02 a {
    position: absolute;
    top: 5px;
    right: 0;
}
#datosVersionMovil .precio02 {
    text-align: right;
    color: var(--color-texto-enfasis-01);
    font-weight: bold;
    font-size: 18px;
    clear: right;
}
.importeTotal.importeSubTotal {
    overflow: hidden;
    padding: 5px 0 15px;
}
.importeTotal.importeSubTotal > div:first-child {
    display: block;
    float: left;
}
.importeTotal.importeSubTotal > div:last-child {
    display: inline;
    float: right;
    padding: 0;
    color: var(--color-texto-enfasis-01);
    font-size: 18px;
}
.logistica .bx-wrapper .bx-controls-direction a {
    top: 115%;
}
.logistica .bx-wrapper .bx-prev {
    left: 0;
}
.logistica .bx-wrapper .bx-next {
    right: 0;
}
.logistica .bx-wrapper .bx-prev:hover, .logistica .bx-wrapper .bx-next:hover {
    background-color: transparent;
}

div.entrega {
    font-size: 12px;
    width: 100%;
    margin-bottom: 20px;
    text-align: center !important;
}
div.gastosenvio {
    float: left;
    text-align: left;
}
div.precio02.importe_Dropshipping {
    float: right;
    font-size: 18px;
    color: var(--color-texto-enfasis-01);
}
div.filaCalculos, div.importeTotal.importeSubTotal {
    overflow: hidden;
    border-bottom: 1px solid var(--color-borde-primario-01);
    padding: 7px 0;
}
div.filaCalculos > div:first-child, div.importeTotalaPagar > div:first-child {
    text-align: left;
    float: left;
}
div.filaCalculos .precio02 {
    padding-right: 0;
    color: var(--color-texto-enfasis-01);
}
.tablaCesta div.precio01 {
    padding-right: 0;
}
div.importeTotalaPagar {
    color: var(--color-texto-enfasis-01);
    font-weight: bold;
    padding-top: 7px;
    overflow: hidden;
    margin-bottom: 40px;
}
div.importeTotalaPagar div:last-child {
    float: right;
}
div.importeTotalaPagar .precio03 span, div.importeTotalaPagar span.importe_Total {
    font-size: 30px;
}
div.infoSaldoGenerado {
    border: 1px solid var(--color-borde-primario-01);
    padding: 10px;
    margin-bottom: 10px;
}
div.infoSaldoGenerado strong {
    color: var(--color-texto-enfasis-01);
}

/***************************** TABLA RESERVAS **************************/
.precio03.reservas {
    padding-right: 10px !important;
}
.mostrar_mas_productos_reserva_pendiente, .mostrar_menos_productos_reserva_pendiente {
    cursor: pointer;
}
.tipo_productos_reserva_pendiente table.tablaCesta tr.importeTotalaPagar td span.importe_Total, .tipo_productos_reserva_pendiente .importeSubTotal .precio02, .tipo_productos_reserva_pendiente .filaCalculos .precio02, .tipo_productos_reserva_pendiente table.tablaCesta tr.importeTotalaPagar td span.importe_TotalDivisa {
    padding-right: 10px;
}
/***************************** Regalos promocionales (Tabla) **************************/
.tablaCesta.regalosPromocionales {
    margin-bottom: 25px;
}
.tablaCesta.regalosPromocionales > thead {
    display: none;
}
.tablaCesta.regalosPromocionales tbody td {
	vertical-align: middle;
	font-size: 14px;
	background-color: var(--color-fondo-secundario-01);
}
.tablaCesta.regalosPromocionales tbody td:first-child {
    padding-right: 0;
}
.disponible.disponibilidadRegalos, .agotado.disponibilidadRegalos {
    margin: 0;
	float: none;
  	padding: 0;
  	font-size: 14px;
}
.tablaCesta.regalosPromocionales .disponibilidadRegalos {
	margin: 0;
	font-size: inherit;
} 
.tablaCesta.regalosPromocionales .Envase {
	color: var(--color-texto-estandar-01);
}
.formCompra input, .formCompra textarea, .formCompra select {
	padding: 6px;
	font-size: 14px;
}
.formCompra input.campoInactivo {
	background-color: var(--color-fondo-secundario-01);
	border: none;
}
.formCompra select {
	margin-bottom: 5px;
}
#esRegalo, #quieroFactura {
  margin: 15px 0;
  display: block;
  width: fit-content;
}
.tablaCesta.regalosPromocionales tbody td.tramos {
    background-color: var(--color-fondo-dark-01);
	color: var(--color-texto-light-01);
    border: medium none;
    font-size: 12px;
    font-weight: 600;
}
.tablaCesta tbody td.inactivo {
	background-color: var(--color-fondo-light-01);
	opacity: .5;
    filter: alpha(opacity=50);
	-moz-opacity: .50;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.tablaCesta.regalosPromocionales a {
    color: var(--color-texto-estandar-01);
}
/********************************** Regalos promocionales (Carrusel) *************************************/

[id^="tr_regalo_"] {
    padding: 0 10px;
    min-height: 200px;
}
.slide.inactivo {
    opacity: .5;
    filter: alpha(opacity=50);
	-moz-opacity: .5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}	
div[id^="tr_regalo_"] a {
    color: var(--color-texto-estandar-01);
    padding: 15px;
    display: block;
    border-top: 1px dotted var(--color-fondo-secundario-02);
}
[id^="tr_regalo_"] a:active, [id^="tr_regalo_"] a:hover {
    text-decoration: none;
    color: var(--color-texto-estandar-01);
    background-color: var(--color-fondo-secundario-01);
}
.check-regalopromocional {
    min-height: 32px;
    display: block;
    padding: 5px 0 0 10px;
}
.check-regalopromocional.activo {
    background-color: #e4f6ff;
}
.cd-horizontal-timeline .agotado.disponibilidadRegalos::after {
    content: "no disponible";
    background-color: var(--color-error-01);
    color: var(--color-texto-light-01);
    font-size: 9px;
    text-transform: uppercase;
    padding: 2px 10px;
    float: right;
}
.cd-horizontal-timeline .disponibilidadRegalos {
    margin-top: 3px !important;
}
.cd-horizontal-timeline .bx-prev:hover, .cd-horizontal-timeline .bx-next:hover, .cd-horizontal-timeline .bx-prev:active, .cd-horizontal-timeline .bx-next:active {
    background-color: transparent;
}
/********************************** MENSAJE CABECERA *************************************/
#base-mensajeCabecera {
    position: relative;
	background-color: var(--color-fondo-secundario-01)
}
#carrusel_cab_fl_izq, #carrusel_cab_fl_der {
    position: absolute;
    top: 0;
    background-color: transparent;
    cursor: pointer;
	color: initial;
}
#carrusel_cab_fl_izq {
    left: 0;
}
#carrusel_cab_fl_der {
    right: 0;
}
#mensajeCabecera {
    margin: 0 auto;
    padding: 10px 20px;
    text-align: center;
    overflow: hidden;
    width: 94%;
}
#mensajeCabecera p:first-child {
    margin-top: 0;
}
#carrusel_cab_fl_izq .fa, #carrusel_cab_fl_der .fa {
	font-size: 12px;
}
/********************************** Mensajes *************************************/
.mensajeInfo {
    border: 1px solid var(--color-borde-primario-01);
    font-size: 14px;
    line-height: 1.3em;
    margin: 25px auto;
    padding: 20px;
    text-align: center;
}
.mensajeAlerta {
    background-color: var(--color-fondo-alerta-01);
    color: var(--color-texto-alerta-01);
    font-size: 14px;
    margin: 25px auto;
    padding: 15px 20px;
	clear: both;
}
.mensajeAlerta.mensajeMenor {
    margin-bottom: 0;
    font-size: 12px;
    padding: 10px 15px;
    margin-top: 5px;
}
.mensajeAlerta > strong {
    color: var(--color-bold-alerta-01);
}
.mensajeAlerta span.cifra {
    background-color: ar(--color-bold-alerta-01);
    color: var(--color-fondo-alerta-01);
    font-weight: bold;
    padding: 2px 7px 0;
}
#contenido .mensajeAlerta a, #contenido .mensajeAlerta a:hover {
    color: var(--color-link-alerta-01);
}
.alerta {
    background-color: var(--color-fondo-alerta-01);
    color: var(--color-texto-alerta-01);
    font-size: 12px;
    margin-bottom: 10px;
    padding: 5px 10px;
    clear: both;
    margin: 0 auto 5px;
    width: 95%;
    text-align: center;
}
/********************************** Paso 2 - Dropshipping *************************************/
@-webkit-keyframes fly {
0% {
background-position:-10% 0
}
100% {
background-position:100% 0
}
}
@-moz-keyframes fly {
0% {
background-position: left bottom;
}
100% {
background-position: right bottom;
}
}
@-ms-keyframes fly {
0% {
background-position:-10% 0
}
100% {
background-position:100% 0
}
}
@-o-keyframes fly {
0% {
background-position: left bottom;
}
100% {
background-position: right bottom;
}
}
@keyframes fly {
0% {
background-position: left bottom;
}
100% {
background-position: right bottom;
}
}
#base-recogida_oficinas_datos {
  margin-top: 5px;
}
#recogida_oficinas_datos {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin: 10px 0 0 18px;
}
#recogida_oficinas_datos > div {
  flex-direction: column;
  display: flex;
}
#recogida_oficinas_datos label {
  font-size: 12px;
}
#divDropshipping {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin: 0;
	padding: 10px 0;
	overflow: hidden;
}
#divDropshipping label {
    font-weight: 600;
    text-transform: uppercase;
	color: var(--color-texto-enfasis-01);
}
.importeContrarembolso {
    border-left: 1px dotted var(--color-texto-estandar-01);
    float: none;
    padding-left: 13px;
    margin-left: 7px;
}
.formCompra #divDropshipping input {
	margin: 0;
}
#divDropshipping .tit {
	text-transform: uppercase;
}
div.dropshipping_importe_contrareembolso {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0;
	margin-bottom: 5px;
}
#divDropshipping .dropshipping_importe_info {
    padding: 11px 15px;
    background-color: var(--color-fondo-secundario-01);
    margin-left: 10px;
    position: relative;
    font-weight: 600;
}
#divDropshipping .dropshipping_importe_info:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(240, 240, 240, 0);
	border-right-color: var(--color-fondo-secundario-01);
	border-width: 7px;
	margin-top: -7px;
}
.dropshipping_correcto {
    color: var(--color-success-02);
}
.dropshipping_incorrecto {
    color: var(--color-error-01);
}
div.dropshipping_condiciones {
	letter-spacing: 0;
}
#div_dropshipping_condiciones > p {
	margin-bottom: 0;
	font-size: 11px;
	font-weight: normal;
	color: var(--color-texto-estandar-01);
}
.dropshipping_proteccion_datos {
	margin: 0 0 0 50px;
	font-size: 10px;
	font-weight: normal;
	color: var(--color-texto-estandar-01); 
}
#span_dir_envio_otra_direccion {
  font-size: 14px;
}
/*////////// Personalizar en Ficha  y en Cesta ///////*/
#personalizar {
    clear: both;
    margin-bottom: 20px;
}
#div_formulario_personalizar {
    overflow: hidden;
}
#div_formulario_personalizar h4 {
    margin-top: 0;
    font-size: 18px;
}
#div_formulario_personalizar label {
    display: block;
}
#div_formulario_personalizar input {
    width: 100%;
}
#div_formulario_personalizar .botonform {
    width: 100%;
    display: block;
    text-align: center;
}
#div_formulario_personalizar .botonform:hover {
	text-decoration: none;
	color: var(--color-texto-light-01);
}
#personalizacionActual {
    background-color: var(--color-fondo-secundario-01);
    padding: 40px 20px 20px;
    position: relative;
}
#personalizacionActual:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-bottom-color: var(--color-fondo-secundario-01);
	border-width: 10px;
	margin-left: -10px;
}
#personalizacionActual h4 {
    margin: 0 0 10px 0;
    font-size: 12px;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
    padding: 8px 5px 5px 5px;
    text-transform: uppercase;
    border-bottom: 2px solid var(--color-borde-light-01);
    letter-spacing: .1em;
    color: var(--color-texto-estandar-01);
    font-weight: 500;
}
#personalizacionActual p {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px 10px 0;
}
#contenido #personalizacionActual h4 + p {
    clear: both;
    float: none;
    display: block;
    margin-right: 0;
}
#tip {
    font-size: 14px;
    color: var(--color-enlace-principal-01);
    font-weight: bold;
    background-color: var(--color-fondo-light-01);
    display: block;
    text-align: center;
    padding: 5px;
    letter-spacing: .1em;
}
#personalizacionActual img {
    max-width: 160px;
    max-height: 160px;
}
#personalizacionActual p.botonpersonalizacionActual {
    display: block;
    margin: 0;
}
#personalizacionActual .lnkEliminar {
	display: block;
	background-color: var(--color-error-01);
	background-image: none;
	color: var(--color-texto-light-01);
	font-size: 12px;
	padding: 5px 10px;
	text-align: center;
	text-transform: uppercase;
}
#contenido #paso01 #productos-personalizados h4 {
    margin-top: 0;
    border: none;
    font-size: 18px;
}
#productos-personalizados ul {
    padding: 0;
    list-style: none;
    margin: 0;
}
#productos-personalizados ul li {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    margin-bottom: 20px;
    padding-right: 20px;
}
#productos-personalizados ul li label {
    font-size: 12px;
}
#productos-personalizados ul li img {
    max-width: 120px;
    max-height: 120px;
}
/***********************************************************************************************/
.capaCompra {
    overflow: hidden;
}
.tablaForm .inputSinBorde {
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
form.cantidadFicha {
	float: left;
	width: 80px;
	margin-top: 10px;
	margin-left: 5px;
}
form.cantidadListado {
	margin-bottom: 5px;
	font-size: 12px;
}
li .decrement-unit, li .increment-unit {
    display: inline-block;
    float: none;
    height: 30px;
    margin-right: 2px;
    margin-left: 0;
}
.decrement-unit, .increment-unit {
    width: 28px;
}
input.campoCantidadListado {
	background-color: var(--color-fondo-light-01);
	border: 1px solid var(--color-borde-primario-01);
	width: 50px;
	padding: 2px;
	font-size: 14px;
	font-weight: bold;
	color: var(--color-texto-enfasis-01);
	text-align: center;
	display: inline-block;
    float: none;
    height: 30px;
    margin-right: 2px;
    margin-left: 0;
}
form.cantidadListado span {
    font-size: 11px;
    text-align: center;
    margin-left: 3px;
	display: none;
}
/*////////// campos cantidad en Ficha ///////*/
form.cantidad {
	float: left;
	font-size: 10px;
	margin-bottom: 10px;
}
.decrement-unit {
    background-color: var(--color-fondo-light-01);
    border: 1px solid transparent;
    color: var(--color-texto-estandar-01);
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin-right: 3px;
    width: 25px;
	height: 30px;
}
.increment-unit {
    background-color: var(--color-fondo-light-01);
    border: 1px solid transparent;
    color: var(--color-texto-estandar-01);
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin-left: 2px;
    width: 30px;
	height: 30px;
}
.increment-unit:hover, .decrement-unit:hover {
	color: var(--color-texto-enfasis-01);
}
.campocantidad {
    float: left;
}
input.campoCantidadFicha {
	background-color: var(--color-fondo-light-01);
	border: 1px solid var(--color-borde-primario-01);
	width: 50px;
	font-family: var(--font-familiy-standard);
	font-size: 12px;
	font-weight: bold;
	color: var(--color-texto-enfasis-01);
	text-align: center;
	height: 30px;
}
div.camposCantidad {
	float: left;
	text-align: center;
	margin-right: 5px;
}
.nexo {
	padding-top: 3px;
}
form.cantidad span {
	display: block;
	text-align: center;
}
#div_textos_avanzados_pestanyas_descripcion_larga_movil {
    padding-top: 10px;
}
div.descripcionLarga {
	font-size: 14px;
}
.descripcionLarga img, .descripcionLarga iframe {
    max-width: 720px;
}
label.cantidadFicha {
	color: var(--color-texto-enfasis-01);
}
p.botonComprar {
	float: right;
	clear: right;
}
p.botonComprarFicha.botonComprarFichaAleatorio, p.botonComprarFicha.botonComprarFichaColeccion {
	clear: none;
}
p.botonComprarFicha.botonComprarFichaAleatorio + p.botonComprarFicha.botonComprarFichaColeccion {
	margin-right: 10px;
}
p.botonReservar {
	float: right;
	clear: right;
}
p.botonComprarFicha {
	float: right;
	clear: right;
	margin-top: 0;
}
p.botonReservarFicha {
	float: right;
	clear: right;
	margin-top: 0;
}
div.herramientas {
	clear: both;
	float: none;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 1;
	overflow: hidden;
}
#fotos {
	margin-right: 20px;
}
div.herramientas a, #bloque #listaBlog li div.herramientas a {
	float: left;
	display: block;
	color: var(--color-texto-estandar-01);
	text-decoration: none;
	font-size: 12px;
	line-height: normal;
	margin: 10px 0 0 8px;
	padding: 5px 8px;
}
div.herramientas a:first-child, #entrada div.herramientas a:first-child, #bloque #listaBlog li div.herramientas a:first-child {
	margin-left: 0;
}
div.herramientas a:hover, #bloque #listaBlog li div.herramientas a:hover {
	color: var(--color-texto-enfasis-01);
}
.herramientas a > img {
	margin-right: 4px;
}
.herramientas a > span {
    vertical-align: middle;
}
.marginBotones {
	margin-right: 10px;
}
/*//////////  FINANCIACION EN FICHA /////////*/
#financiacion_caixabank {
    clear: both;
}
.financiacion {
    clear: both;
    margin-bottom: 10px;
}
.financiacion > span {
    display: block;
    font-size: 16px;
    margin-bottom: 5px;
}
.financiacion strong {
    font-weight: 500;
}
.contentstyle .ficha a.botonFinanciar {
    background-color: transparent;
    border: 4px solid var(--color-fondo-secundario-01);
    color: var(--color-fondo-secundario-02);
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
    margin-top: 0;
    padding: 10px 30px;
    text-align: center;
    text-transform: uppercase;
}
.contentstyle .ficha a.botonFinanciar:hover {
    border-color: var(--color-borde-secundario-01);
    color: var(--color-texto-estandar-01);
}
.contentstyle .ficha a.botonFinanciar:hover {
    text-decoration: none;
}
.contentstyle .ficha a#botonFinanciar-Caixabank::after {
    content: "Con";
    background-repeat: no-repeat;
    display: inline-block;
    margin-left: 7px;
    background-image: url("../images/financiacion/caixabank_finance.png");
    background-position: right -7px;
    background-size: auto 34px;
    padding-right: 112px;
    height: 25px;
}
.contentstyle .ficha a#botonFinanciar-Sequra::after {
    content: "Con";
    background-repeat: no-repeat;
    display: inline-block;
    margin-left: 7px;
    background-image: url("../images/financiacion/sequra.svg");
    background-position: right center;
    background-size: auto 16px;
    padding-right: 85px;
}
.contentstyle .ficha a#botonFinanciar-Cetelem::after {
    content: "Con";
    background-repeat: no-repeat;
    display: inline-block;
    margin-left: 7px;
    background-image: url("../images/financiacion/cetelem.png");
    background-position: right -6px;
    background-size: auto 34px;
    padding-right: 80px;
    height: 23px;
}
/*******************  fancy financiacion ******************/
.cabeceraFinanciacion > p:first-child {
    margin-bottom: 0;
}
.cabeceraFinanciacion {
    float: left;
    margin: 10px 20px 0;
    width: 185px;
}
.importeFinanciacion {
    color: var(--color-texto-enfasis-01);
    font-size: 48px;
}
.cabeceraFinanciacion select {
    width: 100%;
}
.datosFinaciacion {
    float: left;
    margin: 20px;
    width: 350px;
}
.observacionesFinanciacion {
    clear: both;
    float: none;
    font-size: 12px;
    margin: 20px;
    width: 570px;
}
.datosFinaciacion table {
    border-top: 1px solid var(--color-borde-primario-01);
}
.datosFinaciacion table caption {
    color: var(--color-texto-enfasis-01);
    font-size: 18px;
    font-weight: 500;
}
.datosFinaciacion table td {
    border-bottom: 1px solid var(--color-borde-primario-01);
    padding: 5px;
}
.datosFinaciacion table tr:nth-child(2n+1) {
    background-color: var(--color-fondo-secundario-01);
}
/*///////////////////////  TALLAS Y COLORES ////////////////////////*/
div.modelo {
	background-color: var(--color-fondo-secundario-01);
	margin: 5px 0 0;
	padding: 5px 5px 10px;
	overflow: hidden;
	clear: left;
}
div.variaciones {
	float: left;
	margin-right: 15px;
	margin-bottom: 7px;
	margin-left: 10px;
}
label#color, label#talla {
	font-size: 10px;
	display: block;
}
.masInfo {
	clear: both;
	float: none;
	display: block;
	margin-left: 10px;
}
#color.variaciones a {
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#color.variaciones a img {
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
div.variaciones a {
	display: block;
	float: left;
	margin-right: 3px;
	margin: 8px 8px 0 0;
	border: 1px solid var(--color-fondo-secundario-01);
}
div.variaciones div {
	background-color: var(--color-fondo-light-01);
	border: 1px solid var(--color-borde-primario-01);
	cursor: pointer;
	float: left;
	font-size: 11px;
	margin: 8px 8px 0 0;
	min-width: 30px;
	padding: 9px 7px;
	text-align: center;
	min-height: 36px;
}
div#color.variaciones div {
	border: 1px solid var(--color-fondo-secundario-01);
	padding-top: 0;
	width: 32px;
	height: 32px;
}
div#color.variaciones div.textoColor {
    width: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
}
div.variaciones p {
	padding: 0;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	text-transform: uppercase;
}
.inactiva {
	opacity: 0.3;
	filter: alpha(opacity=30);
	-moz-opacity: .30;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	cursor: not-allowed !important;
}
div.variaciones a.activo {
	border: 1px solid var(--color-error-01);
}
div.variaciones div.activo, div#color.variaciones div.activo {
	border: 1px solid var(--color-error-01);
}
@media (hover: hover) {
	div.variaciones a:hover, div.variaciones div:hover, div#color.variaciones div:hover {
	border: 1px solid var(--color-error-01);
}
}
div.variaciones img {
    margin-right: 4px;
}
div.variaciones a > img {
    margin-right: 0;
}
.tablaResumen th {
	color: var(--color-texto-light-01);
	background-color: var(--color-fondo-secundario-02);
	font-family: var(--font-familiy-thead);
	text-align: center;
}
.tablaResumen tbody td {
	background-color: var(--color-fondo-secundario-01);
	font-size: 0.8em;
	color: var(--color-texto-enfasis-01);
	line-height: 1.1em;
	padding: 2px 5px 2px 10px
	border-bottom: 1px solid var(--color-borde-light-01);
}
.tablaResumen tfoot td {
	background-color: var(--color-fondo-light-01);
	padding-right: 10px;
	padding-left: 10px;
	font-size: 0.8em;
	padding-top: 2px;
}
.tablaResumen .celdaSeparador {
	border-left: 4px solid var(--color-borde-light-01);
}
.tablaResumen .celdaOscura {
	background-color: var(--color-borde-secundario-01);
	font-size: 0.7em;
	padding-bottom: 2px;
}
.paddIzda10 {
	padding-left: 15px;
}
.miniTexto {
	font-size: 10px;
	margin-bottom: 5px;
}
.celdaTitForm {
	clear: both;
	color: var(--color-texto-enfasis-01);
	font-size: 14px;
	font-weight: bold;
	padding-top: 10px;
	text-transform: uppercase;
	padding-bottom: 5px;
}
/*//////////////////////// FORMULARIO ////////////////////*/
/* Se utiliza en el apartado 'Mis datos' de un usuario registrado y en el segundo paso del proceso de compra*/
table.tablaForm {
    border: 0 none;
    margin: 10px 0 15px;
    width: 100%;
}
.tablaForm td {
	font-size: 12px;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 10px;
}
.tablaForm td.celdaTitForm {
	padding: 6px 10px;
}
table.opcionesPago {
	margin-left: 25px;
	margin-top: 15px;
}
#centro #contenido table.tablaNavegaCompra a.lnkAnterior:link, #centro #contenido table.tablaNavegaCompra a.lnkAnterior {
	background-repeat: no-repeat;
	width: 172px;
	font-size: 22px;
	font-weight: bold;
	color: var(--color-enlace-principal-01);
	padding-left: 20px;
	display: block;
	height: 35px;
	padding-top: 5px;
}
#centro #contenido table.tablaNavegaCompra a.lnkSiguiente:link, #centro #contenido table.tablaNavegaCompra a.lnkSiguiente {
	background-repeat: no-repeat;
	width: 172px;
	font-size: 22px;
	font-weight: bold;
	color: var(--color-enlace-principal-01);
	height: 35px;
	display: block;
	text-align: right;
	padding-left: 10px;
	padding-right: 10px;
	background-position: right center;
	padding-top: 7px;
}
#centro #contenido table.tablaNavegaCompra a.lnkAnterior:hover, #centro #contenido table.tablaNavegaCompra a.lnkSiguiente:hover {
	text-decoration: underline;
}


/*********************************** CONFIGURADOR *****************************************/
#configurador h4 {
	font-size: 18px;
	color: var(--color-texto-enfasis-01);
}
#configurador h5 {
    background-color: var(--color-fondo-secundario-01);
    font-size: 12px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 6px 10px;
}
.descripcion-opcion {
    padding: 10px 10px 0 10px;
}
#configurador .opcion {
	padding-bottom: 30px;
}
#configurador .opcion p {
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 0;
    padding: 0;
}
#configurador .imagen {
	float: left;
	width: 100px;
	margin-top: 10px;
	margin-bottom: 0;
}
#configurador .selector {
	margin-left: 110px;
	margin-top: 15px;
}
#configurador input.radio {
	vertical-align: text-top;
}
#configurador ul {
	margin: 0;
	list-style-type: none;
	list-style-image: none;
	padding: 0;
}
#configurador li {
    font-size: 12px;
    list-style: outside none none;
    margin: 0 0 2px;
    padding: 3px 5px;
}
#configurador li:hover {
	background-color: var(--color-fondo-secundario-01);
}
#configurador li.activo {
    background-color: var(--color-borde-primario-01);
    color: var(--color-texto-enfasis-01);
}
#precio2 strong {
	font-size: 24px;
	color: var(--color-texto-enfasis-01);
}
#precio2 {
	padding-bottom: 10px;
}
#precio2 .tablaStock {
	margin-left: 115px;
}
.precio-configurado {
    text-align: right;
}
#div_formulario_configurador li.atenuar-sin-stock-configurador {
    filter: alpha(opacity=40);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    opacity: .4;
}
#div_formulario_configurador li.atenuar-sin-stock-configurador:hover {
    background-color: transparent;
}
#div_formulario_configurador li.atenuar-sin-stock-configurador label {
    pointer-events: none;
    background-repeat: no-repeat;
    display: inline-block;
}
#div_formulario_configurador li.atenuar-sin-stock-configurador label.labelcheck {
    background-image: url(../images/ico_checkbox.png);
    padding-left: 20px;
    background-position: 0 0;
}
#div_formulario_configurador li.atenuar-sin-stock-configurador label.labelradio {
    background-image: url(../images/ico_radiobutton_off.png);
    padding-left: 26px;
    line-height: 21px;
    background-position: 0 0;
}
.str-precio-configurador::before, .str_precio::before {
    content: "[";
}
.str-precio-configurador::after, .str_precio::after {
    content: "]";
}
/*********************************** PIE *****************************************/
address {
	font-size: 12px;
    font-style: normal;
    margin: 10px 0 0;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}
#pie {
	overflow: hidden;
	clear:both;
}
#pie p.condiciones {
	font-size: 12px;
    margin: 0;
    padding: 5px 0;
    text-align: center;
}
#pie a:link, #pie a:visited {
	color: var(--color-texto-enfasis-01);
	text-decoration: none;
}
#pie a:hover {
	text-decoration: underline;
}
div.pieContenido a {
	padding: 0;
}
h3 a.titular_novedades_ofertas {
	color: var(--color-texto-enfasis-01);
}
h1.reducido {
	float: left;
}
.paddingBottom {
	padding-bottom: 20px;
}
#fecha p {
	font-size: 11px;
	margin: 0;
	padding-bottom: 5px;
	text-align: center;
}
#pestanyas {
	height: 26px;
	position: absolute;
	top: 130px;
	right: 20px;
}
#pestanyas ul {
	margin: 0;
	padding: 0;
}
#pestanyas li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside; 
}
#pestanyas li a {
	display: block;
	float: right;
	text-align: center;
	color: var(--color-texto-light-01);
	padding-top: 5px;
	margin-right: 4px;
	font-size: 11px;
	font-weight: bold;
}
#pestanyas li a:visited {
	color: var(--color-texto-light-01);
	text-decoration: none;
	font-weight: bold;
	margin-right: 0;
	padding-right: 0;
}
#pestanyas li a:hover {
	color: var(--color-texto-light-01);
	text-decoration: none;
	font-weight: bold;
}
#pestanyas li a.activo_, li a.activo_:hover {
	color: var(--color-texto-light-01);
	text-decoration: none;
	font-weight: bold;
	margin-right: 4px;
	padding-right: 0;
}
/*//////////////////////////////// PROVEEDORES //////////////////////////////////////*/

#fichaProveedor {
	margin-bottom: 25px;
	width: 100%;
}
#fichaProveedor th {
	text-align: left;
	font-size: 0.7em;
	text-transform: uppercase;
	color: var(--color-texto-enfasis-01);
	margin-bottom: 10px;
	border-bottom: 1px solid var(--color-borde-primario-01);
	padding-bottom: 10px;
}
#fichaProveedor h4 {
	color: var(--color-texto-enfasis-01);
	font-size: 1.6em;
	margin: 0;
	padding: 0;
}
#fichaProveedor th p {
	padding: 0;
	margin: 2px;
}
#fichaProveedor td {
	padding: 4px;
	font-size: 0.8em;
	color: var(--color-texto-estandar-01);
	border-bottom: 1px solid var(--color-borde-primario-01);
}
#fichaProveedor strong {
	color: var(--color-texto-enfasis-01);
}
#fichaProveedor td img {
    height: auto;
    width: 100%;
}
#fichaProveedor tr.cebra {
	background-color: var(--color-fondo-secundario-01);
}
#fichaProveedor .tDerecha {
	text-align: right;
	font-size: 12px;
}
#fichaProveedor .tIzquierda {
	text-align: left;
	padding-left: 10px;
	font-size: 12px;
}
a.lnkVolverLista {
	font-size: 11px;
	display: block;
	padding: 3px 15px 3px 5px;
	border-top: 1px solid var(--color-borde-primario-01);
	border-bottom: 1px solid var(--color-borde-primario-01);
	text-align: right;
}
a.lnkVolverLista:hover {
	text-decoration: none;
}
.listados .paginador {
	margin: 0;
}
#listaProveedores {
	margin: 0 0 5px;
	padding: 0;
	list-style: none;
	clear: both;
}
#listaProveedores ul {
	padding: 0;
	list-style: none;
	border-top: 1px solid var(--color-borde-primario-01);
	font-weight: normal;
    margin: 0 0 15px;
}
#listaProveedores li a {
	color: var(--color-texto-estandar-01);
	display: block;
	padding: 6px 10px 6px 0;
	border-bottom: 1px solid var(--color-borde-primario-01);
	font-size:12px;
}
#listaProveedores li:last-child a {
    border: medium none;
}
#listaProveedores.proveedores a {
    border: medium none;
}
#listaProveedores a:hover {
	background-color: var(--color-fondo-secundario-01);
	text-decoration: none;
	padding-left: 15px;
}
.listaSectores ul {
	padding-left: 0;
}
.listaSectores li {
	color: var(--color-texto-enfasis-01);
	display: block;
	padding: 3px 3px;
	border-bottom: 1px solid var(--color-borde-primario-01);
}
.sector {
    color: var(--color-texto-enfasis-01);
    font-size: 12px;
    font-weight: 600;
    list-style: outside none outside;
    margin-left: 15px;
    text-transform: uppercase;
}
p.elementos_encontrados {
	font-size: 12px;
	margin: 0;
	float: left;
	width: 70%;
	padding: 0 0 5px;
}
td.elementos_encontrados {
	font-size: 12px;
	margin-left: 10px;
	margin-top: 0;
	width: 70%;
	margin-bottom: 0;
	padding: 0 0 5px;
}
td.elementos_encontrados:last-child {
    text-align: right;
}
td.nombreSegmento {
	text-align: left;
	font-size: 12px;
}
input.botonLista {
	background: var(--color-fondo-secundario-02);
	border: 1px solid var(--color-texto-estandar-01);
	margin-right: 15px;
	padding: 4px 15px;
	font-weight: bold;
	color: var(--color-texto-enfasis-01);
}
.filtro form {
	font-size: 1.2em;
}
#fichaProveedor .notaPie {
	padding-top: 10px;
	font-size: 12px;
	color: var(--color-error-02);
	padding-bottom: 10px;
}
#fichaProveedor .notaPie a {
	color: var(--color-texto-enfasis-01);
}
/*//////////////////////////////// PROVEEDORES (mis productos) //////////////////////////////////////*/
td.titMisProductos {
	padding-top: 20px;
}
a.lnkNuevoProducto {
	background: url(../images/iconos/ico_nuevo.gif) no-repeat 5px center;
	display: block;
	width: 7.5em;
	font-size: 0.8em;
	padding: 4px 4px 4px 20px;
	margin-right: 10px;
}
#tablaMisProductos th {
	color: var(--color-error-02);
	font-size: 0.8em;
	border-bottom: 2px solid var(--color-borde-primario-01);
}
#tablaMisProductos td {
	text-align: center;
	font-size: 11px;
	border-bottom: 1px solid var(--color-borde-primario-01);
	padding: 4px 1px;
}
#tablaMisProductos .tIzquierda {
	text-align: left;
}
#tablaMisProductos .miniTxt {
	font-size: 0.65em;
}
#tablaMisProductos .cebra {
	background: var(--color-fondo-secundario-01);
}
#tablaNuevoProducto td {
	font-size: 0.8em;
	font-weight: bold;
	padding: 5px 5px 2px;
	color: var(--color-error-02);
}
#tablaNuevoProducto select {
	width: 250px;
	border: 1px solid var(--color-fondo-secundario-03);
	padding: 2px;
}
#tablaNuevoProducto input.campo {
	width: 250px;
	border: 1px solid var(--color-fondo-secundario-03);
	padding: 2px 5px;
}
#tablaNuevoProducto input.campoPeque1 {
	width: 45px;
	border: 1px solid var(--color-fondo-secundario-03);
	padding: 2px 5px;
}
#tablaNuevoProducto input.campoPeque2 {
	width: 28px;
	border: 1px solid var(--color-fondo-secundario-03);
	padding: 2px 5px;
}
#tablaNuevoProducto input.boton {
	width: 150px;
	border: 3px double var(--color-error-02);
	padding: 2px 5px;
	background: var(--color-error-02);
	font-weight: bold;
	text-transform: uppercase;
	color: var(--color-texto-light-01);
	margin-top: 5px;
}
#tablaNuevoProducto textarea {
	width: 250px;
	font-size: 11px;
	border: 1px solid var(--color-fondo-secundario-03);
	padding: 2px 5px;
}
#tablaNuevoProducto .filaFin td {
	padding-bottom: 15px;
	border-bottom: 1px solid var(--color-borde-primario-01);
}
#tablaNuevoProducto .filaIni td {
	padding-top: 15px;
}
#tablaNuevoProducto .lnkBorrar {
	background: url(../images/iconos/ico_delete.gif) no-repeat;
	display: block;
	height: 15px;
	width: 15px;
	float: right;
	text-indent: -999px;
}
/*//////////////////////////////// TRABAJADORES (mis clientes) //////////////////////////////////////*/

a.lnkNuevoCliente {
	background: url(../images/iconos/ico_nuevo.gif) no-repeat 5px center;
	display: block;
	width: 7.5em;
	font-size: 0.8em;
	padding: 4px 4px 4px 20px;
	margin-right: 10px;
}
#tablaMisClientes th {
	color: var(--color-error-02);
	font-size: 12px;
	border-bottom: 2px solid var(--color-borde-primario-01);
}
#tablaMisClientes td {
	font-size: 11px;
	border-bottom: 1px solid var(--color-borde-primario-01);
	padding: 4px 1px;
}
#tablaMisClientes .cebra {
	background-color: var(--color-fondo-secundario-01);
}
/*//////////////////////////////// FILTROS LISTADO PRODUCTOS //////////////////////////////////////*/
.filtrosCentro {
    margin-top: 3%;
    padding: 0;
}
.filtrosCentro legend {
    display: none;
}
.filtrosCentro #div_filtrado_oferta, .filtrosCentro #div_filtrado_reservados, .filtrosCentro #div_filtrado_stock {
    display: inline-block;
    margin: 2px 15px 0 0;
}
.botonesFiltrosCentro {
    padding-top: 10px;
    text-align: right;
	margin-bottom: 15px;
}
.botonesFiltrosCentro .botonsecundario {
    padding: 8px 15px;
    border: none;
}
.descripcion_familia > p {
	font-size: 14px;
	line-height: 150%;
}
div.filtrosPrincipales {
    background-color: var(--color-fondo-secundario-01);
    padding: 15px 15px 10px;
}
#centro div.filtrosPrincipales .filtro, #centro .conjuntofiltro {
    display: inline-block;
    margin: 0 5px 10px 0;
    vertical-align: top;
}
.conjuntofiltro {
    display: block;
}
.conjuntofiltro {
    overflow: hidden;
}
div.filtrosPrincipales .filtro:last-child {
    margin-right: 0;
}
.filtrosPrincipales .filtros_combo {
    width: 180px;
}
.filtrosPrincipales > p {
    margin: 10px 0;
}
.filtros_combo.inputcp {
    width: 60px;
	text-align:center;
}
.filtros_combo.inputfecha {
    background-image: url("../images/bg_input_fecha.png");
    background-position: 93% center;
    background-repeat: no-repeat;
    padding-right: 30px;
    text-align: center;
    width: 110px;
}
div.filtrosDinamicos {
    background-color: var(--color-fondo-secundario-01);
    overflow: hidden;
    padding: 10px 20px;
}
.filtrosDinamicos .grupo {
    float: left;
    margin: 0 25px 15px 0;
	min-height: 120px;
}
.grupo > p {
    margin: 3px 0;
}
.tipoFiltro {
	font-size: 11px;
	font-weight: bold;
	color: var(--color-texto-enfasis-01);
	display: block;
	clear: right;
}
table.tablaFiltros input {
	vertical-align: text-bottom;
}
table.tablaFiltros p {
	margin: 0;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
table.visualizacion td {
	font-size: 11px;
	vertical-align: middle;
	padding: 10px;
}
table.visualizacion td img {
	vertical-align: middle;
	max-width: 24px;
}
table.visualizacion td.muestra {
	background-color: var(--color-fondo-secundario-01);
}
#td_productos_vistas {
    padding-right: 0;
}
#vistasListado > span {
	display: none;
}
#td_productos_vistas a {
    margin-left: 5px;
}
table.visualizacion td.muestra span strong {
	color: var(--color-texto-enfasis-01);
}
table.visualizacion td#td_productos_orden {
	padding-left: 0;
}
table.visualizacion td.muestra img {
	vertical-align: middle;
	margin-left: 5px;
}
.parrillaCategorias > li {
	list-style: outside none none;
}
.paginas .ico {
	background-color: transparent;
}
.marginBotones {
    background-image: url("../mediap/images/ico_fichaImprimible.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    float: right;
    height: 17px;
    margin-left: 5px;
    margin-top: 4px;
    width: 17px;
}

/*//////////////////////////////// FILTROS LATERALES //////////////////////////////////////*/
#izda .conjuntofiltro {
    padding: 10px 0;
    overflow: hidden;
}
div.cajasIzda div.tituloFiltro {
    clear: both;
    font-size: 11px;
    font-weight: bold;
    margin: 0 0 5px;
    text-transform: uppercase;
    position: relative;
}
div.cajasIzda div.tituloFiltro.no_visible + div {
    display: none;
}
.tituloFiltro.no_visible {
	background-image: url(../images/flecha_abajo.svg);
	background-repeat: no-repeat;
    background-position: calc(100% - 10px) 3px;
    background-size: 10px auto;
}
.tituloFiltro.visible {
    background-image: url(../images/flecha_arriba.svg);
	background-repeat: no-repeat;
    background-position: calc(100% - 10px) 3px;
    background-size: 10px auto;
}
.tituloFiltro > a:link, .tituloFiltro > a:visited {
    display: block;
    min-height: 20px;
}
.tituloFiltro > a, .tituloFiltro > a:hover {
    color: var(--color-texto-enfasis-01);
}
div.filtro_movil {
	display: none;
}
#div_filtrado_stock.filtro_movil, #div_filtrado_oferta.filtro_movil {
    display: block;
}
div.cajasIzda ul.listaFiltro {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div.cajasIzda ul.listaFiltro li {
	margin: 0;
	padding: 0;
	font-size: 11px;
}
div.cajasIzda ul.listaFiltro li label a, div.cajasIzda .filtoUnico label a {
	color: var(--color-texto-estandar-01);
	display: block;
}
div.cajasIzda ul.listaFiltro li label a:hover {
	color: var(--color-texto-enfasis-01);
}
.conjuntofiltro.flt_lateral_tallas li, .conjuntofiltro.flt_lateral_colores li, .conjuntofiltro.flt_lateral_tonos li { 
    display: inline;
}
div.cajasIzda ul.listaFiltro input {
	margin: 0 5px 0 0;
}
div.cajasIzda a.vertodosFiltro {
	font-size: 11px;
	clear: both;
	display: block;
	text-decoration: none;
}
div.cajasIzda a.vertodosFiltro:hover {
	text-decoration: none;
}
#ver_mas_ul_filtrado_familias::before {
    content: "+";
    margin-right: 4px;
}
#ver_menos_ul_filtrado_familias::before {
	content: "-";
    padding-right: 4px;
}
.icoh2_izda {
	background-color: var(--color-texto-secundario-01);
	padding-right: 2px;
}
.campoRango {
    border: medium none;
    padding: 5px;
    text-align: right;
    width: 45px;
	background-color: var(--color-fondo-secundario-01);
	color: var(--color-texto-secundario-01);
}
.separador_filtrado_precios {
    margin-left: 5px;
    margin-right: 3px;
}
#ul_filtrado_tallas input[type="checkbox"] {
	display: none;
}
#ul_filtrado_tallas label {
	border: 1px solid var(--color-fondo-secundario-03);
	cursor: pointer;
	float: left;
	font-weight: 500;
	height: 29px;
	line-height: 29px;
	margin: 0 5px 5px 0;
	text-align: center;
	min-width: 29px;
    width: auto;
}
#ul_filtrado_tonos input.css-checkbox[type="checkbox"] + label.labelcheck, #ul_filtrado_colores input.css-checkbox[type="checkbox"] + label.labelcheck, #ul_filtrado_tallas input.css-checkbox[type="checkbox"] + label.labelcheck {
    padding-left: 0;
}
#ul_filtrado_tonos label.labelcheck, #ul_filtrado_colores label.labelcheck, #ul_filtrado_tallas label.labelcheck {
    background-image: none;
}
#ul_filtrado_tallas input.css-checkbox[type="checkbox"]:checked + label.labelcheck {
	background-color: var(--color-fondo-dark-01);
	border: 1px solid var(--color-texto-enfasis-01);
}
#ul_filtrado_tallas input.css-checkbox[type="checkbox"]:checked + label.labelcheck a {
	color: var(--color-texto-light-01);
}
#ul_filtrado_tallas input.css-checkbox[type="checkbox"]:checked + label.labelcheck a:hover, #ul_filtrado_tallas input.css-checkbox[type="checkbox"] + label.labelcheck a:hover {
	text-decoration: none;
}
#ul_filtrado_tonos input[type="checkbox"], #ul_filtrado_colores input[type="checkbox"] {
	display: none;
}
#ul_filtrado_tonos label, #ul_filtrado_colores label {
	border: 1px solid var(--color-borde-primario-01);
	cursor: pointer;
	float: left;
	font-weight: 500;
	height: 29px;
	line-height: 29px;
	margin: 0 8px 8px 0;
	text-align: center;
	width: 29px;
}
#ul_filtrado_tonos input.css-checkbox[type="checkbox"]:checked + label.labelcheck, #ul_filtrado_colores input.css-checkbox[type="checkbox"]:checked + label.labelcheck {
	border: 1px solid var(--color-texto-enfasis-01);
}
#ul_filtrado_tonos input.css-checkbox[type="checkbox"]:checked + label.labelcheck a, #ul_filtrado_tonos input.css-checkbox[type="checkbox"] + label.labelcheck a, #ul_filtrado_colores input.css-checkbox[type="checkbox"]:checked + label.labelcheck a, #ul_filtrado_colores input.css-checkbox[type="checkbox"] + label.labelcheck a { 
	display: none;
}
#ul_filtrado_tonos input.css-checkbox[type="checkbox"] + label.labelcheck span, #ul_filtrado_colores input.css-checkbox[type="checkbox"] + label.labelcheck span {
    height: 100%;
    display: block;
    text-indent: -9999px;
    pointer-events: none;
}
#ul_filtrado_tonos input.css-checkbox[type="checkbox"]:checked + label.labelcheck span, #ul_filtrado_colores input.css-checkbox[type="checkbox"]:checked + label.labelcheck span {
	height: 69%;
	margin: 5px !important;
}
#ul_filtrado_tonos input.css-checkbox[type="checkbox"] + label.labelcheck span, #ul_filtrado_colores input.css-checkbox[type="checkbox"] + label.labelcheck span {
	height: 100%;
	margin: 0 !important;
}
#ul_filtrado_marcas, #ul_filtrado_tipos, #ul_filtrado_familias, ul[id^="ul_valores"] {
    margin-bottom: 5px;
}
.listaFiltro li {
    margin-bottom: 4px !important;
}
input[type=checkbox].css-checkbox.check_filtro_marcas,input[type=checkbox].css-checkbox.check_filtro_tipos,input[type=checkbox].css-checkbox.check_filtro_familias,input[type=checkbox].css-checkbox.check_filtro_campos_variables {
	position: absolute;
	z-index: -1000;
	left: -1000px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}
input[type=checkbox].css-checkbox.check_filtro_marcas + label.labelcheck, input[type=checkbox].css-checkbox.check_filtro_tipos + label.labelcheck, input[type=checkbox].css-checkbox.check_filtro_familias + label.labelcheck, input[type=checkbox].css-checkbox.check_filtro_campos_variables + label.labelcheck {
	padding-left: 20px;
	 height: 16px;
	display: inline-block;
	line-height: 16px;
	background-repeat: no-repeat;
	background-position: 0 0;
	vertical-align: middle;
	cursor: pointer;
	white-space:nowrap;
}
input[type=checkbox].css-checkbox.check_filtro_marcas:checked + label.labelcheck, input[type=checkbox].css-checkbox.check_filtro_tipos:checked + label.labelcheck, input[type=checkbox].css-checkbox.check_filtro_familias:checked + label.labelcheck, input[type=checkbox].css-checkbox.check_filtro_campos_variables:checked + label.labelcheck {
    background-position: 0 -234px;
}
#ul_filtrado_marcas label.labelcheck, #ul_filtrado_tipos label.labelcheck, #ul_filtrado_familias label.labelcheck, ul[id^="ul_valores"] label.labelcheck {
	background-image: url(../images/ico_checkbox.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
div.cajasIzda ul.listaFiltro li.padre {
    padding: 2px 0 2px 0;
}
div.cajasIzda ul.listaFiltro li.hijo {
    padding: 2px 0 2px 18px;
}
div.cajasIzda ul.listaFiltro li.hijo.hijo-3 {
    padding-left: 40px;
}
.filtro_lateral label a span {
    display: none;
}
.labelcheck > a:hover {
    text-decoration: none;
}
.botones_filtros_laterales {
    padding-top: 10px;
	margin-bottom: 15px;
	clear: both;
}
#botonResetFiltrar {
    margin-right: 5px;
}
#botonResetFiltrar, #botonFiltrar {
    padding: 10px;
    width: calc(50% - 5px);
}
/******************* RADIOBUTTONS ************************/
input[type=radio].css-checkbox {
	position: absolute;
	z-index: -1000;
	left: -1000px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}
input[type=radio].css-checkbox + label.labelradio {
	padding-left: 26px;
	display: inline-block;
	line-height: 20px;
	background-repeat: no-repeat;
	background-position: 0 0;
	vertical-align: middle;
	cursor: pointer;
	font-size: 12px;
	color: var(--color-texto-estandar-01);
	min-height:21px;
	background-image: url(../images/ico_radiobutton_off.png);
}
.labelradio > img {
    max-height: 21px;
    width: auto;
}
input[type=radio].css-checkbox:checked + label.labelradio {
	background-image: url(../images/ico_radiobutton_on.png);
	color: var(--color-texto-enfasis-01);
}
label.labelradio {
	background-position: 0 -21px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.labelradio.mayor {
    font-size: 16px !important;
}
input.css-checkbox[type="radio"] + label.labelradio.labelmayor {
    color: var(--color-texto-enfasis-01);
    font-size: 18px;
}
/*//////////////////////////////// CODIGOS PROMOCIONALES / CLUB (PASO 1) //////////////////////////////////////*/
#codigoPromocional {
	background-color: var(--color-fondo-codigo-01);
	border: 1px dashed var(--color-texto-codigo-01);
	margin-bottom: 7px;
	margin-top: 5px;
	overflow: hidden;
	clear: both;
	float: none;
	display: block;
}
#codigoPromocional img {
	vertical-align: text-bottom;
	margin-right: 5px;
}
#codigoPromocional p {
	color: var(--color-texto-codigo-01);
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 10px;
	float: left;
	width: 50%;
}
#codigoClub {
	background-color: #FCEBFD;
	border: 1px dashed #9930A1;
	margin-bottom: 7px;
	display: block;
	overflow: hidden;
}
#codigoClub img {
	vertical-align: text-bottom;
	margin-right: 5px;
}
#codigoClub p {
	color: #9930A1;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 10px;
	float: left;
	width: 50%;
}
div.campoCodigo {
	float: right;
	width: 250px;
	margin-left: 7px;
	text-align: right;
	margin-right: 10px;
}
div.campoCodigo input.caja {
	background-color: var(--color-fondo-light-01);
	border: 1px solid var(--color-borde-primario-01);
	color: var(--color-texto-secundario-01);
	margin-top: 10px;
	padding-left: 5px;
}
div.campoCodigo input.boton {
	background-color: var(--color-texto-codigo-01);
	border: 1px solid var(--color-texto-codigo-01);
	color: var(--color-texto-light-01);
	cursor: pointer;
	font-size: 11px;
	padding: 3px 10px;
	text-transform: uppercase;
}
/*//////////////////////////////// LISTADO DE PRODUCTOS //////////////////////////////////////*/

/* ::::: STICKERS SOBRE LA IMAGEN ::::: */
[class^="sticky_imagen"] {
    z-index: 99990;
}
.sticky_imagen.first, .sticky_imagen.second, .sticky_imagen.third, .sticky_imagen.fourth {
    position: absolute;
}
.sticky_imagen.first {
    left: 0;
    top: 0;
}
.sticky_imagen.second {
    right: 0;
    top: 0;
}
.sticky_imagen.third {
    left: 0;
    bottom: 0;
}
.sticky_imagen.fourth {
    right: 0;
    bottom: 0;
}
.sticky_estado > span {
    padding: 0;
    margin: 0;
}
.sticky_descuento {
    color: var(--color-texto-light-01);
    background-color: var(--color-error-01);
    padding: 1px 5px;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
}
.sticky_oferta {
    font-size: 11px;
    color: var(--color-texto-light-01);
    background-color: var(--color-error-01);
    padding: 2px 5px;
    line-height: 120%;
}
.sticky_wish {
    background-color: var(--color-fondo-light-01);
    width: 30px;
    height: 30px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid var(--color-borde-light-01);
}
.sticky_wish .botonWishList {
    margin: 0;
}
.alignBottom {
	vertical-align: bottom;
}
.imgNovedad {
	left: 0;
	position: absolute;
	top: 0;
	z-index: 99;
}
.imagen_marca {
	min-height: 48px;
    text-align: center;
}
.imgDestacado {
	z-index: 50;
	position: absolute;
	right: 0;
	top: -5px;
	height: 43px;
	width: 43px;
}
.nombreProducto {
  font-size: 14px;
  line-height: 120%;
  display: block;
  font-weight: bold;
}
a.fotoProducto, a.fotoProducto:link, a.fotoProducto:visited, a.fotoProducto:hover {
  text-decoration: none;
  border: 1px solid transparent;
  display: block;
  text-align: center;
  min-height: 265px;
}
.fotoProductoVarias {
  width: 30px;
  height: 30px;
  background-color: var(--color-fondo-dark-01);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  left: 50%;
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
  z-index: 9;
  opacity: .7;
  pointer-events: none;
  margin-left: -15px;
  display: none;
}
.fotoProductoVarias::after {
  content: "+";
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  color: var(--color-texto-light-01);
  font-size: 21px;
}
.fotoProductoVarias + .img-container img.visible {
  opacity: 1;
}
.fotoProductoVarias + .img-container {
  position: absolute;
  display: block;
  width:100%; /* Ajusta el ancho del contenedor según sea necesario */
  height: 100%; /* Ajusta la altura del contenedor según sea necesario */
  overflow: hidden; 
}
.fotoProductoVarias + .img-container img {
  display:block;
  object-fit: contain; 
  object-position: center;
  transition: opacity .5s ease;
  opacity: 0;
  overflow-clip-margin: content-box;
  overflow: clip;
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  transform: translateX(-50%);
}
.slide span.fotoProductoVarias {
  display: none;
}
.img-container {
  width: 100%;
  display: block;
  height: 100%;
  position: absolute;
}
.img-container img {
  position: relative;
  margin: 0 auto;
  max-width: 100% !important;
  max-height: 100% !important;
  top: 50%;
  transform: translateY(-50%);
}
ul.mini:hover a.fotoProducto .fotoProductoVarias + .img-container img {
  transform: translateX(-50%) !important;
}
ul.foto .nombreProducto {
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: normal;
}
ul.foto li.bloquePrecio {
    background-color: transparent;
    text-align: center;
    padding-top: 0;
}
.baseTablaFilas .list.countdownHolder {
    clear: right;
    float: left;
    padding-left: 2%;
    text-align: left;
    width: 48%;
}
ul.filas li.datosProducto {
    clear: none;
}
ul.galeria li.bloquePrecio {
    padding: 0;
}
ul.galeria li.bloquePrecio > span.pvpr, ul.galeria li.bloquePrecio > span.pvp {
    display: none;
}
ul.galeria li.bloquePrecio span.precioPrincipal {
    font-weight: normal;
    margin: 0;
    text-align: center;
}
ul.galeria .nombreProducto {
    font-weight: normal;
    margin-top: 10px;
    text-align: center;
}
.consulta {
	font-size:18px;
	font-weight:bold;
}
a.textosProducto:link, a.textosProducto:visited {
	color: var(--color-texto-enfasis-01);
	text-decoration: none;
	display: block;
}
a.textosProducto:hover {
	color: var(--color-enlace-principal-01);
}
.marca {
	display: block;
}
.disponible {
	color: var(--color-success-02);
	font-size: 11px;
	display: block;
	line-height: 120%;
	margin-bottom: 5px;
	margin-top: 15px;
	float: left;
	clear: left;
}
.disponible_sin_stock{
	color: var(--color-success-02);
	font-size: 11px;
	display: block;
	line-height: 120%;
	margin-bottom: 5px;
	margin-top: 15px;
	float: left;
	clear: left;
}
.disponible.variable {
    background-color: transparent;
}
.parcialmentedisponible {
	color: var(--color-texto-codigo-01);
	font-size: 11px;
	display: block;
	line-height: 120%;
	margin-bottom: 5px;
	margin-top: 15px;
	float: left;
	clear: left;
}
.agotado {
	color: var(--color-error-01);
	font-size: 11px;
	display: block;
	line-height: 120%;
	margin-bottom: 5px;
	margin-top: 15px;
	float: left;
	clear: left;
}
.en_reposicion {
	color: #B8860B;
	font-size: 11px;
	display: block;
	line-height: 120%;
	margin-bottom: 5px;
	margin-top: 15px;
	float: left;
	clear: left;
}
#listado_sin_logistica, #listado_logistica_gratis {
    float: right;
    font-size: 11px;
    line-height: 100%;
	margin-bottom: 5px;
	margin-top: 15px;
    text-transform: uppercase;
}
.plazoEntrega {
	font-size: 11px;
	line-height: 120%;
	padding-bottom: 5px;
	padding-top: 15px;
	float: left;
	clear: right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 25px;
}
#detalle_sin_logistica, #detalle_logistica_gratis {
	font-size: 11px;
	line-height: 120%;
	padding-bottom: 5px;
	padding-top: 15px;
	float: left;
	clear: right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 25px;
	text-transform: uppercase;
}
.estadoProducto {
	display: none;
	font-size: 11px;
	line-height: 120%;
	padding-bottom: 5px;
	padding-top: 8px;
	float: left;
	clear: right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
.precioAnterior {
	font-size: 11px;
}
#precio_comparativa {
    margin-bottom: 5px;
    margin-right: 10px;
    margin-top: 5px;
}
#cuadroPrecio #precio_comparativa {
    margin-right: 0;
    margin-bottom: 5px;
}
.baserestoDatosProducto .restoDatosProducto, .baserestoDatosProducto .restoDatosProducto02 {
    display: inline-block;
    margin-left: 15px;
}
div.precioAnteriorFicha {
	margin-bottom: 4px;
}
div.precioPrincipal {
	clear: both;
	font-size: 30px;
}
.ficha div.precioPrincipal strong {
    display: block;
    line-height: 120%;
}
.precioPrincipal > span.textoApoyo, .precioPrincipal > span.textoApoyo02 {
	font-size: 14px; 
	display: block;
	color: var(--color-texto-estandar-01);
}
.bloquePrecio .precio_comparativa {
    margin-right: 10px;
}
div.conjuntoPrecios {
	margin-bottom: 7px;
	margin-top: 5px;
}
.conjuntoPrecios ul {
    list-style: none;
    padding: 0;
    margin: 10px 0 0;
}
.conjuntoPrecios ul li {
    margin-bottom: 2px;
}
.tramo-descuento-oferta {
    background-color: var(--color-error-01);
    display: inline-block;
    vertical-align: middle;
    color: var(--color-texto-light-01);
    padding: 1px 4px;
    line-height: 1.3;
    font-size: 12px;
    font-weight: 600;
}
div.preciosUnidad {
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    font-weight: bold;
}
.descuentos {
    margin-top: 10px;
    cursor: help;
}
li.bloquePrecio > span.descuento_unico {
    margin-top: 10px;
}
li.bloquePrecio > span.descuento_unico > span {
    display: block;
}
.descuento_unico .dto-unico-tarifa {
    background-color: var(--color-error-01);
    display: inline-block !important;
    color: var(--color-texto-light-01);
    font-size: 12px;
    padding: 2px 7px;
    border-radius: 3px;
    font-weight: bold;
}
.dto-unico-tarifa::before {
    content: "-";
}
li.bloquePrecio > span.descuento_unico > span.tit-dto-unico-tarifa, .dto-unico-tarifa span, .tit-dto-unico-tarifa {
    display: none;
}
a.botonComprar:link, a.botonComprar:visited {
	display: block;
	color: var(--color-texto-light-01);
	background-color: var(--color-enlace-principal-01);
	text-decoration: none;
	font-size: 14px;
	text-align: center;
	line-height: 150%;
	padding: 10px 15px;
	text-transform:uppercase;
}
a.botonComprar:hover {
	background-color: var(--color-enlace-secundario-01);
}
a.botonReservar:link, a.botonReservar:visited {
	display: block;
	color: var(--color-texto-light-01);
	background-color: var(--color-fondo-secundario-03);
	text-decoration: none;
	font-size: 14px;
	text-align: center;
	line-height: 150%;
	padding: 10px 30px;
	text-transform:uppercase;
}
a.botonReservar:hover {
	background-color: var(--color-enlace-secundario-01);
}
.contentstyle .ficha a.botonComprar, .contentstyle .ficha a.botonReservar {
	text-transform: uppercase;
	display: block;
	text-align: center;
	margin-top: 0;
	margin-bottom: 5px;
	padding: 10px 30px;
	font-size: 14px;
	font-weight:normal;
}
.aviso_talla_agotada {
	color: var(--color-texto-light-01);
	padding-left: 10px;
	text-align: center;
	font-size: 11px;
	background-color: var(--color-error-01);
	padding: 5px 10px;
	clear: left;
}
/* ::::: VISTA MINI (A 4 COLUMNAS) ::::: */
.baseTablaMini, .baseTablaFoto, .baseTablaColumnas, .baseTablaFilas, .baseTablaGaleria {
	margin: 2% 0;
}
.product_list.marca {
    text-align: left;
}
.mini.productoDestacado > img, .fotoProducto > img {
	height: auto;
	max-width: 100%;
	display: inline;
}
ul.mini {
	list-style-type: none;
	position: relative;
	padding: 0.5%;
	margin-bottom: 1%;
	margin-top: 1%;
	overflow: hidden;
	display: inline-block;
	vertical-align: bottom;
	width: 24%;
}
.mini.productoDestacado, .filas.productoDestacado {
	padding-top: 2%;
	background-position: center top;
	background-repeat: no-repeat;
}
ul.mini li {
	position: relative;
	overflow: hidden;	
}
ul.mini li:first-child {
	text-align: center;
}
ul.mini .nombreProducto {
    margin-bottom: 10px;
}
ul.mini li.botondeCompra {
    min-height: 41px;
}
li.bloquePrecio {
	font-size: 11px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: right;
	margin-bottom: 7px;
	color: var(--color-texto-estandar-01);
}
li.precioOferta {
    clear: both;
}
ul.foto li.bloquePrecio > span {
	margin-right: 0;
}
li.bloquePrecio > span {
	display: block;
	margin-right: 10px;
	clear: both;
}
li.bloquePrecio > span.precioDesde {
    text-transform: uppercase;
    margin-top: 5px;
    margin-bottom: -5px;
}
.textoApoyo {
    display: block;
}
.precio_anterior {
	text-transform: uppercase;
} 
li.bloquePrecio span.precioPrincipal > span {
	display: inline;
}
li.bloquePrecio span.precioPrincipal > span.tyc_mas_barato {
	font-size: 14px;
}
li.bloquePrecio span.precioPrincipal > span.tyc_mas_barato::before {
	content: " / ";
}
li.bloquePrecio span.porcentaje_precio_anterior {
	font-size: 12px;
	color: var(--color-texto-light-01);
	background-color: var(--color-error-01);
	font-weight: bold;
	display: block;
	padding-right: 7px;
	padding-left: 7px;
	float: right;
	clear: both;
	margin-bottom: 3px;
}
li.bloquePrecio span.precioPrincipal {
	font-size: 22px;
	font-weight: bold;
	color: var(--color-texto-enfasis-01);
}
ul.mini.estadoReserva, ul.columnas.estadoReserva, ul.filas.estadoReserva {
    border: 5px solid var(--color-fondo-secundario-03) !important;
    padding: 0;
}
ul.mini.estadoCompra, ul.columnas.estadoCompra, ul.filas.estadoCompra {
    border: 5px solid var(--color-texto-enfasis-01) !important;
    padding: 0;
}
ul.mini.estadoReserva li:first-child, ul.columnas.estadoReserva li:first-child, ul.filas.estadoReserva li:first-child, ul.mini.estadoCompra li:first-child, ul.columnas.estadoCompra li:first-child, ul.filas.estadoCompra li:first-child {
    margin: 0;
}
ul.mini.estadoReserva li, ul.mini.estadoCompra li {
    margin: 2%;
    position: relative;
}
ul.columnas.estadoReserva ul.grupoDcha, ul.columnas.estadoCompra ul.grupoDcha {
    margin-right: 1.5%;
	margin-bottom: 1.5%;;
	margin-top: 1.5%;
}
ul.columnas.estadoReserva ul.grupoIzda, ul.columnas.estadoCompra ul.grupoIzda {
    margin-left: 1.5%;
	margin-bottom: 1.5%;
	margin-top: 1.5%;
}
ul.filas.estadoReserva li.imagen, ul.filas.estadoCompra li.imagen {
    margin-bottom: 1%;
    margin-left: 1%;
    margin-top: 1%;
}
ul.filas.estadoReserva li, ul.filas.estadoCompra li {
    margin-top: 1%;
	margin-bottom: 1%;
}
ul.filas.estadoReserva ul.grupoDcha, ul.filas.estadoCompra ul.grupoDcha {
    margin-right: 1%;
	margin-bottom: 1%;
	margin-top: 1%;
}
ul.estadoCompra li.conestado, div.estadoCompra {
    background-color: var(--color-fondo-dark-01);
    color: var(--color-texto-light-01);
    font-size: 12px;
    margin-top: 10px;
    padding: 2px 5px 5px;
    text-align: center;
    text-transform: uppercase;
}
ul.estadoReserva li.conestado, div.estadoReserva {
	background-color: var(--color-fondo-secundario-03);
    color: var(--color-texto-light-01);
    font-size: 12px;
    margin-top: 10px;
    padding: 2px 5px 5px;
    text-align: center;
    text-transform: uppercase;
}
div.estadoCompra, div.estadoReserva {
	padding: 5px 10px;
	margin-bottom: 20px;
	margin-top: 0;
	width: fit-content;
	margin-left: auto;
}

/* ::::::: VISTA GALERIA (A 2 COLUMNAS) ::::::: */
ul.galeria {
	list-style-type: none;
	position: relative;
	padding: 0.7%;
	overflow: hidden;
	position: relative;
	width: 49%;
	display: inline-block;
	margin-top: 1%;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-left: 0%;
}
ul.galeria:nth-child(2n) {
    margin-right: 0;
}
.galeria.productoDestacado {
	padding-top: 2%;
	background-repeat:no-repeat;
	background-position: center top;
}
ul.galeria li {
	position: relative;
	text-align: center;
}
ul.galeria li .val_prod_listado {
    display: none;
}
/* ::::::: VISTA FOTO (A 3 COLUMNAS) ::::::: */
ul.foto {
	list-style-type: none;
	position: relative;
	padding: 0.7%;
	overflow: hidden;
	position: relative;
	width: 32%;
	display: inline-block;
	margin-top: 1%;
	margin-right: 0%;
	margin-bottom: 1%;
	margin-left: 0%;
	text-align: center;
}
.foto.productoDestacado {
    background-repeat: no-repeat;
    padding-top: 2%;
    background-position: center top;
}
ul.foto li {
	position: relative;
	clear: both;
}
/* ::::::: VISTA B2B ::::::: */
.baseTablaLiteFancy {
    padding-left: 20px;
    padding-bottom: 100px;
}
ul.lite_fancy {
    list-style-type: none;
    padding: 1em;
    width: 31%;
    display: inline-block;
    margin-top: 1%;
    margin-right: 2%;
    margin-bottom: 1%;
    margin-left: 0;
    text-align: center;
    vertical-align: top;
    position: relative;
}
ul.lite_fancy:nth-child(3n) {
    margin-right: 0;
}
ul.lite_fancy:hover {
    box-shadow: 0 .5em 1em rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 .5em 1em rgba(0,0,0,0.25);
	-moz-box-shadow: 0 .5em 1em rgba(0,0,0,0.25);
    z-index: 999;
}
ul.lite_fancy li {
	position: relative;
	clear: both;
}
.boton_ver_fancy_ficha {
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
    position: absolute;
    top: 100%;
    width: 70%;
    background-color: rgba(255,255,255,.8);
    left: 15%;
    padding: 7px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    color: var(--color-enlace-principal-01);
    opacity: 0;
}
ul.lite_fancy li.imagenPrincipal:hover .boton_ver_fancy_ficha {
	-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;
	top: 45%;
	opacity: 1;
}
ul.lite_fancy .nombreProducto {
    font-weight: 500;
}
ul.lite_fancy form.cantidadListado span {
    margin-left: 0;
    display: block;
}
ul.lite_fancy li.bloquePrecio {
    background-color: transparent;
	text-align: center;
	margin: 0;
}
ul.lite_fancy li.bloquePrecio > span {
    margin-right: 0;
}
ul.lite_fancy li.folder {
    position: relative;
    box-sizing: content-box;
    margin-left: -1em;
    padding: 0 1em;
    width: 100%;
    height: 0;
    overflow: hidden;
    z-index: 9999;
}
ul.lite_fancy:hover li.folder {
    overflow: visible;
}
ul.lite_fancy li.folder .actions {
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
	z-index: 999999;
	background-color: var(--color-fondo-light-01);
    position: absolute;
    left: 0	;
    width: 100%;
    max-height: 0em;
    overflow: hidden;
    padding: 0;
    list-style-type: none;
}
ul.lite_fancy:hover li.folder .actions {
	padding: 0 10px;
    transition: max-height .5s linear;
    -webkit-transition: max-height .5s linear;
    -moz-transition: max-height .5s linear;
    -ms-transition: max-height .5s linear;
    -o-transition: max-height .5s linear;
	max-height: 50em;
	box-shadow: 0 1em 1em rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 1em 1em rgba(0,0,0,0.25);
	-moz-box-shadow: 0 1em 1em rgba(0,0,0,0.25);
}

/*//////////////////////////// CARRUSEL SWIPER /////////////////////////////*/
@keyframes visible {
  0%    { opacity: 0; }
  20%   { opacity: .0; }
  60%   { opacity: 0; }
  80%   { opacity: 0; }
  100%  { opacity: 1; }
}
.swiper-container {
  animation: visible .5s;
}
.swiper-slide {
	padding: 0.8%;
}
.contenedor-eliminar {
	width: 100%;
	max-width: 270px;
}
.contenedor-bloque {
	text-align: center;
	overflow: hidden;
}
.contenedor-bloque *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bloque-fila {
	overflow: hidden;
}
.bloque-add {  
	position: relative;
	margin-bottom: 4%;
}
.bloque-add-izquierda {  
	float:left;
}
.bloque-add-derecha {  
	float:right;
}
.bloque-add-ocultar {  
	display: none;
}
.bloque-add-destacado {
	border: 4px solid var(--color-error-01); 
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0;
}
::before, ::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer;
}
.bx-wrapper .bx-pager.bx-default-pager a, .swiper-pagination-bullet {
	background-color: var(--color-borde-primario-01);
}
.swiper-pagination-bullet {
	width: 10px;
  	height: 10px;
	opacity: 1;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
}
/* bloque grande -------------------*/
.bloque-add-grande {
	width: 100%;
	height: 0;
	padding-top: 100%;
}
.bloque-add-grande .bloque-add-enlaces {
	margin-top: 43%;
}
/* bloque mediano -------------------*/
.bloque-add-mediano {
	width: 100%;
	height: 0;
	padding-top: 48%;
}
.bloque-add-mediano .bloque-add-enlaces {
	margin-top: 17%;
}
/* bloque pequenyo -------------------*/
.bloque-add-pequenyo {
	width: 47.7%;
	height: 0;
	padding-top: 48%;
}
.bloque-add-destacado.bloque-add-pequenyo {
	padding-top: 45%;
}
.bloque-add-pequenyo .bloque-add-enlaces {
	margin-top: 33%;
}
/* contenido -------------------*/
.bloque-add-contenido {	
	position:absolute; 
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.bloque-add-imagen {
	width: 100%;
	height:100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.bloque-add-imagen img {
	max-width: 100%;
	height: auto;
}
/*//////////////////////////// CARRUSEL MOBILE FRIENDLY /////////////////////////////*/
.carrusel_flechas_galeria {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.carrusel_flechas_galeria > li {
    display: inline;
    list-style: none;
}
.gal_carrusel li.flecha_izq {
    left: 0;
    position: absolute;
    top: calc(50% - 25px);
    z-index: 9;
}
.gal_carrusel li.flecha_der {
    position: absolute;
    right: 0;
    top: calc(50% - 25px);
    z-index: 9;
}
.gal_carrusel .bx-wrapper {
    padding: 0;
    border: none;
    margin-bottom: 30px;
}
.gal_carrusel .slide img {
    height: auto !important;
    width: 100%;
}
.gal_carrusel .bx-wrapper .bx-controls-auto, .gal_carrusel .bx-wrapper .bx-pager {
    bottom: -20px;
}
div[id*="contenido_slider"] .bx-wrapper {
    max-width: 100% !important;
}
/*//////////////////////////// CARRUSEL DE INFORMES /////////////////////////////*/
[id^="contenido_slider_"] {
    position: relative;
}
.carrusel_flechas {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: -35px;
}
.carrusel_flechas > li {
    display: inline;
    margin: 1px;
    list-style: none;
}
.bx-prev, .bx-next {
    background-color: var(--color-fondo-dark-01);
    color: var(--color-texto-light-01);
    padding: 7px 10px 6px;
    text-decoration: none;
}
.bx-prev:hover, .bx-next:hover, .bx-prev:active, .bx-next:active {
    background-color: var(--color-enlace-principal-01);
    color: var(--color-texto-light-01);
    text-decoration: none;
}
.bx-next:active, .bx-prev:active, .bx-next:focus, .bx-prev:focus {
  text-decoration: none !important;
}
.bx-wrapper {
    box-shadow: inherit;
	border-color: transparent;
	background-color: transparent;
}
.bx-wrapper .bx-next:focus, .bx-wrapper .bx-next:hover {
    background-position: -43px -32px !important;
}
.bx-wrapper .bx-prev:focus, .bx-wrapper .bx-prev:hover{
	background-position: 0 -32px!important;
}
[class^="product_list informe_productos slider_bx_"] .slide ul {
	width: 100%!important;
}
[class^="cabecera_carrusel_productos_"] {
    overflow-x: auto;
	position: relative;
	width: calc(100% - 90px);
}
[class^="cabecera_carrusel_productos_"] ul {
    display: block;
    margin: 0;
    white-space: nowrap;
    padding: 0 30px 0 0;   
}
[class^="cabecera_carrusel_productos_"] li {
    display: inline-block;
    text-align: center;
    vertical-align: top;
}
[class^="cabecera_carrusel_productos_"] li a {
    cursor: pointer;
    padding: 10px 15px;
    color: var(--color-texto-estandar-01);
    display: block;
    border-top: 2px solid var(--color-borde-light-01);
	font-size: 18px;
}
[class^="cabecera_carrusel_productos_"] li a:hover {
    text-decoration: none;
    color: var(--color-texto-enfasis-01);
}
[class^="cabecera_carrusel_productos_"] li.selected a {
    border-top: 2px solid var(--color-enlace-principal-01);
    color: var(--color-texto-enfasis-01);
    font-weight: bold;
}
[id^="contenido_slider"] [class^="baseTabla"] {
    margin: 0;
}
/*section[id^="carrusel_informes_"] [id^="contenido_slider_"] .slide {
    min-width: 175px !important;
}*/
.slide ul.galeria {
    padding: 15px 10px 0;
}
.slide .columnas > li:first-child {
    float: left;
    width: 47%;
}
.slide ul.columnas {
    border-bottom: medium none;
    padding: 0 20px;
}
.slide .columnas > li:last-child {
    float: right;
    width: 48%;
}
.slide ul.foto, .slide ul.mini, .slide ul.columnas {
    padding: 15px 7px 0;
    width: 100%;
}
.slide ul.columnas ul.grupoIzda, .slide ul.columnas ul.grupoDcha {
    width: 100%;
}
.bx-wrapper .bx-pager.bx-default-pager a, .swiper-pagination-bullet {
	background-color: var(--color-borde-primario-01);
}
.bx-wrapper .bx-pager.bx-default-pager a.active, .swiper-pagination-bullet-active {
	background-color: var(--color-enlace-principal-01);
}
.bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover, .swiper-pagination-bullet:hover {
	background-color: var(--color-fondo-dark-01);
}
/*//////////////////////////// CARRUSEL DE FAMILIAS /////////////////////////////*/
[class^="slide parrilla_familia_"] {
    text-align: center;
}
/* ::::: VISTA POR FILAS (A 1 COLUMNA) ::::: */
ul.filas {
	list-style-type: none;
	position: relative;
	margin: 0 auto;
	padding: 10px 0;
	overflow: hidden;
	border-bottom: 1px solid var(--color-borde-primario-01);
}
ul.filas:last-child {
    border: medium none;
}
ul.filas li.imagen {
	margin: 0;
	padding: 0;
	float: left;
	width: 25%;
	position: relative;
	text-align: center;
}
ul.filas li.datosProducto {
	padding: 0 0 0 2%;
	float: left;
	width: 48%;
}
ul.filas .val_prod_listado {
    text-align: left;
    clear: both;
}
.nombreProductoMayor {
	font-size: 18px;
	display: block;
	font-weight: bold;
	line-height: 1.2;
	margin: 0;
	padding-bottom: 5px;
}
.Envase.tit {
	text-transform: uppercase;
}
.Envase {
	font-size: 11px;
	display: block;	
}
.Envase2 {
	font-size: 11px;
	margin-top: 3px;
}
.nombreMarca {
	font-size: 11px;
	display: none;
}
.restoDatosProducto, .restoDatosProducto02 {
  clear: both;
  font-size: 12px;
  display: block;
  margin-bottom: 10px;
  max-height: 100px;
  overflow: hidden;
}
.restoDatosProducto + .restoDatosProducto {
    padding-top: 0;
}
.restoDatosProducto.destacado {
	font-weight: bold;
}
.referenciaDatosProducto {
	font-size: 11px;
	display: block;
	padding-bottom: 2px;
	padding-top: 10px;
	clear:both;
}
.baserestoDatosProducto {
	padding-top: 5px; 
	padding-bottom: 5px;
}
.restoDatosProducto.min {
	display: inline-block;
    margin-right: 15px;
}
.restoDatosProducto.max {
    display: inline-block;
}
ul.lite_fancy:hover li.folder ul.actions li:last-child {
    padding-bottom: 10px;
}
.fecha_estimada_entrega {
    font-size: 12px;
    clear: both;
    display: block;
}
ul.filas li.bloquePrecio {
	background-color: var(--color-fondo-secundario-01);
	font-size: 11px;
	padding-top: 14px;
	padding-bottom: 7px;
	text-align: right;
	margin-bottom: 7px;
	color: var(--color-texto-enfasis-01);
}
.grupoDcha .botondeCompra {
    clear: both;
}
.restoDatosProductoDes {
  display: none;
}
/* ::::: VISTA POR COLUMNAS (A 2 COLUMNAS) ::::::: */

ul.columnas {
	display: inline-block;
	list-style-type: none;
	overflow: hidden;
	position: relative;
	width: 49%;
	padding: 0.5%;
	margin-top: 1%;
	margin-bottom: 1%;
	margin-left: 0;
	vertical-align: top;
}
ul.columnas li.imagen {
	padding: 0;
	margin-bottom: 5px;
	text-align: center;
	position: relative;
}
ul.columnas li.datosProducto {
	padding: 0;
	margin: 0 0 10px;
}
ul.columnas li.bloquePrecio {
	background-color: var(--color-fondo-secundario-01);
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: right;
	margin-bottom: 7px;
	color: var(--color-texto-enfasis-01);
}
ul.columnas li .val_prod_listado {
    margin-bottom: 5px;
}
.columnas.productoDestacado {
	padding-top: 2%;
	background-position: center top;
	background-repeat: no-repeat;
}
ul.columnas ul.grupoDcha {
	padding: 0;
	float: right;
	width: 48%;
	list-style-type: none;
	margin-top: 0;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 0;
}
ul.filas ul.grupoDcha {
	padding: 0;
	float: right;
	list-style-type: none;
	margin: 0;
	width: 25%;
}
ul.columnas ul.grupoIzda {
	margin: 0;
	padding: 0;
	float: left;
	width: 47%;
	list-style-type: none;
	position: relative;
}
/* ::::: ULTIMOS PEDIDOS (EN COLUMNA) ::::: */
.pedido_cliente {
    font-size: 12px;
    padding: 10px;
    background-color: var(--color-fondo-secundario-01);
    margin-top: 3px;
    overflow: hidden;
    position: relative;
}
.pedido_cliente > div.referenciaPedido {
    margin-bottom: 10px;
    display: block;
}
.pedido_cliente > div {
    display: inline-block;
    vertical-align: top;
}
.pedido_cliente > div.importePedido {
    float: right;
}
.pedido_cliente .titulo {
    text-transform: uppercase;
    font-size: 10px;
}
.referenciaPedido .dato {
    color: var(--color-enlace-principal-01);
    font-weight: 600;
}
.fechaPedido .titulo, .estadoPedido .titulo, .importePedido .titulo {
    display: none;
}
.pedido_cliente > div.estadoPedido {
    position: absolute;
    right: 0;
    top: 0;
}
.datoPedido span {
    display: block;
    text-align: center;
    color: var(--color-texto-light-01);
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600;
    padding: 3px 10px;
}
/* ::::: CALENDARIO EVENTOS ::::: */

table#calendario {
	font-family: var(--font-familiy-standard);
	font-size: 12px;
	color: var(--color-texto-secundario-01);
	border-collapse: collapse;
    border-bottom: 2px solid var(--color-borde-secundario-01);
	width: 100%;
	margin-top:10px;
	text-align:center;
}
table#calendario caption {
	font-size: 11px;
	background-color: var(--color-borde-secundario-01);
	text-transform: uppercase;
	color: var(--color-texto-secundario-01);
	margin-bottom: 5px;
	margin-top: 10px;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 3px;
}
table#calendario th a {
	color: var(--color-enlace-principal-01);
	text-decoration: none;
}
table#calendario th.dias {
    background-color: var(--color-fondo-light-01);
    border-bottom: 2px solid var(--color-borde-secundario-01);
    border-top: 2px solid var(--color-borde-secundario-01);
    color: var(--color-fondo-secundario-02);
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 4px;
    padding-top: 5px;
}
table#calendario th.mes {
	text-transform: uppercase;
	padding-top: 2px;
	padding-bottom: 2px;
}
table#calendario td {
	text-align: center;
	vertical-align: middle;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}
s table#calendario td.hoy {
	color: var(--color-texto-enfasis-01);
	background-color: var(--color-borde-secundario-01);
}
table#calendario td.hoy a {
	color: var(--color-error-02);
}
table#calendario td.finde {
	background-color: var(--color-borde-secundario-01);
}
table#calendario td.evento {
	background-color: var(--color-enlace-principal-01);
	color: var(--color-texto-light-01);
}
table#calendario a.evento:link {
	color: var(--color-texto-light-01);
	text-decoration: none;
}
table#calendario a.evento:visited {
	color: var(--color-texto-light-01);
	text-decoration: none;
}
table#calendario a.evento:hover {
	color: var(--color-texto-light-01);
	text-decoration: line-through;
}
a.siguiente:link, a.siguiente:visited {
  font-size: 14px;
  float: right;
}
a.anterior:link, a.anterior:visited {
  font-size: 14px;
  float: left;
}
/*//////////////////////////////// AREA PRIVADA (mis facturas) //////////////////////////////////////*/
.texto_descripcion {
  margin-bottom: 15px;
}
table.tablaFacturas {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 10px;
	border-bottom: 3px solid var(--color-borde-secundario-01);
}
.tablaFacturas th {
    background-color: var(--color-fondo-dark-01);
    color: var(--color-texto-light-01);
    font-size: 10px;
    padding: 6px 10px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    font-family: var(--font-familiy-thead);
}
.tablaFacturas td {
	font-size: 12px;
	padding: 5px 7px;
	vertical-align: middle;
	border-top: 3px solid var(--color-borde-secundario-01);
	background-color: var(--color-fondo-secundario-01);
}
table.tablaRecibos {
    border-collapse: collapse;
    float: right;
    font-size: 11px;
    margin: 0 0 15px;
    padding: 0;
    position: relative;
}
table.tablaRecibos td {
	font-size: 11px;
	padding: 3px;
	border-collapse: collapse;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border: 1px solid var(--color-borde-secundario-01);
	margin: 0;
	line-height: normal;
	color: var(--color-texto-secundario-01);
}
.tablaFacturas tr.tr_recibos td {
    background-color: transparent;
}
.tablaFacturas .celda_tablaRecibos {
	padding-inline: 0;
	border: medium none;
}
table.tablaRecibos th {
	background-color: var(--color-fondo-light-01);
	border: none;
	border-collapse: collapse;
	color: var(--color-texto-enfasis-01);
	font-size: 10px;
	padding: 3px;
	text-transform: uppercase;
	text-align: center;
	font-family: var(--font-familiy-thead);
}
.tablaFacturas td.importeFactura {
	background-color: var(--color-fondo-secundario-01);
	text-align: right;
	font-weight:bold;
	color: var(--color-texto-enfasis-01);
}
.facturaPagada, .reciboPagado {
	color: var(--color-success-01);
}
.facturaPendiente, .reciboPendiente {
	color: var(--color-error-01);
}
.facturaParcialmentepagada {
	color: var(--color-parcial-01);
}
.facturadeAbono {
	color: var(--color-error-01);
}
.reciboDevuelto {
	color: var(--color-parcial-01);
}
td.pagoRecibo .boton {
	border: medium none;
	padding: 4px 15px;
	text-transform: uppercase;
	background-color: var(--color-error-01);
	color: var(--color-texto-light-01);
}
td.pagoRecibo .boton:hover {
	background-color: var(--color-fondo-dark-01);
}
/*//////////////////////////////// AREA PRIVADA (mis salidas) //////////////////////////////////////*/
#alm-origen {
  margin-bottom: 5px;
  font-size: 12px;
}
#alm-origen span {
  text-transform: uppercase;
}
.edit_cant div {
  display: inline-block;
}
/*//////////////////////////////// AREA PRIVADA (listado de compras) //////////////////////////////////////*/
.tablaRecibos.tablaGenerica {
    width: 100%;
}
.tablaRecibos.tablaGenerica::after {
	border: medium none;
}
.tablaRecibos.tablaGenerica th {
	background-color: var(--color-fondo-dark-01);
	color: var(--color-texto-light-01);
	font-family: var(--font-familiy-thead);
	font-size: 10px;
	padding: 6px 10px;
	text-align: center;
	text-transform: uppercase;
}
.tablaRecibos.tablaGenerica td {
	border-bottom: 1px solid var(--color-borde-secundario-01);
	border-left: medium none;
	border-right: medium none;
	font-size: 12px;
	padding: 5px 7px;
}
.tablaRecibos.tablaGenerica td:last-child {
    white-space: nowrap;
}
a.producto span span.referencialista {
    font-size: 11px;
}
a.producto span span.nombreproductolista {
    font-size: 14px;
    color: var(--color-texto-enfasis-01);
    font-weight: bold;
}
/*//////////////////////////////// EXPORTAR CATALOGO //////////////////////////////////////*/
#areaPrivada div.formulario {
	margin: 0;
}
.campos.campos-catalogo {
    border-top: 1px dotted var(--color-borde-primario-01);
    padding-top: 10px;
}
.campos.campos-catalogo li {
    vertical-align: top;
    width: 18%;
}
/*//////////////////////////////// CONFIGURACIONES BOLSA //////////////////////////////////////*/
.menuCartera {
    overflow: hidden;
    margin-top: 20px;
}
.menuCartera label {
    display: block;
    font-size: 18px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.menuCartera input[type="text"] {
    text-align: right;
    font-size: 36px;
    width: 150px;
    line-height: 48px;
}
.menuCartera form {
    font-size: 36px;
    text-align: center;
}
.menuCartera input[type="submit"] {
    font-size: 18px;
    text-transform: uppercase;
    padding: 15px 20px;
    vertical-align: top;
    background-color: var(--color-fondo-secundario-03);
    color: var(--color-texto-light-01);
    border-color: var(--color-fondo-secundario-03);
}
.menuCartera input[type="submit"]:hover {
    background-color: var(--color-fondo-dark-01);
}
.cuadroDestacado {
    background-color: var(--color-fondo-light-01);
    float: left;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 25px;
    padding: 15px;
    color: var(--color-texto-estandar-01);
    text-align: center;
    width: 32%;
    border: 3px solid var(--color-fondo-secundario-01);
}
.cuadroDestacado:nth-child(2) {
    margin-left: 2%;
    margin-right: 2%;
}
.cuadroDestacado span {
    display: block;
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    color: var(--color-texto-enfasis-01);
}
.limiteCestaSesion {
    width: 95%;
    margin: 0 auto 20px;
    background-color: var(--color-fondo-secundario-01);
    padding: 10px 20px;
    text-align: center;
}
.limiteCestaSesion ul {
    padding: 0;
    margin: 0;
}
.limiteCestaSesion li {
    list-style: none;
    display: inline-block;
    margin-right: 30px;
}
.limiteCestaSesion li:last-child {
    margin: 0;
}
.titulosCestaSesion {
    font-size: 12px;
    vertical-align: text-top;
}
.datosCestaSesion {
    font-weight: bold;
    color: var(--color-enlace-principal-01);
    font-size: 16px;
}
/*//////////////////////////////// LISTADO CLIENTES //////////////////////////////////////*/
#contenido h2.nombreCliente {
    font-size: 16px;
    font-weight: bold;
	display: block;
	color: var(--color-texto-enfasis-01);
}
.datosCliente {
    display: block;
}
.otrosdatosCliente {
    display: block;
    margin-top: 10px;
	color: var(--color-texto-estandar-01);
}
.otrosdatosCliente > span {
    display: block;
}
.otrosdatosCliente strong {
    color: var(--color-texto-enfasis-01);
}
/*//////////////////////////////// PESTANYAS FICHA DE CLIENTE //////////////////////////////////////*/
div.navePestanyas {
    overflow: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: 5px;
    scrollbar-width: thin;
}
div.navePestanyas > ul {
    font-size: 14px;
    padding: 0;
    position: relative;
    white-space: nowrap;
    margin: 0;
}
div.navePestanyas ul > li {
    display: inline-block;
    vertical-align: top;
}
div.navePestanyas ul > li > a {
    display: block;
    padding: 10px 15px;
    color: var(--color-fondo-secundario-03);
    border-top: 2px solid var(--color-borde-light-01);
}
div.navePestanyas ul > li > a:hover {
	text-decoration: none;
	color: var(--color-enlace-principal-01);
}
div.navePestanyas ul > li > a.activo, div.navePestanyas ul > li > a.activo:hover {
    float: left;
    color: var(--color-texto-enfasis-01);
    text-decoration: none;
    cursor: default;
    border-top: 2px solid var(--color-enlace-principal-01);
}
.pestanyaCliente {
	font-size: 12px;
}
div.mapaGoogle {
	width: 100%;
	height: 600px;
	margin-bottom:25px;
}
div.filtro {
	background-color: var(--color-fondo-secundario-01);
	font-size: 10px;
	margin: 10px 0 20px;
	padding: 13px 5px 10px 10px;
	text-align: center;
}
div.filtro span {
	margin-right: 15px;
}
div.filtro span:last-child {
    margin: 0;
}
.filtro > label {
    display: block;
    font-size: 12px;
}
#filtroClientes {
    overflow: auto;
}
table.ordenAlfabetico {
    min-width: 990px;
}
table.ordenAlfabetico {
	font-size: 14px;
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}
table.ordenAlfabetico td {
	border: 1px solid var(--color-borde-primario-01);
	border-collapse: collapse;
	text-align: center;
	padding: 0;
	line-height: 2;
}
.enlaceLetra {
    display: block;
}
.enlaceLetra > strong {
    background-color: var(--color-fondo-secundario-01);
    display: block;
}
.espacio {
	padding-left: 5px;
	padding-right: 5px;
}
/*//////////////////////////////// FICHA DE CLIENTE //////////////////////////////////////*/
#div_cliente_presentacion {
	padding-left: 15px;
	z-index: 2;
	overflow: hidden;
}
div.logoAsociado {
	float: left;
	margin-right: 15px;
	margin-left: 15px;
}
#div_cliente_presentacion dl {
	margin: 0 15px 0 0;
	padding: 0;
	float: left;
}
div.datosPresentacionyLogo {
	overflow: hidden;
}
div.datosPresentacion {
	float: left;
	font-size: 12px;
}
div.datosPresentacion dt {
	color: var(--color-enlace-principal-01);
	font-weight: bold;
}
div.datosPresentacion dd {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 7px;
	margin-left: 0;
}
dl.bloqueDatos01 {
	width: 150px;
}
dl.bloqueDatos02 {
	width: 150px;
}
h4.listadoClientes {
	font-size: 14px;
	padding: 0;
	float: left;
	width: 300px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	background-color: transparent;
	background-image: none;
}
div.impresion {
	margin: 0;
	padding: 0;
	float: right;
	clear: right;
}
div.impresion a {
	font-size: 11px;
	background-image: url(/PlantillasSites/Plantilla5/mediap/images/ico_fichaImprimible.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 23px;
    display: block;
    min-height: 20px;
}
table.resultadosBusqueda {
	float: none;
	clear: both;
	border-bottom: 1px solid var(--color-borde-primario-01);
	margin: 35px 0 0 0;
}
.resultadosBusqueda tr:first-child {
    display: none;
}
/*//////////////////////////////// RESULTADO BUSQUEDA //////////////////////////////////////*/
#resultadoBusqueda > h3 {
	margin: 25px 0 0;
}
#resultadoBusqueda > p {
	font-size: 12px;
	margin-left: 22px;
}
.resultados p {
    text-align: right;
    margin-top: 10px;
    font-size: 14px;
}
/*//////////////////////////////// ACTIVIDADES //////////////////////////////////////*/
div.filtrosPrincipales + .visualizacion {
    margin-top: 15px;
}
a.textosActividad:link {
	color: var(--color-texto-secundario-01);
	text-decoration: none;
	display: block;
}
a.textosActividad:visited {
	color: var(--color-texto-secundario-01);
	text-decoration: none;
}
a.textosActividad:hover {
	color: var(--color-fondo-dark-01);
}
a.descripcionActividad:link, a.descripcionActividad:visited  {
	color: var(--color-texto-estandar-01);
	text-decoration: none;
	display: block;
}
a.descripcionActividad:hover {
	color: var(--color-texto-enfasis-01);
}
.nombreActividadMayor {
	font-size: 14px;
	line-height: 110%;
	display: block;
	font-weight: bold;
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
.restoDatosActividad {
	font-size: 12px;
	display: block;
}
table.visualizacion td.cabecera_listado_actividades {
	font-size: 18px;
	font-weight: bold;
	color: var(--color-texto-enfasis-01);
	padding-bottom: 0;
}
.estado {
    border-radius: 20px;
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    clear: both;
    color: var(--color-texto-light-01);
    display: block;
    float: left;
    font-size: 10px;
    margin: 0;
    padding: 6px 15px 4px;
}
.matriculable {
	background-color: var(--color-success-02);
}
.prematriculable {
    background-color: var(--color-texto-codigo-01);
}
.en_curso {
	background-color: var(--color-fondo-secundario-03);
}
.datosActividad {
    display: block;
    font-size: 11px;
    margin: 0 0 0 20px;
    padding: 10px 20px 0;
    background-repeat: no-repeat;
}
.fechaActividad {
    background-image: url("../images/ico_fechas.png");
	background-position: 0 9px;
	background-repeat: no-repeat;
}
.ubicacionActividad {
    background-image: url("../images/ico_ubicacion.png");
	background-position: 2px 10px;
	background-repeat: no-repeat;
}
ul.filas li.datosActividad {
	padding: 0;
	float: left;
	width: 265px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
ul.filas li.datosActividadSinFoto {
	padding: 0;
	float: left;
	width: 365px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
div.fotoParrillaFormativo {
	float: left;
	height: 97px;
	margin: 8px 0 8px 5px;
	padding: 0;
	width: 97px;
}
div.fotoParrillaFormativo a:link {
	padding: 0;
	display: block;
}
div.fotoParrillaFormativo a:visited {
	padding: 0;
	display: block;
}
div.fotoParrillaFormativo a:hover {
	padding: 0;
	display: block;
	background-color: var(--color-fondo-light-01);
}
.fotoParrillaFormativo div.recorte {
	height: 97px;
	width: 97px;
	overflow: hidden;
}
.nombre_actividad {
	font-size: 16px;
	font-weight: bold;
	color: var(--color-texto-enfasis-01);
}
.nombreActividad {
    color: var(--color-texto-enfasis-01);
    font-size: 24px;
}
#contenido h3.cabecera_actividad {
    color: var(--color-texto-enfasis-01);
    font-size: 18px;
    font-weight: 500;
}
#contenido h3.cabecera_actividad + p {
    margin-top: 0;
}
.leyenda_actividad {
	font-size: 10px;
}
.resumenActividad {
    background-color: var(--color-fondo-secundario-01);
    margin-bottom: 25px;
    overflow: hidden;
    padding: 15px 20px;
}
.resumenActividad > ul {
    margin: 10px 0 0;
    padding: 0;
}
.resumenActividad li {
    color: var(--color-texto-enfasis-01);
    display: inline-block;
    font-weight: 500;
    margin-right: 25px;
    padding-left: 19px;
    padding-top: 8px;
    vertical-align: top;
}
.resumenActividad li > span {
    color: var(--color-texto-estandar-01);
    display: block;
    font-size: 11px;
    text-transform: uppercase;
	font-weight: normal;
}
tbody td .precio_actividad {
    font-size: 24px;
}
tfoot td .precio_actividad {
    color: var(--color-texto-enfasis-01);
    font-size: 30px;
	font-weight:bold;
}
.alumnosamatricular sup {
    vertical-align: text-top;
}
.alumnosamatricular {
	border-collapse: collapse;
}
.alumnosamatricular > caption {
    color: var(--color-texto-enfasis-01);
    font-size: 18px;
    text-align: left;
}
.alumnosamatricular tbody td {
    border-bottom: 1px solid var(--color-borde-primario-01);
	border-top: 1px solid var(--color-borde-primario-01);
    padding: 5px;
    vertical-align: middle;
	font-size: 16px;
}
.ivaActividad {
    display: block;
    font-size: 10px;
}
.infoPagador {
    background-color: var(--color-fondo-secundario-01);
    overflow: hidden;
    padding: 15px 20px;
}
.infoPagador > ul {
    margin: 0;
    padding: 0;
}
.infoPagador li {
    color: var(--color-texto-enfasis-01);
    display: inline-block;
    font-weight: 500;
    margin-right: 25px;
    padding-top: 8px;
    vertical-align: top;
}
.infoPagador li:first-child {
    width: 100%;
}
.infoPagador li > span {
    color: var(--color-texto-estandar-01);
    display: block;
    font-size: 11px;
    text-transform: uppercase;
	font-weight: normal;
}
a.modificador {
    float: right;
    margin-top: 20px;
}
.tarjeta p {
    margin-bottom: 25px;
    margin-left: 25px;
    margin-top: 5px;
}
.moduloformaPago, .moduloPagador, .alumnosamatricular {
    margin-bottom: 35px;
}
.avisolegalActividades {
    text-align: right;
}
/*//////////////////////////////// FANCY ACTIVIDADES //////////////////////////////////////*/
#actividades_vincular_alumnos div.titular_fancy, #actividades_adscribir_alumno div.titular_fancy, div.titular_fancy {
	background-color: var(--color-fondo-dark-01);
	color: var(--color-texto-light-01);
	font-size: 16px;
	padding: 10px 20px;
}
.contenidoFancyActividades {
    padding: 20px;
}
.contenidoFancyActividades p {
    margin-top: 0;
}
.contenidoFancyActividades p:last-child {
    margin-bottom: 0;
}
.listadoalumnos {
    padding: 0;
}
.listadoalumnos > li {
    list-style: outside none none;
    border-bottom: 1px dotted var(--color-borde-primario-01);
}

.estadoActual {
    float: right;
    font-size: 11px;
    text-transform: uppercase;
    margin-left: 15px;
}
.listadoalumnos > li input.css-checkbox[type="checkbox"] + label.labelcheck {
    background-position: 5px 6px;
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    line-height: 16px;
    padding: 7px 5px 7px 27px;
    background-color: var(--color-fondo-light-01);
    font-size: 12px;
}
.listadoalumnos > li > label.labelcheck {
    background-image: none;
    padding: 7px 5px 7px 27px;
    display: block;
    background-color: var(--color-fondo-secundario-01);
}
.listadoalumnos > li input.css-checkbox[type="checkbox"] + label.labelcheck {
    background-image: url("../images/ico_checkbox.png");
}
.listadoalumnos > li input.css-checkbox[type="checkbox"]:checked + label.labelcheck {
    background-color: var(--color-fondo-secundario-01);
    background-position: 5px -26px;
}
.legend {
    border-top: 1px dotted var(--color-texto-estandar-01);
    margin-top: 20px;
}
.legend > div {
    color: var(--color-texto-enfasis-01);
    font-weight: 700;
    margin-left: 25px;
    margin-top: -11px;
}
.legend span {
    background-color: var(--color-fondo-light-01);
    padding: 5px;
}
#div_actividades_login #contenido {
    border: medium none;
    float: none;
    margin: 0 30px;
    width: auto;
}
#actividades_adscribir_alumno > form {
    margin: 15px 30px 20px;
    width: auto;
}
#actividades_adscribir_alumno .campos label {
    font-size: 14px;
    text-transform: inherit;
}
#actividades_adscribir_alumno p {
    clear: both;
    float: none;
    font-size: 12px;
}
#actividades_adscribir_alumno ul.campos {
    max-width: 600px;
}
#actividades_adscribir_alumno p.boton_envio {
    float: right;
    margin-right: 23px;
    text-align: right;
}
/*//////////////////////////////// MIS ALUMNOS //////////////////////////////////////*/
a.lnkNuevoAlumno {
	background: url(../images/iconos/ico_nuevo.gif) no-repeat 5px center;
	display: block;
	width: 8.0em;
	font-size: 0.8em;
	padding: 0;
	margin-right: 10px;
	margin-bottom: 10px;
}
/********* Opcion de desplegable desactivada *******************/
.desactivado {
	color: var(--color-fondo-secundario-02);
}
.color_agotado, .talla_agotada {
	color: #cb4e4e;
	font-size: 11px;
}
div#talla.variaciones div.imagen_talla_agotada {
	background-color: #cb4e4e;
	color: var(--color-texto-light-01);
}
div#talla.variaciones div.noReserva {
	border-color: #cb4e4e;
	background-color: #cb4e4e;
	color: var(--color-texto-light-01);
	filter: alpha(opacity=50);
	-moz-opacity: .50;
	opacity: .50;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
div#talla.variaciones div.imagen_talla_inactiva {
	background-color: var(--color-borde-primario-01);
	color: var(--color-texto-light-01);
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: .70;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	cursor: not-allowed !important;
}
label#color, label#talla {
	display: block;
}
.nube_tags {
	overflow:hidden;
	padding: 5px 0;
	line-height: 140%;
}
.nube_tags > a {
	background-color: var(--color-fondo-secundario-01);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	color: var(--color-texto-estandar-01);
	display: block;
	float: left;
	font-size: 11px;
	margin: 3px 6px 3px 0;
	padding: 1px 10px;
}
.nube_tags > a:hover {
	background-color: var(--color-enlace-secundario-01);
	text-decoration: none;
	color: var(--color-texto-light-01);
}
/****************************/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

/*//////////////////////////////////////////// BLOG //////////////////////////////////////////////////*/
#cabecera_blog {
	width: 950px;
	height: 96px;
	margin-bottom: 20px;
	margin-left: 20px;
}
#cabecera_blogs_listado > img {
    height: auto;
    max-width: 100%;
}				
/********* General *******************/
#listaBlog li {
	border: medium none;
	margin-top: 15px;
}
#bloque #listaBlog li {
	overflow: hidden;
}
#bloque #listaBlog li a {
	padding: 0;
	background-color: transparent;
}
#bloque #listaBlog li a:link, #bloque #listaBlog li a:visited {
	color: var(--color-enlace-principal-01);
	display: inline;
	padding-left: 0;
}
#bloque #listaBlog li a:hover {
	color: var(--color-texto-enfasis-01);
}
/********* Fecha *******************/
.fechaBlog01 {
	font-size: 11px;
	margin-bottom: 4px;
	background-color: var(--color-fondo-dark-01);
	color: var(--color-texto-light-01);
	padding: 6px;
	float: left;
	margin-right: 10px;
	text-transform: uppercase;
}
.fechaBlog01 span {
	display: block;
	font-size: 22px;
	text-align: center;
	margin: 0;
	padding: 0 15px;
}
.fechaBlog01 span.mes {
	font-size: 12px;
	font-weight: normal;
}
.fechaBlog01 span.dia {
    line-height: 1em;
}
.fechaBlog01 span.anyo {
	font-size: 14px;
}
.autor > strong, .tags > strong {
    color: var(--color-texto-enfasis-01);
}
/********* Titulo *******************/
#contenido #listaBlog h4 {
	margin: 0 0 6px;
	font-size: 20px;
	line-height: 1.1em;
}
#bloque #listaBlog li h4 a:link, #bloque #listaBlog li h4 a:visited {
	margin: 0;
	padding: 0;
	color: var(--color-texto-enfasis-01);
}
#bloque #listaBlog li h4 a:hover {
	color: var(--color-enlace-principal-01);
	background-color: var(--color-fondo-light-01);
}

/********* Contenido *******************/
#listaBlog p {
	font-size: 14px;
}
#listaBlog img {
	float: left;
	height: auto;
	margin: 5px 15px 10px 0;
	max-width: 200px;
}
#listaBlog .herramientas img {
	margin: 0;
}
#contenidoComunicado {
	font-size: 14px;
}
#contenidoComunicado p {
	font-size: 14px;
	margin-bottom: 15px;
}
#contenidoComunicado a:hover {
	text-decoration: none;
	background-color: var(--color-fondo-light-01);
	padding: 0;
}
#contenidoComunicado ul {
	list-style-type: disc;
	margin-bottom: 10px;
}
#contenidoComunicado li {
	border-bottom: none;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 40px;
}
#contenidoComunicado li a {
	display: inline;
	padding: 0;
}
#contenidoComunicado li a:hover {
	text-decoration: none;
	background-color: var(--color-fondo-light-01);
	padding: 0;
}
/********* Detalles entrada *******************/
.detallesEntrada {
	overflow: hidden;
	padding-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid var(--color-borde-primario-01);
}
.detallesLeft {
	float: left;
}
.detallesRight {
	float: right;
}
.tags {
	float: left;
}
/********* Pie entrada *******************/
.pieEntrada {
	padding: 5px 0 0;
	overflow: hidden;
}
/********* Herramientas cms *******************/
#herramientas_cms div.herramientas {
	margin: 20px 0;
}
/*///////////----- ENTRADA -----///////////*/

#contenido #bloque h4 {
	color: var(--color-texto-enfasis-01);
}
/********* Herramientas entrada *******************/
#entrada div.herramientas a, .entrada.adjuntos div.herramientas a {
	margin: 8px 2px 8px 6px;
	padding: 5px 8px;
}
.descargas img {
	vertical-align: middle;
}
/********* Comentarios entrada *******************/
#listaComentarios {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}
#listaComentarios li {
	padding: 0 0 15px;
}
#listaComentarios .topComment {
	overflow: hidden;
	background: url(../images/comment-flech.gif) no-repeat left bottom;
	padding-bottom: 18px;
	padding-left: 0;
}
#listaComentarios .topComment .commentInfo {
	padding-top: 5px;
}
#listaComentarios .topComment .commentInfo strong {
	color: var(--color-enlace-principal-01);
}
#listaComentarios .comentario {
	background-color: var(--color-fondo-secundario-01);
	padding: 10px 15px;
}
div.noticias .comentario p {
	font-size: 12px;
}
#codigo {
	overflow: hidden;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 160px;
}
#codigo p {
	width: 150px;
	margin-right: 10px;
	font-size: 11px;
	padding-top: 10px;
	line-height: 1.2em;
}
#codigo input.campoCodigo {
	width: 120px;
	margin-top: 10px;
}


/*///////////////////////////////// COMENTARIOS, ENVIAR AMIGO, AVISO DE STOCK /////////////////////////////////*/
#solicitar_info_div div.formulario, #valorar_producto_div div.formulario, #comentar_comunicado_div div.formulario, #enviar_amigo_div div.formulario, #solicitar_aviso_stock_div div.formulario {
    margin: 0;
    max-width: 600px;
    padding: 15px 30px 20px;
}
#valorar_producto_div, #solicitar_info_div, #comentar_comunicado_div, div.noticias #enviar_amigo_div {
	background: transparent;
}
#solicitar_info_div h3, #enviar_amigo_div h3, #valorar_producto_div h3, #solicitar_aviso_stock_div h3, #comentar_comunicado_div h3 {
    background-color: var(--color-fondo-dark-01) !important;
    border: medium none;
    color: var(--color-texto-light-01) !important;
    font-size: 18px;
    margin: 0;
    padding: 15px 70px 10px 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cerrar_fancy {
    background-image: url("../../mediap/images/ico_cerrar.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px auto;
    cursor: pointer;
    height: 46px;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
}
#comentar_comunicado_div form, div.noticias #enviar_amigo_div form {
	overflow: hidden;
}
#comentar_comunicado_div label, div.noticias #enviar_amigo_div label {
	clear: left;
	float: left;
	font-size: 11px;
	margin-right: 5px;
	padding-top: 5px;
	text-align: right;
	width: 130px;
}
#comentar_comunicado_div input, #comentar_comunicado_div textarea, div.noticias #enviar_amigo_div input, div.noticias #enviar_amigo_div textarea {
	width: 418px;
}
#comentar_comunicado_div input.boton, div.noticias #enviar_amigo_div input.boton {
	width: auto;
}
#comentar_comunicado_div h5.subtitulo, div.noticias #enviar_amigo_div h5.subtitulo, h5.subtitulo {
	color: var(--color-texto-enfasis-01);
	font-size: 18px;
	margin-bottom: 0;
	margin-top: 20px;
}
div.formulario p.enfasis, div.noticias div.formulario p.enfasis {
	font-size: 10px;
	margin-bottom: 0;
}
#captcha > label, #comentar_comunicado_div #captcha > label, div.noticias #enviar_amigo_div #captcha > label {
	width: 165px;
}
#solicitar_aviso_stock_div div.formulario .notaaclaratoria, #solicitar_info_div div.formulario .notaaclaratoria, #enviar_amigo_div div.formulario .notaaclaratoria {
    display: none;
}
/*///////////////////////////////// MODS /////////////////////////////////*/
.fLeft, .fIzquierda {
	float: left;
}
.fRight, .fDerecha {
	float: right;
}
.capaClear {
	clear: both;
}
.mt3 {
	margin-top: 3px;
}
.mt5 {
	margin-top: 5px;
}
.pt3 {
	padding-top: 3px;
}
.pt5 {
	padding-top: 5px;
}
.doble {
	width: 750px !important;
}
/*////////////////////////////CARRUSEL //////////////////////////////////////*/
.sliderwrapper {
	position: relative;
	z-index: 0;
}
/*carrusel*/
.sliderwrapper .contentdiv {
	max-width: 100%;
	height: auto;
}
.sliderwrapper img {
	max-width: 100%;
	height: auto;
}
/*//////////////////////////// CARRUSEL DE BANNERS //////////////////////////////////////*/
.contenedor-responsive {
    min-height: 110px;
    width: 100%;
	overflow:hidden;
}
.contenedor-responsive > iframe {
    border: 0 none;
    margin-top: 0;
    margin-bottom: 3%;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    padding: 0;
	width:100%;
}
/*//////////////////////////// MENU PESTANYAS AREA PRIVADA //////////////////////////////////////*/
#menuAreaPrivada {
    position: relative;
}
#menuTabs {
	clear: both;
	list-style: outside none none;
	margin: 0;
	padding: 10px 0 15px;
}
#menuTabs li {
    display: inline-block;
    margin: 7px 3px 3px;
    text-align: center;
    vertical-align: top;
}
#menuTabs li a {
	font-size: 11px;
	text-transform: uppercase;
	display: block;
	padding: 5px 9px;
	background-color: var(--color-fondo-light-01);
	color: var(--color-texto-estandar-01);
	border: 1px solid var(--color-borde-primario-01);
}
#menuTabs li a:hover {
	text-decoration: none;
	background-color: var(--color-borde-secundario-01);
	color: var(--color-texto-enfasis-01);
}
#menuTabs li.activo, #menuTabs li.activo:hover {
	background-color: var(--color-fondo-dark-01);
	font-weight: bold;
	border: 1px solid var(--color-texto-enfasis-01);
}
#menuTabs li.activo a, #menuTabs li.activo a:hover {
	color: var(--color-texto-light-01);
	background-color: var(--color-fondo-dark-01);
	border-width: 0;
	border-style: none;
}
#menuTabs li span::before {
    content: "(";
}
#menuTabs li span::after {
    content: ")";
}
/*///////////////////////////// AREA PRIVADA //////////////////////////////*/
#areaPersonal #base {
  overflow: visible;
}
#areaPersonal p.rastroMigas {
  display: none;
}
#contenido #areaPrivada {
  margin-bottom: 40px;
  overflow: hidden;
}
#contenido #areaPrivada h2 {
  font-size: 20px;
  letter-spacing: 0;
  margin-bottom: 15px;
  padding: 10px;
  text-transform: uppercase;
  text-align: center;
}
.texto_descripcion_direcciones {
  margin-bottom: 20px;
}
/******************************* MIS DATOS *********************************/
#areaPrivada label {
  font-size: 12px;
}
#areaPrivada label.labelradio.otra_dir {
	font-size: 14px;
}
fieldset.areaprivada {
    background-color: transparent;
    border-top: 3px solid var(--color-borde-secundario-01);
    margin-bottom: 30px;
    margin-top: 20px;
    padding: 10px 25px;
}
fieldset.areaprivada legend {
    -moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	-ms-border-radius: 30px;
    margin: 0;
}
#areaPrivada .celdaTitForm {
    background-color: var(--color-fondo-secundario-01);
    border: medium none;
    clear: both;
    color: var(--color-fondo-secundario-03);
    font-size: 12px;
    font-weight: normal;
    padding: 7px 15px;
    text-transform: uppercase;
    width: inherit;
}
#areaPrivada #AP_datosDireccionFactura {
	background-color: transparent;
}
#AP_datosIdentificacion {
	padding-top: 10px;
}
#AP_datosIdentificacion td.campos {
	padding-left: 0;
	width: 85%;
	text-align: left;
}
#AP_datosIdentificacion td, #AP_datosFactura td, #AP_datosDireccionFactura td {
	text-align: right;
}
#AP_datosFactura {
	float: left;
	width: 50%;
	padding-bottom: 10px;
	padding-top: 10px;
}
#AP_datosFactura td.campos {
	padding-left: 0;
	width: 70%;
	text-align: left;
}
#AP_datosDireccionFactura {
	background-color: var(--color-fondo-secundario-01);
	float: left;
	width: 50%;
	padding-bottom: 10px;
	padding-top: 10px;
}
#AP_datosDireccionFactura td.campos {
	padding-left: 0;
	width: 70%;
	text-align: left;
}
#AP_datosEnvio {
	padding-top: 10px;
}
#AP_datosEnvio td {
	padding-left: 0;
}
#AP_table_comentarios_dir_envio td {
	text-align: right;
}
#AP_table_comentarios_dir_envio td.campos {
	padding-left: 0;
	width: 85%;
	text-align: left;
}
#AP_avisoLegal td {
	text-align: left;
	padding-left: 0;
}
#AP_avisoLegal {
    margin: 0;
}
p.guardar {
	text-align: right;
	overflow: hidden;
}
p.guardar .lnkSiguiente {
	background-color: var(--color-enlace-principal-01);
	color: var(--color-texto-light-01);
	font-size: 14px;
	padding: 15px 30px;
	text-transform: uppercase;
}
p.guardar .lnkSiguiente:hover {
	text-decoration: none;
	background-color: var(--color-fondo-dark-01);
}
/******************************* MIS DIRECCIONES / LISTADO *******************************/

.datos_direccion {
    padding: 4px;
    border: var(--color-borde-primario-01) solid 1px;
    display: block;
    padding: 15px 20px;
    overflow: auto;
    margin-bottom: 20px;
    margin-right: 2%;
    position: relative;
    font-size: 16px;
}
.dir_tipo {
    text-transform: uppercase;
    color: var(--color-texto-enfasis-01);
    font-weight: bold;
    font-size: 11px;
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 20px;
    width: 100%;
    border-bottom: 1px solid var(--color-borde-primario-01);
}
.dir_tipo + .dir_direccion01 {
    margin-top: 15px;
}
.dir_botonera {
    margin-top: 50px;
}
/******************************* MIS DIRECCIONES / EDICION DE DIRECCION *******************************/
#formulario_direccion {
    margin-top: 20px;
}
#destinoDireccion {
    margin-bottom: 30px;
    padding-left: 160px;
}
#destinoDireccion label {
    margin-right: 30px;
    text-transform: uppercase;
}
#formulario_direccion p label {
    display: block;
    float: left;
    width: 160px;
    margin-top: 9px;
    text-align: right;
    padding-right: 15px;
}
#areaPrivada p.cancelar.edit_direccion {
    padding-left: 160px;
}
#boton-cancelar-dir {
    display: block;
    float: left;
}
/******************************* MIS PEDIDOS / MIS RESERVAS PENDIENTES *******************************/
.filtro_areaprivada {
  background-color: var(--color-fondo-secundario-01);
  padding: 15px 20px 10px;
  margin-bottom: 10px;
  clear: both;
  width: fit-content;
}
#areaPrivada div.paginador, body#areaMapaWeb div.paginador {
  width: calc(100% - 105px);
  white-space: nowrap;
  overflow: auto;
  display: block;
  border: none;
  float: right;
  text-align: right; 
  margin-bottom: 10px;
  padding: 0 1px;
}
#areaPrivada ul.campos.filtrofecha + div.paginador {
  margin-top: 25px;
}
#areaPrivada .resultado_por_pagina {
  font-size: 12px;
  display: inline-block;
  vertical-align: top;
  width: fit-content;
}
#areaPrivada .resultado_por_pagina input {
  text-align: center;
}
#areaPrivada .paginador .paginaActual, body#areaMapaWeb .paginador .paginaActual {
  background-color: var(--color-fondo-dark-01);
  border: 1px solid var(--color-fondo-dark-01);
  color: var(--color-texto-light-01);
  display: inline-block;
  font-size: 12px;
  padding: 7px 10px;
  text-decoration: none;
  vertical-align: top;
}
#areaPrivada .paginador > a, body#areaMapaWeb .paginador > a {
  border: 1px solid var(--color-borde-primario-01);
  color: var(--color-texto-estandar-01);
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  padding: 7px 10px !important;
}
#areaPrivada .paginador > a:last-child, body#areaMapaWeb .paginador > a:last-child, #areaPrivada .paginador .paginaActual:last-child {
  margin-right: -5px;
}
#areaPrivada div.paginador > a:hover, body#areaMapaWeb div.paginador > a:hover {
  background-color: var(--color-borde-primario-01);
  text-decoration: none;
  color: var(--color-texto-enfasis-01);
}
#areaPrivada div.paginador.paginadorpie {
  margin-top: 0;
}
.notaSuperior {
  clear: both;
  color: var(--color-fondo-secundario-03);
  font-size: 11px;
}
table.misPedidos {
  border-bottom: 2px solid var(--color-borde-secundario-01);
  border-collapse: collapse;
  margin-bottom: 10px;
  color: var(--color-texto-estandar-01);
  margin-top: 10px;
}
table.misPedidos th {
	background-color: var(--color-fondo-dark-01);
	color: var(--color-texto-light-01);
	font-size: 10px;
	padding: 6px 10px;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
	font-family: var(--font-familiy-thead);
}
table.misPedidos th span {
    display: block;
    line-height: 10px;
    font-size: 8px;
}
table.misPedidos th.th_fecha {
	width: 110px;
}
table.misPedidos td {
	padding: 5px 7px;
	border-bottom: 1px solid var(--color-borde-secundario-01);
	font-size: 12px;
}
table.misPedidos td.imagen-compra img {
	max-width: 64px;
	max-height: 64px;
}
.separador01.precioPedido {
	background-color: var(--color-fondo-secundario-01) !important;
	font-weight: bold;
	color: var(--color-texto-enfasis-01);
	font-size: 14px;
}
table.misPedidos td.estadoPedido span {
	font-size: 11px;
    display: block;
    padding: 5px;
    text-transform: uppercase;
    color: var(--color-texto-light-01);
    line-height: 1.2;
	font-weight: 600;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
table.misPedidos td.tipoProceso {
  font-size: 11px;
  line-height: 1.2;
  white-space: nowrap;
}
.tipoProceso span::before {
  content: "";
  /*display: inline-block;*/
  width: 7px;
  height: 7px;
  vertical-align: top;
  margin-right: 5px;
  margin-top: 4px;
}
.estado-no-iniciado::before {
  background-color: var(--color-borde-primario-01);
}
.estado-no-iniciado {
  font-weight: normal;
  padding: 5px;
  background-color: var(--color-fondo-secundario-01);
  color: var(--color-texto-enfasis-01);
}
.estado-iniciado::before {
  background-color: var(--color-parcial-01);
}
.estado-iniciado {
  font-weight: normal;
  padding: 5px;
  background-color: #fbde91;
  color: var(--color-fondo-dark-01) !important;
}
.estado-finalizado::before {
  background-color: var(--color-success-01);
}
.estado-solicitado {
	background-color: var(--color-parcial-01);
	color: #fff) !important;
}
.estado-encurso {
	background-color: var(--color-success-01); 
	color: var(--color-texto-enfasis-01);
}
.estado-finalizado {
  background-color: var(--color-enlace-principal-01);
}
.estado-cancelado {
	background-color: var(--color-enlace-secundario-01);
}
div.herramientasPedido {
  margin-top: 10px;
}
div.tipoProceso {
  margin-top: 10px;
}
ul.campos.filtrofecha li input[type="date"] {
  text-align: center;
  width: 130px;
}
table.misPedidos.misReservas td.checkbox, table.misPedidos th.checkbox {
    padding-right: 0;
    width: 10px;
	display: table-cell;
	text-align: right;
}
table.misPedidos.misReservas td.checkbox input.css-checkbox[type="checkbox"] + label.labelcheck, table.misPedidos.misReservas th.checkbox input.css-checkbox[type="checkbox"] + label.labelcheck {
  padding-left: 13px;
}
.ordenable {
  color: var(--color-texto-light-01);
  font-weight: 400;
}
table.misPedidos.misReservas th.columnaCantidad {
  width: 80px;
}
.ordActiva {
  color: var(--color-enlace-principal-01);
  text-decoration: underline;
}
.producto {
    color: var(--color-texto-enfasis-01);
    display: block;
    font-weight: 500;
}
.ahorroPorUnidad {
    background-color: var(--color-error-01);
    color: var(--color-texto-light-01);
    font-size: 10px;
    padding: 2px 4px;
    white-space: nowrap;
    font-weight: 600;
}
#areaPrivada p.botoneraInferior {
    margin: 0 0 15px;
    overflow: hidden;
    text-align: right;
}
table.misPedidos tr.totales td {
    color: var(--color-texto-enfasis-01);
    font-size: 16px;
    font-weight: 600;
}
table.misPedidos tr.totales td .ahorroPorUnidad {
    font-size: 12px;
}
#areaPersonal .mensajeAlerta {
    margin-top: 2%;
}
.misPedidos.misReservas .agotado, .misPedidos.misReservas .disponoble, .misPedidos.misReservas .parcialmentedisponible {
    font-size: 14px;
}
table.misReservas td.total {
    text-align: right;
    font-weight: bold;
    font-size: 16px;
    color: var(--color-texto-enfasis-01);
}
.botonera_areaprivada {
    clear: both;
    float: left;
    margin-bottom: 20px;
    margin-top: 10px;
}
.botonera_areaprivada .botonsecundario {
    display: block;
    float: left;
}
#infoToken {
    clear: both;
    margin: 20px 0;
    border: 1px solid var(--color-fondo-secundario-01);
    padding: 0 20px 15px;
    background-color: var(--color-fondo-secundario-01);
    overflow: hidden;
    display:none;
}
#infoToken h6 {
    margin: 15px 0 3px;
    color: var(--color-texto-enfasis-01);
    font-weight: bold;
    font-size: 14px;
}
#infoToken ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
#infoToken li {
    border-bottom: 1px solid var(--color-borde-primario-01);
    padding: 5px 0;
}
#infoToken li:last-child {
    border: none;
}
#infoToken strong {
    color: var(--color-enlace-principal-01);
}
#infoToken a {
    color: var(--color-fondo-secundario-03);
    word-wrap: break-word;
}
table.misPedidos td.agenciaPedido {
    max-width: 120px;
}
.trackingPedido {
    font-size: 11px;
    overflow: hidden;
    word-wrap: break-word;
}
.trackingPedido span {
    display: block;
}
.pedidoFactura a {
    display: block;
}
.botonera_areaprivada {
    width: 100%;
}
.botonComprar.excel {
    float: left;
}
.botonComprar.url {
    float: right;
}
/******************************* PEDIDOS EXPRES *******************************/
div.referencias {
    float: left;
    width: 200px;
    padding-right: 30px;
}
/******************************* MIS AVISOS DE STOCK *******************************/
table.misPedidos.avisosStock th.columnaProducto {
    text-align: left;
}
table.misPedidos.avisosStock td.td_checkbox {
    padding-right: 0;
    text-align: right;
}
table.misPedidos.avisosStock td.td_checkbox {
    text-indent: -999em;
}
table.misPedidos.avisosStock td.celdaProducto {
    padding-left: 0;
    min-width: 250px;
}
table.misPedidos.avisosStock td.celdaEstados {
    text-align: center;
    white-space: nowrap;
}
table.misPedidos.avisosStock td.total {
    color: var(--color-texto-enfasis-01);
    text-align: right;
    font-weight: bold;
    font-size: 16px;
}

/******************************* MIS LISTAS DE LA COMPRA (EDICION) *******************************/
.mensaje-areaprivada {
    border: 1px solid var(--color-borde-primario-01);
    padding: 20px;
    text-align: center;
}
table.listaEdicion {
    border-collapse: collapse;
    margin-bottom: 15px;
	color: var(--color-texto-estandar-01);
}
table.listaEdicion th {
	background-color: var(--color-fondo-dark-01);
	color: var(--color-texto-light-01);
	font-size: 10px;
	padding: 6px 10px;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
	font-family: var(--font-familiy-thead);
}
table.listaEdicion th.columnaRef {
	width: 20px;
	padding-right: 0;
}
table.listaEdicion th.columnaArt {
	text-align: left;
	padding-left: 0;
}
table.listaEdicion td.celdaRef {
    text-align: right;
    padding-right: 0;
}
table.listaEdicion td.celdaArt {
	padding-left: 0;
}
table.listaEdicion td.celdaArt a {
	font-size: 14px;
}
table.listaEdicion td {
	padding: 5px 7px;
	border-bottom: 1px solid var(--color-borde-secundario-01);
	font-size: 12px;
	vertical-align: middle;
}
table.listaEdicion td.estadoPedido {
    padding-left: 0;
}
table.listaEdicion tbody tr.info_compra {
	background: var(--color-fondo-secundario-01);
}
table.listaEdicion tbody tr.info_compra td {
	color: var(--color-texto-enfasis-01);
}
table.listaEdicion span.comprador {
    margin-left: 68px;
	padding: 5px;
}
table.listaEdicion span.comprador a {
	text-decoration: underline;
	color: var(--color-texto-enfasis-01);
}
table.listaEdicion span.observaciones {
  	float: left;
	background-color: #F0F0F0;
  	padding: 5px;
  	margin-top: 10px;
	margin-bottom: 10px;
  	color: var(--color-texto-enfasis-01);
}
.estado-parcialmentedisponible {
    background-color: var(--color-parcial-01);
	color: var(--color-texto-light-01);
    padding: 5px 8px;
    text-transform: uppercase;
    border-radius: 3px;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    font-size: 10px;
    display: block;
    font-weight: 600;
}
.estado-disponible {
    background-color: var(--color-success-01);
	color: var(--color-texto-light-01);
    padding: 5px 8px;
    text-transform: uppercase;
    border-radius: 3px;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    font-size: 10px;
    font-weight: 600;
    display: block;
}
.estado-agotado {
	background-color: var(--color-error-01);
	color: var(--color-texto-light-01);
    padding: 5px 8px;
    text-transform: uppercase;
    border-radius: 3px;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    font-size: 10px;
    font-weight: 600;
    display: block;
}
table.listaEdicion td.subtotal {
    background-color: var(--color-fondo-secundario-01);
    text-align: right;
    font-weight: bold;
    color: var(--color-texto-enfasis-01);
    font-size: 14px;
    white-space: nowrap;
}
table.listaEdicion td.total {
    text-align: right;
    font-weight: bold;
    font-size: 16px;
    color: var(--color-texto-enfasis-01);
}
table.listaEdicion td.total span {
    margin-right: 30px;
}
.botonEliminar {
    display: block;
    background-color: var(--color-error-01);
    background-image: none;
    color: var(--color-texto-light-01);
    font-size: 12px;
    padding: 11px 15px;
    text-align: center;
    text-transform: uppercase;
    -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;
}
.botonEliminar:hover {
    color: var(--color-texto-light-01);
    text-decoration: none;
    -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;
}
.accion_lista {
	font-size: 14;
}
/******************************* MIS COMPRAS *******************************/
#por_referencia {
  min-width: 140px;
  text-align: left;
}
.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-selection--multiple {
	border: 1px solid var(--color-borde-primario-01) !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}
/******************************* MIS PEDIDOS (MOVIL) *******************************/
.datosVersionMovil.misPedidos > div {
    border: 2px solid var(--color-borde-secundario-01);
    margin-bottom: 20px;
}
.contenedor_div:first-child {
    background-color: var(--color-borde-secundario-01);
    padding: 5px 15px 10px;
}
.contenedor_div {
    padding: 5px 15px 10px;
    color: var(--color-texto-enfasis-01);
    overflow: hidden;
    line-height: 120%;
    position: relative;
}
.contenedor_div .titulo {
    text-transform: uppercase;
    color: var(--color-texto-estandar-01);
    font-size: 11px;
    display: block;
}
.contenedor_div .dato {
    font-size: 14px;
    font-weight: 600;
}
.contenedor_div:first-child .dato {
    font-size: 18px;
}
.misPedidos .referenciaPedido {
    float: left;
}
.misPedidos .importePedido {
    float: right;
    text-align: right;
}
.datosVersionMovil.misPedidos .fechaPedido, .datosVersionMovil.misPedidos .origenPedido, .datosVersionMovil.misPedidos .referenciaClientePedido, .datosVersionMovil.misPedidos .ticketPedido {
    display: inline-block;
    width: 49%;
    vertical-align: top;
    margin-bottom: 10px;
}
.contenedor_div:nth-child(3) {
    border-top: 2px solid var(--color-borde-secundario-01);
    min-height: 50px;
}
.estadoPedido .titulo {
    display: none;
}
.estadoPedido .dato {
    position: absolute;
    right: 0;
    bottom: 0;
}
.contenedor_div .estadoPedido .estado-solicitado {
    background-color: var(--color-parcial-01);
    color: var(--color-texto-light-01);
    font-weight: 600;
    padding: 5px 10px;
    line-height: 200%;
    text-transform: uppercase;
    font-size: 12px;
}
.contenedor_div .estadoPedido .estado-encurso {
    background-color: var(--color-texto-secundario-01);
    color: var(--color-texto-light-01);
    font-weight: 600;
    padding: 5px 10px;
    line-height: 200%;
    text-transform: uppercase;
    font-size: 12px;
}
.contenedor_div .estadoPedido .estado-finalizado {
	background-color: var(--color-success-01);
	color: var(--color-texto-light-01);
    font-weight: 600;
    padding: 5px 10px;
    line-height: 200%;
    text-transform: uppercase;
    font-size: 12px;
}
.contenedor_div .estadoPedido .estado-cancelado {
	background-color: var(--color-error-01);
	color: var(--color-texto-light-01);
    font-weight: 600;
    padding: 5px 10px;
    line-height: 200%;
    text-transform: uppercase;
    font-size: 12px;
}
.datosVersionMovil.misPedidos .trackingPedido {
    background-color: var(--color-enlace-principal-01);
    padding: 5px;
    text-align: center;
    color: var(--color-texto-light-01);
}
.datosVersionMovil.misPedidos .cabecera_pedido {
	display: flex;
	flex-direction: column;
	gap: 10px; /* Espacio entre los divs */
}
/******************************* MIS RESERVAS PENDIENTES (MOVIL) *******************************/
.datosVersionMovil.misReservasPendientes > div {
    border: 2px solid var(--color-borde-secundario-01);
    margin-bottom: 20px;
}
.datosVersionMovil.misReservasPendientes .referenciaReservasPendientes {
    float: left;
}
.datosVersionMovil.misReservasPendientes .checkbox {
    float: left;
}
.referenciaReservasPendientes .dato {
    font-size: 14px !important;
}
.referenciaReservasPendientes .checkbox + .contenido {
    float: left;
}
.datosVersionMovil.misReservasPendientes div.imagen {
    float: left;
    width: auto;
    margin-right: 20px;
    min-height: 60px;
}
.datosVersionMovil.misReservasPendientes .descripciones {
    float: left;
    width: 70%;
    margin-bottom: 10px;
}
.datosVersionMovil.misReservasPendientes .fecha_lanzamiento {
    float: left;
    margin-right: 20px;
}
.datosVersionMovil.misReservasPendientes .cantidad {
    float: left;
}
.datosVersionMovil.misReservasPendientes .cantidad .agotado, .datosVersionMovil.misReservasPendientes .cantidad .disponible {
    padding: 0;
    font-size: 14px;
    text-align: center;
}
.datosVersionMovil.misReservasPendientes .tarifa {
    float: left;
    width: 50%;
    margin: 0;
}
.datosVersionMovil.misReservasPendientes .precio_sin_iva {
    float: right;
    text-align: right;
}
.datosVersionMovil.misReservasPendientes .estado {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0;
    float: none;
}
.datosVersionMovil.misReservasPendientes .estado .titulo {
    display: none;
}
.datosVersionMovil.misReservasPendientes .estado .dato {
    position: absolute;
    bottom: 4px;
    left: 0;
}
.datosVersionMovil.misReservasPendientes .estado-agotado, .datosVersionMovil.misReservasPendientes .estado-parcialmentedisponible {
    border-radius: 0;
    -webkit-border-radius: 0;
	-moz-border-radius: 0;
	white-space: nowrap;
}
.datosVersionMovil.misReservasPendientes > div.totales {
    border: none;
    overflow: hidden;
}
.datosVersionMovil.misReservasPendientes > div.totales > div {
    float: left;
}
.datosVersionMovil.misReservasPendientes > div.totales > div:nth-child(2) {
    display: none;
}
.datosVersionMovil.misReservasPendientes > div.totales > div:last-child {
    float: right;
    font-size: 24px;
    color: var(--color-enlace-principal-01);
    font-weight: 700;
}
/******************************* MIS FACTURAS (MOVIL) *******************************/
.pendiente, .parcial {
    border: 2px solid #f8e0e0;
    background-color: #fff3f3;
    overflow: hidden;
    margin-bottom: 20px;
    clear: both;
}
.pagada {
    border: 2px solid var(--color-borde-secundario-01);
    overflow: hidden;
    margin-bottom: 20px;
    clear: both;
}
.pendiente .contenedor_div:first-child, .parcial .contenedor_div:first-child {
    background-color: #f8e0e0;
}
.contenedor_div .referenciaFactura {
    float: left;
    margin-top: 7px;
}
.contenedor_div .referenciaFactura .titulo {
    font-size: 18px;
    font-weight: 600;
}
.contenedor_div .referenciaFactura .titulo a {
    color: var(--color-texto-enfasis-01);
}
.contenedor_div .importeFactura {
    float: right;
    text-align: right;
}
.contenedor_div .pedidoFactura {
    color: var(--color-texto-enfasis-01);
    overflow: hidden;
    line-height: 120%;
    position: relative;
	float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}
.contenedor_div .pedidoFactura .dato a {
    color: var(--color-enlace-principal-01);
}
.contenedor_div .fechaFactura {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}
.contenedor_div .estadoFactura {
    float: left;
}
.pedidoFactura .titulo, .estadoFactura .titulo {
    text-transform: uppercase;
    color: var(--color-texto-estandar-01);
    font-size: 11px;
}
.misFacturasRecibos {
    padding: 10px;
}
.misFacturasRecibos table.tablaRecibos {
    width: 100%;
}
.pendiente .misFacturasRecibos table.tablaRecibos th, .parcial .misFacturasRecibos table.tablaRecibos th {
    background-color: rgba(248, 224, 224, 0.66);
    border: 1px solid #f3e1e4;
}
.pendiente .misFacturasRecibos table.tablaRecibos td, .parcial .misFacturasRecibos table.tablaRecibos td {
    border: 1px solid #f3e1e4;
}
/******************************* MIS SALDOS *******************************/
.tablaFacturas.tablaSaldos td.saldoAnterior {
	background-color: var(--color-fondo-secundario-01);
	font-size: 16px;
	text-align: right;
	color: var(--color-texto-enfasis-01);
	font-weight:bold;
}
.fechaSaldo {
	text-align: center;
}
.saldos {
    overflow: hidden;
}
.saldos div {
    float: left;
    clear: none;
    margin-bottom: 10px;
}
#areaPrivada .saldos div.paginador {
    margin-top: 10px;
}
#contenido a.botonsecundario.masSaldo {
    background-color: var(--color-success-01);
    float: left;
    font-size: 12px;
    padding: 12px 20px 12px 42px;
    margin-bottom: 5px;
    background-repeat: no-repeat;
    background-image: url(../images/plus.svg);
    background-size: 18px auto;
    background-position: 20px center;
    color: var(--color-texto-light-01);
    margin-right: 10px;
}
#contenido a.botonsecundario.menosSaldo {
    background-color: var(--color-error-01);
    float: left;
    font-size: 12px;
    padding: 12px 20px 12px 42px;
    margin-bottom: 5px;
    background-repeat: no-repeat;
    background-image: url(../images/minus.svg);
    background-size: 18px auto;
    background-position: 20px center;
    color: var(--color-texto-light-01);
}
.tablaFacturas.tablaSaldos td.saldoAnterior span {
    font-weight: normal;
    color: var(--color-texto-estandar-01);
    font-size: 12px;
    vertical-align: text-top;
}
.tablaFacturas.tablaSaldos td {
    background-color: var(--color-fondo-light-01);
    border-width: 1px;
}
.fechaSaldo span:first-child::after {
    content: ", ";
}
.tablaFacturas.tablaSaldos td.saldoAcumulado {
	background-color: var(--color-fondo-secundario-01);
	font-size: 12px;
	text-align: right;
	font-weight:bold;
	color: var(--color-texto-enfasis-01);
}
.debeSaldo {
	color: var(--color-success-01);
	text-align: right;
	font-size: 12px;
}
.haberSaldo {
	color: var(--color-error-01);
	text-align: right;
	font-size: 12px;
}
#saldoActual {
    float: right;
    font-size: 12px;
    margin-bottom: 15px;
    text-align: right;
}
.importeSaldoActual {
    color: var(--color-texto-enfasis-01);
    font-size: 24px;
    font-weight: bold;
    margin-left: 15px;
    vertical-align: text-top;
    line-height: 24px;
}

/*//////////////////////////////// FANCY AUMENTAR SALDO //////////////////////////////////////*/
#div_aumentar_saldo div.titular_fancy, #div_reducir_saldo div.titular_fancy {
	background-color: var(--color-fondo-dark-01);
    color: var(--color-texto-light-01);
    font-size: 16px;
    padding: 10px 20px;
}
div.contenidoFancyAumentarSaldo, div.contenidoFancyReducirSaldo {
	padding: 20px;
}
/*//////////////////////////////// LISTAS COMPRA //////////////////////////////////////*/

a.lnkNuevaLista:link, a.lnkNuevaLista:visited {
	border: 2px solid var(--color-borde-primario-01);
	color: var(--color-texto-estandar-01);
	display: inline-block;
	font-family: var(--font-familiy-standard);
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 5px 10px;
	text-transform: uppercase;
}
a.lnkNuevaLista:hover {
	background-color: var(--color-fondo-dark-01);
	border: 2px solid var(--color-texto-enfasis-01);
	color: var(--color-texto-light-01);
	text-decoration: none;
}
.formListacompra a.lnkBotonVerde:first-child {
    margin-right: 15px;
}
div.formulario input.botonform {
    background-color: var(--color-borde-primario-01);
    border: medium none;
    color: var(--color-fondo-secundario-03);
    display: inline-block;
    font-size: 12px;
    padding: 8px 15px;
    text-transform: uppercase;
    -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;
}
div.formulario input.botonform:hover {
	background-color: var(--color-fondo-dark-01);
	color: var(--color-texto-light-01);
	text-decoration: none;
	-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;
}
.grupoCantidad + span {
    padding: 0;
}
.formulario.listacompra label {
    display: block;
}
#areaPrivada p.aPedido {
	float: right;
	margin-left: 10px;
	margin-top: 0;
	margin-bottom: 10px;
}
#areaPrivada div.formulario.listacompra {
    float: left;
}
#centro #contenido #areaPrivada p .lnkBotonRojo {
    font-size: 14px;
    margin-right: 0;
    padding: 10px 20px;
    text-transform: uppercase;
}
/*///////////////////////////// BUSQUEDA AVANZADA //////////////////////////////*/
#areaPrivada p {
	font-size: 12px;
	margin-bottom: 5px;
}
#div_tipo_busquedaHome {
	padding-top: 7px;
}
div.cajaBuscadorProductosAvanzadoHome {
	margin-bottom:3%;
	padding: 1% 4%;
	background-color:var(--color-fondo-secundario-01);
}
div.buscadorAvanzadoHomeLeft {
	width: 40%;
	float: left;
	margin-top: 3px;
}
.buscadorAvanzadoHomeLeft select, .buscadorAvanzado select {
	width: 100%;
	margin-bottom: 10px;
}
div.buscadorAvanzadoHomeRight {
	width: 56%;
	float: left;
	margin-bottom: 3%;
	margin-left: 4%;
}
.buscadorAvanzadoHomeLeft > p {
	margin: 0 0 10px;
}
.buscadorAvanzadoHomeRight > p {
	margin: 0 0 3px;
}
.buscadorAvanzado label > p, .buscadorAvanzadoHomeLeft label > p {
	margin: 0 0 2px;
}
.cajaBuscadorProductosAvanzadoHome form p.botonBuscador {
	clear: both;
	text-align: right;
}
div.buscadorAvanzado label, div.buscadorAvanzadoHomeLeft label, div.buscadorAvanzadoHomeRight label {
	font-size: 11px;
	display: block;
}
.buscadorAvanzado > p {
	margin-bottom: 10px;
	margin-top: 3px;
}
.buscadorAvanzado > p.tipo {
	margin-bottom: 3px;
	margin-top: 5px;
}
.cajaBuscadorProductosAvanzado input, .cajaBuscadorProductosAvanzado select, #div_buscador_clientes input, #div_buscador_clientes select {
    margin-bottom: 10px;
}
#div_tipo_busqueda > label, #div_tipo_busquedaHome > label {
	font-size: 11px;
	padding-left: 6px;
}
#div_tipo_busqueda > select, #div_tipo_busquedaHome > select {
	margin-bottom: 5px;
	margin-left: 3px;
	width: 90%;
}
div.separadorBuscadorAvanzado {
	margin-top: 8px;
	font-size: 8px;
}
div.separadorBuscadorAvanzadoHome {
	margin-top: 2px;
	font-size: 8px;
	float: left;
}
div.separador2BuscadorAvanzado {
	margin-top: 2px;
	font-size: 8px;
}
div.separador2BuscadorAvanzadoHome {
	margin-top: 25px;
	font-size: 8px;
	clear: both;
}
.checkBuscadorAvanzado {
    margin: 7px 0;
}
.checkBuscadorAvanzado, .checkBuscadorAvanzadoHome {
	font-size: 11px;
}
.checkBuscadorAvanzadoHome {
	width: 48%;
	float: left;
	margin: 3px 0;
}
.cajaPVP {
    white-space: nowrap;
}
.cajaPVP span {
    display: inline-block;
    width: 50%;
}
.cajaPVP span.cajaPVP-desde {
    padding-right: 5px;
}
.cajaPVP span.cajaPVP-hasta {
    padding-left: 5px;
}
.cajaPVP span input {
    width: 100%;
}
div.imagenResultado > img {
	height: 100%;
	width: 100%;
}
/*///////////////////////////// LISTADOS PRODUCTOS (COLUMNAS) //////////////////////////////*/
ul.filas li.dobleFoto {
	width: 147px;
}
ul.filas li.dobleDatos {
	width: 424px;
}
/*///////////////////////////// MENU LOGIN TOP //////////////////////////////*/
#capaLoginTop {
	overflow: hidden;
	position: absolute;
	z-index: 999;
	background-color: var(--color-fondo-light-01);
}
#capaLoginTop.activo {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15);
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15);
}
#titLoginTop a {
  display: block;
  padding: 8px 10px;
  font-size: 10px;
  text-transform: uppercase;
  color: var(--color-texto-estandar-01);
}
#titLoginTop a:hover {
  color: var(--color-texto-enfasis-01);
  text-decoration: none;
}
#titLoginTop a.lnkCerrar {
	display: block;
	padding: 0 10px 5px 5px;
	font-size: 10px;
	text-transform: inherit;
	color: var(--color-enlace-principal-01);
	background: none;
	float: right;
}
#formLoginTop form {
	overflow: hidden;
	padding: 0 10px 0;
	margin: 0;
}
#formLoginTop {
	clear: both;
	width: 300px;
	display: none;
}
#capaLoginTop.activo #formLoginTop {
	display: inherit;
}
#formLoginTop div {
	width: 49%;
	margin-bottom: 10px;
}
#formLoginTop label {
	font-size: 12px;
}
#formLoginTop input.campoLT {
	width: 100%;
	font-size: 14px;
	padding: 5px;
}
#formLoginTop input.boton {
    border: none;
    font-size: 12px;
    padding: 5px 15px;
    text-align: left;
    text-transform: uppercase;
	float: right;
	color: var(--color-texto-light-01);
	background-color: var(--color-fondo-secundario-03);
}
#formLoginTop input.boton:hover {
	border: none;
}
#formLoginTop a {
	font-size: 11px;
}
#capaLoginTop.activo div#formLoginTop ul.enlace {
    text-align: left;
    padding-left: 30px;
    padding-bottom: 20px;
    list-style-type: inherit;
}
#capaLoginTop.activo div#formLoginTop ul.enlace li a {
	font-size:12px;
	color: var(--color-texto-estandar-01);
}
#capaLoginTop.activo div#formLoginTop ul.enlace li a:hover {
	color: var(--color-enlace-principal-01);
	text-decoration: none;
}
.enlaces-capalogin a {
    display: block;
}
#titLoginTop a#atitLoginTop {
	color: var(--color-texto-enfasis-01);
}
#capaLoginTop.activo div#formLoginTop ul.enlace li a span::before {
    content: "(";
}
#capaLoginTop.activo div#formLoginTop ul.enlace li a span::after {
    content: ")";
}
/* ///////////////////////////////// PROCESO DE COMPRA /////////////////////////////////////////////// */
#areaCompra p.rastroMigas {
    display: none;
}
a.lnkBotonRojo:link, a.lnkBotonRojo {
	color: var(--color-texto-light-01);
	margin-right: 10px;
	padding: 10px 15px;
	background-color: var(--color-fondo-secundario-03);
}
#centro #contenido a.lnkBotonVerde:link, #centro a.lnkBotonVerde {
    background-color: var(--color-fondo-secundario-01);
    color: var(--color-texto-light-01);
    font-size: 12px;
	text-transform:uppercase;
    padding: 7px 15px;
}
a.lnkBotonRojo:hover, #centro a.lnkBotonVerde:hover {
	text-decoration: none;
	background-color: var(--color-enlace-secundario-01);
	color: var(--color-texto-light-01);
}
#centro #contenido div.tablaNavegaCompra a.lnkBotonVerde.destacado, #centro a.lnkBotonVerde.destacado {
	background-color: var(--color-enlace-principal-01);
	font-size: 18px;
	padding: 15px 30px;
	text-transform: uppercase;
}
#centro #contenido div.tablaNavegaCompra a.lnkBotonVerde.destacado:hover, #centro #contenido a.lnkBotonVerde.destacado:hover {
	background-color: var(--color-enlace-secundario-01);
}
#centro a.lnkBotonRojo.destacado {
	background-color: var(--color-error-01);
	font-size: 18px;
	padding: 15px 30px;
	text-transform: uppercase;
}
div.cuadroAviso {
	border: 1px solid var(--color-borde-primario-01);
	margin-top: 10px;
	margin-bottom: 30px;
	background-color: var(--color-fondo-light-01);
	padding: 15px;
}
div.procesoCompra .cuadroAviso > p {
	font-size: 14px;
}
.checkbox_cesta {
	margin: 0;
}
.radio_cesta {
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 3px;
}
.resumenProducto a.botonComprar {
    font-weight: normal;
    text-transform: uppercase;
}
/*********************************** GRAFICO DE PASOS ******************************************/
.tablaProcesoCompra {
    margin: 20px auto 0;
    width: 100%;
    max-width: 600px;
}
.tablaProcesoCompra td {
	text-align: center;
	font-size: 12px;
	width: 33%;
}
.uno > div {
	padding: 10px 0;
	background-color: var(--color-fondo-secundario-01);
	color: var(--color-texto-estandar-01);
}
.dos > div {
	padding: 10px 0;
	background-color: var(--color-fondo-secundario-01);
	color: var(--color-texto-estandar-01);
}
.tres > div {
	padding: 10px 0;
	background-color: var(--color-fondo-secundario-01);
	color: var(--color-texto-estandar-01);
}
.uno.activo > div {
	background-color: var(--color-fondo-dark-01);
	color: var(--color-texto-light-01);
}
.dos.activo > div {
	background-color: var(--color-fondo-dark-01);
	color: var(--color-texto-light-01);
}
.tres.activo > div {
	background-color: var(--color-fondo-dark-01);
	color: var(--color-texto-light-01);
}
/************************************* PASO 01 **************************/
#paso01 h2#paso1_h2, #paso02 h2#paso2_h2, #paso03 h2#paso3_h2, #paso04 h2#paso4_h2, #paso05 h2#paso5_h2, #paso05 h3#paso5_h3 {
	letter-spacing: 0;
	font-size: 30px;
	margin-top: 20px;
	padding: 0;
	text-align: center;
}
#paso01 h2#paso1_h2 {
	float: none;
	width: 100%;
	margin-bottom: 20px;
}
#contenido .cajaFechaReserva h3 {
  text-align: center;
  font-weight: 600;
  font-size: 24px;
}
#contenido .cajaFechaReserva h3 span::before {
  content: "(";
}
#contenido .cajaFechaReserva h3 span::after {
  content: ")";
}
#paso01 .tarifas {
    float: left;
    font-size: 14px;
    margin-bottom: 5px;
}
ul.otrosDatosCesta {
    list-style: outside none none;
    margin: 0 0 10px;
    padding: 0;
	clear:both;
}
.otrosDatosCesta li {
    display: inline-block;
    font-size: 12px;
    padding-right: 3%;
    width: 33%;
}
.otrosDatosCesta li:last-child {
    padding-right: 0;
    text-align: right;
}
.tarifa_sel	span {
    text-transform: uppercase;
}
.botonReservasapedido {
    float: right;
    margin-bottom: 10px;
}
#contenido #paso01 h4 {
    clear: both;
    font-size: 24px;
    line-height: 30px;
    margin-top: 7%;
    padding-top: 1%;
}
.cuadroDescuentos {
    background-color: var(--color-fondo-secundario-01);
    float: right;
    margin-bottom: 20px;
	min-width: 300px;
	position: relative;
}
.titularDescuentos {
	color: var(--color-texto-enfasis-01);
	font-size: 14px;
	font-weight: bold;
	padding: 15px 15px 5px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	text-align: center;
}
.cuadroDescuentos label {
    color: var(--color-texto-estandar-01);
}
.cuadroDescuentos p {
	font-size: 12px;
	margin: 0;
	line-height: 150%;
	padding: 3px 20px;
	color: var(--color-texto-estandar-01);
}
.cuadroDescuentos ul {
    list-style: outside none none;
    margin: 0;
    padding: 10px 20px 10px;
}
.cuadroDescuentos ul li {
    display: inline-block;
    width: calc(100% - 110px);
}
.cuadroDescuentos ul li:last-child {
    margin-right: 0;
    width: 100px;
}
.cuadroDescuentos ul li label {
    display: block;
    font-size: 12px;
    margin-right: 7px;
	color: var(--color-texto-estandar-01);
}
.cuadroDescuentos span {
    display: block;
    font-size: 14px;
}
.cuadroDescuentos ul li input[type="text"] {
    border: none;
	background-color:var(--color-fondo-light-01);
    width: 100%;
    margin-bottom: 10px;
}
.cuadroDescuentos input[type="button"] {
    background-color: var(--color-fondo-dark-01);
	border: none;
    color: var(--color-texto-light-01);
    font-weight: bold;
    padding: 8px 15px;
    transition: all 0.5s ease 0s;
    margin-bottom: 10px;
    width: 110px;
}
.cuadroDescuentos input[type="button"]:hover {
    background-color: var(--color-enlace-secundario-01);
}
.categoriasConfiguracion, .requerimientosLogistica {
	text-align: center;
	padding: 3px;
}
table.tablaCesta.cestaPrincipal_totales {
    margin-bottom: 30px;
}
table.tablaCesta tr.importeTotalaPagar td span.importe_Total, .importeSubTotal .precio02, .filaCalculos .precio02, table.tablaCesta tr.importeTotalaPagar td span.importe_TotalDivisa {
    padding-right: 37px;
}
.areaCompra_paso3 table.tablaCesta tr.importeTotalaPagar td span.importe_Total, .areaCompra_paso3 .importeSubTotal .precio02, .areaCompra_paso3 .filaCalculos .precio02, .areaCompra_paso3 table.tablaCesta tr.importeTotalaPagar td span.importe_TotalDivisa, .areaCompra_paso4 table.tablaCesta tr.importeTotalaPagar td span.importe_Total, .areaCompra_paso4 .importeSubTotal .precio02, .areaCompra_paso4 .filaCalculos .precio02, .areaCompra_paso4 table.tablaCesta tr.importeTotalaPagar td span.importe_TotalDivisa {
    padding-right: 10px;
}
.saldosTotales {
    float: left;
    width: 40%;
}
h5.logoseur {
	font-size: 18px;
	margin: 20px 0 0;
	color: var(--color-texto-enfasis-01);
}
h5.logoseur + p {
	margin-top: 0;
}
/****************************** PASO 2 ***********************/

/********************** CAJA ENTRADA USUARIOS ************/
#tablaEntradaUsuarios .login, #tablaEntradaUsuarios .pass, #tablaEntradaUsuarios .aceptacion {
  margin-bottom: 10px;
}
#paso02 .cajaCompra01 input.botonform {
  width: 100%;
}
.enlaceOlvido {
  clear: both;
}
#paso02 .cajaCompra01 {
  float: left;
  width: 40%;
  border: 1px solid var(--color-borde-primario-01);
}
.cajaCompra01 {
  margin-right: 15px;
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 25px;
  padding: 15px 25px 20px 25px;
}
.enlaceOlvido > a {
  font-size: 12px;
}
/********************** CAJA DATOS USUARIO (UNA COLUMNA, NO LOGEADO) ******************/
#contenido .cajaFormaPago > h3 {
	background-image: none;
	background-color: transparent;
	color: var(--color-texto-enfasis-01);
	font-size: 16px;
	padding: 0 0 3px;
}
#paso02 .cajaCompra01.dosColumnas {
	width: 25%;
}
#paso02 .cajaCompra02.dosColumnas {
	width: 62%;
}
#paso02 .cajaCompra02.unaColumna #datosIdentificacion td.campos01 {
	padding-left: 0;
	width: 65%;
}
#paso02 .cajaCompra02.unaColumna #datosDireccionFacturacion, #paso02 .cajaCompra02.unaColumna #datosFacturacion {
	float: none;
	width: 100%;
}
#paso02 .cajaCompra02.unaColumna #datosFacturacion td.campos, #paso02 .cajaCompra02.unaColumna #datosDireccionFacturacion td.campos, #paso02 .cajaCompra02.unaColumna #table_dir_envio td.campos {
	padding-left: 0;
	width: 65%;
}
#paso02 .cajaCompra01.dosColumnas #tablaEntradaUsuarios .aceptacion {
	padding-top: 0;
}
/********************** CAJA DATOS USUARIO (DOS COLUMNAS, NO LOGEADO) ******************/
#paso02 .cajaCompra02.dosColumnas #datosIdentificacion td.campos01 {
	padding-left: 0;
	width: 65%;
}
#paso02 .cajaCompra02.dosColumnas #datosDireccionFacturacion, #paso02 .cajaCompra02.dosColumnas #datosFacturacion {
	float: none;
	padding-top: 10px;
	width: 100%;
}
#paso02 .cajaCompra02.dosColumnas #datosFacturacion td.campos, #paso02 .cajaCompra02.dosColumnas #datosDireccionFacturacion td.campos, #paso02 .cajaCompra02.dosColumnas #table_dir_envio td.campos {
	padding-left: 0;
	width: 65%;
}
#paso02 .cajaCompra02.dosColumnas #avisoLegal td, #paso02 .cajaCompra02.dosColumnas #datosEnvio td {
	padding-left: 0;
}
/********************** CAJA DATOS USUARIO (UNA COLUMNA LOGEADO) ******************/
#datosIdentificacion td, #datosDireccionFacturacion td, #datosFacturacion td, #table_dir_envio td {
	text-align: right;
}
#datosIdentificacion td.campos01, #datosDireccionFacturacion td.campos, #datosFacturacion td.campos, #table_dir_envio td.campos {
	text-align: left;
}
#paso02 .cajaCompra02.unaColumnaLogeado .campos {
	width: 65%;
	padding-left: 0;
}
#paso02 .cajaCompra02.unaColumnaLogeado #table_dir_envio .campos, #paso02 .cajaCompra02.unaColumnaLogeado #table_comentarios_dir_envio .campos {
	width: 85%;
}
#paso02 .cajaCompra02.unaColumnaLogeado .campos01 {
	padding-left: 0;
	width: 82.5%;
}
#paso02 .cajaCompra02.unaColumnaLogeado {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    padding: 0;
}
#paso02 .cajaCompra02.unaColumnaLogeado .campos strong {
	font-size: 14px;
	margin: 5px;
	display: block;
}
label[for="es_regalo"], label[for="quiero_factura"] {

}
/********************** CAJA DATOS USUARIO (DOS COLUMNAS LOGEADO) ******************/
#paso02 .cajaCompra02.dosColumnasLogeado {
	width: 95.5%;
}
#paso02 .cajaCompra02.dosColumnasLogeado #datosIdentificacion td.campos01 {
	padding-left: 0;
	width: 75%;
}
#paso02 .cajaCompra02.dosColumnasLogeado #datosFacturacion td {
	padding: 4px 8px 4px 0;
}
#paso02 .cajaCompra02.dosColumnasLogeado #datosDireccionFacturacion td.campos, #paso02 .cajaCompra02.dosColumnasLogeado #datosFacturacion td.campos, #paso02 .cajaCompra02.dosColumnasLogeado #table_dir_envio td.campos, #paso02 .cajaCompra02.dosColumnasLogeado #table_comentarios_dir_envio td.campos {
	padding-left: 0;
	width: 70%;
}
#paso02 .cajaCompra02 {
  float: right;
  width: 58%;
}
.cajaCompra02 {
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 25px;
  padding: 15px 15px;
}
#tablaEntradaUsuarios {
  font-size: 12px;
  margin-top: 15px;
}
#tablaEntradaUsuarios td.pass {
	padding-left: 10px;
}
#tablaEntradaUsuarios td.aceptacion {
	padding-left: 5px;
}
#tablaEntradaUsuarios td.enlaceOlvido {
	padding-top: 8px;
}
.login > input, .pass > input {
    width: 100%;
}
.cajaCompra01 label {
    display: block;
}
.cajaCompra01 p, .cajaCompra02 p {
    margin: 0;
}
.cajaCompra02 p {
    margin-bottom: 10px;
}
#datosDireccionFacturacion {
    margin-top: 0;
}
#datosIdentificacion, #datosFacturacion, #avisoLegal, #datosEnvio, #tr_dir_envio {
	margin-top: 10px;
}
#contenido .cajaCompra01 > h3, #contenido .cajaCompra02 > h3 {
	margin: 0;
	font-size: 20px;
	background-color: transparent;
	background-image: none;
}
.icoObligatorio > img {
	margin-bottom: 4px;
}
.tablaNavegaCompra {
	clear: both;
    margin-bottom: 15px;
    padding: 15px 0;
    text-align: right;
}
.leyendaObligatorio {
	margin-bottom: 10px;
	text-align: right;
}
#datosDireccionFacturacion, #datosFacturacion {
	float: left;
	width: 50%;
	margin-bottom: 0;
}
#datosFacturacion td {
	padding: 4px 8px;
}
select#dir_envio_id2 {
    max-width: 100%;
}
table#datosDireccionFacturacion select#dir_facturacion_pais_codigo, table#datosDireccionFacturacion textarea#dir_facturacion_comentarios, table#datosDireccionFacturacion input#dir_facturacion_direccion {
	width: 100% !important;
}
/************************************* PASO 3 **************************/
.areaCompra_paso3 .tablaCesta .labelcheck {
    background-image: none;
}
#paso03 .cajaFormaPago {
	border: 1px solid var(--color-borde-primario-01);
	margin-bottom: 15px;
	margin-top: 10px;
	padding: 15px 15px 10px 20px;
	overflow: hidden;
}
#contenido #paso03 h3 {
	margin: 0;
	padding-left: 0;
}
#paso03 .cajaFormaPago h3 label, #contenido #paso03 h3 {
	font-size: 16px;
	text-transform: uppercase;
	border-bottom: medium none;
	color: var(--color-texto-enfasis-01);
}
#paso03 .cajaFormaPago h3 label.labelradio, #paso03 .cajaFormaPago label.labelradio {
    font-weight: 600;
	color: var(--color-texto-enfasis-01);
}
.cajaFormaPago > div {
	margin-left: 25px;
}
.cajaFormaPago > div.mensajeAlerta {
    margin-left: 0;
}
.cajaFormaPago h3 + p, .cajaFormaPago h3 + div > p, .cajaFormaPago > p {
    margin-top: 0;
}
.cajaFormaPago ul#formasPago {
	list-style: none outside none;
	margin: 25px 0 0;
	padding: 0;
}
.cajaFormaPago ul#formasPago li {
    display: inline-block;
    margin-bottom: 15px;
    margin-right: 20px;
    margin-top: 0;
    vertical-align: top;
    width: 30%;
}
.cajaFormaPago ul#formasPago li > img {
    margin-left: 26px;
}
.cajaFormaPago ul#formasPago li img {
    max-width: 100%;
    height: auto !important;
    margin-top: 10px;
    max-height: 80px;
    width: auto !important;
    display: block;
}
ul#formasPago li > input + label + p, ul#formasPago li > input + label + p + p, ul#formasPago li > input + label + p + p + p {
	margin-top: 5px;
	margin-left: 25px;
}
.cajaFormaPago ul#formasPago li .inputSinBorde {
	margin-right: 5px;
}
.cajaFormaPago ul#formasPago li .titulo {
	font-size: 14px;
	font-weight: bold;
}
#eCalculadoraCetelemDiv {
    margin: 20px 0 0 26px;
}
.cajaFormaPago ul#formasPago li.sequra {
    width: 100%;
    margin: 0;
}
.cajaFormaPago ul#formasPago li.sequra .titulo, .cajaFormaPago ul#formasPago li.caixabank .titulo {
    font-size: 18px;
}
.cajaFormaPago ul#formasPago li.sequra ul {
    padding-left: 26px;
}
img#sermepa, img#ceca, img#pasat4b, img#banesto, img#easypay, img#paypal, img#credomatic, img#bbva, img#banwire, img#elavon, img#caixabank, img#aplazame, img#pagamastarde {
	display: block;
	margin-left: 21px;
	margin-top: 4px;
}
#paso03 h4 {
    font-size: 24px;
}
#paso03 .tarifa {
	float: right;
	margin-top: 24px;
	text-align: right;
	width: 250px;
	padding-right: 0;
}
#paso03 .noFormasDePago {
	margin-bottom: 25px;
}
div.procesoCompra .noFormasDePago > p {
	font-size: 14px;
	margin-left: 0;
	margin-top: 5px;
}
.areaCompra_paso3 .saldosTotales {
    float: none;
    width: 50%;
}
form#formCompra .tablaB2C td.campos {
	width: 50%;
}

/*********PAGO CON GIRO ************/
.cajaFormaPago div #nombreTitular {
	float: left;
	margin-bottom: 15px;
	margin-right: 30px;
}
.cajaFormaPago div #cuenta {
	float: left;
}
.cajaFormaPago #cuenta > label, .cajaFormaPago #nombreTitular > label {
	font-size: 14px;
	display: block;
	margin-bottom: 5px;
}
.cajaFormaPago #cuenta > ul {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
.cajaFormaPago #cuenta > ul li {
	margin-bottom: 10px;
	font-size: 12px;
}
.cajaFormaPago #cuenta input {
	margin-left: 0;
}
/************************************ 	PASO 4 ***************************************/
div.cajaResumen {
    background-color: var(--color-fondo-light-01);
    border: 1px solid var(--color-borde-primario-01);
    margin-bottom: 0;
    margin-top: 10px;
    overflow: hidden;
    padding: 0 20px 25px;
}
div.cajaResumen.productosStock {
    padding-top: 20px;
}
.areaCompra_paso4 .tarifa {
    text-align: left;
    float: left;
    padding-bottom: 10px;
}
.areaCompra_paso4 .agente_comercial {
    text-align: right;
    float: right;
    padding-bottom: 10px;
}
#contenido .cajaResumen h4 {
	font-size: 16px;
	padding-left: 0;
	margin-top: 0;
}
.cajaResumen > p {
	font-size: 12px;
	line-height: 150%;
	margin-bottom: 15px;
	margin-top: 0;
}
#contenido #paso04 h3 {
	background-color: var(--color-fondo-dark-01);
	color: var(--color-texto-light-01);
	font-size: 16px;
	padding: 7px 15px;
	clear: both;
}
#contenido #cesta_observaciones_titulo, #contenido #cesta_observaciones_contenido {
	display: none;
}
#num_orden_compra {
    width: 100%;
}
.cajaResumen.formasdePago, .cajaResumen.productos, .cajaResumen.datosPersonales, .cajaResumen.observaciones, .cajaResumen.documentosAdjuntos, .cajaResumen.documentosAdjuntos02, .cajaResumen.codigoPromocional, .cajaResumen.codigoClub, .cajaResumen.ordenCompra, .cajaResumen.procedimientoReservas, .cajaResumen.regalosPromocionales, .cajaResumen.regalos {
	border-top: 0 none;
	margin-top: 0;
	padding-top: 20px;
}
#agenteComercial {
	text-align: right;
	font-size: 11px;
	margin-top: 15px;
}
#politicaDescuento {
	text-align: right;
	font-size: 11px;
	margin-top: 15px;
}
.modificar {
	margin-bottom: 20px;
	margin-top: 7px;
	padding-right: 5px;
	text-align: right;
}
.modificar a.lnkSize {
	font-size: 12px;
	margin-bottom: 15px;
}
.modificar a.lnkSize::before {
    content: "[ ";
}
.modificar a.lnkSize::after {
    content: " ]";
}
.procedimientoReservas p {
	font-size: 12px;
}
.areaCompra_paso4 .saldosTotales {
    width: 50%;
}
.cajaResumen.documentosAdjuntos input[type="file"] {
    display: inline;
    margin-right: 5px;
}
/*********** CAJA DATOS PERSONALES ************/
.cajaResumen table.tablaDatosPersonales {
    border-collapse: collapse;
    width: 50%;
    float: left;
}
.cajaResumen table.tablaDatosPersonales th {
	background-color: transparent;
	font-size: 14px;
	padding: 5px 0;
	text-align: center;
	text-transform: uppercase;
	color: var(--color-texto-enfasis-01);
}
.cajaResumen table.tablaDatosPersonales td {
	font-size: 14px;
	padding: 3px;
	width: 25%;
}
.capaCondiciones {
	font-size: 12px;
	margin-top: 15px;
	margin-bottom: 30px;
}
.capaCondiciones p {
	text-align: right;
}
.cajaResumen table.tablaDatosPersonales strong {
    color: var(--color-texto-enfasis-01);
    font-size: 11px;
	text-transform: uppercase;
}
.cajaResumen table.tablaDatosPersonales strong::after {
    content: ":";
}
/*********** CAJA FORMAS DE PAGO ***************/
.cajaResumen.formasdePago > div p {
	font-size: 14px;
	margin: 0;
}
.cajaResumen.formasdePago > div.giro {
	float: left;
	margin-right: 35px;
}
.cajaResumen table.tablaDatosPersonales p {
	margin-top: 0;
}
/*********** CAJA OBSERVACIONES ***************/
#contenido .cajaResumen .observaciones > h3 {
	border: none;
}
.cajaResumen.observaciones textarea {
	width: 100%;
}
/*********** CAJA DOCUMENTOS ADJUNTOS  ***************/
.cajaResumen.documentosAdjuntos th {
	font-size: 14px;
	padding: 5px;
}
.cajaResumen.documentosAdjuntos td {
	padding: 4px;
}
#contenido div#paso04 h3.documentosAdjuntosObligatorios {
	background-color: var(--color-error-01);
	color: var(--color-texto-light-01);
}
/*********** RESTO CAJAS ***************/
.cajaResumen.observaciones, .cajaResumen.ordenCompra, .cajaResumen.codigoClub, .cajaResumen.codigoPromocional, .cajaResumen.regalosPromocionales, .cajaResumen.regalos {
	margin-bottom: 25px;
}
.cajaResumen.regalosPromocionales {
	padding-bottom: 0;
}
/***************************** Documentos adjuntos **************************/
ul.campos {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.campos > li {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 5px;
    vertical-align: bottom;
}
.campos > li:last-child {
    margin-bottom: 10px;
    margin-right: 0;
    vertical-align: bottom;
}
.campos label {
    display: block;
    font-size: 12px;
}
/************************************ 	PASO 5 ***************************************/
div.cajaFinal {
	padding: 30px;
	overflow: hidden;
	text-align: center;
}
#paso05 h2#paso5_h2 {
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 10px;
    margin-top: 0;
}
#paso05 h3#paso5_h3 {
	font-size: 40px; 
	margin: 100px 0 30px 0;
}
#contenido #paso05 h4 {
  text-align: center;
  margin-bottom: 35px;
}
#identificadorPedido {
	background-color: var(--color-fondo-secundario-01);
	padding: 20px 20px 0;
	text-align: center;
	overflow: hidden;
	max-width: 768px;
	margin: 25px auto;
	-webki-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#identificadorPedido ul {
    margin-bottom: 15px;
}
#identificadorPedido .campos label {
    text-transform: uppercase;
    font-size: 11px;
}
.cajaFinal > p {
	font-size: 14px;
	margin-bottom: 15px;
	margin-top: 0;
}
#email_pedido {
  margin: 5px;
}
#identificadorPedido p {
	font-weight: bold;
}
#identificadorPedido span.destacado {
	font-size: 18px;
	font-weight: bold;
	color: var(--color-texto-enfasis-01);
}
.impresionPedido {
	text-align: center;
}
#identificadorPedido .campos li:first-child {
    margin-right: 35px;
}
#identificadorPedido .campos li {
    margin-right: 20px;
}
.impresionPedido ul {
	margin-top: 0;
	margin-bottom: 10px;
}
.impresionPedido ul.campos li a {
  display: block;
}
#centro #contenido #btn_imprimirPedido.lnkBotonVerde.destacado {
	font-size: 14px;
	background-color: var(--color-fondo-dark-01);
	padding: 10px 30px;
}
/************************************ 	JQUERY ALERT  (CAPA HACER CONTRAOFERTA)  ***************************************/
#titcontraoferta {
    background-color: var(--color-fondo-dark-01);
    background-position: 10px center;
    background-repeat: no-repeat;
    color: var(--color-texto-light-01);
	font-size: 18px;
	font-weight: bold;
	padding: 15px 30px 10px 30px;
}
.fc_contenido-contraoferta {
    padding: 20px;
    overflow: hidden;
    width: 700px;
}
.fc_datosProducto {
    float: left;
    width: 48%;
}
.fc_datosOferta {
    float: right;
    width: 48%;
}
.fc_imgPrincipal {
    max-height: 300px;
    overflow: hidden;
}
.fc_fotoPrincipal {
    height: auto;
    max-width: 100%;
}
.fc_nombreProducto {
    color: var(--color-texto-enfasis-01);
    font-size: 18px;
    margin: 15px 0;
}
.fc_precioActual {
    background-color: var(--color-fondo-secundario-01);
    padding: 15px;
}
.tit_precioActual {
    color: var(--color-texto-enfasis-01);
    display: block;
    font-size: 10px;
    text-transform: uppercase;
}
.fc_nota {
    margin: 15px 0;
}
.fc_datosUser {
    margin-bottom: 20px;
}
.fc_datosUser input {
    width: 100%;
}
.fc_contraoferta::after {
    color: var(--color-texto-enfasis-01);
    content: "\020ac";
    display: inline-block;
    font-size: 42px;
    font-weight: 500;
}
.fc_contraoferta {
    border: 1px solid var(--color-borde-primario-01);
}
.fc_contraoferta > label {
    display: block;
    text-transform: uppercase;
    color: var(--color-texto-enfasis-01);
}
.fc_contraoferta > input {
    color: var(--color-texto-enfasis-01);
    font-size: 60px;
    font-weight: 700;
    line-height: 120%;
    padding: 0 10px;
    text-align: right;
    width: 90%;
    border: 1px solid var(--color-borde-light-01);
}
.fc_contraoferta > input::-webkit-input-placeholder {
    color: var(--color-fondo-secundario-03);
    font-weight: normal;
    font-size: 18px;
    text-align: left;
}
.fc_contraoferta > input::-moz-placeholder {
    color: var(--color-fondo-secundario-03);
    font-weight: normal;
    font-size: 18px;
    text-align: left;
}
a.fc_botonPrincipal {
    background-color: var(--color-fondo-dark-01);
    color: var(--color-texto-light-01);
    display: block;
    font-size: 12px;
    font-weight: 500;
    padding: 15px 25px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 20px;
}
a.fc_botonPrincipal:hover {
    color: var(--color-texto-light-01);
    text-decoration: none;
}
.fc_datosUser input[readonly=""] {
    border-left: medium none;
    border-right: medium none;
    border-top: medium none;
    color: rgb(51, 51, 51);
    font-size: 16px;
    padding: 0;
}
/************************************ 	JQUERY ALERT  (FANCY ENTRADA)  ***************************************/
#jquery_alert {
    max-width: 50%;
    overflow: hidden;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .6);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .6);
}
#texto_fancy_box {
    padding: 40px 20px 20px;
}
#jquery_alert #texto_fancy_box img {
    max-width: 100%;
    height: auto !important;
}
/********************************* 	PAGINA ANYADIR PRODUCTO A CESTA CON PRODUCTOS RELACIONADOS  ******************************/
#body_pagina_productos_relacionados #centro {
    padding: 0 20px;
}
#anyadirProducto {
    border: 1px solid var(--color-borde-primario-01);
    padding: 40px 20px 20px 20px;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
}
#titanyadirPoducto {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 400;
    padding: 5px 15px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: var(--color-fondo-secundario-01);
}
#anyadirProducto > ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	gap: 20px 30px;
	justify-content: center;
}
#anyadirProducto ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.referencia-producto {
    font-size: 12px;
}
.nombre-producto {
    color: var(--color-texto-enfasis-01);
    display: block;
    font-weight: 700;
    font-size: 16px;
}
#anyadirProducto ul li.datos-producto ul {
    font-size: 12px;
}
.pvp-producto {
    display: block;
    font-size: 16px;
    color: var(--color-texto-enfasis-01);
    font-weight: 700;
    line-height: 1;
}
.iva-producto {
    font-size: 12px;
}
#anyadirProducto > ul li.boton-cesta {
    margin-right: 0;
}
/************************************ 	JQUERY ALERT  (CAPA ANYADIR PRODUCTO A CESTA)  ***************************************/
#jquery_alert {
	display: none;
	position: absolute;
	background-color: var(--color-fondo-light-01);
	padding: 0;
	z-index: 999996;
	min-height: 200px;
	min-width: 200px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}
#jquery_background {
	display: none;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-color: var(--color-fondo-dark-01);
	z-index: 999995;
	cursor: url("../images/iconos/ico_close.svg"), auto;
}
#nuevoProducto > div {
	background-color: var(--color-fondo-dark-01);
	color: var(--color-texto-light-01);
	font-size: 18px;
	font-weight: bold;
	padding: 10px 60px 10px 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
table#nuevoProducto {
	margin: 15px auto;
	width: 95%;
}
table#nuevoProducto td {
	vertical-align: top;
	padding: 10px;
}
table#nuevoProducto td.imagenProducto {
    padding-left: 0;
}
table#nuevoProducto td.presioProducto {
    padding-right: 0;
    min-width: 150px;
}
td.datosProducto {
	width: 400px;
}
td.datosProducto .nombreProducto {
	color: var(--color-texto-enfasis-01);
	font-size: 18px;
	padding: 0;
	line-height: 120%;
}
td.datosProducto .referencia, td.datosProducto .codigo_barras {
	color: var(--color-texto-estandar-01);
	font-size: 11px;
}
.presioProducto > div {
	padding: 15px;
}
.tit_total {
	color: var(--color-texto-enfasis-01);
	display: block;
	font-size: 10px;
	text-transform: uppercase;
	margin-bottom: 10px;
	text-align: right;
}
.pvpTotal {
	color: var(--color-texto-enfasis-01);
	display: block;
	font-size: 30px;
	font-weight: bold;
	text-align: right;
}
.iva {
	color: var(--color-texto-estandar-01);
	display: block;
	font-size: 30px;
	text-align: right;
	font-size: 10px;
}
td.datosProducto ul {
	padding: 0;
	margin: 15px 0 0;
}
td.datosProducto ul li {
	color: var(--color-texto-estandar-01);
	display: block;
	float: left;
	font-size: 11px;
	margin-bottom: 7px;
	margin-right: 20px;
}
td.datosProducto ul li span {
	color: var(--color-texto-enfasis-01);
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
}
table#navegacion {
	margin: 15px auto;
	width: 95%;
}
#nuevoProducto > p {
	color: var(--color-texto-estandar-01);
	font-size: 12px;
	margin-bottom: 35px;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
}
.botonSeguir {
	text-align: left;
	padding: 10px 0;
}
.botonVer {
	text-align: right;
	padding: 10px 0;
	white-space: nowrap;
}
.botonSeguir > a, .botonVer > a {
    color: var(--color-texto-light-01);
    font-size: 12px;
    font-weight: 500;
    padding: 10px 15px;
    text-transform: uppercase;
}
.botonSeguir > a {
    background-color: var(--color-fondo-secundario-03);
}
.botonSeguir > a:hover {
	background-color: var(--color-enlace-secundario-01);
	color: var(--color-texto-light-01);
}
.botonVer > a {
	background-color: var(--color-enlace-principal-01);
}
.botonVer > a:hover {
	background-color: var(--color-enlace-secundario-01);
	color: var(--color-texto-light-01);
}
.botonSeguir > a:hover, .botonVer > a:hover {
	text-decoration: none;
}
/************************************ 	JQUERY ALERT  (CAPA SU PEDIDO SE ESTA PROCESANDO)  ***************************************/
#alertaJquery > div:first-child {
    background-color: var(--color-fondo-dark-01);
    color: var(--color-texto-light-01);
    font-size: 18px;
    font-weight: 500;
    padding: 30px 40px;
    text-align: center;
	min-height: 200px;
	min-width: 200px;
}
#alertaJquery > div#titpedidoProcesando {
    min-height: inherit;
    padding: 10px;
}
table#alertaJquery {
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	width: 600px;
}
table#alertaJquery td {
	padding: 10px;
}
table#alertaJquery td p {
	color: var(--color-texto-secundario-01);
	font-size: 12px;
	margin: 0 auto 35px;
	width: 95%;
	text-align: center;
}
table#alertaJquery td.datosalertaLargaJquery p.descripcion {
	color: var(--color-texto-enfasis-01);
	font-size: 18px;
	font-weight: bold;
	padding: 0;
	margin-bottom: 20px;
}
table#alertaJquery  td.datosalertaLargaJquery p {
	margin: 0 auto 20px;
	width: 75%;
}
table#alertaJquery td.datosalertaJquery p.descripcion {
	color: var(--color-texto-enfasis-01);
	font-size: 18px;
	font-weight: bold;
	padding: 0;
	line-height: 120%;
	padding-top: 80px;
	margin-bottom: 10px;
	background-image: url("../images/loading-circles.gif");
	background-repeat: no-repeat;
	background-position: center top;
}
/*#####################################################################################################*/
/*										FANCY GENERICA						   				   		   */
/*#####################################################################################################*/
.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.fancybox-skin {
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}
/************************************ 	DATOS PASARELA PAGO  ***************************************/
#AP_datosTarjeta {
	float: left;
	width: 50%;
	padding-bottom: 10px;
	padding-top: 10px;
}
#AP_datosTarjeta td.campos {
	padding-left: 0;
	width: 70%;
	text-align: left;
}
#AP_datosDireccion {
	background-color: var(--color-fondo-secundario-01);
	float: left;
	width: 50%;
	padding-bottom: 10px;
	padding-top: 10px;
}
#AP_datosDireccion td.campos {
	padding-left: 0;
	width: 70%;
	text-align: left;
}
/************************************ 	LOGIN  ***************************************/
div.accesoUsuarios {
    margin-bottom: 20px;
}
ul.datosAcceso {
	margin: 0 0 10px;
	padding:0;
}
ul.datosAcceso li {
	list-style-type:none;
	display:inline-block;
	margin-right:5px;
}
ul.datosAcceso li label {
	display: block;
	font-size:14px;
}
ul.datosAcceso li.sinlabel {
	vertical-align:bottom;
	clear: both;
}
.olvido > a, .nuevoRegistro > a {
	font-size: 12px;
}
div.accesoUsuarios p {
    font-size: 12px;
}
#descripcion_iniciar_sesion {
	margin-bottom: 10px;
	font-size: 12px;
}
/************************************ 	REGISTRO  ***************************************/
#cabecera_registro {
	padding: 0 0 2% 0;
}
#cabecera_registro > img {
    max-width: 100%;
	height: auto;
}
/************************************ 	REGISTRO DINAMICO  ***************************************/
.email-disponible {
    background-color: #dbecde;
    color: #4c7453;
	position: relative;
}
.email-disponible:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-bottom-color: #dbecde;
	border-width: 10px;
	margin-left: -10px;
}
.email-error {
	background-color: #F9CECE;
	color: #9F3F3F;
	position: relative;
}
.email-error:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-bottom-color: #F9CECE;
	border-width: 10px;
	margin-left: -10px;
}
.registro-dinamico {
    font-size: 11px;
    padding: 10px;
    text-align: center;
}
#condiciones-registrodinamico {
    margin-top: 10px;
}
#baseboton-registrodinamico {
	text-align: right;
}
/************************************ 	RECORDAR CONTRASENYA  ***************************************/
#recordar_contrasenya fieldset {
    max-width: 540px;
	background-color: transparent;
	padding: 0;
}
#recordar_contrasenya label {
    float: none;
}
#recordar_contrasenya #email {
    width: calc(100% - 120px);
    font-size: 16px;
    padding: 6px 15px;
    vertical-align: middle;
}
#envio-email-contrasenya {
    width: 120px;
    vertical-align: middle;
}
/************************************ 	LOADING  ***************************************/
.loading {
	margin: 20px 0 20px 0;
	text-align: center;
}
/************************************ 	CAMPOS DINAMICOS  ***************************************/
dl.camposDinamicos {
	overflow: hidden;
	clear: both;
	margin: 0;
}
dl.camposDinamicos dt {
    clear: both;
    color: var(--color-texto-enfasis-01);
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}
dl.camposDinamicos dd {
    margin: 0 0 10px;
    float: left;
    font-size: 12px;
}
dl.camposDinamicos dd span {
	display: block;
}
dl.camposDinamicos a {
	padding: 1px 0 1px 22px;
	font-size: 12px;
}
dl.camposDinamicos dt img {
    margin-right: 5px;
    max-height: 36px;
    float: left;
}
/************************************ 	PARRILLA TIPOS DE PRODUCTO  ***************************************/
.tipo {
    display: inline-block;
    vertical-align: top;
    width: 25%;
}
.tipo > img {
    height: auto;
    max-width: 100%;
}
.tipo ul {
    padding: 0 25px 0 0;
}
.tipo li {
    background-image: url("../images/arrow-right.svg");
    background-position: left 2px;
    background-repeat: no-repeat;
    background-size: 12px auto;
    list-style: outside none none;
    padding-left: 14px;
    text-align: left;
}
.tipo li:first-child {
    background-image: none;
    font-weight: 600;
    padding-left: 0;
}
.tipo li a {
    color: var(--color-texto-estandar-01);
}
.tipo li:first-child a {
    color: var(--color-texto-enfasis-01);
}
/************************************ 	SECCION MEGAMENU  ***************************************/
.menuGenerico ul {
    list-style-type: none;
    padding: 0;
}
.menuGenerico .dropdown-menu {
    position: relative;
    top: inherit;
    left: inherit;
    z-index: inherit;
    display: block;
    float: none;
    min-width: inherit;
    padding: 5px 0;
    margin: 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: var(--color-fondo-light-01);
    -webkit-background-clip: inherit;
    background-clip: inherit;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
}
.menuGenerico > ul > li {
    margin-top: 40px;
}
.menuGenerico li > a {
    color: var(--color-texto-enfasis-01);
    font-size: 24px;
    font-weight: bold;
}
.menuGenerico li li a {
    color: var(--color-texto-estandar-01);
    font-size: 14px;
    font-weight: normal;
    display: block;
    padding: 3px 15px 3px 0;
    clear: both;
    line-height: 20px;
    white-space: nowrap;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
}
.menuGenerico li li a span {
    background-repeat: no-repeat;
    background-image: url("../images/bullet-arrow.svg");
    background-size: 14px auto;
    background-position: 0 2px;
    padding-left: 13px;
}
/************************************ 	SECCION TAGS  ***************************************/
.seccion-tags .nube_tags {
    display: inline-block;
    padding: 0;
}
.seccion-tags .nube_tags > a {
    font-size: 14px;
    margin: 0 7px 7px 0;
    padding: 5px 20px;
}
.seccion-tags a:hover {
    color: var(--color-texto-enfasis-01);
    text-decoration: none;
}
.seccion-tags {
    overflow: hidden;
}
.seccion-tags a {
    color: var(--color-texto-estandar-01);
}
.seccion-tags a span {
    text-align: center;
    display: block;
    margin-top: 5px;
}
.seccion-tags .capa-logo {
	border: none;
}
/************************************ 	PARRILLA MARCAS  ***************************************/
.marcas {
	margin: 0 auto 3%;
}
.contenedor-marcas {
	border-top: 1px solid var(--color-borde-primario-01);
	border-left: 1px solid var(--color-borde-primario-01);
	overflow: hidden;
}
.marcas .bx-wrapper {
    margin-bottom: 0;
}
.capa-logo {
	border-right: 1px solid var(--color-borde-primario-01);
	border-bottom: 1px solid var(--color-borde-primario-01);
	padding: 15px !important;
	height: 130px;
	text-align: center;
	  -ms-display: flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
div[id^="div_letras_parrilla_"] {
    border-left: 1px solid var(--color-borde-primario-01);
    border-top: 1px solid var(--color-borde-primario-01);
    overflow: hidden;
}
.capa-logo a {
    color: var(--color-texto-estandar-01);
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.2;
    font-size: 12px;
}
.capa-logo a:hover {
    color:var(--color-texto-enfasis-01);
	text-decoration:none;
}
.capa-logo img {
	max-width: 100% !important;
	height: auto !important;
	margin: 0 auto;
	max-height: 70px;
}
.marcas .bx-pager.bx-default-pager {
    display: none;
}
/*LIGHT BOX -----*/
.lightbox-demo {
	width: 80%;
	margin: 30px auto;
	border: 1px solid var(--color-borde-secundario-01);
	padding: 20px 30px;
	border-top: 6px solid var(--color-borde-secundario-01);
	-moz-box-shadow: 0 2px 5px var(--color-fondo-secundario-01);
	-webkit-box-shadow: 0 2px 5px var(--color-fondo-secundario-01);
	box-shadow: 0 2px 5px var(--color-fondo-secundario-01);
}
.submarcas {
	width: 650px;
	padding: 15px;
	border: 1px solid var(--color-fondo-dark-01);
	border-top: 10px solid var(--color-fondo-dark-01);
	max-width: 100%;
}
.contenedor-submarcas {
	border-top: 1px solid var(--color-borde-secundario-01);
	border-left: 1px solid var(--color-borde-secundario-01);
	overflow: hidden;
	margin: 0 0 10px;
}
.titulo-submarcas {
	text-align: center;
	padding: 0 10px 20px;
	color: var(--color-texto-enfasis-01);
}
.herramientas-submarcas {
	background: var(--color-borde-secundario-01);
	padding: 5px 10px;
}
/************************************ 	CARRUSEL MARCAS  ***************************************/
.bx-viewport .contenedor-marcas, .bx-viewport .capa-logo {
    border: none;
}
/************************************ 	WISHLIST  ***************************************/
.botonWishList {
    float: right;
    display: block;
    width: 24px;
    height: 24px;
    margin-top: 10px;
}
.botonWishList.botonWishListFicha {
    float: right;
}
.botonWishListFicha, .enlace_cabecera_wishlist {
    display: block;
    float: left;
    width: 24px;
    height: 24px;
}
.botonWishListFicha.no, .enlace_cabecera_wishlist.no, .botonWishListFicha:hover, .enlace_cabecera_wishlist.no:hover, .botonWishListFicha.si, .enlace_cabecera_wishlist.si {
	background-size: 24px auto;
}
.botonWishListFicha.no, .enlace_cabecera_wishlist.no {
	background: url("../images/iconos/wish-line.svg") no-repeat center;
}
.botonWishListFicha:hover, .enlace_cabecera_wishlist.no:hover {
	background: url("../images/iconos/wish-line_over.svg") no-repeat center;
	cursor: pointer;
}
.botonWishListFicha.si, .enlace_cabecera_wishlist.si {
	background: url("../images/iconos/wish-fill.svg") no-repeat center;
}
.enlace_cabecera_wishlist {
    float: none;
    display: inline-block;
    background-size: 14px !important;
    vertical-align: bottom;
    background-position: center bottom !important;
}
/************************************ 	BANNERS EN LISTADOS  ***************************************/
ul.carrusel_banners li img {
    width: 100%;
    height: auto;
}
.carrusel_banners div div {
    display: none;
}
/************************************ 	COLORES EN LISTADOS  ***************************************/
ul.listado_colores_producto {
    list-style: none;
    padding: 0;
    text-align: center;
}
ul.listado_colores_producto li {
    display: inline-block;
    margin: 3px;
    vertical-align: top;
}
ul.listado_colores_producto li img {
    max-width: 24px;
    max-height: 24px;
}
.colores_li_element {
    width: 24px;
    height: 24px;
    -moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	-ms-border-radius: 30px;
    border: 1px solid var(--color-borde-primario-01);
}
/*#####################################################################################################*/
/*										ajaxtabs.css 								   				   */
/*#####################################################################################################*/
.shadetabs {
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 0;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
	padding: 3px 0;
}
.shadetabs li {
	display: inline;
	margin: 0;
	font-size: 10px;
	padding: 0;
}
.shadetabs li a {
	text-decoration: none;
	border: 1px solid var(--color-borde-primario-01);
	color: var(--color-texto-secundario-01);
	padding: 4px 7px 3px;
	margin: 0;
	background-color: var(--color-fondo-light-01);
	background-image: url(../images/bg_pestanyaFicha.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.shadetabs li a:visited {
	color: var(--color-texto-secundario-01);
	text-decoration: none;
}
.shadetabs li a:hover {
	text-decoration: none;
	color: var(--color-texto-secundario-01);
}
.shadetabs li.selected {
	position: relative;
	top: 1px;
}
.shadetabs li.selected a { /*selected main tab style */
	background-image: url(shadeactive.gif);
	border-bottom-color: var(--color-borde-light-01);
}
.shadetabs li.selected a:hover { /*selected main tab style */
	text-decoration: none;
}
.contentstyle {
	margin-bottom: 30px;
	padding: 10px 0 0;
}
div.imagen, div.datosFicha {
	float: left;
	width: 50%;
	margin-bottom: 40px;
}
div.ficha {
	font-size: 12px;
}
#contenido h1#nombreProducto {
    text-align: left;
}
#contenido_textos_avanzados_apilados, #contenido_textos_avanzados_pestanyas, .datosProducto {
    clear: both;
    overflow: hidden;
}
#contenido_textos_avanzados_pestanyas, #contenido_textos_avanzados_apilados {
    margin-bottom: 40px;
}
#contenido_textos_avanzados_apilados p {
    font-size: 14px;
}
div.descripcionLarga p:first-child, div.descripcionTecnica p:first-child {
    margin-top: 0;
}
div#contenido_textos_avanzados_pestanyas_movil.movil {
    clear: both;
}
div#contenido_textos_avanzados_pestanyas_movil.movil .boton {
    border-bottom: 1px solid var(--color-borde-primario-01);
    padding: 5px 0;
    font-size: 14px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center right;
    background-size: auto 10px;
    background-image: url(/mediap/images/flecha_abajo.svg);
    text-transform: uppercase;
}
div#contenido_textos_avanzados_pestanyas_movil.movil .boton:hover {
    background-color: transparent;
    color: var(--color-texto-enfasis-01);
}
div#contenido_textos_avanzados_pestanyas_movil.movil .boton.activo {
    background-image: url(/mediap/images/flecha_arriba.svg);
}
#div_textos_avanzados_pestanyas_descripcion_larga li, #div_textos_avanzados_pestanyas_descripcion_tecnica li {
    display: list-item;
}
.familiasRelacionadas, .fechaLanzamiento, div#descargas, div#enlaces {
    clear: both;
    margin-bottom: 15px;
    overflow: hidden;
}
.familiasRelacionadas a {
    background-color: var(--color-borde-secundario-01);
    border-radius: 20px;
    color: var(--color-texto-estandar-01);
    display: block;
    float: left;
    font-size: 12px;
    margin: 3px 6px 3px 0;
    padding: 4px 15px;
}
.familiasRelacionadas a:hover {
    background-color: var(--color-borde-secundario-01);
    text-decoration: none;
}
.familiasRelacionadas p {
    overflow: hidden;
    margin: 0;
}
/********************************* AGRUPADORES DE TAGS *****************************/
#bloqueTagsAgrupados.familiasRelacionadas {
    margin-bottom: 5px;
}
.bloqueAgrupadores {
    padding: 0;
    list-style: none;
    margin: 0;
}
.tagsAgrupados {
    padding: 0;
    list-style: none;
    margin: 0;
}
.tagsAgrupados li {
    display: inline-block;
    margin-right: -3px;
}
.agrupadorTag {
    margin: 5px 10px 5px 0;
    display: inline-block;
}
.fechaLanzamiento p, .finOferta p {
    margin: 0;
}
table.ficha td.descripciones_formativos {
	padding-bottom: 0;
}
.familiasRelacionadas p, .fechaLanzamiento p, .fechaPrelanzamiento p, .fichaMarca p, .camposDinamicos p, .descargas p {
	margin-top: 0;
	font-size: 12px;
}
table.ficha ul {
	list-style-image: url(../images/bullet01.gif);
	list-style-type: none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 25px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
table.ficha td.precio {
	background-color: var(--color-fondo-secundario-01);
	padding-right: 10px;
	padding-left: 10px;
	font-size: 0.7em;
	color: var(--color-texto-enfasis-01);
	font-weight: normal;
	padding-top: 2px;
	padding-bottom: 10px;
	margin-top: 2px;
	margin-bottom: 2px;
	line-height: 1.7em;
}
table.ficha .celdaDescripcion {
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: var(--color-borde-primario-01);
	padding-left: 15px;
	padding-bottom: 15px;
}
table.ficha tr.filaComentarios {
	background-color: var(--color-borde-primario-01);
}
table.ficha .filaComentarios td {
	padding-left: 10px;
	color: var(--color-texto-enfasis-01);
	padding-bottom: 5px;
}
table.ficha .filaComentarios .fichaPuntuacion {
	font-weight: bold;
	color: var(--color-texto-enfasis-01);
}
.filaComentarios {
    background-color: var(--color-fondo-secundario-01);
    font-size: 12px;
    margin-bottom: 8px;
    margin-top: 10px;
    padding: 8px 10px 10px;
    overflow: hidden;
}
.descripciones p {
	margin-top: 0;
}
.valoraciones {
	float: right;
	text-align: right;
	font-size: 11px;
}
.val_prod_listado {
    text-align: center;
}
.stars img, .usuario img, .estrellas_listado img {
    max-width: 16px;
    display: inline-block;
}
.val_total_listado {
    font-size: 11px;
}
div.opinion:last-child {
    border: medium none;
}
div.opinion {
    border-bottom: 1px solid var(--color-borde-primario-01);
    padding-bottom: 10px;
    padding-top: 10px;
}
div.opinion div.usuario {
    margin-bottom: 0;
    margin-top: 5px;
    font-size: 12px;
}
.usuario div {
    display: inline-block;
    vertical-align: top;
}
.valoracion-numerica {
    padding-top: 2px;
    margin-left: 10px;
}
div.opinion p {
	margin-top: 3px;
	font-size: 12px;
	margin-bottom: 0;
}
div.opinion div.usuario > strong {
    color: var(--color-texto-enfasis-01);
    vertical-align: middle;
}

table.ficha td.opinion {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: var(--color-borde-primario-01);
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 8px;
	padding-top: 8px;
}
div.precio {
	background-color: var(--color-fondo-secundario-01);
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 5px 10px;
}
#cuadroPrecio span.consultar {
	font-size: 18px;
}
p.referencia, p.codigo_barras {
	font-size: 11px;
	margin: 0;
	padding: 0;
}
p.bajoFoto {
	font-size: 10px;
	margin-left: 20px;
}
.txtVerde {
	color: var(--color-success-02);
}
.txtRojo {
	color: var(--color-error-01);
}
/*//////////////////////////////// ACTIVIDADES //////////////////////////////////////*/
.actividades .ficha {
    overflow: hidden;
}
.actividades div.imagen {
    float: left;
    width: 40%;
}
.actividades div.datosFicha {
    float: left;
    width: 60%;
	padding-left: 15px;
}
#contenido h3.descripcionproducto {
    color: var(--color-texto-estandar-01);
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 15px;
}
.ref {
    font-size: 12px;
	color: var(--color-texto-estandar-01);
	margin-bottom: 5px;
}
.ref > span {
    color: var(--color-texto-enfasis-01);
    font-weight: 700;
}
.resumenactividad {
    background-color: var(--color-fondo-secundario-01);
    font-size: 14px;
    padding: 20px;
    position: relative;
	margin-bottom: 10px;
}
.resumenactividad ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.estadoactividad {
    position: absolute;
    right: 20px;
    top: -10px;
	text-transform:uppercase;
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: var(--color-texto-light-01);
    padding: 3px 15px;
	font-size: 11px;
}
.estadoactividad.activo {
    background-color: var(--color-success-02);
}
#contenido .resumenactividad h2 {
    font-size: 14px;
}
#contenido .resumenactividad > h3 {
    color: var(--color-texto-estandar-01);
    font-size: 14px;
}
.fechas {
    background-image: url("../images/ico_fechas.png");
    background-position: left 2px;
    background-repeat: no-repeat;
    margin-top: 15px;
    padding-left: 22px;
}
.fechas li {
    display: inline-block;
    margin-right: 15px;
}
.fechas span {
    color: var(--color-texto-enfasis-01);
    display: block;
    font-weight: 700;
}
.ubicacion {
    background-image: url("../images/ico_ubicacion.png");
    background-position: 3px 2px;
    background-repeat: no-repeat;
    margin-top: 15px;
    padding-left: 22px;
}
.aforo {
    background-image: url("../images/ico_aforo.png");
    background-position: left 2px;
    background-repeat: no-repeat;
    margin-top: 15px;
    padding-left: 22px;
}
.aforo li {
    display: inline-block;
    margin-right: 15px;
}
.aforo span {
    color: var(--color-texto-enfasis-01);
    font-weight: 700;
}
.cuadroprecioActividad {
    margin-bottom: 20px;
    text-align: right;
}
.foto_principal {
    overflow: hidden;
}
.descripciones_formativos {
    margin-bottom: 15px;
}
/* JQUERY HOVER IMAGES WITH CSS*/
.img_css{
	position:relative;
	top:0;
	left:0;
}

/*//////////////////////////////// TEXTO PIE AUXILIAR //////////////////////////////////////*/
.texto_pie_auxiliar {
	background: rgba(251, 251, 251, 0.9) none repeat scroll 0 0;
	bottom: 15px;
	color: var(--color-texto-estandar-01);
	font-size: 11px;
	right: 15px;
	padding: 30px;
	position: fixed;
	text-align: left;
	max-width: 450px;
	z-index: 9999;
	border: 1px solid var(--color-borde-primario-01);
}
button.closeover {
	background-image: url("../images/aspa.png");
	background-repeat: no-repeat;
}
.texto_pie_auxiliar p, .texto_pie_auxiliar div {
	width: 95%;
}
.texto_pie_auxiliar button, .texto_fancy_box button {
	border: medium none;
	color: var(--color-texto-enfasis-01);
	cursor: pointer;
	margin: 0 10px;
	position: absolute;
	right: 0;
	top: 10px;
	background-image: url("../images/aspa.png");
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
	filter: alpha(opacity=50);
	-moz-opacity: .50;
	opacity: .50;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
/*#####################################################################################################*/
/*										tooltip.css											   		   */
/*#####################################################################################################*/

#dhtmltooltip {
	position: absolute;
	left: -300px;
	border: 1px dotted var(--color-borde-secundario-01);
	padding: 5px;
	background-color: var(--color-fondo-light-01);
	visibility: hidden;
	z-index: 1000;
	-webkit-box-shadow: 20px 20px 20px rgba(0, 0, 0, .15);
	-moz-box-shadow: 20px 20px 20px rgba(0, 0, 0, .15);
	box-shadow: 20px 20px 20px rgba(0, 0, 0, .15);
}
#dhtmlpointer {
    display: none;
}
#dhtmltooltip table {
	background-color: var(--color-fondo-light-01);
	font-family: var(--font-familiy-standard);
}
#dhtmltooltip table td {
	padding: 2px;
	font-size: 10px;
	color: var(--color-texto-enfasis-01);
	border-bottom: 2px solid var(--color-borde-light-01);
}
#dhtmltooltip table td.datos {
	font-size: 12px;
	color: var(--color-texto-estandar-01);
	text-align: left;
	padding-left: 4px;
}
#dhtmltooltip table th {
	font-size: 13px;
	color: var(--color-texto-enfasis-01);
	background-color: var(--color-fondo-light-01);
	text-align: left;
	padding: 2px 2px 5px 2px;
}
/*#####################################################################################################*/
/*										jquery.lightbox-0.5.css 					   				   */
/*#####################################################################################################*/
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img {
	border: none;
}
#lightbox-container-image-data-box, #lightbox-container-image-box {
	max-width: 97%;
	height: auto !important;
}
#lightbox-container-image-box {
	position: relative;
	background-color: var(--color-fondo-light-01);
	width: 250px;
	height: 250px;
	margin: 0 auto;
	overflow: hidden;
	-webkit-border-bottom-left-radius: 12px;
    -webkit-border-bottom-right-radius: 12px;
	-moz-border-bottom-left-radius: 12px;
    -moz-border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}
#lightbox-container-image {
    padding: 20px;
    background-color: var(--color-fondo-light-01);
}
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav {
	left: 0;
}
#lightbox-nav a {
	outline: none;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 10%;
	height: 10%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev {
	left: 0;
	float: left;
}
#lightbox-nav-btnNext {
	right: 0;
	float: right;
}
#lightbox-container-image-data-box {
	background-color: var(--color-fondo-light-01);
	margin: 0 auto;
	line-height: 1.4em;
	width: 100%;
	position:relative;
	min-height: 35px;
	-webkit-border-top-left-radius: 12px;
	-moz-border-top-left-radius: 12px;
	border-top-left-radius: 12px;
}
#lightbox-container-image-data {
	padding: 0 20px;
}
#lightbox-container-image-data #lightbox-image-details {
    float: left;
    padding: 7px 0;
    text-align: left;
    width: 100%;
}
#lightbox-image-details-caption {
    font-size: 12px;
    white-space: nowrap;
    width: calc(100% - 50px);
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
}
#lightbox-image-details-currentNumber {
    float: right;
    font-size: 11px;
    padding-left: 15px;
}
#lightbox-secNav {
    position: absolute;
    right: 0;
    top: 0;
}
#lightbox-secNav-btnClose {
    background-color: var(--color-fondo-dark-01);
    position: absolute;
    padding: 0;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    top: -16px;
    right: -18px;
    border: 3px solid #fff;
}
#lightbox-secNav-btnClose > img {
    width: 16px;
}
#lightbox-image {
    height: auto;
    max-width: 100%;
}
/*#####################################################################################################*/
/*										jquery.lightbox-0.5.css 					   				   */
/*#####################################################################################################*/

.sliderwrapper {
	position: relative; /*leave as is*/
	overflow: hidden;
	left: 0;
	clip: rect(0px,auto,auto,auto);
	z-index: 0;
}
.sliderwrapper .contentdiv {
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0;  /*leave as is*/
	top: 0;
	background-color: var(--color-fondo-light-01); /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height: 100%;
}
.textoSlide {
	position: absolute;
	z-index: 9999;
	line-height: 130%;
	background-color: var(--color-fondo-dark-01);
	margin: 0;
	padding: 15px 20px;
}
.textoSlide h1, .textoSlide h2 {
    font-size: 14px; 
    padding-bottom: 5px; 
    padding-top: 5px;
}
.textoSlide p {
    font-size: 12px; 
}
.frame01 {
	left: 20px;
	top: 20px;
	width: 400px;
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	opacity: .80;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.frame02 {
	left: 20px;
	top: 200px;
	width: 600px;
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	opacity: .80;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.frame03 {
	left: 500px;
	top: 20px;
	width: 400px;
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	opacity: .80;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.textoSlide a, .textoSlide a:hover {
	color: var(--color-texto-light-01);
	text-decoration: none;
	margin: 0;
	padding: 0;
}
.textoSlide h2 {
	margin: 0;
	padding: 0 0 10px;
	font-size: 16px;
	color: var(--color-texto-light-01);
}
.textoSlide p {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: var(--color-texto-light-01);
}
.pagination {
	text-align: center;
	position: absolute;
	z-index: 10000;
	background-color: var(--color-fondo-dark-01);
	padding-top: 3px;
	padding-bottom: 5px;
	filter: alpha(opacity=80);
	-moz-opacity: .60;
	opacity: .80;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
	bottom: 10px;
	right: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
.pagination a {
	text-decoration: none;
	color: var(--color-texto-light-01);
	font-size: 14px;
	padding-right: 3px;
	padding-bottom: 0;
	padding-left: 3px;
	font-weight: bold;
}
.pagination a:visited {
	text-decoration: none;
	color: var(--color-texto-light-01);
}
.pagination a:hover {
	color: var(--color-texto-light-01);
	background-color: var(--color-enlace-principal-01);
	text-decoration: none;
}
.pagination a.selected {
	color: var(--color-texto-light-01);
	background-color: var(--color-enlace-principal-01);
}
/*#####################################################################################################*/
/*										jqzoom_2.3.css 					   				   				   */
/*#####################################################################################################*/

.zoomPad {
	position: relative;
	z-index: 99;
	cursor: crosshair;
	height: 100%;
	display: flex;
    justify-content: center;
	align-items: center;
}
.zoomPreload {
	-moz-opacity: 0.8;
	opacity: 0.8;
	filter: alpha(opacity = 80);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	color: var(--color-texto-enfasis-01);
	font-size: 12px;
	font-family: Tahoma;
	text-decoration: none;
	border: 1px solid var(--color-borde-primario-01);
	background-color: var(--color-fondo-light-01);
	padding: 8px;
	text-align: center;
	background-image: url(../images/zoomloader.gif);
	background-repeat: no-repeat;
	background-position: 43px 30px;
	z-index: 110;
	width: 90px;
	position: absolute;
	top: 0;
	left: 0;
}
.zoomPup {
	overflow: hidden;
	background-color: var(--color-fondo-light-01);
	opacity: .6;
    filter: alpha(opacity=60);
	-moz-opacity: .60;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	z-index: 120;
	position: absolute;
	border: 1px solid var(--color-borde-primario-01);
	z-index: 101;
	cursor: crosshair;
}
.zoomOverlay {
	position: absolute;
	left: 0;
	top: 0;
	background-color: var(--color-fondo-light-01);
	z-index: 5000;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 101;
}
.zoomWindow {
	position: absolute;
	left: 110% !important;
	top: 40px;
	background-color: var(--color-fondo-light-01);
	height: auto;
	z-index: 10000;
	-webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15);
}
.zoomWrapper {
	position: relative;
	border: 1px solid var(--color-borde-primario-01);
	z-index: 110;
}
.zoomWrapperTitle {
	display: none !important;
	background-color: var(--color-fondo-secundario-03);
	color: var(--color-texto-light-01);
	height: 18px;
	line-height: 18px;
	width: 100%;
	overflow: hidden;
	text-align: center;
	font-size: 10px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 120;
	opacity: .6;
    filter: alpha(opacity=60);
	-moz-opacity: .60;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
.zoomWrapperImage {
	display: block;
	position: relative;
	overflow: hidden;
	z-index: 110;
}
.zoomWrapperImage img {
	border: 0;
	display: block;
	position: absolute;
	z-index: 101;
}
.zoomIframe {
	z-index: -1;
	filter: alpha(opacity=0);
	-moz-opacity: 0.80;
	opacity: 0.80;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	position: absolute;
	display: block;
}
/*********************************************************
/ When clicking on thumbs jqzoom will add the class
/ "zoomThumbActive" on the anchor selected
/*********************************************************/


/*#####################################################################################################*/
/*										cesta-top.css				   				   				   */
/*#####################################################################################################*/

/*//////////////////////// CESTA TOP /////////////////////////*/
#cestaTop, #deseoTop {
	position: absolute;
	padding: 10px;
	overflow: hidden;
	z-index: 890;
}
#cestaAbierta {
	display: none;
	text-align: center;
}
#loginTop {
	overflow: hidden;
	font-size: 11px;
	margin-bottom: 5px;
}
#user {
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 140px;
    white-space: nowrap;
}
#botones {
	text-align: right;
}
#cesta {
    width: 400px;
    font-size: 11px;
    overflow: hidden;
    background-color: var(--color-borde-secundario-01);
}
#cesta a {
	display: block;
	padding: 6px 24px 6px 10px;
	background-repeat: no-repeat;
	background-position: right center;
	cursor:pointer !important;
	color:var(--color-texto-estandar-01);
	background-image: url(../images/cesta_top/cesta-close.svg);
}
#cesta a:hover {
	color: var(--color-texto-enfasis-01);
	text-decoration: none;
}
#cesta a > span:first-child {
	text-transform: uppercase;
}
#cesta a > span:nth-child(2)::before {
    content: "(";
}
#cesta a > span:nth-child(2)::after {
    content: ")";
}
#cestaTop #cesta.activo a {
	background-repeat: no-repeat;
	background-position: right center;
	cursor:pointer !important;
}
/*////// cesta abierta //////*/ 
#cestaTop.activo {
	background-color: var(--color-fondo-light-01);
	-webkit-box-shadow: 12px 12px 20px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 12px 12px 20px rgba(0, 0, 0, 0.15);
	box-shadow: 12px 12px 20px rgba(0, 0, 0, 0.15);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
#cestaTop.activo #cestaAbierta {
	display: inherit;
}
#cestaTop.activo #cesta a, #cestaTop.activo #cesta a:hover {
	background-image: url(../images/cesta_top/cesta-open.svg);
	background-repeat: no-repeat;
	background-position: right center;
	cursor: pointer;
}
/*/// Cesta abierta ///*/
#cestaAbierta {
	margin-top: 10px;
}
#cestaProductos {
	width: 400px;
	max-height: 200px;
	overflow: auto;
	margin-bottom: 10px;
}
#cestaProductos ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#cestaProductos ul li {
	border-bottom: 1px solid var(--color-borde-secundario-01);
	padding: 10px 0;
	overflow: hidden;
}
#cestaProductos ul li div.descripcion {
	width: 55%;
	float: left;
	padding-right: 10px;
	min-height: 70px;
	text-align:left;
}
#cestaProductos ul li img {
	float: left;
	margin-right: 10px;
	max-width: 64px;
}
#cestaProductos ul li p {
	margin: 0;
	padding: 0;
	color: var(--color-texto-enfasis-01);
	font-size: 14px;
	line-height: 1.2;
	font-weight: bold;
}
#cestaProductos ul li p.ref, #cestaProductos ul li p.cantidad {
	font-size: 11px;
	color: var(--color-texto-estandar-01);
	font-weight: normal;
}
#cestaProductos ul li p.cantidad strong {
	font-weight: bold;
}
#cestaProductos ul li div.precio {
	width: 75px;
	float: right;
	text-align: right;
	padding: 0 10px 0 0;
	margin: 0;
	font-size: 14px;
	background: transparent;
	font-weight: bold;
	color: var(--color-texto-enfasis-01);
}
#cestaProductos ul li div.precio span {
	display: block;
	margin-bottom: 5px;
}
#cestaProductos ul li a.lnkEliminar {
	display: block;
	background-color: var(--color-error-01);
	background-image: none;
	color: var(--color-texto-light-01);
	font-size: 12px;
	padding: 5px;
    text-align: center;
}
#cestaProductos ul li a.lnkEliminar:hover {
    text-decoration: none;
}
#precioCesta, #cestaProductos {
    clear: both;
}
/*//////*/
#botonVerde {
	width: auto;
	float: left;
}
#botonVerde a {
	background-color: var(--color-enlace-principal-01);
	color: var(--color-texto-light-01);
	display: block;
	font-size: 12px;
	padding: 8px 15px 8px 15px;
	text-transform: uppercase;
}
#botonVerde a:hover {
	text-decoration: none;
}
#precioCesta {
	float: right;
	text-align: right;
	overflow: hidden;
}
#precioCesta p {
	font-weight: bold;
	color: var(--color-texto-enfasis-01);
	font-size: 16px;
	margin-bottom: 0;
	margin-top: 0;
	padding-bottom: 0;
}
#precioCesta p.pIVA {
	font-weight: normal;
	font-size: 10px;
	margin: 0;
	padding: 0;
}
#cestaProductos_pvpr {
	display: none;
}
#carteraCliente {
    text-align: right;
    padding-right: 5px;
}
/*#####################################################################################################*/
/*										ddsmoothmenu-top.css		   				   				   */
/*#####################################################################################################*/
.ddsmoothmenu {
	font-size: 12px;
	position: absolute;
	background-color: var(--color-fondo-dark-01);
	width: 100%;
	z-index: 99;
}
.ddsmoothmenu ul {
	z-index: 100;
	margin: 0;
	padding: 0;
	list-style-type: none;
	clear:both;
	text-align: left;
}
/*Top level list items*/
.ddsmoothmenu ul li {
	position: relative;
	display: inline-block;
}
* html .ddsmoothmenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}
#ul_menu_superior_desplegable_cms > li > img.downarrowclass { /*Para evitar que salga doble flecha en Chrome*/
	display: inherit;
}
a > .downarrowclass { /*Para evitar que salga doble flecha en Chrome*/
	display: none;
}
#submenu2 .downarrowclass, #submenu2_productos .downarrowclass {
    transform: rotate(-90deg);
}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited {
	color: var(--color-texto-light-01);
	display: block;
	padding: 8px 15px;
	text-decoration: none;
	background-color: var(--color-fondo-dark-01);
	border-right: 1px solid transparent;
}
.ddsmoothmenu ul li a.selected, .ddsmoothmenu ul li a.itemActual { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	color: var(--color-texto-light-01);
	background-color: var(--color-fondo-dark-01);
}
.ddsmoothmenu ul li a:hover {
	color: var(--color-texto-light-01);
	background-color: var(--color-fondo-dark-01);
	display: block;
	padding: 8px 15px;
	text-decoration: none;
}
/*1st sub level menu*/
.ddsmoothmenu ul li ul {
	position: absolute;
	left: 0;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
}
/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li {
	display: list-item;
	float: none;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul {
	top: 0;
}
/* Sub level menu links style */
.ddsmoothmenu ul li ul li a {
	width: 160px;
	margin: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: transparent;
	font-size: 12px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 15px;
}
/* Hack for chrome \*/
.ddsmoothmenu ul li ul:not(*:root) {
	overflow: inherit !important;
}
/* Holly Hack for IE \*/
* html .ddsmoothmenu {
	height: 1%;
} /*Holly Hack for IE7 and below*/
/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass {
	position: absolute;
	top: 14px;
	right: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.rightarrowclass {
	position: absolute;
	top: 10px;
	right: 5px;
}
/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	background-color: var(--color-fondo-dark-01);
	-webkit-box-shadow: 2px 2px 5px var(--color-fondo-dark-01);
	-moz-box-shadow: 2px 2px 5px var(--color-fondo-dark-01);
	box-shadow: 2px 2px 5px var(--color-fondo-dark-01);
	filter: shadow(color=var(--color-fondo-dark-01), direction=135, strength=2);
}
.toplevelshadow { /*shadow opacity. Doesn't work in IE*/
	opacity: .7;
    filter: alpha(opacity=70);
	-moz-opacity: .70;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.conSubmenu {
	padding-right: 23px;
}
/*#####################################################################################################*/
/*										ddsmoothmenu-v.css			   				   				   */
/*#####################################################################################################*/
.ddsmoothmenu-v ul {
	margin: 0;
	padding: 0;
	width: 170px; /* Main Menu Item widths */
	list-style-type: none;
	font: bold 12px Verdana;
	border-bottom: 1px solid var(--color-borde-primario-01);
}
.ddsmoothmenu-v ul li {
	position: relative;
}
/* Top level menu links style */
.ddsmoothmenu-v ul li a {
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	color: var(--color-texto-light-01);
	text-decoration: none;
	padding: 6px;
	border-bottom: 1px solid var(--color-texto-estandar-01);
	border-right: 1px solid var(--color-texto-estandar-01);
}
.ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active {
	background-color: var(--color-fondo-dark-01); /*background of menu items (default state)*/
	color: var(--color-texto-light-01);
}
.ddsmoothmenu-v ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	background-color: var(--color-fondo-dark-01);
	color: var(--color-texto-light-01);
}
.ddsmoothmenu-v ul li a:hover {
	background-color: var(--color-fondo-dark-01); /*background of menu items during onmouseover (hover state)*/
	color: var(--color-texto-light-01);
}
/*Sub level menu items */
.ddsmoothmenu-v ul li ul {
	position: absolute;
	width: 170px; /*Sub Menu Items width */
	top: 0;
	font-weight: normal;
	visibility: hidden;
}
/* Holly Hack for IE \*/
* html .ddsmoothmenu-v ul li {
	float: left;
	height: 1%;
}
* html .ddsmoothmenu-v ul li a {
	height: 1%;
}
/*#####################################################################################################*/
/*										collage						   				   				   */
/*#####################################################################################################*/
.fancybox-overlay {
  background-color: var(--color-fondo-dark-01);
  opacity: .7;
  cursor: url(../images/iconos/ico_close.svg),auto;
}
.am-wrapper{
	float:left;
	position:relative;
	overflow:hidden;
}
.am-wrapper img{
	position:absolute;
	outline:none;
}
section[id^="collage_"] div.bx-wrapper .slide img {
    height: 200px;
}
section[id^="collage_"] div .slide {
    width: auto !important;
}
/*#####################################################################################################*/
/*										AVISO DE COOKIES (2020)						   			   */
/*#####################################################################################################*/
.bloquear_entorno {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 99999999999 !important;
	background-color: var(--color-fondo-dark-01);
    opacity: .7;
}
.aviso_cookies #informacion_cookies, .aviso_cookies #mas_informacion_cookies {
    padding: 20px;
    z-index: 99999999999 !important;
    position: fixed;
    left: 50%;
    width: 400px;
    top: 50%;
    text-align: center;
    background-color: var(--color-fondo-light-01);
    height: 442px;
    margin-top: -221px;
    margin-left: -200px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}
.aviso_cookies .contenido_cookies {
    height: 275px;
    overflow-y: auto;
    text-align: left;
}
#informacion_cookies h2, #mas_informacion_cookies h2 {
    line-height: 1.2 !important;
    font-size: 20px !important;
    text-align: left !important;
    padding: 0!important;
    margin: 0 0 10px 0 !important;
    background-image: none;
    background-color: transparent !important;
    letter-spacing: inherit;
    font-weight: bold !important;
    text-transform: inherit !important;
	color: var(--color-texto-enfasis-01);
}
#resumen_normal_cookies p:first-child, #resumen_extendido_cookies p:first-child {
    margin-top: 0;
}
.aviso_cookies .contenido_cookies p {
    font-size: 14px;
}
#linkPrivacidad, .enlacemenor {
    display: inline-block;
    padding: 15px 15px 5px 0;
}
#aviso_cookies a {
    cursor: pointer;
}
#aviso_cookies button {
    padding: 10px 30px;
    cursor: pointer;
    display: block;
    width: 100%;
    margin-top: 10px;
}
#aviso_cookies button.botonMenor {
    border: 2px solid var(--color-borde-primario-01);
    background-color: transparent;
    color: var(--color-texto-estandar-01);
    -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;
}
#aviso_cookies button.botonMenor:hover {
    background-color: var(--color-borde-primario-01);
    color: var(--color-texto-secundario-01);
    -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;
}
#aviso_cookies button.botonPrincipal {
	background-color: var(--color-enlace-principal-01);
	color: var(--color-texto-light-01);
	border: none;
	-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;
}
#aviso_cookies button.botonPrincipal:hover {
	background-color: var(--color-enlace-secundario-01);
	-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;
}
/*#####################################################################################################*/
/*										DESCARGAS 										   			   */
/*#####################################################################################################*/
#contenido h2.descargas_subtitulo {
	font-size: 16px; 
	font-weight: normal;
}
#filtro_formulario_descargas {
  width: 100%;
  font-size: 18px;
  padding: 10px 15px;
  margin: 20px 0 10px 0;
}
#listado_descargas {
  display: grid;
  margin: 20px 0;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  gap: 40px;
}
a.descarga_producto {
  display: flex;
  flex-direction: column;
  color: var(--color-texto-estandar-01);
}
span.producto_imagen {
  max-height: 300px;
  overflow: hidden;
  margin: 5px 0 10px;
}
span.producto_imagen img {
  max-width: 100%;
}
span.descarga_nombre {
  font-size: 22px;
}
span.descarga_descripcion {
  font-size: 14px;
}
div.sin_descargas {
  grid-column-start: 1;
  grid-column-end: span 2;
  text-align: center;
}
/*#####################################################################################################*/
/*										jquery.sitemap.css			   				   				   */
/*#####################################################################################################*/
#mapaWeb {
	margin-left: 20px;
	margin-right: 20px;
}
div.tituloMapa {
    color: var(--color-texto-enfasis-01);
    font-size: 14px;
    font-weight: bold;
    margin: 15px 0 0;
    padding: 0 0 0 3px;
    text-transform: uppercase;
}
#mapaWeb a {
	text-decoration: none;
	color: var(--color-texto-enfasis-01);
	display: block;
	padding: 4px 0;
	font-size: 12px;
	font-weight: normal;
}
#mapaWeb a:hover {
	text-decoration: underline;
}
#mapaWeb ul {
	margin: 0;
	padding: 0 25px 5px;
	list-style-image: none;
}
.tituloMapa > span {
	color: var(--color-texto-secundario-01);
	display: block;
	float: right;
	font-size: 12px;
	font-weight: normal;
}
/*#####################################################################################################*/
/*							jquery.autocomplete.css													   */
/*#####################################################################################################*/
.ac_results {
	padding: 0;
	background-color: var(--color-fondo-light-01);
	overflow: hidden;
	z-index: 99999;
	-webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15);
}
.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}
.ac_results li {
	margin: 0;
	border-bottom: 1px dotted var(--color-borde-primario-01);
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 13px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}
.ac_results ul a {
	padding: 10px;
	display: block;
	color: var(--color-fondo-secundario-03);
	text-decoration: none;
}
.ac_results ul a > div {
	display: flex;
	gap: 10px;
}
.ac_results ul a div.ref-buscador {
	font-size: 11px;
}
.ac_results ul a strong {
	color: var(--color-texto-enfasis-01);
}
.ac_loading {
	background: var(--color-fondo-light-01) url('indicator.gif') right center no-repeat;
}
.ac_over {
	background-color: var(--color-fondo-secundario-01);
}
.ac_results ul li img {
	max-width: 32px;
	height: auto !important;
	max-height: 32px;
}
/*#####################################################################################################*/
/*										bootstrap.css"			   				   				   */
/*#####################################################################################################*/

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body {
	margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden], template {
 display: none;
}
a {
	background-color: transparent;
}
a:active, a:hover {
	outline: 0;
}
abbr[title] {
	border-bottom: 1px dotted;
}
dfn {
	font-style: italic;
}
h1 {
    color: var(--color-texto-enfasis-01);
    font-size: 24px;
    margin: 0 0 10px 0;
    padding: 0;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.text-justify {
	text-align: justify;
}
.text-nowrap {
	white-space: nowrap;
}
.text-lowercase {
	text-transform: lowercase;
}
.text-uppercase {
	text-transform: uppercase;
}
.text-capitalize {
	text-transform: capitalize;
}
mark {
	background: #ff0;
	color: var(--color-texto-estandar-01);
}
small {
	font-size: 80%;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
img {
	border: 0;
}
svg:not(:root) {
	overflow: hidden;
}
figure {
	margin: 1em 40px;
}
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}
pre {
	overflow: auto;
}
button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}
button {
	overflow: visible;
}
button, select {
	text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	appearance: button;
	cursor: pointer;
}
button[disabled], html input[disabled] {
	cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
input {
	line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
	margin-right: 3px;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
 height: auto;
}
input[type="search"] {
	appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}
div.formulario p, div.noticias div.formulario p {
	clear: both;
}
textarea {
	overflow: auto;
}
optgroup {
	font-weight: bold;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td, th {
	padding: 0;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	font-size: 14px;
	line-height: 1.42857143;
}
input, button, select, textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}
a {
	text-decoration: none;
}
a:hover, a:focus {
	text-decoration: underline;
}
a:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
figure {
	margin: 0;
}
img {
	vertical-align: middle;
}
.img-responsive, .img-responsive-100 {
	display: block;
	max-width: 100%;
	height: auto !important;
}
.img-rounded {
	border-radius: 6px;
}
.img-thumbnail {
	padding: 4px;
	line-height: 1.42857143;
	background-color: var(--color-fondo-light-01);
	border: 1px solid var(--color-borde-primario-01);
	border-radius: 4px;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	display: inline-block;
	max-width: 100%;
	height: auto;
}
.img-circle {
	border-radius: 50%;
}
.mgmIcono img {
	max-height: 22px;
	object-fit: contain;
	max-width: 24px;
}
hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid var(--color-borde-secundario-01);
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	clip: auto;
}
.container {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
}
@media (min-width: 768px) {
	.container {
		width: 750px;
	}
}
@media (min-width: 992px) { 
.container {
	width: 970px;
}
}
@media (min-width: 1200px) {
.container {
	width: 1170px;
}
}
.container-fluid {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
}
.row {
	margin-left: -15px;
	margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
	float: left;
}
.col-xs-12 {
	width: 100%;
}
.col-xs-11 {
	width: 91.66666667%;
}
.col-xs-10 {
	width: 83.33333333%;
}
.col-xs-9 {
	width: 75%;
}
.col-xs-8 {
	width: 66.66666667%;
}
.col-xs-7 {
	width: 58.33333333%;
}
.col-xs-6 {
	width: 50%;
}
.col-xs-5 {
	width: 41.66666667%;
}
.col-xs-4 {
	width: 33.33333333%;
}
.col-xs-3 {
	width: 25%;
}
.col-xs-2 {
	width: 16.66666667%;
}
.col-xs-1 {
	width: 8.33333333%;
}
.col-xs-pull-12 {
	right: 100%;
}
.col-xs-pull-11 {
	right: 91.66666667%;
}
.col-xs-pull-10 {
	right: 83.33333333%;
}
.col-xs-pull-9 {
	right: 75%;
}
.col-xs-pull-8 {
	right: 66.66666667%;
}
.col-xs-pull-7 {
	right: 58.33333333%;
}
.col-xs-pull-6 {
	right: 50%;
}
.col-xs-pull-5 {
	right: 41.66666667%;
}
.col-xs-pull-4 {
	right: 33.33333333%;
}
.col-xs-pull-3 {
	right: 25%;
}
.col-xs-pull-2 {
	right: 16.66666667%;
}
.col-xs-pull-1 {
	right: 8.33333333%;
}
.col-xs-pull-0 {
	right: auto;
}
.col-xs-push-12 {
	left: 100%;
}
.col-xs-push-11 {
	left: 91.66666667%;
}
.col-xs-push-10 {
	left: 83.33333333%;
}
.col-xs-push-9 {
	left: 75%;
}
.col-xs-push-8 {
	left: 66.66666667%;
}
.col-xs-push-7 {
	left: 58.33333333%;
}
.col-xs-push-6 {
	left: 50%;
}
.col-xs-push-5 {
	left: 41.66666667%;
}
.col-xs-push-4 {
	left: 33.33333333%;
}
.col-xs-push-3 {
	left: 25%;
}
.col-xs-push-2 {
	left: 16.66666667%;
}
.col-xs-push-1 {
	left: 8.33333333%;
}
.col-xs-push-0 {
	left: auto;
}
.col-xs-offset-12 {
	margin-left: 100%;
}
.col-xs-offset-11 {
	margin-left: 91.66666667%;
}
.col-xs-offset-10 {
	margin-left: 83.33333333%;
}
.col-xs-offset-9 {
	margin-left: 75%;
}
.col-xs-offset-8 {
	margin-left: 66.66666667%;
}
.col-xs-offset-7 {
	margin-left: 58.33333333%;
}
.col-xs-offset-6 {
	margin-left: 50%;
}
.col-xs-offset-5 {
	margin-left: 41.66666667%;
}
.col-xs-offset-4 {
	margin-left: 33.33333333%;
}
.col-xs-offset-3 {
	margin-left: 25%;
}
.col-xs-offset-2 {
	margin-left: 16.66666667%;
}
.col-xs-offset-1 {
	margin-left: 8.33333333%;
}
.col-xs-offset-0 {
	margin-left: 0%;
}
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
	float: left;
}
.col-sm-12 {
	width: 100%;
}
.col-sm-11 {
	width: 91.66666667%;
}
.col-sm-10 {
	width: 83.33333333%;
}
.col-sm-9 {
	width: 75%;
}
.col-sm-8 {
	width: 66.66666667%;
}
.col-sm-7 {
	width: 58.33333333%;
}
.col-sm-6 {
	width: 50%;
}
.col-sm-5 {
	width: 41.66666667%;
}
.col-sm-4 {
	width: 33.33333333%;
}
.col-sm-3 {
	width: 25%;
}
.col-sm-2 {
	width: 16.66666667%;
}
.col-sm-1 {
	width: 8.33333333%;
}
.col-sm-pull-12 {
	right: 100%;
}
.col-sm-pull-11 {
	right: 91.66666667%;
}
.col-sm-pull-10 {
	right: 83.33333333%;
}
.col-sm-pull-9 {
	right: 75%;
}
.col-sm-pull-8 {
	right: 66.66666667%;
}
.col-sm-pull-7 {
	right: 58.33333333%;
}
.col-sm-pull-6 {
	right: 50%;
}
.col-sm-pull-5 {
	right: 41.66666667%;
}
.col-sm-pull-4 {
	right: 33.33333333%;
}
.col-sm-pull-3 {
	right: 25%;
}
.col-sm-pull-2 {
	right: 16.66666667%;
}
.col-sm-pull-1 {
	right: 8.33333333%;
}
.col-sm-pull-0 {
	right: auto;
}
.col-sm-push-12 {
	left: 100%;
}
.col-sm-push-11 {
	left: 91.66666667%;
}
.col-sm-push-10 {
	left: 83.33333333%;
}
.col-sm-push-9 {
	left: 75%;
}
.col-sm-push-8 {
	left: 66.66666667%;
}
.col-sm-push-7 {
	left: 58.33333333%;
}
.col-sm-push-6 {
	left: 50%;
}
.col-sm-push-5 {
	left: 41.66666667%;
}
.col-sm-push-4 {
	left: 33.33333333%;
}
.col-sm-push-3 {
	left: 25%;
}
.col-sm-push-2 {
	left: 16.66666667%;
}
.col-sm-push-1 {
	left: 8.33333333%;
}
.col-sm-push-0 {
	left: auto;
}
.col-sm-offset-12 {
	margin-left: 100%;
}
.col-sm-offset-11 {
	margin-left: 91.66666667%;
}
.col-sm-offset-10 {
	margin-left: 83.33333333%;
}
.col-sm-offset-9 {
	margin-left: 75%;
}
.col-sm-offset-8 {
	margin-left: 66.66666667%;
}
.col-sm-offset-7 {
	margin-left: 58.33333333%;
}
.col-sm-offset-6 {
	margin-left: 50%;
}
.col-sm-offset-5 {
	margin-left: 41.66666667%;
}
.col-sm-offset-4 {
	margin-left: 33.33333333%;
}
.col-sm-offset-3 {
	margin-left: 25%;
}
.col-sm-offset-2 {
	margin-left: 16.66666667%;
}
.col-sm-offset-1 {
	margin-left: 8.33333333%;
}
.col-sm-offset-0 {
	margin-left: 0%;
}
}
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
	float: left;
}
.col-md-12 {
	width: 100%;
}
.col-md-11 {
	width: 91.66666667%;
}
.col-md-10 {
	width: 83.33333333%;
}
.col-md-9 {
	width: 75%;
}
.col-md-8 {
	width: 66.66666667%;
}
.col-md-7 {
	width: 58.33333333%;
}
.col-md-6 {
	width: 50%;
}
.col-md-5 {
	width: 41.66666667%;
}
.col-md-4 {
	width: 33.33333333%;
}
.col-md-3 {
	width: 25%;
}
.col-md-2 {
	width: 16.66666667%;
}
.col-md-1 {
	width: 8.33333333%;
}
.col-md-pull-12 {
	right: 100%;
}
.col-md-pull-11 {
	right: 91.66666667%;
}
.col-md-pull-10 {
	right: 83.33333333%;
}
.col-md-pull-9 {
	right: 75%;
}
.col-md-pull-8 {
	right: 66.66666667%;
}
.col-md-pull-7 {
	right: 58.33333333%;
}
.col-md-pull-6 {
	right: 50%;
}
.col-md-pull-5 {
	right: 41.66666667%;
}
.col-md-pull-4 {
	right: 33.33333333%;
}
.col-md-pull-3 {
	right: 25%;
}
.col-md-pull-2 {
	right: 16.66666667%;
}
.col-md-pull-1 {
	right: 8.33333333%;
}
.col-md-pull-0 {
	right: auto;
}
.col-md-push-12 {
	left: 100%;
}
.col-md-push-11 {
	left: 91.66666667%;
}
.col-md-push-10 {
	left: 83.33333333%;
}
.col-md-push-9 {
	left: 75%;
}
.col-md-push-8 {
	left: 66.66666667%;
}
.col-md-push-7 {
	left: 58.33333333%;
}
.col-md-push-6 {
	left: 50%;
}
.col-md-push-5 {
	left: 41.66666667%;
}
.col-md-push-4 {
	left: 33.33333333%;
}
.col-md-push-3 {
	left: 25%;
}
.col-md-push-2 {
	left: 16.66666667%;
}
.col-md-push-1 {
	left: 8.33333333%;
}
.col-md-push-0 {
	left: auto;
}
.col-md-offset-12 {
	margin-left: 100%;
}
.col-md-offset-11 {
	margin-left: 91.66666667%;
}
.col-md-offset-10 {
	margin-left: 83.33333333%;
}
.col-md-offset-9 {
	margin-left: 75%;
}
.col-md-offset-8 {
	margin-left: 66.66666667%;
}
.col-md-offset-7 {
	margin-left: 58.33333333%;
}
.col-md-offset-6 {
	margin-left: 50%;
}
.col-md-offset-5 {
	margin-left: 41.66666667%;
}
.col-md-offset-4 {
	margin-left: 33.33333333%;
}
.col-md-offset-3 {
	margin-left: 25%;
}
.col-md-offset-2 {
	margin-left: 16.66666667%;
}
.col-md-offset-1 {
	margin-left: 8.33333333%;
}
.col-md-offset-0 {
	margin-left: 0%;
}
}
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
	float: left;
}
.col-lg-12 {
	width: 100%;
}
.col-lg-11 {
	width: 91.66666667%;
}
.col-lg-10 {
	width: 83.33333333%;
}
.col-lg-9 {
	width: 75%;
}
.col-lg-8 {
	width: 66.66666667%;
}
.col-lg-7 {
	width: 58.33333333%;
}
.col-lg-6 {
	width: 50%;
}
.col-lg-5 {
	width: 41.66666667%;
}
.col-lg-4 {
	width: 33.33333333%;
}
.col-lg-3 {
	width: 25%;
}
.col-lg-2 {
	width: 16.66666667%;
}
.col-lg-1 {
	width: 8.33333333%;
}
.col-lg-pull-12 {
	right: 100%;
}
.col-lg-pull-11 {
	right: 91.66666667%;
}
.col-lg-pull-10 {
	right: 83.33333333%;
}
.col-lg-pull-9 {
	right: 75%;
}
.col-lg-pull-8 {
	right: 66.66666667%;
}
.col-lg-pull-7 {
	right: 58.33333333%;
}
.col-lg-pull-6 {
	right: 50%;
}
.col-lg-pull-5 {
	right: 41.66666667%;
}
.col-lg-pull-4 {
	right: 33.33333333%;
}
.col-lg-pull-3 {
	right: 25%;
}
.col-lg-pull-2 {
	right: 16.66666667%;
}
.col-lg-pull-1 {
	right: 8.33333333%;
}
.col-lg-pull-0 {
	right: auto;
}
.col-lg-push-12 {
	left: 100%;
}
.col-lg-push-11 {
	left: 91.66666667%;
}
.col-lg-push-10 {
	left: 83.33333333%;
}
.col-lg-push-9 {
	left: 75%;
}
.col-lg-push-8 {
	left: 66.66666667%;
}
.col-lg-push-7 {
	left: 58.33333333%;
}
.col-lg-push-6 {
	left: 50%;
}
.col-lg-push-5 {
	left: 41.66666667%;
}
.col-lg-push-4 {
	left: 33.33333333%;
}
.col-lg-push-3 {
	left: 25%;
}
.col-lg-push-2 {
	left: 16.66666667%;
}
.col-lg-push-1 {
	left: 8.33333333%;
}
.col-lg-push-0 {
	left: auto;
}
.col-lg-offset-12 {
	margin-left: 100%;
}
.col-lg-offset-11 {
	margin-left: 91.66666667%;
}
.col-lg-offset-10 {
	margin-left: 83.33333333%;
}
.col-lg-offset-9 {
	margin-left: 75%;
}
.col-lg-offset-8 {
	margin-left: 66.66666667%;
}
.col-lg-offset-7 {
	margin-left: 58.33333333%;
}
.col-lg-offset-6 {
	margin-left: 50%;
}
.col-lg-offset-5 {
	margin-left: 41.66666667%;
}
.col-lg-offset-4 {
	margin-left: 33.33333333%;
}
.col-lg-offset-3 {
	margin-left: 25%;
}
.col-lg-offset-2 {
	margin-left: 16.66666667%;
}
.col-lg-offset-1 {
	margin-left: 8.33333333%;
}
.col-lg-offset-0 {
	margin-left: 0%;
}
}
.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after {
	content: " ";
	display: table;
}
.clearfix:after, .container:after, .container-fluid:after, .row:after {
	clear: both;
}
.center-block {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.center {
	text-align:center;
}
.pull-right {
	float: right !important;
}
.pull-left {
	float: left !important;
}
.hide {
	display: none !important;
}
.show {
	display: block !important;
}
.invisible {
	visibility: hidden;
}
.text-hide {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}
.hidden {
	display: none !important;
	visibility: hidden !important;
}
.affix {
	position: fixed;
}
@-ms-viewport {
 width: device-width;
}
.visible-xs, .visible-sm, .visible-md, .visible-lg {
	display: none !important;
}
.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
	display: none !important;
}
@media (max-width: 767px) {
#jquery_alert {
    max-width: 80%;
}
.visible-xs {
	display: block !important;
}
table.visible-xs {
	display: table;
}
tr.visible-xs {
	display: table-row !important;
}
th.visible-xs,  td.visible-xs {
	display: table-cell !important;
}
}
@media (max-width: 767px) {
.visible-xs-block {
	display: block !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline {
	display: inline !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
	display: inline-block !important;
}
#izda, #derecha {
	width: 34%!important;
	margin-right: 2%;
	float: right !important;
}
#centro {
	margin-left: 2%;
	margin-right: 2%;
	width: 60% !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
	display: block !important;
}
table.visible-sm {
	display: table;
}
tr.visible-sm {
	display: table-row !important;
}
th.visible-sm,  td.visible-sm {
	display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
	display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
	display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
	display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
	display: block !important;
}
table.visible-md {
	display: table;
}
tr.visible-md {
	display: table-row !important;
}
th.visible-md,  td.visible-md {
	display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
	display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
	display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
	display: inline-block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
	display: block !important;
}
table.visible-lg {
	display: table;
}
tr.visible-lg {
	display: table-row !important;
}
th.visible-lg,  td.visible-lg {
	display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg-block {
	display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
	display: inline !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
	display: inline-block !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
	display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
	display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
	display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
	display: none !important;
}
}
.visible-print {
	display: none !important;
}
@media print {
.visible-print {
	display: block !important;
}
table.visible-print {
	display: table;
}
tr.visible-print {
	display: table-row !important;
}
th.visible-print,  td.visible-print {
	display: table-cell !important;
}
}
.visible-print-block {
	display: none !important;
}
@media print {
.visible-print-block {
	display: block !important;
}
}
.visible-print-inline {
	display: none !important;
}
@media print {
.visible-print-inline {
	display: inline !important;
}
}
.visible-print-inline-block {
	display: none !important;
}
@media print {
.visible-print-inline-block {
	display: inline-block !important;
}
}
@media print {
.hidden-print {
	display: none !important;
}
}
/* MOD 5 COLUMNAS */
.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}
.col-xs-15 {
	width: 20%;
	float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
	width: 20%;
	float: left;
}
}
@media (min-width: 992px) {
.col-md-15 {
	width: 20%;
	float: left;
}
}
@media (min-width: 1200px) {
.col-lg-15 {
	width: 20%;
	float: left;
}
}
@media (max-height: 800px) {
#solicitar_info_div div.formulario, #valorar_producto_div div.formulario, #comentar_comunicado_div div.formulario, #enviar_amigo_div div.formulario, #solicitar_aviso_stock_div div.formulario {
    height: 65vh;
    overflow: auto;
}
div.formulario p.botonera, div.noticias div.formulario p.botonera {
    margin-bottom: 25px;
}
}
/*#####################################################################################################*/
/*										mobile					   				   				   */
/*#####################################################################################################*/
@media only screen and (max-width: 1200px) {
#jquery_alert {
    max-width: 63%;
}
}
@media only screen and (max-width: 950px) {
.areaprivada.misdatos {
    padding-left: 0;
    padding-right: 0;
}
#jquery_alert {
    max-width: 80%;
}
.content-regalos > ul li {
  width: 32.3%;
}
}
@media only screen and (max-width: 768px) {
.cuadroDescuentos, .saldosTotales, .areaCompra_paso3 .saldosTotales {
    width: 100%;
    float: none;
}
#jquery_alert {
    max-width: 90%;
}
.mask {
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,1)));
    border-bottom-right-radius: 8px;
    height: 100px;
    position: absolute;
    pointer-events: none;
    right: 0;
    top: 0;
    width: 40px;
    z-index: 2;
}
.contenedor-menuTabs {
    overflow-x: auto;
    position: relative;
    white-space: nowrap;
}
#menuAreaPrivada #menuTabs {
    padding: 0 30px 15px 0;
    margin: 0 -999em 0 0;
	white-space: nowrap;
	float: left;
	min-width: 280px;
}
#AP_datosIdentificacion td.campos {
    width: 70%;
}
#AP_datosFactura, #AP_datosDireccionFactura {
    width: 100%;
    float: none;
}
#cesta {
	min-width: auto;
}
.content-regalos > ul li {
  width: 48.5%;
}
}
@media only screen and (max-width: 600px) {
#antebase, #base1024, #cabecera, #base, #izda, #derecha, #contenido, #centro {
	width: 100% !important;
}
#centro {
    margin-left: 0;
    margin-right: 0;
}
.aviso_cookies #informacion_cookies, .aviso_cookies #mas_informacion_cookies {
    right: 0;
    width: 100%;
    bottom: 0;
    margin-left: 0;
	left: 0;
}
table#alertaJquery {
	width: 100%;
}
#jquery_alert {
    max-width: inherit;
    left: 0 !important;
    width: 100%;
}
.tpvSaldo, .tipoSaldo {
    display: none;
}
.fechaSaldo span:first-child::after {
    content: "";
}
.fechaSaldo span {
    display: block;
}
.otrosDatosCesta select {
    display: block;
}
.otrosDatosCesta li {
    display: block;
    padding-right: 0;
    width: 100%;
    margin-bottom: 10px;
}
.otrosDatosCesta li:last-child {
    text-align: left;
}
.cajaResumen table.tablaDatosPersonales {
    width: 100%;
    float: none;
}
#anyadirProducto > ul {
	flex-direction: column;
	text-align: center;
}
.areaCompra_paso4 .tarifa, .areaCompra_paso4 .agente_comercial {
    text-align: left;
    float: none;
    border-bottom: 1px solid var(--color-borde-primario-01);
}
#select3 {
    width: calc(100% - 30px);
}
#paso03 .cajaFormaPago {
    width: 100%;
    margin-right: 0;
}
#areaPersonal .cuadroDestacado {
    width: 100%;
    float: none;
}
#anyadirProducto {
    text-align: left;
}
/********************************************** RESUMEN CESTA ********************************************/
div.logistica {
    padding: 10px 15px;
}
.tituloTarifa {
    text-align: center;
    padding: 0;
}
.agencias {
    height: auto;
    overflow: hidden;
    width: 100%;
    margin: 5px 0;
}
/********************************************** LOGIN ********************************************/
ul.datosAcceso li.sinlabel {
    width: 100%;
}
ul.datosAcceso li input {
    width: 100% !important;
}
ul.datosAcceso li:first-child, ul.datosAcceso li:nth-child(2) {
    width: 49%;
    margin-bottom: 15px;
}
ul.datosAcceso li {
    margin-right: 0;
}
ul.datosAcceso li:first-child {
    margin-right: 1%;
}
}
@media only screen and (max-width: 480px) {
#areaPrivada .botoneraInferior a.botonComprar {
    width: 100%;
}
.filtro_misPedidos .campos li, .filtro_misPedidos .campos li input, .filtro_misPedidos .campos li .SumoSelect {
    width: 100%;
}
#productos_hermanos span.producto-ficha {
    display: none;
}
.producto_anterior a {
    justify-content: left;
}
.producto_siguiente a {
    justify-content: right;
}
.datos_variacion {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.datos_variacion li {
    width: 100px;
}
table#alertaJquery td.datosalertaLargaJquery p {
    width: 95%;
}
.content-regalos > ul li {
  width: 100%;
  margin: 3% 0;
}
.nombre-regalopromocional {
  height: inherit;
  overflow: visible;
}
/********************************************** LOGIN ********************************************/
ul.datosAcceso li:first-child, ul.datosAcceso li:nth-child(2) {
    width: 100%;
}
/*/////////////////////////////////////////////// AREA PRIVADA /////////////////////////////////////////////////////////*/
fieldset.areaprivada {
    padding: 0;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
   ESTILOS HASTA 442H 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-height: 442px) {
.aviso_cookies #informacion_cookies {
    height: 100%;
    margin-top: 0;
    top: 0;
}
.aviso_cookies .contenido_cookies {
    height: calc(100% - 127px);
    margin: 0;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
   ESTILOS HASTA 360 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media (max-width: 360px) {
/*/////////////////////////////////////////////// AREA PRIVADA /////////////////////////////////////////////////////////*/
#areaPersonal td {
    display: block;
    text-align: left;
    padding-left: 0;
    padding-bottom: 0;
    width: 100%;
}
#AP_datosIdentificacion td.campos, #AP_datosFactura td.campos, #AP_datosDireccionFactura td.campos {
    width: 100%;
    margin-bottom: 10px;
}
#areaPersonal a.botonComprar, #areaPersonal input.botonComprar {
    float: none !important;
}
}
@media (pointer: coarse) {
.fotoProductoVarias {
	display: none;
}
}