/*************** VARIABLES ****************/
:root{
    --var_color-prin-fondo: #E3EDF5;
    --var_color-prin-deco: #333; /*Variable del color general del theme de la web*/
    --var_color-prin-deco2: #000; /*Variable del color general 2 del theme de la web*/
    --var_color-prin-fuenteOscura: #000; /*Variable del color general de la fuente clara de la web*/
    --var_color-prin-fuenteClara: #FFF; /*Variable del color general de la fuente oscura de la web*/
}
table.css_tablaEstilo04 {
    width: 100%;
    border-collapse: collapse;
    font-size:1em;
}

table.css_tablaEstilo04 caption {
    display: none
}

table.css_tablaEstilo04 td {
    vertical-align: middle;
    padding: 0.5em;
}

table.css_tablaEstilo04 tr {
    background-color: #EEE;
    color: var(--var_color-prin-fuenteOscura);
    padding: 0.2em 0.2em 2em 0.2em;
}
table.css_tablaEstilo04 tr.css_filaImpar {
    background-color: #DFDFDF;
}
table.css_tablaEstilo04 tr#trAptdoCodsDto{
    background-color: #FFF;
    color: var(--var_color-prin-fuenteOscura)
}
table.css_tablaEstilo04 tr#trAptdoCodsDto td{
    padding:0.5em;
    color: var(--var_color-prin-fuenteOscura)
}

table.css_tablaEstilo04 tr.css_filaImparAnulada {
    background-color: #ff7b84
}

table.css_tablaEstilo04 thead th {
    padding: 0.5em;
     color: var(--var_color-prin-fuenteClara);
    border-bottom: solid 1px #ddd;
    vertical-align: middle;
    background-color: var(--var_color-prin-deco2)
}

table.css_tablaEstilo04 tfoot td {
    padding: 0.5em;
    color: var(--var_color-prin-fuenteClara);
    background-color: #FFF;
}

table.css_tablaEstilo04 a {
    color: var(--var_color-prin-fuenteOscura);
}

table.css_tablaEstilo04 a:hover {
    text-decoration: underline
}

table.css_tablaEstilo04 tr.css_filaConceptoAdicional {
    background-color: #dcf5cd;
    color: #378106
}

table.css_tablaEstilo04 tr.css_filaConceptoAdicional a {
    color: #378106
}
#elemTitCarrito{color:var(--var_color-prin-fuenteOscura)}
.css_capaInfoProdExpo{
    background: #E6FF02 url(../images/design/backgrounds/bgLogoDetalle.png) no-repeat bottom right;
    display: inline-block;
    color: #3C4804;
    padding: 0.3em;
    border:1px solid #ccc;
}
.css_iconoMasUnidadesCarrito,
.css_iconoMenosUnidadesCarrito,
.css_etiUnidadesCarrito{
    width: 1.6em;
    height: 1.6em;
    font-size: 1.2em;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    line-height: 1.5em;
    text-align: center;
    vertical-align:top;
    display: inline-block;
    background-color: #DD5902;
    color: var(--var_color-prin-fuenteClara);
}

.css_iconoMasUnidadesCarrito,
.css_iconoMenosUnidadesCarrito{
    cursor: pointer;
    background-color: var(--var_color-prin-deco);
    color: var(--var_color-prin-fuenteClara);
}

.css_iconoMenosUnidadesCarrito:hover {
    background-color: var(--var_color-prin-deco2);
    color: var(--var_color-prin-fuenteClara);
}

.css_iconoMasUnidadesCarrito:hover{
    background-color: var(--var_color-prin-deco2);
    color: var(--var_color-prin-fuenteClara);
}

.css_etiTotalAPagar {
     color: var(--var_color-prin-fuenteClara);
    display: inline-block;
    font-size: 1em;
    line-height: 1.5em;
    padding: 0.8em;
    background-color: var(--var_color-prin-deco);
    -webkit-border-radius: 5px;
    border-radius: 5px
}
span.css_spanCuboDtoPeque {
    padding: 0.5em 0.2em 0.5em 0.2em;
     color: var(--var_color-prin-fuenteClara);
    font-size: 1em;
    text-align: center;
    display: inline-block;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

form.css_FormularioH_auto ul li label {
    width: auto;
    margin: 0 2px 0 2px;
     color: var(--var_color-prin-fuenteOscura);
}
form.css_FormularioH_auto ul li input[type=text]{margin-bottom:0em}
form.css_FormularioH_auto fieldset {
    text-align: left
}
.css_enlaceTipoBoton_pegadoCaja {
    background: #e05a01;
    color: #FFFFFF;
    height: 31px;
    cursor: pointer;
    margin-left: -5px;
    padding-left:10px;
    padding-right:10px
}
.css_enlaceTipoBoton_pegadoCaja:hover {
}
span.css_etiPtosAcumulados {
    font-size: 1em;
    padding: 0.1em 0.3em 0.1em 0.3em;
     color: var(--var_color-prin-fuenteClara);
    background-color: #159515;
    display: inline-block;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: auto;
    height: auto;
    text-align: center;
}
#caja_codDto,#caja_tarjReg{width:250px;font-size:1em}
.css_capaInfCarritoTotalesParteIZQ{display:inline-block;width:50%;text-align:left}
.css_capaInfCarritoTotalesParteDER{display:inline-block;width:50%;text-align:right}

/* Layout Smartphones y Tabletas pequeñas*/
@media screen and (min-width:395px) and (max-width:959px){
    table.css_tablaEstilo04{font-size: 0.9em}
    #caja_codDto,#caja_tarjReg{width:180px;font-size:1em}
    .css_enlaceTipoBoton_pegadoCaja{height: 28px;margin-left: -5px}
    .css_capaInfCarritoTotalesParteIZQ{display:block;width:100%;text-align:right;margin-bottom:0.5em}
    .css_capaInfCarritoTotalesParteDER{display:block;width:100%;text-align:right}
}

/* Layout Moviles pequeños o antiguos */
@media screen and (min-width:180px) and (max-width:394px){
    table.css_tablaEstilo04{font-size: 0.8em}
    table.css_tablaEstilo04 tfoot{font-size: 1.2em}
    #caja_codDto,#caja_tarjReg{width:150px;font-size:1em}
    .css_enlaceTipoBoton_pegadoCaja{height: 25px;margin-left: -5px}
    .css_capaInfCarritoTotalesParteIZQ{display:block;width:100%;text-align:right;margin-bottom:0.5em}
    .css_capaInfCarritoTotalesParteDER{display:block;width:100%;text-align:right}
}