/*
  960 Grid System ~ Text CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/
a {
    text-decoration: none;
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp {
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 100%;
}

html, body {
    height: 100%;
    font-family: 'Open Sans', Helvetica, sans-serif !important;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    /*   Override the default (display: inline) for   browsers that do not recognize HTML5 tags.   IE8 (and lower) requires a shiv:   http://ejohn.org/blog/html5-shiv */
    display: block;
}

b, strong {
    /*   Makes browsers agree.   IE + Opera = font-weight: bold.   Gecko + WebKit = font-weight: bolder. */
    font-weight: bold;
}

img {
    color: transparent;
    font-size: 0;
    vertical-align: bottom;
    max-width: 100%; /*   For IE.   http://css-tricks.com/ie-fix-bicubic-scaling-for-images */
    -ms-interpolation-mode: bicubic;
}

ol, ul, li {
    list-style: none;
}

li {
    float: left;
}

li {
    /*   For IE6 + IE7:   "display: list-item" keeps bullets from   disappearing if hasLayout is triggered. */
    display: list-item;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th, td, caption {
    font-weight: normal;
    vertical-align: middle;
    text-align: center;
}

q {
    quotes: none;
}

    q:before, q:after {
        content: '';
        content: none;
    }

sub, sup, small {
    font-size: 75%;
}

sub, sup {
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

svg {
    /*   For IE9. Without, occasionally draws shapes   outside the boundaries of <svg> rectangle. */
    overflow: hidden;
}

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
    background: #E2E2E2;
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=image] {
    border: none;
}

input, select, option {
    font-family: 'Open Sans', Helvetica, sans-serif;
    border-radius: 2px;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h3, h4 {
    color: #343434;
}

h2 {
    margin: 0;
}

h3, h4 {
    font-size: 14px;
}

h5 {
    font-size: 17px;
}

h6 {
    font-size: 15px;
}

a {
    color: #000;
    cursor: pointer;
}

    a:hover {
        text-decoration: underline;
    }

.separador {
    clear: both;
}



.bt {
    background: none repeat scroll 0 0 #333333;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
    padding: 8px 16px;
    float: right;
    cursor: pointer;
    border: 1px solid #CCC;
}

.bt-inline {
    float: none;
}

.bt.bt-inline.bt-small {
    font-size: 12px;
}

.finalizar {
    background: url("/clientes/images/sprite-checkout.png") no-repeat scroll 8px -452px #1C803F;
    padding-left: 30px;
}

.bt.finalizar.gratis {
    background-image: none;
    padding-left: 23px;
}

.cont-bt {
    clear: both;
    display: block;
    text-align: center;
    margin: 25px 0;
}

    .cont-bt .bt {
        float: none;
    }

.bt.modificar {
    position: relative;
    margin: 0 0 5px 0px;
    display: inline-block;
}

/*-- Sprite --*/
header, .datos-venta .title a.modificar, a.NuevoItem {
    background: url("/clientes/images/sprite-checkout.png") no-repeat scroll 0 0 transparent;
}

.d-inline-block {
    display:inline-block;
}

.content {
    margin: auto;
    padding: 10px;
}

    .content .nav-sup {
        overflow: hidden;
        padding: 0 0 10px 0;
    }

        .content .nav-sup a.idioma {
            float: left;
            font-size: 11px;
            text-transform: uppercase;
        }

        .content .nav-sup p.login {
            float: right;
        }

            .content .nav-sup p.login a {
                font-style: italic;
            }

    .content .lienzo {
        background: none repeat scroll 0 0 #FFFFFF;
        padding: 2%;
        -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
        -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
        box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
        border-radius: 3px;
        border: 1px solid #eee;
    }

        /*-- Header --*/
        .content .lienzo .header {
            background-position: -3px -24px;
            overflow: hidden;
        }

            .content .lienzo .header hgroup {
                float: left;
                margin-top: 40px;
                width: 70%;
            }

            .content .lienzo .header .hgroup h1 {
                /*color: #147781;
    font-family: Georgia, "Times New Roman" , Times, serif;*/
                font-size: 24px;
                font-weight: normal;
            }

            .content .lienzo .header .hgroup p {
                font-size: 17px;
                margin-top: 1%;
            }

            .content .lienzo .header h4 {
                float: right;
                margin-top: 10px;
                text-align: right;
                width: 30%;
            }

                .content .lienzo .header h4 img {
                    max-width: 160px;
                }

/*-- Footer --*/
footer {
    margin-top: 20px;
    text-align: center;
}

    footer nav {
        margin: auto;
    }

        footer nav a {
            border-right: 1px solid;
            padding: 0 5px;
        }

            footer nav a.last {
                border-right: none;
            }

    footer .tap a {
        color: #E62741;
    }

/*-- Contenedor general --*/
.cont {
    margin-top: 20px;
    overflow: hidden;
}

/*-- Estructura CHECKOUT --*/
.datos-venta, .datos-compra, .datos-perfil, .datos-menu {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #E4E2E2;
    padding: 2%;
}

.datos-compra {
    position: relative;
}

.datos-venta .title {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #FFFFFF;
    margin-bottom: 2px;
    overflow: hidden;
    padding: 5px 10px;
    text-transform: uppercase;
    /*background-image: linear-gradient(bottom, rgb(153,153,153) 26%, rgb(102,102,102) 63%);
    background-image: -o-linear-gradient(bottom, rgb(153,153,153) 26%, rgb(102,102,102) 63%);
    background-image: -moz-linear-gradient(bottom, rgb(153,153,153) 26%, rgb(102,102,102) 63%);
    background-image: -webkit-linear-gradient(bottom, rgb(153,153,153) 26%, rgb(102,102,102) 63%);
    background-image: -ms-linear-gradient(bottom, rgb(153,153,153) 26%, rgb(102,102,102) 63%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.26, rgb(153,153,153)), color-stop(0.63, rgb(102,102,102)) );*/
    background-color: #666666;
}

    .datos-venta .title h2 {
        float: left;
    }

    .datos-venta .title a.modificar, .datos-venta .title a.informacion {
        color: #FFFFFF;
        display: block;
        float: right;
        font-size: 9px;
        line-height: 14px;
        padding-left: 20px;
    }

    .datos-venta .title a.modificar {
        background-position: 0 -293px;
    }

.datos-venta .r-pedido {
}

    .datos-venta .r-pedido .lp {
        border-top: 1px solid #E4E2E2;
        overflow: hidden;
        padding: 10px 0 0;
        margin: 0 0 10px;
    }

        .datos-venta .r-pedido .lp div {
            overflow: hidden;
            float: left;
        }

.datos-perfil {
    float: left;
    width: 67%;
    margin-left: 2%;
}

    .datos-perfil h2 {
        font-size: 16px;
    }

    .datos-perfil .datos-adicionales {
        padding: 0;
    }

    .datos-perfil table.listado {
        width: 100%;
        margin-top: 2%;
        border-collapse: collapse;
        text-rendering: optimizeLegibility;
        border-radius: 5px;
    }


        .datos-perfil table.listado caption {
            font-size: 2rem;
            color: #444;
            margin: 1rem;
        }

        .datos-perfil table.listado thead th, .datos-perfil table.listado tbody td {
            padding: 2px;
        }

        .datos-perfil table.listado thead th {
            background: #E4E2E2;
            font-weight: bold;
        }

        .datos-perfil table.listado tbody td {
            border-bottom: 1px solid #DBDAD6;
        }



        .datos-perfil table.listado tbody tr:not(:last-child) {
            border-top: 1px solid #ddd;
            border-bottom: 1px solid #ddd;
        }


        .datos-perfil table.listado tbody td .btnEditar, .datos-perfil table.listado tbody td .btnDelete {
            cursor: pointer;
            margin: 0 3px;
            width: 16px;
            height: 16px;
        }

    .datos-perfil .volverHistorico {
        margin-top: 3%;
    }

.datos-menu {
    width: 22%;
    float: left;
}

    .datos-menu .seccionMenu {
        margin-bottom: 2%;
        border-bottom: 1px dotted rgb(228, 226, 226);
        padding-bottom: 2%;
    }

        .datos-menu .seccionMenu h3 {
            margin-bottom: 2%;
        }

        .datos-menu .seccionMenu ul {
            overflow: hidden;
        }

            .datos-menu .seccionMenu ul li {
                width: 100%;
            }

                .datos-menu .seccionMenu ul li a {
                    padding: 4px 0 2px 5px;
                    float: left;
                }


.datos-venta.descarga-gratuita #seconds {
    color: red;
    font-size: 16px;
    font-weight: bold;
}

.datos-venta.descarga-gratuita .datos-adicionales {
    padding: 0px;
}

.descarga-gratuita h3 {
    margin-bottom: 8px;
}


.datos-venta.descarga-gratuita .datos-adicionales a.backTo {
    color: #868686;
}

.message-box {
    width: 96%;
    overflow: hidden;
    background: none repeat scroll 0% 0% #e6e6e6;
    padding: 2%;
    border-radius: 5px;
    margin-bottom: 1%;
}

    .message-box.error {
        color: #A94442;
        background-color: #F2DEDE;
        border-color: #EBCCD1;
    }

    .message-box.success {
        color: #3C763D;
        background-color: #DFF0D8;
        border-color: #D6E9C6;
    }



.lpHeader {
    border-top: medium none !important;
    color: #999999;
    font-size: 10px;
    text-transform: uppercase;
}

.lpFooter {
    border-top: 2px solid #333333 !important;
}

.lpTotal {
    font-weight: bold;
}

.lpCantidad, .lpPapelDeRegalo, .lpPrecioUnitario, .lpPrecio, .lpTotal {
    text-align: center;
}

.lpEliminar {
    cursor: pointer;
}

.lpTotalTitulo {
    font-weight: bold;
    text-transform: uppercase;
    width: 82% !important;
}

a.NuevoItem {
    background-position: 0 -250px;
    display: block;
    font-size: 10px;
    margin-bottom: 10px;
    margin-top: 5px;
    padding-left: 25px;
    text-decoration: underline;
    text-transform: uppercase;
}

    a.NuevoItem.direccionDeEnvio_edit, a.NuevoItem.direccionDeFacturacion_edit {
        background-position: 0 -293px; /*float: left;*/
    }

.datos-venta p.subtitulo {
    border-bottom: 1px solid #E4E2E2;
    font-size: 10px;
    margin: 0 0 10px;
    padding: 0 0 5px;
    text-transform: uppercase;
}

.datos-venta p.nota {
    margin: 0 0 10px;
    padding: 0 0 5px;
}

    .datos-venta p.nota span {
        color: #FF0900;
    }

.datos-venta .divCamposDatosDeFacturacion {
    margin: 20px 0 0;
}

    .datos-venta .divCamposDatosDeFacturacion .divExplicacionDatosFacturacion {
        color: #a8abab;
        float: left;
        font-size: 13px;
        font-weight: bold;
        margin: 5px 4px;
    }

.datos-venta .divDatoDeFacturacion {
    margin-bottom: 10px;
    overflow: hidden;
}

    .datos-venta .divDatoDeFacturacion label {
        float: left;
        margin-right: 2%;
        text-align: right;
        width: 20%;
        margin-top: 7px;
    }

    .datos-venta .divDatoDeFacturacion input {
        border: 1px solid #CCCCCC;
        float: left;
        padding: 5px;
        width: 41%;
    }

        .datos-venta .divDatoDeFacturacion input.Error {
            border: 2px solid #ff6b68;
        }

.datos-venta .cuadroPuntos {
    background: none repeat scroll 0 0 #EFEFEF;
    border: 1px solid #CCCCCC;
    margin: 10px 0;
    padding: 5px 0;
    text-align: center;
}

/*-- estilos para formularios --*/
select {
    border: 1px solid #CCCCCC;
    padding: 5px;
    width: 65%; /*float: left;*/
}

.datos-compra .divTitTotales {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #FFFFFF;
    font-weight: bold;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 5px 10px;
    text-transform: uppercase;
    background-image: linear-gradient(bottom, rgb(153,153,153) 26%, rgb(102,102,102) 63%);
    background-image: -o-linear-gradient(bottom, rgb(153,153,153) 26%, rgb(102,102,102) 63%);
    background-image: -moz-linear-gradient(bottom, rgb(153,153,153) 26%, rgb(102,102,102) 63%);
    background-image: -webkit-linear-gradient(bottom, rgb(153,153,153) 26%, rgb(102,102,102) 63%);
    background-image: -ms-linear-gradient(bottom, rgb(153,153,153) 26%, rgb(102,102,102) 63%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.26, rgb(153,153,153)), color-stop(0.63, rgb(102,102,102)) );
    background-color: #666666;
}

.datos-compra .up {
    margin-bottom: 5px;
}

.datos-compra .down {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.datos-compra .CostoTotal {
    background: none repeat scroll 0 0 #EFEFEF;
    border: 1px solid #CCCCCC;
    margin-bottom: 10px;
    padding: 10px;
    text-align: center;
}

.datos-compra .Cmax, .datos-compra a.bt-finalizar {
    text-align: center;
}

.datos-compra .Cmax {
    border-bottom: 1px dashed #E4E2E2;
    border-top: 1px dashed #E4E2E2;
    padding: 9px 0;
}

    .datos-compra .Cmax .down {
        font-size: 14px;
        margin-bottom: 0;
    }

.datos-compra .CostoTotal .down {
    font-size: 24px;
}

.spanCheckboxDireccionDeFacturacion {
    display: block;
    margin-bottom: 10px;
}

.carrito-vacio {
    text-align: center;
    display: none;
}


.mensaje-checkout {
    float: left;
    font-size: 14px;
    text-align: center;
    width: 100%;
}

input.Normal, select.Normal {
    border: 1px solid #CCCCCC;
    padding: 5px;
}

input.Error, select.Error, .datos-adicionales input.error, .datos-adicionales select.error {
    border: 2px solid red;
    padding: 4px;
}

/*jQuery formvalidator*/
.datos-adicionales input.valid, .datos-adicionales select.error {
    border-color: #96b796 !important;
    /*background-color:#e3ffe5;*/
}

.help-block {
    display: block;
}

.help {
    font-size: 10px;
}

.formError, .form-error {
    color: red;
    font-size: 10px;
}

.cuit.formError {
    float: left;
    margin-left: 2px;
}
/*FIN jQuery formvalidator*/

.mensaje {
    font-size: 12px;
    text-align: center;
    border-radius: 5px;
    border: 1px dashed #E6e6e6;
    background: #EDEDED;
    padding: 5px;
}

.fixed {
    position: fixed;
    top: 0;
}

.txtMultiline {
    height: 100px;
    width: 99%;
}

.spanMsj {
    background: none repeat scroll 0 0 red;
    color: white;
    display: block;
    margin-bottom: 5px;
    padding: 10px;
    text-align: center;
    clear: both;
}

.divDatosDeEnvio, .divDatosDeFacturacion, .divModoDeEnvio, .divModoDePago {
    background: url("/clientes/images/ic-check-off.png") no-repeat scroll right bottom #FFFFFF;
}


.divMensaje {
    border: 1px solid #ED6E81;
    font-weight: bold;
    margin-top: 6px;
    padding: 6px;
    text-align: center;
    display: none;
}

.moduleReady {
    background: url("/clientes/images/ic-check-base.png") no-repeat scroll right bottom #DBEABB;
}

.divPagoEnCuotas.moduleReady {
    background: none;
}

    .moduleReady select {
        background: none repeat scroll 0 0 #DBEABB;
    }

.moduleNotReady .title {
    background: none repeat scroll 0 0 #CCCCCC;
}

.moduleCurrent .title {
    background: none repeat scroll 0 0 #A80634;
}

.moduleCurrent {
    background: none repeat scroll 0 0 #EFE7E4;
}

    .moduleCurrent select {
        background: none repeat scroll 0 0 #EFE7E4;
        border: 1px solid #CCCCCC;
        padding: 5px;
        width: 65%;
    }

.moduleCompraOff {
    background: none repeat scroll 0 0 #000000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter: alpha(opacity=65);
    -khtml-opacity: 0.65;
    -moz-opacity: 0.65;
    opacity: 0.65;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 59;
}

.moduleCompraProcesando {
    background: none repeat scroll 0 0 #000000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter: alpha(opacity=65);
    -khtml-opacity: 0.65;
    -moz-opacity: 0.65;
    opacity: 0.65;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 59;
}

.moduleCompraOff.textoPasos {
    background: url("/clientes/images/all/chkCompraShadowTxt-back.png") no-repeat scroll left center transparent;
    color: #FFFFFF;
    font-size: 21px;
    opacity: 1;
    padding-left: 10%;
    text-align: left;
    width: 89%;
    z-index: 60;
}

    .moduleCompraOff.textoPasos div {
        position: absolute;
        top: 41%;
    }

.divContenidoDatosDeEnvio, .divContenidoDatosDeFacturacion, .divContenidoModoDeEnvio, .divContenidoModoDePago {
    margin-bottom: 2px;
    padding: 8px 10px 10px 10px;
}

/*-- estilos para titulos --*/
.formularioDireccion h2, .formularioTarjeta h2 {
    font-size: 18px;
}

.filaformDireccion_txtNumero, .filaformDireccion_txtTelefonoPrefijo {
    float: left;
    margin-right: 10px;
}

.filaformularioTarjeta_Numero {
    float: left;
    margin-right: 0px;
}

.filaformDireccion_txtPiso, .filaformDireccion_txtTelefonoNumero, .filaformularioTarjeta_CodigoSeguridad {
    float: left;
}

    .filaformularioTarjeta_CodigoSeguridad dd input {
        width: 25%;
    }

.filaformularioTarjeta_FechaExpiracion_Mes, .filaformularioTarjeta_FechaExpiracion_Anio {
    float: left;
}

.filaformularioTarjeta_FechaExpiracion {
}

    .filaformularioTarjeta_FechaExpiracion select {
        float: left;
        margin-right: 15px !important;
        width: 32% !important;
    }

.formularioTarjeta .logos {
    text-align: center;
    margin-top: 13px;
    border-top: 1px solid #CCC;
    padding-top: 8px;
}

    .formularioTarjeta .logos img {
        width: 22%;
    }

p.nota {
    display: block;
}


a.NuevoItem.direccionDeEnvio_edit, .direccionDeFacturacion_edit {
    float: left;
    margin-left: 5px;
}

.divDireccionDeEnvio, .divDireccionDeFacturacion {
    overflow: hidden;
}

    .divDireccionDeEnvio select, .divDireccionDeFacturacion select {
        float: left;
    }

/* MENU */
.divMenu {
    float: left;
    width: 200px;
}

    .divMenu .seccionMenu {
        clear: both;
    }

        .divMenu .seccionMenu ul li {
            clear: both;
        }
/* FIN MENU */

/*-- Pop up --*/

.mod-info {
    border: 1px solid #CCCCCC;
    margin: 10px 0 0;
    padding: 10px;
    overflow: hidden;
}

    .mod-info h4 {
        color: #000000;
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
        font-weight: normal;
        margin-bottom: 10px;
        font-weight: bold;
        background: none repeat scroll 0 0 #EDEDED;
        padding: 5px;
    }

        .mod-info h4 a {
            color: #000000;
        }

    .mod-info .contenidoComparador ul {
        overflow: hidden;
    }

        .mod-info .contenidoComparador ul li {
            float: none;
        }

    .mod-info .contenidoComparador img {
        padding: 0.5%;
        width: auto;
    }

.billingAdress {
    margin-top: 10px;
}

.filaformularioTarjeta_Numero {
    width: 65%;
}

.filaformularioTarjeta_CodigoSeguridad {
    width: 30%;
}

    .filaformularioTarjeta_CodigoSeguridad .dd input {
        width: 50%;
    }

.formularioTarjetaCodigoDescription {
    margin-bottom: 15px;
    clear: both;
}


/* LOADING */

.divContenedorLoading {
    width: 200px;
    height: 150px;
    position: absolute;
    top: 40vh;
    left: 40vw;
    opacity: .5;
    background-color: rgb(0, 0, 0);
    color: #fff;
    text-align: center;
    padding: 30px 0px;
    font-weight:bold;
}

.loading {
    padding: 30px 0px;
    font-size: 40px !important;
    color:white;
}
/* FIN LOADING */

.ddlModoDePago {
    margin-bottom: 10px;
}


.NuevoItem.tarjetaDeCredito_edit {
    background: url("/clientes/images/sprite-checkout.png") no-repeat scroll 2px -293px transparent;
}

.ddlTarjetaDeCredito {
    margin-bottom: 10px;
}

.ddlDireccionDeEnvio {
    margin-bottom: 10px;
}

/*-- fecha de envio --*/

.divFechaDeEnvio.moduleCurrent {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 10px 0 0;
    overflow: hidden;
}

.tit_hora {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0 0 10px;
}


.fechaDeEnvioDatePicker.hasDatepicker {
    float: left;
    margin-right: 2%;
}

.horaDeEnvio {
    float: left;
}


    .horaDeEnvio select {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        display: block;
        margin: 5px 0 15px;
        padding: 2px;
        width: 50px;
    }

.bt-clickAqui {
    font-weight: bold;
}

.datos-adicionales .dl.fecha .dd input, .datos-adicionales .dl.fecha .dd select {
    float: left;
    margin-right: 1%;
}

    .datos-adicionales .dl.fecha .dd input.txtDay, .datos-adicionales .dl.fecha .dd input.txtYear {
        width: 65px;
        text-align: center;
    }

    .datos-adicionales .dl.fecha .dd select.selectMonth {
        width: 85px;
    }

.datos-perfil .linea {
    border-bottom: 1px solid #e4e2e2;
}

.datos-adicionales .dl.criterio {
    float: left;
}

.col-3 {
    float: left;
    width: 31%;
    padding: 1%;
}

    .col-3 .selectMonth, .col-3 .txtDay, .col-3 .txtYear, .col-3 .dd select {
        font-size: 10.33px;
    }

.col-2 {
    float: left;
    width: 46%;
    padding: 2%;
}


.datos-adicionales .dl.fExpiracion .dd select.txtDay {
    width: 50px;
}

.datos-adicionales .dl.fExpiracion .dd select.txtYear {
    width: 66px;
}


.detalle-compra .datos-adicionales {
    width: 100%;
}

    .detalle-compra .datos-adicionales .dest {
        overflow: hidden;
    }

        .detalle-compra .datos-adicionales .dest .dl {
            width: 46%;
            font-size: 16px;
            background: none repeat scroll 0% 0% #E4E2E2;
            padding: 0 2%;
        }

    .detalle-compra .datos-adicionales .dl {
        overflow: hidden;
        border-bottom: 1px dotted #E0E0E0;
    }

    .detalle-compra .datos-adicionales .detCompraDatos .dl .dt, .detalle-compra .datos-adicionales .detCompraDatos .dl .dd {
        margin: 10px 0;
    }

    .detalle-compra .datos-adicionales .datosCompl .dl .dt, .detalle-compra .datos-adicionales .datosCompl .dl .dd {
        margin: 0px 0;
    }

    .detalle-compra .datos-adicionales .detCompraRes .dl .dt, .detalle-compra .datos-adicionales .detCompraRes .dl .dd {
        margin: 0px 0;
    }

.detalle-compra .datos-adicionales .dl .dt span.titulo {
    font-weight: bold;
    font-size: 11px;
}

    .detalle-compra .datos-adicionales .dest .dl .dt span.titulo {
        font-size: 15px;
    }

.datos-perfil .productos .row {
    overflow: hidden;
    padding: 0 0 0 1%;
}

/*Compra digital*/

.datos-venta.digital h1 {
    font-size: 19px;
}

.datos-venta.digital li.subtitulo {
    float: none;
}

    .datos-venta.digital li.subtitulo label {
        font-weight: bold;
    }


.datos-venta.digital .reflejo {
    background: #000 none repeat scroll 0 0;
    border-radius: 0 0 7px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    left: 15px;
    opacity: 0.9;
    padding: 2px;
    position: absolute;
    text-align: center;
    width: 60px;
}

.datos-venta.digital .regalar-a {
    background: rgba(0, 0, 0, 0) url("/clientes/images/gift-icon.png") no-repeat scroll right bottom / 100px;
}

    .datos-venta.digital .regalar-a .datos-adicionales {
        background: transparent;
    }

.datos-venta .module-coupon .datos-adicionales {
    overflow: hidden;
    padding-top: 2px;
    width: 92%;
}



    .datos-venta .module-coupon .datos-adicionales .bt.bt-aplicar, .datos-venta .module-coupon .datos-adicionales .input-form {
        box-sizing: border-box;
        display: inline-block;
        float: left;
        font-size: 12px;
        height: 34px;
        margin-top: 10px;
        padding: 8px;
        vertical-align: middle;
        width: auto;
    }

    .datos-venta .module-coupon .datos-adicionales .input-form {
        width: 50%;
    }

        .datos-venta .module-coupon .datos-adicionales .input-form[readonly] {
            background: #ededed none repeat scroll 0 0;
        }



    .datos-venta .module-coupon .datos-adicionales .help-block.form-error {
        float: left;
        width: 100%;
    }

.datos-venta .module-saldoEnCuenta .lp {
    border-top: 1px solid #E4E2E2;
    overflow: hidden;
    padding: 10px 0 0;
    margin: 0 0 10px;
}

    .datos-venta .module-saldoEnCuenta .lp div {
        overflow: hidden;
        float: left;
    }

.datos-venta .lpDetalle {
    width: 55%;
}

.datos-venta .lpVencimiento {
    width: 22%;
    text-align: center;
}

.datos-venta .lpMonto {
    text-align: center;
}



.CardContainer {
    padding: 15px 44px;
    max-width: 319px;
    margin: 0 auto;
    overflow: hidden;
}

    .CardContainer input, .CardContainer select {
        padding: 4px;
        width: 100% !important;
        box-sizing: border-box;
        border: 1px solid #CCCCCC;
        background: #FFFFFF;
        margin: 2px 0;
    }



    .CardContainer .CardLeft {
        display: block;
        width: 58%;
        float: left;
        height: 64px;
    }

    .CardContainer .CardRight {
        display: block;
        width: 40%;
        float: right;
    }

.moduleReady .CardContainer input, .moduleReady .CardContainer select {
    background: transparent;
}

/*Login*/
.login-box {
    max-width: 480px;
    margin: 10vh auto 0 auto;
    overflow: hidden;
}

    .login-box a {
        text-decoration: underline;
    }

    .login-box .logo {
        text-align: center;
    }

        .login-box .logo img {
            width: auto !important;
            max-width: 100%;
        }

    .login-box .datos-perfil {
        width: 96%;
        margin: 0px;
        border: none;
    }

        .login-box .datos-perfil .datos-adicionales {
            width: 100%;
        }

            .login-box .datos-perfil .datos-adicionales .dl .dd, .login-box .datos-perfil .datos-adicionales .dl .dd input {
                text-align: center;
            }

        .login-box .datos-perfil.registracion .datos-adicionales .dl .dd input[type=text], .login-box .datos-perfil.registracion .datos-adicionales .dl .dd input[type=email] {
            text-align: left;
            margin: 5px 2%;
            padding: 1.5%;
            width: 93%;
        }


        .login-box .datos-perfil.registracion .datos-adicionales .dl .dd label.readonly-field {
            display: block;
            padding: 1.5%;
            margin: 5px 2%;
            width: 93%;
            text-align: left;
            font-weight: bold;
        }

            .login-box .datos-perfil.registracion .datos-adicionales .dl .dd label.readonly-field a {
                color: #F00;
                font-size: 10px;
            }

        .login-box .datos-perfil h2 {
            font-size: 14px;
            margin-bottom: 2%;
            text-align: center;
        }

            .login-box .datos-perfil h2.error {
                color: #F00;
                font-size: 12px;
            }

        .login-box .datos-perfil .bt-container {
            overflow: hidden;
            margin: 3% auto;
            text-align: center;
        }

            .login-box .datos-perfil .bt-container .bt.finalizar {
                float: none;
                margin: 0px;
            }

    .login-box .leyenda {
        border-top: 1px solid #E4E2E2;
        padding-top: 2%;
        margin-top: 2%;
        font-size: 11px;
    }

    .login-box .datos-perfil.olvido h2 {
        text-align: center;
    }

        .login-box .datos-perfil.olvido h2 a {
            display: block;
            margin-top: 1%;
        }

footer.login-box {
    margin-top: 2%;
    font-size: 9px;
}

    footer.login-box h6 {
        font-size: 12px;
    }

.social-networks {
    margin-bottom: 20px;
    border-bottom: 1px solid #E4E2E2;
    padding-bottom: 16px;
}

.social-networks div {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.social-networks .social-network {
    width: 64px;
    height: 64px;
    display: block;
    border: 1px solid #E4E2E2;
    margin: 5px;
}

.social-networks a.social-network.google::before {
    content: "";
    background: url('../../images/google-logo.png') no-repeat center;
    background-size: 32px 32px;
    width: 63px;
    height: 63px;
    display: block;
    cursor: pointer;
}

.pdf {
    width: 100%;
    height: 600px;
}