﻿/* -------------------- Definir tamaño de fuente raiz -----------------------*/
html {
    font-size: 12px;
}
/*--------------------- Establecer varibles de color y tamaño de fuente ------------------*/
:root {
    --color-principal: #ef372d /*#2C85CD*/ /*#f89d1d*/;
    --color-principal-2: #0f034e;
    --color-secundario: #E5E5E5;
    --color-fonfo-div: #fcfcfc;
    --color-fondo-div-2: #eaedee;
    --font-size-titulo-1: 1.5rem;
    --font-size-titulo-2: 1.25rem;
    --font-size-1-1: 1.1rem;
    --font-size-dato-requerido: 1rem;
    --font-size-form-control: 1rem;
    --font-size-texto-p: 1rem;
    --font-size-texto-p-2: 1rem;
}
/*----------------------- Master ---------------------------------------------*/
#wrap {
    width:100%;
    max-width:1000px;
}
#header{
    width:100%;
    max-width:1000px;
}
#banner_int{
    width:100%;
    max-width:1000px;
    height:auto;
    background-image:none;
    position:relative;
}
#banner_int #img-banner-interior {
    width: 100%;
}
#banner_int .mail2{
    position:absolute;
    top:0;
    right:0;
}
#header2{
    margin-left:0px;
}
#headerbody, #contbody, #footbody {
    width: 100%;
}
.div-contacto {
    background-color: var(--color-fonfo-div);
    border: 2px solid var(--color-secundario);
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 5px;
    margin-bottom: 15px;
}

.div-confirmacion {
    background-color: var(--color-fondo-div-2);
    border: 2px solid var(--color-secundario);
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 5px;
    margin-bottom: 15px;
}

.div-gris {
    background-color: var(--color-secundario);
    border: 2px solid var(--color-secundario);
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 5px;
    margin-bottom: 15px;
}
.div-encabezado {
    padding-bottom: 15px;
}
/*-----------------------Menu---------------------------*/
.menu-item {
    margin-bottom: 5px;
    margin-top: 5px;
    /*border-radius:5px;*/
    padding: 5px 15px;
    background-color: var(--color-secundario);
    border: 1px #FFFFFF solid;
}
a.menu-item:hover{
    background-color:var(--color-principal);
    color:#FFFFFF;
}
/*------------------inputs--------------------------*/
.form-control{
    padding:2px;
    height:20px;
}
.hr-formulario {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #eee;
}
.btn_principal {
    text-decoration: none;
    background-color: var(--color-principal);
    color: #ffffff;
    border-radius:0;
}
.btn_principal:hover {
        color: #ffffff;
}
.footer_btn{
    margin-top:15px;
    padding-top:15px;
    padding-bottom:15px;
    background-color: var(--color-secundario);
    text-align:right;
    margin-bottom:-20px;
}
a.link_anclas:link{
    display:block;
}
#ctl00_content_datosGenerales_ddDia, #ctl00_content_datosGeneralesEmp_ddDia {
    width: 23%;
    float: left;
    position: relative;
}
#ctl00_content_datosGenerales_ddMes, #ctl00_content_datosGeneralesEmp_ddMes {
    width: 48%;
    float: left;
    position: relative;
}
#ctl00_content_datosGenerales_ddAnio, #ctl00_content_datosGeneralesEmp_ddAnio {
    width: 29%;
    float: left;
    position: relative;
}
.separacion-selects {
    margin-top: 5px;
}
#BTN-REGISTRAR{
    float:right;
}
#ctl00_content_btnRegistro{
    float:right;
}
.input-group-addon{
    padding:0px;
    padding-left:5px;
    padding-right:5px;
}

/*------------------------------- Calendario --------------------------------*/
#ctl00_content_Calendar1 {
    margin-top: 15px;
    border-width: 0px !important;
}

    #ctl00_content_Calendar1 tr:first-child {
        background: var(--color-principal) !important;
    }

    #ctl00_content_Calendar1 tr:first-child {
        background: var(--color-principal) !important;
    }

    #ctl00_content_Calendar1 tr:nth-child(even) {
        background: #dedede;
        color: #000000;
    }

    #ctl00_content_Calendar1 tr:nth-child(odd) {
       background: #dedede;
        color: #000000;
    }

    #ctl00_content_Calendar1 tr {
        width: 100%;
    }

    #ctl00_content_Calendar1 td {
        width: 25% !important;
        height: 25px;
        padding: 2px 7px;
        text-align: center;
        color: #ffffff;
    }

    #ctl00_content_Calendar1 tr {
        color: #000000;
        width: 30px;
        height: 25px;
        padding: 0 0;
    }

    #ctl00_content_Calendar1 th {
        text-align: center;
    }

    #ctl00_content_Calendar1 tr > td a {
        color: rgba(0, 0, 0, 0.5);
    }

    #ctl00_content_Calendar1 tbody {
        /*display: inline-block;*/
        /*margin: 0 60px;*/
    }

    #ctl00_content_Calendar1 tbody {
        display: inline-block;
        /*margin: 0 0 0 -8px;*/
        width: 210px;
        /*padding: 0 0 0 38px;*/
    }

/*-------------------------------Fin de calendario----------------------------------*/
#ctl00_content_rvMonto{
    display:block;
}
#ctl00_content_txtMonto{
    width:91.5%;
}
#ctl00_content_rfvMayDist {
}
#ctl00_content_fuImgTicket{
    display:initial;
}
.form-compras {
    width: 95%;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 2px;
    height: 20px;
}
.form-referidos {
    width: 95%;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    /*margin-bottom: 15px;
    margin-top: 15px;*/
    padding: 2px;
    height: 20px;
}
.form-reg {
    width: 95%;
    max-width:265px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    /*margin-bottom: 15px;
    margin-top: 15px;*/
    padding: 2px;
    height: 20px;
}
.separacion-div{
    margin-bottom:20px;
}
.div-error-deposito{
    padding:15px;
}
.texto_aviso{
    color:red;
}
.div-separar-detalle{
    margin-bottom:15px;
}
#ctl00_content_lblSaldo{
font-size:24px;
}
.titulo_2r{
    display:inline-block;
    float:left;
}

/*Tabla de detalles de puntos*/
#tblDisponibles td{
    padding:3px;
    padding-top:7px;
    padding-bottom:7px;
}
#tblCanjes td {
    padding: 1px;
    padding-top: 7px;
    padding-bottom: 7px;
}
#tblPendientes td {
    padding: 3px;
    padding-top: 7px;
    padding-bottom: 7px;
}
#tblCancelados td {
    padding: 3px;
    padding-top: 7px;
    padding-bottom: 7px;
}
/*Fin de tabla de detalle de puntos*/

/* Textos de aviso */
#ctl00_content_lbltxtDepositados, #ctl00_content_lbltxtCanjeados, #ctl00_content_lbltxtPendientes, #ctl00_content_lbltxtCancelados, #ctl00_content_lbltxtExpirados {
    color: #000;
}

#ctl00_content_dlResultados{
width:100%;

}
.titulo_producto, #ctl00_content_lblNomProveedor {
    color: var(--color-principal);
}
.titulo_valor{
    color:var(--color-principal-2);
}
/*Padding de 15 a div*/
.padding-15 {
    padding: 15px;
}
/*Margin 15 bottom*/
.margin-15{
    margin-bottom:15px;
    margin-top:15px;
}
/*Display Block*/
.display-block{
    display:block;
}
/*Float a div de registro*/
#div-reg-1, #div-reg-2, #div-reg-3 {
    float: left;
}
/*Separacion de imagen de confirmacion de producto*/
.separacion-img {
    padding-top:15px;
    padding-bottom:15px;
}
/*Separacion de 4px en puntos restantes de confirmacion */
#ctl00_content_lblSaldoFinal {
    /*margin-right:4px;*/
}
/*Color fondo div botones confirmacion*/
.fondo-gris{
    background-color:var(--color-fondo-div-2);
    padding-bottom:15px;
    padding-top:15px;
    border-radius:4px;
}
/*Float left en numero*/
#ctl00_content_rfvNumero{
    float:left;
}
/* Float right boton de actualizar información */
#ctl00_content_btnActualizar{
    float:right;    
}
.text-left{
    text-align:left;
}
/* Quitar borde de radiobuttons */
#ctl00_content_datosGenerales_rblSexo{
    border-style:none;
}
/* Clase para div de boton en actualizar */
.footer_btn_act{
    margin-bottom:0;
}
/* Color de textos */
.titulo_1r {
    font-family: Arial, Helvetica, sans-serif;
    font-size: var(--font-size-titulo-1);
    color: var(--color-principal-2);
    text-align: left;
    font-weight: bold;
}

.titulo_2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: var(--font-size-titulo-2);
    color: var(--color-principal);
    text-align: left;
    font-weight: bold;
}

.titulo_2r {
    font-family: Arial, Helvetica, sans-serif;
    font-size: var(--font-size-titulo-2);
    color: var(--color-principal);
    text-align: left;
    font-weight: bold;
}

.titulo_3r {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: var(--color-principal);
    text-align: left;
    font-weight: bold;
}
.texto-lectura-justify {
    text-align: justify;
}
/* Label dato requerido */
.dato_requerido{
    font-size:var(--font-size-dato-requerido);
}
/* Font size form control */
.form-control{
    font-size:var(--font-size-form-control);
    height:28px;
}
/* Font andheight de inputs */
.font-input {
    font-size: var(--font-size-form-control);
    height: 28px;
}
/* */
.control_titulo{
    font-size:var(--font-size-dato-requerido);
}
/* Tamaño de letra en parrafos */
.texto-p{
    font-size:var(--font-size-texto-p);
}
.texto-p-2 {
    font-size: var(--font-size-texto-p-2);
}
/* Max width de 250px para imagenes laterales */
.max-250px{
    max-width:250px;
}
/* Texto_lectura y titulo_3*/
.texto_lectura, .titulo_3{
    font-size:var(--font-size-texto-p-2);
}
.head-line-inside {
    background-color: var(--color-principal);
    
}
.link_reglas {
    color: #ddd!important;
}
/* Ocultar imagen en redencion de Drive APP */
#ctl00_content_Image1 {
    /*display:none;*/
}

.font-size-1-5{
    font-size:var(--font-size-titulo-1);
}

/* hr principal de color principal */
.hr-principal{
    border-top:3px solid  var(--color-principal);
}

/* width 80 */
.width-80{
    width:80%;
}
.width-30{
    width:30%;
}
/* width 30 */

/* Separacion 15 px*/
.separacion-15{
    margin-top:15px;
}

/* Control de catalogo de productos */
.div-producto {
    /*display: table-caption;*/
    /*border-bottom:.5px solid #000;
                    border-left:.5px solid #000;*/
    /*float: left; padding-right: 5px; padding-bottom: 15px; width: 100%; height:100%;*/
    min-width: 142px;
    padding-left: 5px;
    padding-right: 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

@media only screen and (max-width:500px) and (min-width:424px) {
    .div-producto {
        min-width: 110px;
    }
}

@media only screen and (max-width:423px) {
    .div-producto {
        box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.19);
        min-width: 0;
        padding-left: 0;
        min-height: 285px;
    }
}

@media only screen and (min-width: 424px) {
    .div-producto {
        margin-left: 3px;
        margin-right: 3px;
        min-height:300px;
    }
}

@media only screen and (min-width: 768px) {
    .div-producto {
        margin-left: 10px;
        margin-right: 10px;
        min-height:200px;
    }
}

@media only screen and (min-width: 949px){
    .div-producto{
        min-width:180px;
        margin-left:15px;
        margin-right:15px;
    }
    
}




/* Fin de control de catalogo de productos */


/* Header */
.sprfl-top {
    line-height: 24px;
    font-size: 12px;
    width: 100%;
    background: var(--color-principal);
    opacity: 0.9;
    z-index: 2;
    position: relative;
    -moz-box-shadow: 1px 0px 2px #000;
    -webkit-box-shadow: 1px 0px 2px #000;
    box-shadow: 1px 0px 2px #000;
    min-height:35px;
}
sprfl-top span.right {
    float: right;
}
.sprfl-top a {
    padding: 0px 10px;
    letter-spacing: 1px;
    color: #ddd;
    display: block;
    float: left;
}

    .sprfl-top a:hover {
        color: #fff;
    }

.sprfl-top span.right {
    float: right;
}

    .sprfl-top span.right a {
        float: none;
        display: inline;
    }



img.powered-img {
    margin: 5px 10px;
    width: 30%;
    vertical-align: text-bottom;
}

.pleca-sup img {
    margin: 5px 10px;
    width: 30%;
    vertical-align: text-bottom;
}


/*****************Links de Terminos******************/
div.links_terminos a.link_anclas:hover{
    color:var(--color-principal);
}
div.links_terminos a {
    color:var(--color-principal)!important;
}
/****************************************************/

@media screen and (max-width: 768px) {
    .sprfl-top {
        text-align: center;
    }

    p.sprfl-demos {
        position: relative;
        top: auto;
        left: auto;
    }
}
@media screen and (max-width:531px){
    .sprfl-top{
        min-height:50px;
    }
}

@media screen and (max-width:500px) {
    .sprfl-top {
        min-height: 54px;
    }
}


    /* fin header */




    @media only screen and (max-width: 767px) {
        /* Change the values of the div intizq */
        #intizq {
            height: 100%; /* 100% Full-height */
            width: 0%; /* 0 width - change this with JavaScript */
            position: fixed; /* Stay in place */
            z-index: 999999; /* Stay on top */
            top: 0; /* Stay at the top */
            left: 0; /* Stay at the left */
            background-color: #fcfcfc; /* Black*/
            overflow-x: hidden; /* Disable horizontal scroll */
            padding-top: 0; /* Place content 0 from the top */
            margin-top: 0; /*Place content 0 from the top*/
            transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
            text-align: center; /* Change the align text to center */
            padding-left: 0px; /* Change the paddding at 0px */
            padding-right: 0px; /* Change the paddding at 0px */
        }
            /* Change the align text at center */
            #intizq #menu table tbody tr td {
                text-align: center !important;
            }

        #menu {
            padding: 20px;
        }

        #header2 {
            height: 20px;
        }

        #ctl00_imgContacto {
            display: none;
        }

        .head-line-inside {
            text-align: center;
            background: var(--color-principal);
        }

        .a-menu {
            display: block;
            top: 0;
            right: 0;
            margin: 5px;
            position: fixed;
            z-index: 50;
            background-color: var(--color-principal);
        }

        .cerrar-menu {
            text-decoration: none;
            font-size: 50px;
            color: var(--color-principal);
        }

            .cerrar-menu:hover {
                text-decoration: none;
                color: var(--color-secundario);
            }

        #menu-contacto {
            display: block;
        }

        #ctl00_content_txtEmail {
            margin-bottom: 15px;
        }

        .separacion-inputs {
            margin-top: 15px;
        }
    }

    @media only screen and (min-width: 768px) {
        #id-a-cerrar {
            display: none;
        }

        .a-menu {
            display: none;
        }

        #menu-contacto {
            display: none;
        }

        #ctl00_content_txtTicket {
            min-width: 210px;
        }
    }

@media only screen and (max-width: 376px) and (min-width: 321px)  {
    #intder {
        padding: 0px;
    }
}

    @media only screen and (max-width: 320px) {
        .rc-anchor-normal {
            width: 184px;
        }

            .rc-anchor-normal .rc-anchor-checkbox-label {
                width: 60px;
            }

        #div-deposito {
            padding: 0;
        }

        #ctl00_content_Label7, #ctl00_content_Label8, #ctl00_content_Label9 {
            font-size: 12px;
        }

        #intder {
            padding: 0px;
        }

            #intder #contbody {
                padding: 0px;
            }

        .footer_btn_detalle {
            margin-left: 0;
            margin-right: 0;
        }

        .div-puntos-disponibles {
            text-align: center;
        }

            .div-puntos-disponibles .titulo_2r {
                text-align: center;
            }

        .div-puntos-regresar {
            text-align: center;
        }

        #div-producto-detalle, #div-prodcuto {
            padding-right: 1px !important;
        }

        #img-banner-interior {
            content: url(../img/banner-320x160.png);
        }

        #header2, #header3 {
            display: none;
        }

        html {
            font-size: 16px;
        }

        #row-reg-1, #row-reg-2 {
            display: initial;
        }
        /* Estilos para acomodar reCAPTCHA */
        #ctl00_content_pnlRCC iframe {
            /*width: 257px;*/
        }
        /*#ctl00_content_pnlRCC iframe html body .rc-anchor .rc-anchor-normal-footer {*/
        div.rc-anchor-normal-footer {
            /*margin-left: -50px;
            */
        }
        /* Fin de Estilos para acomdar reCAPTCHA */

        

    }

    @media only screen and (max-width: 376px) and (min-width: 321px) {
        #img-banner-interior {
            content: url(../img/banner-375x175.png);
        }

        #header2, #header3 {
            display: none;
        }

        html {
            font-size: 16px;
        }
    }
    /*----------- Tamaño mobil L --------------------*/
    @media only screen and (max-width: 426px) and (min-width:377px) {
        #img-banner-interior {
            content: url(../img/banner-425x90.png);
        }

        #header2, #header3 {
            display: none;
        }

        html {
            font-size: 20px;
        }
    }

    @media only screen and (max-width: 426px) {
        .div-puntos-regresar {
            text-align: center;
        }

        .sin-padding {
            padding: 0;
        }
        .div-left{
            text-align:left;
        }
    }
    /*----------------- Tamaño menor de una table -------------------*/
    @media only screen and (min-width: 768px) {
        #ctl00_content_Label1_reg, #ctl00_content_Calendar2_reg {
            display: none;
        }

        #div-reg-2 {
            float: right;
        }

        #div-confirmacion-img, #div-confirmacion-form {
            float: right;
        }

        #ctl00_content_Image1 {
            /*width: 111px;*/
        }

        #ctl00_content_btnRegresar {
            float: left;
            margin-left: 100px;
        }

        #ctl00_content_btnAceptar {
            float: right;
            margin-right: 100px;
        }
        /* Ocultar puntos cuando es minimo 768 */
        /*#ctl00_menuIn_lblUsuario, #ctl00_menuIn_lblPuntos {
        display: none;
    }*/
        /*--------------------Controles de menu para tablet y + ------------------------*/
        #ctl00_menuIn_lblUsuario, #ctl00_menuIn_lblPuntos {
            display: initial;
            /*font-size: var(--font-size-titulo-2);*/
        }
        #ct100_menuIn_lblUsuario {
            font-weight: bold;
        }

        .center-puntos {
            margin-bottom: 45px;
        }

        #intizq {
            margin-top: -80px;
        }

        #menu {
            background-color: rgba(255,255,255,0);
        }
        /*--------------------Fin de control de menu para table y + --------------------*/
        .menu-out {
            margin-top: 95px;
        }

        .despliegue-puntos {
            display: none;
        }

        .br-ocultar {
            display: none;
        }


        #pnlLoader {
            padding-top: 25%;
        }
        /*****************Control radio Sexo *************/
        #ctl00_content_datosGenerales_rblSexo {
            display: inline-flex !important;
        }
        /************************************************/

        /*****************Bold Nombre de participante **********/
        #ctl00_menuIn_lblUsuario{
            font-weight:bold;
        }
        /*******************************************************/
    }
    /*------------- Tamaño tablet y + -------------------*/
    @media only screen and (max-width: 767px) {
        #div-reg-izq {
            display: none;
        }

        .separacion-detalle {
            margin-top: 15px;
        }

        .div-guia-cancelacion {
            padding: 0;
            margin-bottom: 5px;
            float: right;
        }

        #ctl00_content_Image1 {
            display: list-item;
        }

        #div-confirmar-ta {
            text-align: center;
        }

        #div-landing-1 {
            padding: 0;
        }

        #div-img-actualizar {
            display: none;
        }

        .separar-puntos {
            margin-bottom: 25px;
        }

        .separar-nombre {
            margin-top: -15px;
        }

        .list-group-item {
            font-size: var(--font-size-texto-p);
        }

        .titulo_3 {
            text-align: center;
        }

        #div-img-reg {
            display: none;
        }

        .padding-right-0 {
            padding-right: 0;
        }

        #ctl00_content_pnlRegistrar {
            text-align: center;
        }
        /* Centrar carrier ta */
        #ctl00_content_imgCarrier1, #ctl00_content_imgCarrier2, #ctl00_content_imgCarrier3, #ctl00_content_imgCarrier4, #ctl00_content_imgCarrier5 {
            display: initial;
        }

        .center-carrier {
            text-align: center;
        }
        /* Fin de Centrar carrier ta */
        /* Usuario y Puntos */
        h3.separar-nombre > span#ctl00_menuIn_lblUsuario {
            font-size: var(--font-size-titulo-2);
        }

        h4.separar-nombre > span#ctl00_menuIn_lblPuntos {
            font-size: var(--font-size-1-1);
        }
        /* Boton principal */
        .btn_principal {
            font-size: var(--font-size-texto-p);
        }
    }

    @media only screen and (min-width: 375px) and (max-width: 426px) {
        .sin-padding-375 {
            padding: 0;
        }
    }

    /* Control de tamalo de fuente de Calendario */

    @media only screen and (max-width:426px) {
        table#ctl00_content_Calendar1 {
            font-size: 18pt !important;
        }

        #ctl00_content_Calendar1 tr:first-child {
            font-size: 18pt !important;
        }
    }

    @media only screen and (max-width:376px) {
        table#ctl00_content_Calendar1 {
            font-size: 16pt !important;
        }

        #ctl00_content_Calendar1 tr:first-child {
            font-size: 16pt !important;
        }
    }

    @media only screen and (max-width:321px) {
        table#ctl00_content_Calendar1 {
            font-size: 14pt !important;
        }

        #ctl00_content_Calendar1 tr:first-child {
            font-size: 14pt !important;
        }
    }

    /* Fin  de control de tamaño de fuente de Calendario */

    /******************** Resolucion 1000 + *********************/
    @media only screen and (min-width:1000px){
        #wrap{
            padding-left:43px;
            padding-right:43px;
        }
        div.menu-div h3.separar-nombre {
        text-align:left;
        font-size:var(--font-size-1-1);
        font-weight:bold;
        }
        div.menu-div h4.separar-puntos {
            text-align: left;
            font-size: var(--font-size-texto-p);
            font-weight:bold;
        }
        div.menu-div a.menu-item {
            font-size: var(--font-size-texto-p);
            margin-left: -15px;
            margin-right: 15px;
            padding-left: 25px;
        }

        }
    @media only screen and (min-width:768px){
        div.menu-div h3.separar-nombre {
            text-align: left;
            font-size: var(--font-size-1-1);
            font-weight: bold;
        }

        div.menu-div h4.separar-puntos {
            text-align: left;
            font-size: var(--font-size-texto-p);
            font-weight: bold;
        }

        div.menu-div a.menu-item {
            font-size: var(--font-size-texto-p);
            
        }
        .titulo_num_emp{
            font-weight:initial;
        }
    }
    .radio-sexo{
        display:flex!important;
        font-size:var(--font-size-texto-p);
    }
.titulo_num_emp {
    font-weight: initial;
}
#ctl00_content_hlRegresar{
    float:right;
}
    /************************************************************/
    /*******************Mensaje de error al registrar************/
#ctl00_content_lblMensajeTop{
    display:block;
}
#ctl00_content_lblMensajeFooter{
    display:inherit;
}
.sin-padding {
    padding: 0;
}
.width-100{
    width:100%;
}
    /************************************************************/

/* Aviso de referidos */
span#ctl00_content_pnlInvitacion > div#ctl00_content_pnlResultado > p.texto_aviso.texto-p {
    color: #000;
}
/* Aviso de contacto */
span#ctl00_content_UpdateContacto > div#ctl00_content_pnlEnviado > p.texto_aviso.texto-p-2 {
    color: #000;
}
/* Aviso de olvido */
span#ctl00_content_pnlEnvioPwd > div#ctl00_content_pnlExito > p.texto_aviso {
    color: #000;
    font-size: var(--font-size-texto-p);
}
/* Texto de redención */
span#ctl00_content_updateInfoRedencion > div#ctl00_content_pnlExito > div.col-xs-12.col-sm-12.col-md-12.col-lg-12 > div.col-xs-12.col-sm-12.col-md-12.col-lg-12 > p {
    font-size: var(--font-size-texto-p);
}

@media only screen and (max-width:426px) {
    #ctl00_content_pnlInvitacion > div#ctl00_content_pnlDatos > div.col-xs-12.col-sm-12.col-md-12.col-lg-12.div-contacto >
    div.row > div.control-label.col-xs-6.col-sm-4.col-md-4.col-lg-4.sin-padding > #ctl00_content_txtTelefono {
        width: 80%;
    }
}

    @media only screen and (max-width: 768px) {

        #ctl00_content_lblSaldo {
            text-align: center;
            width: 100%;
            display: block;
        }
    }

    @media only screen and (max-width: 768px) {
        div.div-puntos-disponibles .titulo_2r {
            width: 100%;
            text-align: center;
        }
    }

    @media only screen and (max-width: 376px) and (min-width: 321px) {
        div.g-recaptcha {
            margin-left: -15px;
        }
    }

    @media only screen and (max-width: 320px) {
        div.g-recaptcha > div > div > iframe {
            width: 289px !important;
        }
    }

    @media only screen and (max-width: 320px) {
        div.g-recaptcha {
            margin-left: -17px;
        }
    }

    /* Estilos para IE */
    /* Fondo Div */
    .div-contacto, .div-confirmacion {
        background-color: #fcfcfc;
    }
    /* Background Principal */
    a.menu-item:hover, .btn_principal, .head-line-inside, .sprfl-top, .head-line-inside, .a-menu {
        background-color: #ef372d;
    }
    /* Color Principal */
    .titulo_producto, #ctl00_content_lblNomProveedor, .titulo_1r, .titulo_2, .titulo_2r, .titulo_3r, div.links_terminos a.link_anclas:hover, div.links_terminos a, .cerrar-menu {
        color: #0f034e !important;
    }
    /* Background Secundario */
    .menu-item, .div-gris, .footer_btn {
        background-color: #E5E5E5;
    }
    /* Color Secundario */
    .cerrar-menu:hover {
        color: #E5E5E5;
    }
    /* Border Secundario */
    .div-contacto, .div-confirmacion, .div-gris {
        border: 2px solid #E5E5E5;
    }
    /* Font Size User and Points */
    #ctl00_menuIn_lblUsuario {
        font-size: 14px;
    }

#ctl00_menuIn_lblPuntos {
    /*font-size: 14px;*/
}

    div.links_terminos a.link_anclas {
        font-size: var(--font-size-texto-p);
    }

    div.links_terminos a.link_anclas, div.links_terminos a {
        font-size: var(--font-size-texto-p);
    }
    /*Estilos de GridViewFedEx*/
#ctl00_content_GridViewFedEx, #ctl00_content_GridViewReporteLocales, #ctl00_content_GridViewReporteUsuarios, #ctl00_content_GridViewReporte {
    background-color: #DCE1E2;
    border-width: 0px;
    font-size: X-Small;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    width: 100%;
    max-width: 600px;
}

    #ctl00_content_GridViewFedEx td, #ctl00_content_GridViewReporteLocales td, #ctl00_content_GridViewReporteUsuarios td, #ctl00_content_GridViewReporte td {
        padding: 3px;
        padding-top: 7px;
        padding-bottom: 7px;
        background-color: #fff;
    }

    #ctl00_content_GridViewFedEx th, #ctl00_content_GridViewReporteLocales th, #ctl00_content_GridViewReporteUsuarios th, #ctl00_content_GridViewReporte th {
        padding: 3px;
        padding-top: 7px;
        padding-bottom: 7px;
        text-align: left;
    }

    #ctl00_content_GridViewFedEx > .titulo_tablas, #ctl00_content_GridViewReporteLocales > .titulo_tablas, #ctl00_content_GridViewReporteUsuarios > .titulo_tablas, #ctl00_content_GridViewReporte > .titulo_tablas {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000000;
        text-align: left;
        font-weight: bold;
    }

#divReporte > div {
    overflow: scroll;
    max-height: 600px;
}
        /* Imagen de premio */
        img#ctl00_content_imgPremio {
            width: 100% !important;
            max-width: 200px;
            height: auto !important;
        }

        /* Saldo disponible en estado de cuenta */
@media only screen and (max-width: 768px) {
    span#ctl00_content_lblSaldo.texto_estado_puntos_2 {
        text-align: right;
    }
}

    @media only screen and (max-width: 768px) {
        #ctl00_content_lblSaldo {
            text-align: center;
            width: 100%;
            display: block;
        }
    }

    #banner_int .mail2 {
        position: absolute;
        top: 0;
        right: 0;
    }

    .mail2 {
        float: right;
        padding-right: 10px;
        margin-top: 7px;
    }

    /************Tablas de detalle de cuenta*******************/

#tblDepositos td, #tblCanjes td, #tblExpirados td, #tblCancelados td {
    padding: 3px;
    padding-top: 7px;
    padding-bottom: 7px;
}