/**************************************************************************/
/************************** Variables *************************************/
/**************************************************************************/
:root {
    --color-principal-uno: #ff7400 ;/* #e53c2b;*/
    --color-principal-dos: #0f034e;
    --color-principal-tres: #999;
    --color-principal-cuatro: #323232;
    --color-background-gris-uno: #f2f1f1;
    --color-background-gris-dos: #ddd;
    --color-background-boton: #000;
}
    body {
        font-family: 'Nunito Sans', sans-serif;
    }
/**************************************************************************/
/***************************** Navbar *************************************/
/**************************************************************************/
.navbar-uno {
    background-color: var(--color-principal-cuatro);
    color: #fff;
    border-radius: 0px;
    height: 35px;
    min-height: 20px;
    margin-bottom: 0px;
    padding-top: 7px;
}
    .navbar-dos {
        background-color: var(--color-principal-uno);
        color: #000;
        border-radius: 0px;
        height: 100px;
        min-height: 100px;
        margin-bottom:0px;
    }
.navbar-tres {
    background-color: var(--color-background-gris-uno);
    color: #000;
    border-radius: 0px;
    /*height: 72px;*/
    min-height: 72px;
}
.nav-tres{
    margin-right:15px!important;

}
.navbar-brand-dos {
    float: left;
    height: 100px;
    padding-top: 10px;
}
    .ul-input-buscar {
        padding-top: 10px;
        margin: auto;
    }
    .nav-uno > li > a {
        padding: 0px;
        margin-left: 40px;
        color: #fff;
    }
    .nav-tres > li > a {
        color: #fff;
        background-color:#000;
    }
.nav-tres > li.dropdown > a {
    color: #fff;
    padding-top: 25px;
    padding-bottom: 25px;
}
    .nav-tres > li.dropdown > a:active, .nav-tres > li.dropdown > a:focus {
        color: var(--color-principal-uno);
        background-color: #fff;
    }
    .nav-tres-menu > li > a {
        color: #000;
        padding-top:25px;
        padding-bottom:25px;
    }
    ul.dropdown-menu {
        min-width: 1125px;
    }
        ul.dropdown-menu > div > li {
            padding: 10px;
            /*border-bottom: 1px solid #ddd;*/
        }
    ul.dropdown-menu > div > li > a {
        text-decoration: none;
        color: #000;
    }
    .container-promocional{
        margin-bottom:25px;
    }
.container-footer {
    background-color: var(--color-principal-cuatro);
    color: #fff;
    margin-top: 100px;
}
    .img-powered{
        width:230px!important;
    }
    .textbox-search {
        width: 150px;
    }
.img-premio {
    width: 400px;
    height: 400px;
    display: block;
    margin: auto;
}
    .titulo-color{
        color:var(--color-principal-dos);
    }
/**************************************************************************/
/**********************Boton de menu movil ********************************/
/**************************************************************************/
    #li-cerrar-menu {
        display: none;
        text-align: right;
        font-weight: bold;
        font-size: 30px;
    }
    .a-menu{
        display:none;
    }
    .a-menu {
        top: 0;
        right: 0;
        margin: 5px;
        position: fixed;
        z-index: 50;
        background-color: #fff;
        border-radius:10px;
    }
    .a-menu {
        background-color: #fff;
    }
    .li-terminos {
        display:initial;
    }
    .a-footer{
        text-decoration:none;
        color:#fff;
        padding:5px;
    }
    .a-footer:hover {
        text-decoration: none;
        color: #000;
        background-color:#fff;
    }
    .a-menu-lateral:hover {
        color: #fff;
        background-color:var(--color-principal-uno);
    }
    .a-categorias {
        text-decoration: none;
        color: #000;
    }
    .a-categorias:hover {
        text-decoration: none;
        color: #fff;
        background-color: #000;
    }
    .a-submenu {
        text-decoration: none;
        color: #000;
    }
        .a-submenu:hover {
            text-decoration: none;
            color: #000;
            /*padding:5px;*/
            font-weight: bold;
        }
.ul-li-a{

}
.ul-li-a:hover {
    background-color:#fff!important;
    font-weight:bold;
}
#ul-cuenta > li:hover {
    background-color: #fff !important;
}

#ul-perfil > li > a:hover {
    background-color: #fff !important;
    font-weight: bold;
    color:#000;
}
#ul-perfil > li:hover {
    background-color: #fff !important;
    font-weight: bold;
    color:#000!important;
}

.nav-tres-menu > li > a:hover {
    text-decoration: none;
    color: var(--color-principal-uno);
    background-color: #fff;
}
.nav-tres > li > a:hover {
    text-decoration: none;
    color: var(--color-principal-uno);
    background-color: #fff;
}
    .nav-uno > li > a:hover {
    text-decoration: none;
    color: #000;
    background-color: #fff;
}

    .div-titulo-lateral {
        background-color: var(--color-background-gris-dos);
        padding: 5px;
    }
    .div-gris-interno {
        background-color: var(--color-background-gris-uno);
        padding: 5px;
    }
    .h3-margintop-12{
        margin-top:12px;
    }
    .margingbottom-20px{
        margin-bottom:20px;
    }
    .div-padding-10 {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left:30px;
        padding-right:30px;
    }
    .border-menu-usuario {
        border-left: 1px solid #999;
    }
    #div-filtros.fixed {
        position: fixed;
        top: 0;
        z-index:1;
        padding:10px;
        background-color:#f2f1f1;
    }
    .dd-cantidad{
        width:75px;
    }
    .btn-action{
        border-radius:0px;
        background-color:var(--color-principal-uno);
        color:#fff;
    }
    .btn-action:hover{
        background-color:#fff;
        color:var(--color-principal-uno);
        border-color:#000;
        border-color:var(--color-principal-uno);
    }
    .padding-10px{
        padding:10px;
    }
    .padding-20px {
        padding: 20px;
    }
    .padding-30px {
        padding: 30px;
    }
    .padding-40px {
        padding: 40px;
    }
    .padding-50px {
        padding: 50px;
    }
    .hr-formulario{
        border-color:#ccc;
    }
/**************************************************************************/
/***************************** Calendario *********************************/
/**************************************************************************/
.Calendario-blanco {
    /*margin-top: 15px;*/
    border-width: 0px !important;
}
    table.Calendario-blanco {
        padding: 10px;
    }
    table.Calendario-blanco td {
        padding: 10px 12px;
    }
    table.Calendario-blanco th {
        padding: 10px 12px;
        text-align: center !important;
    }
    table.Calendario-blanco tr:first-child {
        background: #fff !important;
    }
    table.Calendario-blanco tr:first-child td {
        color:#000;
        background: #fff !important;
        border-width: 0px !important;
    }
    .Calendar-Title, .Calendar-Day {
        text-transform: uppercase;
    }
    .Calendario-blanco
    .calendar-hoy::after {
        content: "HOY";
        font-size: 6px;
        display: block;
    }   
    .calendar-hoy {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
/**************************************************************************/
/************************* Zoom imagen ************************************/
/**************************************************************************/
    .container-enlarge {
        /*display: inline-block;*/
        position: relative;
        margin: 15px;
    }
    /*
    .container-enlarge > img {
        height: auto;
        max-width: 100%;
        width: 150px;
        border-radius: 5px;
    }
        */
    .container-enlarge span {
        position: absolute;
        top: -9999em;
        left: -9999em;
    }
        .container-enlarge:hover span {
            top: 0px;
            left: 300px;
            width: 600px;
            z-index: 1;
            background-color: #fff;
            border: 5px solid gray;
        }
    .min-height-principal{
        min-height:300px;
    }

/****************Fin quitar bordes a tablas*************/
.gvResponsive > tbody > tr {
    border-bottom: 1px solid #ccc!important;
}

.control {
    display: inline-block;
    padding: 5px;
    width: 70px !important;
    margin-left:5px;
    margin-right:5px;
    margin-top:5px;
    margin-bottom:5px;
}

.form-control-custom {
    width: 95%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.width-100{
    width:100px;
}
.div-reglas > span.titulo_3 {
    margin-left: -5px;
    font-weight: bold;
}
 
@media only screen and (min-width: 767px) and (max-width: 1200px) {
    .navbar-tres {
        /*Si el menu continene mas de 3 opciones se deja en 150*/
        /*Si el menu continene solo 3 opciones se comenta*/
        /*height: 150px;*/
    }
        ul.dropdown-menu {
            min-width: 940px;
        }
       
    }
@media only screen and (min-width: 767px) and (max-width: 1000px) {
    

    ul.dropdown-menu {
        min-width: 735px;
    }
}

@media only screen and (min-width: 767px) and (max-width: 1000px) {

    .nav-tres {
        /*Si el menu continene mas de 3 opciones se deja en -75*/
        /*margin-top: -75px;*/
        /*Si el menu continene solo 3 opciones se deja en 0*/
        margin-top: 0px;
    }
}

    @media only screen and (max-width: 765px) {
        .navbar-uno {
            height: 55px;
        }
        .nav-uno > li {
            display: table-cell;
            text-align: center;
        }
        .nav-uno > li > a {
            margin-left: 5px;
            margin-right: 5px;
        }
        
    }

    @media only screen and (max-width: 500px) {
        .ul-input-buscar {
            display: flex;
            position: absolute;
            top: 0;
            right: 30px;
        }
        .navbar-dos{
            margin-bottom:20px; 
        }
        .navbar-tres {
            display: none;
            position: fixed;
            top: 0;
            height: 100%;
            z-index: 6;
            width: 0px;
            -webkit-transition: width 2s;
            transition: width 2s;
            overflow:scroll;
        }
        .a-menu{
            display:block;
        }
        .li-terminos {
            display: none!important;
        }
        .li-espacio{
            padding:5px;
        }
        .padding-50px {
            padding: 15px;
        }
        #li-cerrar-menu{
            display:block!important;
        }
        .control{
            margin-left:2px;
            margin-right:2px;
        }
        .navbar-tres > .container > .nav-tres-menu > li {
            margin-top: 3px;
            margin: 5px;
            background-color: var(--color-background-gris-uno);
        }
            .navbar-tres > .container > .nav-tres-menu > li > a {
                padding: 15px;
            }
        .navbar-tres {
            background-color:#fff;
        }
            .navbar-tres > .container > .nav-tres > li {
                /*margin-top: 3px;
                margin: 5px;*/
            }
            .navbar-tres > .container > .nav-tres  {
                margin: 0px;
                margin-right:0px!important;
            }
        .gvPuntos {
            display: block;
            overflow: auto;
        }
        
        .tabla-productos td {
            display: grid;
        }
        .menu3footer > ul.nav-tres-menu > li.dropdown > ul > div > li {
            background-color: #fff;
        }

        .menu3footer > ul.nav-tres-menu > li.dropdown > ul {
            padding: 0px;
        }

            .menu3footer > ul.nav-tres-menu > li.dropdown > ul > div {
                padding: 0px;
                background-color: #f2f1f1;
            }

        ul.dropdown-menu {
            min-width: auto;
            border-left: 1px solid #000 !important;
            background-color: #f2f1f1;
        }

        .menu3footer > ul.nav-tres-menu > li#li-navbar-cuenta > ul.dropdown-menu {
            background-color: #fff;
            
        }
        #ul-catalogo {
            height: auto; /*130px;*/
            overflow: auto;
            border-left: 1px solid #000;
        }

        table.Calendario-blanco td {
            padding: 10px 6px;
        }
        #li-cerrar-menu > a{
            font-size:45px;
        }
    }

    @media only screen and (max-width: 376px) {
        .textbox-search{
            width:130px;
        }
        .padding-50px {
            padding: 10px;
        }
    }

    @media only screen and (max-width: 321px) {
        .textbox-search {
            width: 80px;
        }
        .padding-50px{
            padding:5px;
        }
        div.margingbottom-20px{
            padding:5px;
        }
        div#divMovilpadding0{
            padding:0px;
        }
    }

    /* Style the Image Used to Trigger the Modal */
    #myImg {
        border-radius: 5px;
        cursor: pointer;
        transition: 0.3s;
    }
    .span-ver-imagen {
        cursor: pointer;
        transition: 0.3s;
    }
    #myImg:hover {
        opacity: 0.7;
    }
    /* The Modal (background) */
    .modal {
        display: none; /* Hidden by default */
        position: fixed; /* Stay in place */
        z-index: 1; /* Sit on top */
        padding-top: 100px; /* Location of the box */
        left: 0;
        top: 0;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        overflow: auto; /* Enable scroll if needed */
        background-color: rgb(0,0,0); /* Fallback color */
        background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
    }
    /* Modal Content (Image) */
    .modal-content {
        margin: auto;
        display: block;
        width: 80%;
        max-width: 700px;
    }
    /* Caption of Modal Image (Image Text) - Same Width as the Image */
    #caption {
        margin: auto;
        display: block;
        width: 80%;
        max-width: 700px;
        text-align: center;
        color: #ccc;
        padding: 10px 0;
        height: 150px;
    }
    /* Add Animation - Zoom in the Modal */
    .modal-content, #caption {
        animation-name: zoom;
        animation-duration: 0.6s;
    }

    @keyframes zoom {
        from {
            transform: scale(0)
        }
        to {
            transform: scale(1)
        }
    }

    /* The Close Button */
    .close {
        position: absolute;
        top: 15px;
        right: 35px;
        color: #f1f1f1;
        font-size: 40px;
        font-weight: bold;
        transition: 0.3s;
    }
    .close:hover,
    .close:focus {
        color: #bbb;
        text-decoration: none;
        cursor: pointer;
    }

    /* 100% Image Width on Smaller Screens */
    @media only screen and (max-width: 700px) {
        .modal-content {
            width: 100%;
        }
        .control {
            width: 60px !important;
        }
        div.menu3footer > ul.nav-tres-menu  {
            padding-left:10px;
        }
    }
    .dd-dia {
        width: 23% !important;
        float: left;
        position: relative;
    }
    .dd-mes {
        width: 48% !important;
        float: left;
        position: relative;
    }
    .dd-año {
        width: 29% !important;
        float: left;
        position: relative;
    }
    .div-puntos{
        /*height:125px;*/
        padding:15px;
    }
    .gvResponsive {
        width: 100%;
        /*background-color:#fff;*/
    }
    .gvResponsive  td, .gvResponsive th {
        padding:5px;
    }
    .gvResponsive th {
        /*background-color:var(--color-background-gris-uno);*/
        color: #a94442;
        font-weight: bold;
    }
    .div-producto{
        padding:10px;
        max-width:200px;
    }
    .img-producto{
        width:200px;
        height:200px;
    }
.span-imagen-zoom{
    border:2px solid #f2f1f1;
}
/*****Padding para centrar imagen de logo, se ajusta dependiendo el alto del logo***********/
.a-logo-nav{
    padding:15px;
}
/*****************Quitar bordes a tablas*************/
.tablas-sin-bordes {
    border: none;
}
    .tablas-sin-bordes > tbody {
        border: none;
    }
    .tablas-sin-bordes > tbody > tr {
            border: none;
    }
    .tablas-sin-bordes > tbody > tr > th {
        border: none;
    }
    .tablas-sin-bordes > tbody > tr > td {
        border: none;
        background-color: #f2f1f1;
        text-align:center;
    }

    /****************Control de menu footer*****************/

div.menu3footer > ul.nav-tres-menu{
    display:inline-grid;
}
    div.menu3footer > ul.nav-tres-menu > li > a {
        padding: 5px !important;
        
    }

    /**********************fecha de nacimiento***********/
.dd-dia-nac {
    width: 25%;
    display: inline-block;
    padding: 2px;
}
.dd-mes-nac {
    width: 40%;
    display: inline-block;
    padding: 2px;
}
.dd-anio-nac {
    width: 30%;
    display: inline-block;
    padding: 2px;
}
.tabla-productos{
    width:100%;

}

.a-productos{
    text-decoration:none;
    color:#000;
}
.a-productos:hover {
    text-decoration: none;
    color: var(--color-principal-uno);
}
.texto_error{
    color:red;
}
.img-logo {
    /*max-height:200px!important;*/
    height:100%;
    max-width:100%;
}
tr.titulo_tablas > td{
    color:var(--color-principal-uno)!important;
    font-size:12px;
}
/*------------------------------------- LOADING TABLES -------------------------------------*/
.overlay {
    position: fixed;
    z-index: 99;
    top: 0px;
    left: 0px;
    background-color: #FFFFFF;
    width: 100%;
    height: 100%;
    filter: Alpha(Opacity=80);
    opacity: 0.80;
    -moz-opacity: 0.80;
}

* html .overlay {
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
    width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
}

.loader {
    z-index: 100;
    position: fixed;
    width: 150px;
    top: 50%;
    left: 50%;
}

* html .loader {
    position: absolute;
    margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px');
}
/*a.dropdown-toggle:hover ~ ul.dropdown-menu {
    display: initial;
}*/
.width-auto{
    min-width:160px!important;
    max-width:215px!important;
    width:auto!important;
}
div.menu3footer ul.nav-tres {
    display: none;
}
div.menu3footer > ul.nav-tres-menu > li > a {
    color:#fff;
}
div.menu3footer > ul.nav-tres-menu > li :hover{
    color: #000!important;
}

div.menu3footer > ul.nav-tres-menu > li#li-cerrar-menu {
    position: absolute;
    z-index: -1;
}
.div-redenciones{
    margin-top:10px;
    margin-bottom:10px;
}

/************Mensaje Password *******************/
/***********Mensaje error en restablecimiento de contraseña*************/
.error-block {
    display: block !important;
}

.div-aviso-password {
    font-size: 12px;
    padding: 10px;
    width: 154px;
    background-color: #e53c2b;
    /*position: absolute;
    right: -675px;
    top: -30px;*/
    border-radius: 5px;
    color: #fff;
}

.lbl-password-color {
    width: 25%;
    height: 5px;
    border-radius: 5px;
    background: red;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 30px;
    padding-right: 30px;
    margin-right: 2px;
    margin-left: 2px;
}


@media only screen and (min-width: 1000px) and (max-width:1400px) {
    .div-aviso-password {
        right: -545px;
    }
}

@media only screen and (min-width: 768px) and (max-width:1020px) {
    .div-aviso-password {
        right: -295px;
    }
}

@media only screen and (max-width: 765px) {
    .div-aviso-password {
        display: none;
    }
}

@media only screen and (min-width:1024px){
    #li-navbar-categorias:hover > #ul-catalogo {
        display: block;
    }

    #li-navbar-cuenta:hover > #ul-cuenta {
        display: block;
    }

    #li-navbar-perfil:hover > #ul-perfil {
        display: block;
    }
}

@media only screen and (min-width:1000px){
    .padding-r-30px {
        padding-right:60px;
    }
    
}
@media only screen and (max-width:1000px) and (min-width:700px) {
    .padding-r-30px {
        padding-right: 60px;
    }
}

@media only screen and (min-width:768px){
    #id-a-menu{
        display:none;
    }
    #navbar-tres{
        display:block;
    }
}

@media only screen and (max-width:1000px){
    .img-premio {
        width: 100%;
        height:auto;
    }
}


.a-principal{
    text-decoration:none;
    color:#000;
}
    .a-principal:hover {
        text-decoration: none;
        color: #000;
        font-weight: bold;
    }
.div-12-menu{
    padding:5px;
}
.hr-menu{
    margin-bottom:10px;
    margin-top:10px;
}


@media only screen and (min-width:1024px) {
    .nav-tres-menu {
        max-width: 65%;
    }
}

@media only screen and (min-width:1224px) {
    .nav-tres-menu { 
        max-width: 75%;
    }
}
@media only screen and (max-width:760px){
    .nav-tres-menu{
        padding:10px;
    }
    #content_imgPromociones {
        content: url("../img/Promociones-movil.jpg");
    }
    #content_imgLanding {
        content: url("../img/landing-movil.jpg");
    }
    #img-banner-promocional-1 {
        content: url("../img/banner-promocional-2-movil.jpg");
    }
    #img-banner-promocional-2 {
        content: url("../img/banner-promocional-2-movil.jpg");
    }
    .div-producto {
        display:grid;
    }
    }
@media only screen and (max-width:500px) {
    .div-filtros-margin-l--15px {
        margin-left:-15px;
    }
    .a-logo-nav{
        width:100%;
    }
    .a-logo-nav > img {
        display: block;
        margin: auto;
    }
    p{
        font-size:16px;
    }
    label{
        font-size: 16px;
    }
        a{font-size: 16px;}
    .hr-menu{
        display:none;
    }
    .div-12-menu > div {
        margin-top:5px;
        margin-bottom:5px;
    }
    .div-12-menu > div > li  {
        /*background-color:#fff;*/
        padding:5px;
    }
    .container-enlarge:hover span {
        /*top: 0px;
        left: 300px;
        width: 600px;
        z-index: 1;
        background-color: #fff;*/
        position: absolute;
        top: -9999em;
        left: -9999em;
        width:0px;
    }
    .menu3footer > ul.nav-tres-menu > li#li-navbar-cuenta > ul.dropdown-menu {
        max-width:100%!important;
    }
}
@media only screen and (max-width:1023px) and (min-width:767px) {
    .div-filtros-width {
        width:94%;
    }
    .texto_estado_puntos_2, .texto_estado_puntos_1 {
        font-size: 25px;
    }
}

@media only screen and (min-width:1024px) and (max-width:1439px) {
    .div-filtros-width {
        width: 91%;
    }
}

@media only screen and (min-width:1440px)  {
    .div-filtros-width {
        width: 79%;
    }
}
.margin-b-5px{
    margin-bottom:5px;
}
.margin-b-10px {
    margin-bottom: 10px;
}
.margin-b-15px {
    margin-bottom: 15px;
}
#div-producto-detalle-destacados{
    background-color:#f2f1f1;
}
.nav-tres > li.dropdown > a:active, .nav-tres > li.dropdown > a:focus{
    background-color:#000;
    color:#fff;
}

.nav-tres > li.dropdown > ul {
    /*background-color: var(--color-background-gris-uno) !important;*/
    /*color: #fff!important;*/
}
#ul-catalogo {
    padding: 15px;
    background-color: #f2f1f1;
}

/*Estilos para IE */
.navbar-uno {
    background-color: #323232;
}
.navbar-dos {
    background-color: #ffc400; /*#e53c2b;*/
}

.navbar-tres {
    background-color: #f2f1f1;
}

.nav-tres > li.dropdown > a:active, .nav-tres > li.dropdown > a:focus {
    color: #ffc400; /*#e53c2b;
    */
}

.container-footer {
    background-color: #323232;
}

.titulo-color {
    color: #0f034e;
}

.a-menu-lateral:hover {
    background-color: #e53c2b;
}

.nav-tres-menu > li > a:hover {
    color: #ffc400; /*#e53c2b;*/
}

.nav-tres > li > a:hover {
    color: #ffc400;
}

.div-titulo-lateral {
    background-color: #ddd);
}
.div-gris-interno

{
    background-color: #f2f1f1;
}

.btn-action {
    background-color: #ffc400; /*#e53c2b;
    */
}

    .btn-action:hover {
        color: #ffc400;
        border-color: #ffc400;
    }
.img-error {
    /*content: url("../img/error-desktop.jpg");*/
}
@media only screen and (max-width: 500px) {
    .navbar-tres > .container > .nav-tres-menu > li {
        background-color: #f2f1f1;
    }
    .img-error {
        /*content:url("../img/error-movil.jpg");*/
    }
    .div-img-left{
        text-align:left;
    }
    .Calendario-blanco{
        width:280px!important;
    }
}

.a-productos:hover {
    color: #ef372d;
}

tr.titulo_tablas > td {
    color: #ffc400 !important;
}

.float-left{
    float:left;
}
.dd-language{
    color:#000;
}

.radio-sexo > label{
    margin-right:15px;
}
.div-12-menu > div {
    padding-top: 10px;
    padding-bottom: 10px;
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.link_anclas{
    display:block;
}
.div-reglas > a {
    color: #ffc400 !important; /* #e53c2b !important;*/
}

#id-perfil-texto {
    text-decoration: none;
}
    #id-perfil-texto:active {
        text-decoration: none;
        background-color: #000000;
        color: #fff;
    }
    #id-perfil-texto:hover { 
        text-decoration: none;
        background-color: #000000;
        color: #fff;
    }
    #id-perfil-texto:checked {
        text-decoration: none;
        background-color: #000000;
        color: #fff;
    }
    #id-perfil-texto:focus {
        text-decoration: none;
        background-color: #000000;
        color: #fff;
    }
    .a-contacto{
        text-decoration:none;
        color:#fff;
    }
.a-contacto:hover {
    text-decoration: none;
    color: #fff;
}

#ul-cuenta {
    background-color: #f2f1f1
}
.txt-justify{
    text-align:justify;
}
.texto-break {
    word-break: break-word;
}
#div-deposito{

    margin-top:15px;
}
#div-deposito > input {
    display: inline-block;
    width:85px!important;
    padding-left:5px;
    padding-right:5px;
    margin-bottom:15px;
}
#menu-puntos-perfil{
    margin-top:-1px;
}
.padding-30px-r{
    padding-right:30px;
}
/*******************Ocultar lbl_Rango************/
.lbl_Range {
    font-size: 0px;
}
/**Alinear opción de todos los premios a la derecha**/
.menu-todos-premios{
    float:right;
}
/*******************************************************/
/********************************************************/
/*******************Estilos para rango de puntos**********************/
.price-slider {
    margin: auto;
    text-align: center;
    position: relative;
    height: 4em;
    margin-bottom: 10px;
}

    .price-slider svg,
    .price-slider input[type=range] {
        position: absolute;
        left: 0;
        bottom: 0;
    }

@-moz-document url-prefix() {
    .price-slider {
        margin: auto;
        text-align: center;
        position: relative;
        height: 6em;
        margin-bottom: 10px;
    }

        .price-slider svg,
        .price-slider input[type=range] {
            position: relative;
            left: 0;
            bottom: 0;
        }
}




input[type=range] {
    -webkit-appearance: none;
    width: 100%;
}

    input[type=range]:focus {
        outline: none;
    }

        input[type=range]:focus::-webkit-slider-runnable-track {
            background: #ffc400;
        }

        input[type=range]:focus::-ms-fill-lower {
            background: #ffc400;
        }

        input[type=range]:focus::-ms-fill-upper {
            background: #ffc400;
        }
    /*Chrome*/
    input[type=range]::-webkit-slider-runnable-track {
        width: 100%;
        height: 5px;
        cursor: pointer;
        animate: 0.2s;
        background: #ffc400;
        border-radius: 1px;
        box-shadow: none;
        border: 0;
    }

    input[type=range]::-webkit-slider-thumb {
        z-index: 2;
        position: relative;
        box-shadow: 0px 0px 0px #000;
        border: 1px solid #ffc400;
        height: 18px;
        width: 18px;
        border-radius: 25px;
        background: #323232;
        cursor: pointer;
        -webkit-appearance: none;
        margin-top: -7px;
    }
    /*Firefox*/
    input[type=range]::-moz-range-track {
        width: 100%;
        height: 5px;
        cursor: pointer;
        animate: 0.2s;
        background: #ffc400;
        border-radius: 1px;
        box-shadow: none;
        border: 0;
    }

    input[type=range]::-moz-range-thumb {
        z-index: 2;
        position: relative;
        box-shadow: 0px 0px 0px #000;
        border: 1px solid #ffc400;
        height: 18px;
        width: 18px;
        border-radius: 25px;
        background: #323232;
        cursor: pointer;
    }

    input[type=range].slider-one::-moz-range-track {
        margin: 50px;
    }
    /*Microsoft*/
    input[type=range]::-ms-track {
        width: 100%;
        height: 5px;
        cursor: pointer;
        animate: 0.2s;
        background: transparent;
        border-color: transparent;
        color: transparent;
    }

    input[type=range]::-ms-thumb {
        z-index: 2;
        position: relative;
        box-shadow: 0px 0px 0px #000;
        border: 1px solid #ffc400;
        height: 18px;
        width: 18px;
        /*border-radius: 25px;*/
        background: #323232;
        cursor: pointer;
    }

*#content_txtRango1::-ms-track {
    position: absolute;
    margin-bottom: 20px;
}

#content_txtRango2::-ms-track {
}

#content_txtRango1::-ms-thumb {
    /*border-radius:0px;*/
    border-radius: 50%;
    /*width:10px;
 height:20px;*/
}

#content_txtRango2::-ms-thumb {
    /*border-radius:0px;*/
    border-radius: 50%;
    /*width:10px;
    height:20px;*/
}

input[type=range]::-ms-fill-lower,
input[type=range]::-ms-fill-upper {
    background: #ffc400;
    border-radius: 1px;
    box-shadow: none;
    border: 0;
}

.input-rango {
    border: none;
}

.input-rango-2 {
    position: absolute;
}

.input-rango-1 {
    width: 70px;
    border: none;
    border-bottom: solid 1px #ffc400;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #fff;
    font-size: 10px;
}

.svg-filtro {
    margin-top: -24px;
    position: relative;
    z-index: -1;
}

.div-slider {
    /*margin-top:15px;*/
    display: inline-block;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
}

.div-sider-label {
    /*display:block;
    margin-bottom:10px;*/
}



/*.slider{
    -webkit-appearance: none;
  width: 100%;
  height: 5px;
  background: #323232;
  background: #323232;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
  margin-bottom:10px;
  margin-top:10px;
}
.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #ffc400;
  
}

.slider::-moz-range-thumb {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #ffc400;
  
}
.slider-one::-webkit-slider-thumb{
    margin-bottom:20px;
    z-index:2;
    position:relative;
}
.slider-two::-webkit-slider-thumb{
    margin-top:20px;
    z-index:2;
    position:relative;
}
.slider-one::-moz-range-thumb{
    margin-bottom:20px;
}
.slider-two::-moz-range-thumb{
    margin-top:20px;
}
.slider-one{
    margin:0px;
    margin-bottom:1px;
    position:absolute;
}
.slider-two{
    margin:0px;
    margin-top:1px;
    position:absolute;
}*/

.arriba-x2 {
    font-size: 36px;
    color: #ffc400;
    font-weight: bold;
}

.a-arriba {
    text-decoration: none;
}

    .a-arriba:hover {
        text-decoration: none;
    }

.btn-arriba {
    position: fixed;
    bottom: 0;
    right: 0;
    background-color: #323232;
    border-radius: 50%;
    width: 50px;
    text-align: center;
    height: 50px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.span-float-1 {
    float: left;
}

.span-float-2 {
    float: right;
}

@media only screen and (min-width: 1024px) AND (max-width: 1439px) {
    .input-rango-1 {
        width: 57px;
    }
}

@media only screen and (min-width: 768px) AND (max-width: 1023px) {
    .span-float-2 {
        float: left;
    }

    .svg-filtro {
        display: none;
    }
}


@media screen and (min-width:0\0) {
    /* Tus estilos CSS para IE9, IE10, IE11  */

    input[type=range] {
        z-index: 2;
        position: absolute;
        padding-top: 0px;
    }

    .div-slider {
        margin-top: 40px;
        position: relative;
    }

    *#content_txtRango1::-ms-track {
        position: absolute;
        margin-bottom: 20px;
    }

    #content_txtRango::-ms-track {
    }

    #content_txtRango1::-ms-thumb {
        height: 10px;
        width: 20px;
        border-radius: 0%
    }

    #content_txtRango2::-ms-thumb {
        height: 10px;
        width: 20px;
        border-radius: 0%;
    }
}


/**************************Fin de rango de puntos*********************/
/******************************************************************/
/*********************************************************************/
.div-catalogo > div.col-md-4 {
    margin-bottom: 25px;
}