/* compatible_utf8:0 */
@charset "UTF-8";
/* CESTA, CHECKOUT, PASARELAS DE PAGO, DROPSHIPPING */

.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, .tablaCesta .filaPuntoRecogida 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;
}
div.logistica {
    background-color: var(--color-fondo-secundario-01);
	padding: 10px 5px 10px 15px;
	overflow: hidden;
}
.tituloTarifa {
  padding: 5px 15px 5px 5px;
  text-transform: uppercase;
  font-size: 14px;
}
.tituloTarifa strong {
  margin-right: 15px;
}
.tituloTarifa span {
  text-transform: initial;
  font-size: 12px;
}
/***************************** Agencias logísticas **************************/
.agencias {
    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 15px;
}
.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);
}
/***************************** Puntos de recogida **************************/
.seleccion_punto_recogida {
  padding: 10px 20px 20px;
  background-color: var(--color-fondo-secundario-01);
  overflow: hidden;
}
.tituloPuntoRecogida {
  padding: 5px 0;
  text-transform: uppercase;
  font-size: 14px;
}
.tituloPuntoRecogida strong {
  margin-right: 10px;
}
.tituloPuntoRecogida span {
  text-transform: initial;
  font-size: 12px;
}
#puntos_recogida {
  float: left;
  min-height: 100px;
  margin: 0;
  overflow: auto;
  width: 100%;
  background-color: var(--color-fondo-light-01);
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  column-gap: 40px;
  row-gap: 20px;
  padding: 20px;
}
#puntos_recogida div label {
  line-height: 1.4;
}
#puntos_recogida div label span {
  display: block;
}
.nom-punto-recogida {
  font-size: 14px;
  font-weight: bold;
}
.hora-recogida {
  background-color: var(--color-texto-enfasis-01);
  color: #fff;
  width: fit-content;
  padding: 0 6px;
  border-radius: 4px;
  font-size: 11px;
}
/***************************** 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);
}
/***************************** 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;
}
/********************************** 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;
}
#recogida_oficinas_datos.con-direccion .codPostal-seur {
  flex: 0 1 100px;
}
#recogida_oficinas_datos.con-direccion .localidad-seur {
  flex: 0 1 300px;
  min-width: 0;
}
#recogida_oficinas_datos.con-direccion .direccion-seur {
  flex: 1 1 200px;
  min-width: 0;
}
#recogida_oficinas_datos.con-direccion .codPostal-seur input,
#recogida_oficinas_datos.con-direccion .localidad-seur input,
#recogida_oficinas_datos.con-direccion .direccion-seur input {
  box-sizing: border-box;
  min-width: 0;
  width: 100%;
}
#recogida_oficinas_datos.con-direccion .oficinal-seur {
  flex-basis: 100%;
  min-width: 0;
}
#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;
}
.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;
}
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;
}
/*//////////////////////////////// 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;
}
/* ///////////////////////////////// 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;
}
#nombre_recurso {
	display: block;
}
#usuarios-reservoy {
	display: none;
}
/********************************* 	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;
}
/************************************ 	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;
}
@media only screen and (max-width: 950px) {
.content-regalos > ul li {
  width: 32.3%;
}
}
@media only screen and (max-width: 768px) {
.cuadroDescuentos, .saldosTotales, .areaCompra_paso3 .saldosTotales {
    width: 100%;
    float: none;
}
}
@media only screen and (max-width: 768px) {
#cesta {
	min-width: auto;
}
.content-regalos > ul li {
  width: 48.5%;
}
}
@media only screen and (max-width: 600px) {
.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;
}
}
@media only screen and (max-width: 600px) {
#anyadirProducto {
    text-align: left;
}
/********************************************** RESUMEN CESTA ********************************************/

.tituloTarifa, .tituloPuntoRecogida {
    text-align: center;
    padding: 0;
}
.agencias {
    height: auto;
    overflow: hidden;
    width: 100%;
    margin: 5px 0;
}
}
@media only screen and (max-width: 480px) {
.content-regalos > ul li {
  width: 100%;
  margin: 3% 0;
}
.nombre-regalopromocional {
  height: inherit;
  overflow: visible;
}
}