/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 29/08/2017, 21:56:26
    Author     : PC01
*/
* {box-sizing: border-box;}
body {font-family: Arial, Helvetica, sans-serif;margin: 0px;font-size: 62.5%;}
.topnav {background-color: #2874a6;overflow: hidden;width: 100%;display: flex;justify-content: center;/*position: fixed;z-index: 10;*/}
.topnav .logo, .topnav .mi-logo {color: #ECFC39;cursor: text;display: block;float: left;font-size: 28px;padding: 5px 16px;text-align: center;text-decoration: none;}
.contenedor-cabecera .mi-logo {color: #ECFC39;cursor: text;display: block;float: left;font-size: 28px;padding: 5px 16px;text-align: center;text-decoration: none;background-color: #2874a6;}
.topnav .icon {display: none;}
.caja-logo-tienda{width: 20%;display:flex;flex-wrap:wrap}
.caja-logo-msg{display:flex;align-items:center;justify-content: center}
/*.contenedor-cabecera .login-container {background-color: #2874a6;float: right;margin-right: 14px;margin-top: 4px;} style="width: 25%;padding-right: 5px;margin: 0;"*/
.contenedor-cabecera .login-container {background-color: #2874a6;float: right;width: 25%;padding-right: 5px;margin: 0;}
.contenedor-cabecera-responsive{display:none;color:#fff;background:#2874a6;}
/*.menu-ico-responsive {color:#ECFC39;background:#2874a6;border:none;width:100%;font-size: 20px;padding:0;margin:0;padding-bottom:2px;cursor:pointer}*/
.menu-ico-responsive {color: #fff;background: #2874a6;border: none;font-size: 30px;padding: 0;margin: 0;cursor: pointer;}
.menu-ico-responsive-in {display:none;color: #fff;background: #2874a6;border: none;font-size: 30px;padding: 0;margin: 0;cursor: pointer;}
.menu-titulo-responsive{display:flex;align-items:center;justify-content: center}
.titulo-responsive{display:inline-block;width:100%;padding:0;font-size:30px;text-align:center}
/*.contenedor_dos {background-color: #2874a6;overflow: hidden;width: 100%;position: fixed;z-index: 20;}*/
.contenedor_dos {display:flex;flex-wrap:wrap;margin-top:3px;width:100%;align-items:center;justify-content: space-between;background-color: #2874a6;overflow: hidden}
.usrErrResponsive {display: none;}
.quedate-en-casa{background-color: #fff;border: 1px solid #aaa;font-size: 16px;height: 40px;width: 100%}
.tienda-enlinea{background-color: #2F5597;border: none;height: 40px;width: 100%}
.mnu-tienda{color:#fff;display: inline-block; width: 10%;text-align: center;}
.icono-blanco {color:#fff;}
.input-popup-form#tUsuario0, .input-popup-form#tUsuarioE {width: 90%}
.infoAyuda {border-radius: 100px;float: right;width: 20px;height: 20px;text-align: center;color: #fff;background-color: #2874a6;font-size: 14px;padding-top: 2px;margin-top: 8px;margin-right: 73%;margin-left:0;cursor: pointer;}
.invitar{margin: 0;}
.social-media{color:#E6344A;font-size:20px;margin:0 5px;cursor:pointer}
/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    PUBLICIDAD
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.fila_flex {align-items: center;display: flex;flex-direction: row;flex-wrap: wrap;padding: 0 5px;width: 100%;margin-top: 5px;margin-bottom: 5px;} /*height: 110px;*/
.columna_flex {border-radius: 5px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.9);height: 90px;margin: 5px;width: 19%;}
.columna_flex_reg {border-radius: 5px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.9);height: 90px;margin: 5px;width: 50%;}
.fondo-pantalla {opacity: 0.05;}
.columna_fondo_flex {border-radius: 5px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.9);height: 90px;width: 20%;}
.ovelay-fondo-pantalla {z-index: -10;position: fixed;width: 100%;top: 0;display: block;}
img#publi601,img#publi601Fondo {width:100%;height:100%;margin:auto; object-fit: fill;border-radius:5px;border: #ccc solid 1px;}
img#publi601:hover {border: #aaa solid 1px;cursor:pointer;}
img#publi601Preview {width:100%;height:100%;margin:auto; object-fit:cover;border-radius:5px;border: #ccc solid 1px;transition-property:transform;transition-duration: 0.5s;transition-delay: 0.0s}
/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Aqui empieza la ultima version de las clases usadas para mostrar el detalle de la publicidad     
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.overlay {position:fixed;top: 0;bottom: 0;left: 0;right:0;width: 100%;height: 100vh;display: none;background: rgba(0,0,0,.9);}/*align-items: center;justify-content:center;*/
.overlay .activo{display: block;}
.overlay-buscar-fecha {position:fixed;top: 0;bottom: 0;left: 0;right:0;width: 100%;height: 100vh;display: none;background: rgba(255,255,255,.9);}/*align-items: center;justify-content:center;*/
.overlay-buscar-fecha .activo{display: block;}
.contenedor{background:none;width:40%;margin:auto;position:relative;top:100px;}     /*width:33.33%*/
.caja-img{background:#fff;position: relative;top:30px;}
.btn-img{display:block;border:none;margin:10px;background:none;color:#fff;padding:0;line-height:20px;top: -30px;right: -20px;position: absolute;}
.btn-img:hover{cursor:pointer;}
.mi-imagen#mi-imagen{max-width: 100%;cursor:pointer;margin: auto;object-fit: fill;position:relative;width:100%;}
.txt-img{display: block;background: #fff;padding: 10px;text-align: center;}
.caja-txt-img {display: flex; flex-direction: column;flex-wrap: wrap;margin-top: 30px;background-color: #fff;}
.txt-img-detalle{display: block;background: #fff;padding: 5px;text-align: center;font-size: 20px;width: 100%;} /*height: 25px;*/
.ver-prods{width: 30%;height: 30px;padding-top: 5px;padding-bottom: 5px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;cursor: pointer;}
.ver-prods:hover{background: #2874a6;color: #fff;}
.overlay .descripcion-popup{display: block;background: #fff;padding: 20px;text-align: center;margin-top: 5px;margin-left: auto;margin-right:auto;border-radius: 10px;max-width: 25%}
.overlay #btn-cerrar-popup{background: none;font-size: 20px;color: #fff;border: none;cursor: pointer;position: absolute;top: 0; left:20%;}
/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Aqui empieza la ultima version de las clases usadas para mostrar el detalle de la publicidad     
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.columna_flex_obsequio {border-radius: 5px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.9);height: 90px;margin-right: 10px;width: 20%;}
/* 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   POPUP TABLA POSICIONES - ESTADISTICA EQUIPOS - FECHAS CAMPEONATO
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.overlay-popup, .overlay-infoAyuda {position:fixed;top: 0;bottom: 0;left: 0;right:0;width: 100%;height: 100vh;display: none;background: rgba(255,255,255,.9);}
.overlay-aviso {position:fixed;top: 0;bottom: 0;left: 0;right:0;width: 100%;height: 100vh;display: block;background: rgba(255,255,255,.9);z-index: 50;}
.btn-popup{display:block;border:none;background:#2874a6;color:#fff;padding:0;line-height:20px;top:80px;right:405px;position: fixed;border-radius:100px;width:20px;}
.btn-popup:hover{cursor:pointer;}
.cabecera-popup{display:block;border:none;background:#2874a6;color:#fff;padding:0;line-height:20px;top:80px;right:425px;position: fixed;border-radius:100px;width:33%;}
.contenedor-tp {display:none;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);right:33.33%;margin:auto;width:33.33%;position:fixed;top:35px;height:500px;overflow-x: scroll;}
.caja-header-popup {margin:auto;position:fixed;right:33.33%;top:0px;width:33.33%;height:35px;background:#2874a6;}
.title-header-popup{background:#2874a6;color: #fff;font-size: 20px; text-align:center;padding: 8px 0;}
/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Estadisticas Equipos - POPUP
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.celda_tablaEet {border-bottom: #000080 solid 1px;color: #2874a6;float: left;font-size: 14px;height: 35px;text-align: center;padding: 5px;width: 7%;}
.celda_escudoEet {border-bottom: #000080 solid 1px;float: left;height: 35px;width: 8%;}
.celda_equipoEet {border-bottom: #000080 solid 1px;color: white;float: left;font-size: 18px;height: 35px;text-align: left;padding-top:6px;padding-left:10px;width: 85%;}
.campeonatoEe {border-bottom: #ccc solid 1px;width: 100%;overflow: hidden;display: flex;align-items: center;justify-content: center;gap: 2%;padding: 2px 0;}
.celda_escudoCampEe {width: 7%;}
.nombre_campeonatoEe {border: none;color: #000080;float: left;font-size: 14px;text-align: left;width: 40%;}
.celda_jornadaEe {float: left;display: block;color: #000080;width: 48%;border: none;text-align: center;font-size: 12px;}
img#img_estadistica {display: block;width: 80%;}
.partidoEe {display: flex;justify-content: center;align-items:center;width: 100%;background-color: white;border-bottom: #ccc solid 1px;}
.celda_equipoEe {background-color: #fff;color: #000080;font-size: 14px;text-align: center;width: 37%;}
.celda_escudoEe {width: 7%;height: 35px;}
.celda_resultadoEe {float: left;width: 10%;font-size: 14px;background-color: #2E8B57;color: #fff;text-align: center;}
img#img_partido{display: block;width: 100%;object-fit: fill;height:100%;padding: 1px}
.celda_extremo {background-color:#fff;color:#000080;float:left;font-size:14px;height:35px;padding-top:9px;text-align:center;width: 60%;border-bottom: #000080 solid 1px;}
/*.celda_extremo_derecho {background-color:#fff;color:#000080;float:left;width:40%;height:35px;border-bottom: #000080 solid 1px;overflow: hidden;}*/
.celda_extremo_derecho {display: flex;align-items: center;justify-content: space-between;background-color: #fff;color: #000080;float: left;width: 45%;overflow: hidden;}
.celda_central {background-color: white;float: left;width: 20%;}
/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Tabla Posiciones - POPUP
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.header-title {height: 30px;width: 100%;display:block;}
.header-title-new{width: 100%;display:block;border-bottom: #2874a6 solid 1px;display: flex;align-items:center;justify-content:center;background-color: #fff;color: #000080;}
/*.fila-equipo {height: 30px;display:block;width: 100%;}*/
.fila-equipo {height: auto;display:flex;width: 100%;padding: 3px 0;align-items: center;justify-content: center;border-bottom:solid 1px #ccc}
.fijar {position:fixed;width: 32%;}
.tposF1F2 {color: #000080;float: left;text-align: center;width:50%;height: 35px;font-size: 15px;padding: 10px;border: none;}
.tposF3 {width:33.33%;}
.tposSelected {background: #ffffff}
.tposNoSelect {background: #f2f2f2}
.tposNoSelect:hover {cursor: pointer;}
/*.celda_escudoTp {background-color: white;border-bottom: #2874a6 solid 1px;float: left;height: 29px;width: 8%;}*/
.celda_tabla_flex{display: flex;align-items:center;justify-content:center;width: 100%;}
.celda_escudoNombreTp{display: flex;align-items:center;justify-content:space-around;width: 50%;}
.celda_campeonatoTp{background-color: white;color: white;float: left;font-size: 14px;text-align: left;width: 80%;}
.celda_escudoTp {background-color: white;float: left;height: 30px;width: 6%;}
.celda_equipoTp {background-color: white;color: white;float: left;font-size: 14px;height: 30px;text-align: left;padding: 6px 20px;width: 40%;}
.celda_tabla {background-color: white;color: #2874a6;float: left;font-size: 14px;height: 30px;text-align: center;padding: 5px;width: 6%;} /*border-bottom: #2874a6 solid 1px;*/
.celda_tabla_valores {background-color: white;color: #2874a6;float: left;font-size: 14px;text-align: center;width: 6%;}
.celda_rondaP {background-color: white;border-bottom: #2874a6 solid 5px;color: #2874a6;float: left;height: 30px;width: 33.33%;}
.celda_rondaS {background-color: white;color: #2874a6;float: left;height: 30px;width: 33.33%;}
.celda_lineaBlanca {background-color: white;color: white;float: left;height: 3px;width: 100%;}
.row {margin-top: 10px;width: 90%;}
div#titulos {background-color: #fff;color: #000080;}
div#titulos-grupo {background-color: #f2f2f2;color: #000080;}
div#titulo-grupo{background-color: #f2f2f2;;color: #000080;} 
img#tpos {margin: auto;width: 100%;height: 100%;object-fit:fill;}
img#tposTitulo {margin: auto;width: 15%;height: 100%;object-fit:fill;}
a#tpos {text-decoration:none;border:none;color: #000080;}
/*.tarjeta-datos-Jornadas {display: block;width:40%;background-color: #fff;margin: auto;border:#2874a6 solid 1px;box-shadow: 0px 0px 12px 5px #2874a6;overflow: hidden;}*/
.tarjeta-datos-Jornadas {display: block;width:40%;background-color: #fff;margin: auto;border:#2874a6 solid 1px;box-shadow: 5px 5px 5px 0px #bbb;overflow: hidden;}
.campeonatoJornadas {background-color: #ccc;border-bottom: #000080 solid 1px;float: left;height: 30px;width: 100%;position: relative;overflow: hidden;}
.escudo_campeonatoJornadas {float: left;width: 6%;}
.nombre_campeonatoJornadas {border: none;color: #000080;display: block;float: left;font-size: 14px;margin-top: 5px;text-align: center;width: 27%;}
.celda_jornadaJornadas {border: none;color: #000080;display: block;float: left;font-size: 14px;margin-top: 5px;padding-left: 15px;text-align: left;width: 65%;}
.jornadaCampeonatoCabecera{display:flex;justify-content: center;width:100%;background: #fff;border: none;height: 40px;align-items:center;}
.escudoCampeonatoJornada {float: left;width: 9%;height: 100%;display: flex;align-items: center;justify-content: center;}
.nombreCampeonatoJornada {display: flex;align-items: center;justify-content: center;width: 40%;color: #000080;text-align: center;font-size: 16px;height: 100%;}
.numeroCampeonatoJornada {margin: 0;padding: 0 5px;border: none;color: #000080;display: block;float: left;font-size: 14px;width: 50%;}
.selectJornadaCampeonato{padding: 0;text-align: left;float: right;margin: 0;width: 60%;border: 1px solid #aaa;resize: vertical;background: #fff;height: 35px;border-radius: 0;color: #000080;outline: none;cursor: pointer;font-size: 14px;padding-left: 5px}
.fechaJornada {display: flex;float: left;width: 100%;height: 35px;background: #f2f2f2;align-items: center;}
.detalleFechaJornada {display: block;float: left;width: 100%;border: none;padding: 0;color: #000080;font-size: 15px;text-align: center;	}
.partidoJornada {display: flex;align-items: center;justify-content: center;background-color: white;border-bottom: #000080 solid 1px;float: left;width: 100%;height: 40px;}
.nombreEquipoJornada {display: flex;align-items: center;justify-content: center;width: 40%;color: #2874a6;text-align: center;font-size: 14px;height: 100%;}
.escudoEquipoJornada {float: left;width: 8%;height: 100%;display: flex;align-items: center;justify-content: center;}
.partidoJornadas {background-color: white;border-bottom: #000080 solid 1px;float: left;width: 100%;height: 30px;position: relative;}
.celda_equipoJornadas {float: left;width: 40%;background-color: white;color: #2874a6;text-align: center;font-size: 14px;height: 100%;padding-top: 7px;}
.celda_escudoJornadas {float: left;width: 6%;height: 100%;}
.celda_resultadoJornadas {background-color: #fff;color:#000080;float: left;font-size: 12px;height: 100%;text-align: center;width: 8%;padding-top: 8px;border-bottom: #fff solid 1px;}
.partidoEstadisticas {margin-top: 1px;float: left;width: 100%;background-color: white;border: #000080 solid 1px;padding: 1px;}
.campeonatoEstadisticas {background-color: #ccc;border: #000080 solid 1px;float: left;height: 30px;margin: 1px 1px;width: 100%;}
/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    PARTIDOS
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.campeonato {display:flex;justify-content: center;align-items: center;background-color: #f2f2f2;border: none;margin: 0;width: 100%;padding: 0 1%;} /*height: 42px;*/
/*.escudo_campeonato {float: left;width: 3.2%;}*/
.escudo_campeonato {float: left;width: 8%;}
.escudo_campeonato:hover {cursor: pointer;}
/*.nombre_campeonato {display:flex;align-items:center;border: none;color: #000080;font-size: 14px;text-align: center;width: 16%;}*/
.nombre_campeonato {display:flex;align-items:center;justify-content: center;border: none;color: #000080;font-size: 14px;text-align: center;width:30%}
.nombre_campeonato:hover {border: #aaa solid 1px;cursor: pointer;}
/*.celda_jornada {border: none;color: #000080;display: block;float: left;font-size: 14px;margin-top: 12px;padding-left: 15px;text-align: left;width: 80%;}*/
.celda_jornada {display: flex;align-items: center;justify-content: center;border: none;color: #000080;font-size: 14px;width: 75%;height: 40px;}
.jornada_txt, .fecha_txt{display: inline-block;margin-right:10px;}
.celda_jornada:hover {border: #aaa solid 1px;cursor: pointer;}
/*.partido {background-color: white;border: #000080 solid 1px;float: left;margin: 1px 1px;padding: 1px;width: 33.17%;height: 45px;display:flex;}*/
.partido {background-color: white;border: none;border-bottom: solid 1px #f2f2f2;float: left;margin: 1px 1px;padding: 1px;width: 99%;height: 45px;display:flex;align-items: center;justify-content: space-between}
/*.celda_equipo {float: left;width: 34%;background-color: white;color: #2874a6;text-align: center;font-size: 14px;height: 100%;padding-top: 12px;}*/
.celda_equipo {float: left;width: 34%;background-color: white;color: #2874a6;text-align: center;font-size: 14px;display:flex;align-items: center;justify-content: center}
.celda_equipo:hover {cursor: pointer;}
.menuAux {display: none;position: absolute;background-color: #fff;border: 1px solid #ccc;padding: 8px;left: auto;top:100%;z-index:1;border-radius: 8px;}
.menuAuxActivarL, .menuAuxActivarR {display: block;width: 100%;}
.btnMnuAux{display:block;border:none;background-color:#fff;color:#2196F3;width: 100%;text-align: center;cursor:pointer;padding: 6px;border-radius:4px;}
.btnMnuAux:hover{background:#2196F3;color:#fff;font-weight:bold;}
/*.celda_escudo {float: left;width: 10%;height: 100%;}*/
.celda_escudo {float: left;width: 9%;height: 100%;}
.celda_escudo:hover {cursor: pointer;}
img#img_campeonato {display: block;height: 100%;margin: auto;width: 100%;border-radius: 50%;} /*height: 40px;*/ /*height: 85%;*/
.celda_resultado {background-color: #fff;color:#000080;float: left;font-size: 14px;height: 100%;text-align: center;width: 12%;}
.resultado_penales{display: flex;;width: 12%;flex-wrap: wrap;justify-content: center;align-content: center;background-color: #2874a6;color: #fff;flex-direction:column;height: 100%}
.azulBlanco10 {background-color: #2874a6;color: #fff;font-size: 10px;}
.azulBlanco12 {background-color: #2874a6;color: #fff;font-size: 12px;}
.azulBlanco14 {background-color: #2874a6;color: #fff;font-size: 15px;padding-top: 13px;}
.blancoRojo12 {background-color: #fff;color: #ff0000;font-size: 12px;}
.blancoRojo14 {background-color: #fff;color: #ff0000;font-size: 14px;padding-top: 8px;}
.blancoNavy12 {background-color: #fff;color: #000080;font-size: 12px;}
.blancoNavy14 {background-color: #fff;color: #000080;font-size: 14px;padding-top: 13px;display:flex;justify-content:center;align-items: center;}
.verdeBlanco14 {background-color: #2E8B57;color: #fff;font-size: 15px;padding-top: 13px;}
.gris14 {background-color:#ccc;color: #aaa;font-size: 15px;padding-top: 13px;}
.verdeBlanco12-2L {background-color: #2E8B57;color: #fff;font-size: 12px;padding-top: 8px;}
.preUpdtBox{display:block;width:33%;color:#000;background:#fff;text-align:center;font-size:14px;padding: 1% 0;margin:auto;}
.preUpdtCampeonato {
    background-color: #ccc;
    border: navy solid 1px;
    float: left;
    margin: 1px 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.preUpdtNombreCampeonato {
    border: none;
    color: #000080;
    display: block;
    float: left;
    font-size: 15px;
    text-align: center;
    width: 40%;
}
.preUpdtFechaCampeonato {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    color: #000080;
    font-size: 15px;
    width: 50%;
    height: 40px;
}
.preUdtPartido {background-color: white;border: #000080 solid 1px;float: left;margin: 1px 1px;width: 100%;height: 45px;display: flex;justify-content: center;align-items: center;}
.preUpdtGol{border: none;text-align: center;padding: 5px;display: block;width: 10%;background: #fff;color: #000080;font-size: 15px;height: 100%;margin:1px;}
.preUpdtEquipo{width: 30%;background: #fff;color: #2874a6;text-align: center;font-size: 15px;padding: 0;}
.preUpdtEscudo{width: 10%;height: 100%;}
.preUpdtBtnBox{display: flex;justify-content: space-evenly;align-items: center;float: left;margin: 1px;width: 100%;}
/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
//  
//  VENTANA INGRESO - "ingreso.jsp"
//    
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.contenedor-cabecera {display:flex;justify-content: space-between;background-color: #2874a6;border: none;overflow: hidden;width: 100%;}
.contenedor-cabecera .datos_usuario {color: #fff;text-align: right;padding: 0 5px;text-decoration: none;font-size: 12px;display: flex;align-items: center;}
.contenedor-cabecera .datos_usuario a {color: #fff;text-align: right;padding: 0 5px;text-decoration: none;font-size: 12px;}
.contenedor-cabecera .logo,.contenedor-cabecera .logo_msg {float: left;display: block;color: #fff;text-align: center;padding: 5px 16px;font-size: 30px;cursor: text;}
.topnav .dropdown {float: left;overflow: hidden;width: 130px;}
.topnav .dropdown .dropbtn {font-size: 14px;border: none;outline: none;color: #fff;padding: 14px 16px;background-color: inherit;font-family: inherit;margin: 0;}
.topnav .dropdown-content {display: none;position: absolute;background-color: #3b86b8;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;}
.topnav .dropdown-content .dropdown-subcontent {display: none;position: absolute;background-color: #3b86b8;min-width: 160px;padding-left:25%;}
.topnav .dropdown-content a {float: none;color: white;padding: 12px 16px;text-decoration: none;display: block;text-align: left;}
.topnav .dropdown-content a:hover {background-color: #3b86b8;color: navy;}
.topnav .dropdown-content .mnu-cupon:hover {background-color: #3b86b8;color: navy;}
.topnav .dropdown-content .caja-submenu {height: 40px;}
.topnav .dropdown-content .caja-submenu .dropdown-content-right {display: none;position: relative;box-shadow: 0px 8px 16px 0px rgba(59,134,184,0.9);right:-160px;bottom:30px;z-index: 2;background-color: #3b72b8;border:solid 1px #3b72b8;}
.topnav .dropdown-content .caja-submenu:hover .dropdown-content-right {display: block;}
.ocultarbloque {display: none;}
.icono {display: none;}
.login-container input[type=text], .login-container input[type=password] {border:none;color: navy;font-size: 14px;margin-top: 8px;padding: 6px;width: 120px;width: 35%}
.login-container button {background-color: #3b86b8;border: none;color: #fff;cursor: pointer;font-size: 14px;margin-left: 0px;padding: 6px 10px;width: 60px;width:28%}
.topnav .login-container button:hover {color: white;opacity: 0.8;}
.topnav a {float: left;display: block;color: #fff;text-align: center;padding: 14px 16px;text-decoration: none;font-size: 14px;}
.dropdown:hover .dropbtn {background-color: #3b86b8;color:#fff;opacity: 0.9;}
.dropdown-content a:hover {background-color: #3b86b8;color: navy;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown-content:hover .dropdown-subcontent {display:block;color:greenyellow;}
div#mnu_cambiarclave {display: none;}
div#mnu_salir {display: none}            
.contenedor_2 {background-color: white;border: none;box-sizing: border-box;color: blue;float: left;overflow: hidden;padding: 10px;text-align: center;width: 33.33%;/*border: 1px solid #999;display: inline-block;position: fixed;z-index: 10;*/}
p#msgUsrErr {color: white;font-size: 12px;margin: 5px;}
/*.registrate{background-color: #2874a6;color: #ECFC39;float: right;font-size: 12px;margin-bottom: 4px;margin-left: 0px;text-align: left;padding: 0;width: 10%;}*/
.registrate{background-color:#2874a6;color:#ECFC39;font-size:12px;margin-left:0;text-align:left;padding:5px 0;float:none;margin-bottom:0;width:auto;}
/*.recuperar_clave {background-color: #2874a6;color: #ECFC39;float: right;font-size: 12px;margin-bottom: 4px;padding: 0 20px;text-align: right;width: 15%;}*/
.recuperar_clave {float:right;background:#2874a6;color:#ECFC39;font-size: 12px;margin-bottom: 4px;padding: 0 20px;text-align:right;width:auto;padding:5px 0;float:none;margin-bottom:0;width:auto;}
.usrErrResponsive {display: none;}
mark {background: #2874a6;color:#ECFC39;}
mark:hover{background: #3b86b8;color:#fff;}
.overlay-cupon, .overlay-cupon-detalle {position:fixed;top: 0;bottom: 0;left: 0;right:0;width: 100%;display: none;background: rgba(255,255,255,.9);z-index: 1;}
.caja-cupones-fixed {background-color: #2874a6;margin: auto;position: fixed;width: 40%;z-index: 1;left: 30%;top: 50px;box-shadow: 4px 4px 8px 8px rgba(0, 0, 0, 0.2);}
.caja-cupones-titulo {background: #2874a6;height: 50px;color: #fff;display: block;font-family: inherit;font-size: 24px;text-align: center;width: 100%;padding: 10px}
.caja-cupones-detalle {width: 100%;background: #fff;}
.mnu-cupon {display: block;width: 100%;color: #fff;padding: 12px 16px;text-align: left;font-size: 14px;}
.mnu-cupon:hover {cursor:pointer;color: #000080}
.mnu-cupon:hover .dropdown-content-right {display:block;color:greenyellow;}
.btn-cupon {background-color: #fff;border: none;border-bottom: solid #ccc 1px;color: navy;cursor: pointer;font-size: 15px;padding: 18px;outline: none;text-align: left;width: 100%;}
.btn-cupon:hover {background-color: #eee;}
.cupon-detalle	{background: #fff;float: left;width: 100%;text-align: center;font-size: 20px;padding-bottom: 20px;}
.cupon-fecha {font-size: 15px;width: 50%;}
/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    POPUP FORMULARIO
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.overlay-popup-form {background: rgba(255,255,255,.9);position: fixed;top: 0;bottom: 0;left: 0;right: 0;align-items: center;justify-content: center;display: flex;visibility: hidden;}
.overlay-popup-form.active {visibility: visible;}
.popup-form {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);right:420px;margin:auto;width:33%;position:fixed;top:100px;overflow:auto;border-radius:4px;height:500px;}
.overlay-popup-form .popup-form .container-popup-form-cerrar {display:block;background:#2874a6;text-align:right;width:100%;margin:0;line-height:18px;}
.tarjeta-datos-formulario {display:flex;flex-direction:column;position: relative;width:40%;background-color: #fff;margin: auto;box-shadow: 5px 5px 10px 0px #bbb;}
.modal-tarjeta-datos{display: block;width: 40%;background-color: #fff;margin: 125px auto;box-shadow: 20px 20px 50px 15px #bbb;border-radius: 10px;}
.modal-pej{margin: 0 auto; width: 80%; font-size: 14px;border-radius: 0;box-shadow: 5px 5px 10px 0px #bbb;}
.tarjeta-datos-form-msg {margin-top: 50px;}
.cabecera-fija {position: absolute;top: 0;left: 30%;width: 40%;z-index: 10}
.header-popup-form-titulo {display:block;width:100%;color:#fff;background:#2874a6;text-align:center;font-family:inherit;font-size:24px;padding:5px 0;}
.modal-titulo{display: block;width: 100%;color: #fff;background: #2874a6;text-align: center;font-family: inherit;font-size: 25px;padding: 10px 0;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.mtitulo-pej{text-align:left;font-size: 16px;padding: 10px;border-radius: 0;}
.letra-size-20 {font-size: 20px;}
.header-popup-form-titulo-sub {border: none;display: block;}
.header-popup-form-titulo-sub-fija {font-size:10px;padding: 0.5% 0.5%;background-color: #fff;}
.popup-form .btn-popup-form-cerrar {border:none;background:#2874a6;color:#fff;font-size: 18px;margin-right: 5px;}
.popup-form .btn-popup-form-cerrar:hover {background: rgba(40,116,166,.5);cursor:pointer;transform:scale(1.3);}
.input-popup-form {width: 100%;padding: 8px 10px;border: 1px solid #ccc;border-radius: 4px;resize: vertical;background: #fff;}
.input-popup-form-fecha {float:left;width: 32%;height: 40px;margin-right: 3px;}
.select-prodep {height: 40px;border-radius: 0;background: #f2f2f2;color: #000080;outline: none;cursor:pointer;}
.select-prodep:active{transform: scale(.9)}
.txtarea-input {width: 100%;font-family: inherit;font-size: 14px;}
.regcompu{display: inline-block;}
.regcelu{display: none;}
.lbl-popup-form {display: inline-block;font-size: 14px;padding: 10px 5px;}
.modal-lbl-txt {display: block;font-size: 20px;padding: 15px;text-align:center;}
.modal-txt-pej{font-size: 14px;}
.con-ico-info{width:22%}
.lbl-popup-form-java {text-align: center;}
.miclasefa {color:#2874a6;cursor: pointer;font-size:14px;}
.span-config{color: #000080;display: none;font-size: 11px;padding: 5px;}
.container-popup-form {background-color: #f2f2f2;padding: 5px 10px;}
.container-popup-form-fija {background-color: #f2f2f2;padding: 5px 10px;margin-top: 55px;}
.col25-popup-form {color:#000080;float:left;width: 100%;}
.col25-popup-form-flex {color:#000080;display: flex;justify-content: flex-start;width: 100%;align-items:center;}
.col25-popup-form-msg {text-align: center;}
.col75-popup-form {float: left;width: 100%;}
.col-btn-popup-form {display: flex;flex-wrap: wrap;flex-direction:row;justify-content: space-around;margin-top: 20px;margin-bottom: 20px;}
.col-webcfgp {justify-content: center;}
.updtresultados {padding-bottom: 10px;}
.btn-popup-form {height: 40px;line-height: 40px;border: none;color: #fff;background: #2874a6;border-radius: 3px;font-size: 14px;cursor: pointer;width: 40%;transition: all .3s}
.btn-popup-form:hover {background: #fff;color: #000080;border: #000080 solid 1px;}
.btn-webcfgp {height: 50px;line-height: 40px;border: none;color: #fff;background: #2874a6;border-radius: 3px;font-size: 1.2rem;cursor: pointer;width: 20%;margin-right:10%;transition: all .3s;}
.btn-webcfgp:hover {background: #fff;color: #2874a6;border: #2874a6 solid 1px;} /*d513a5 3cf*/
.un-btn-popup-form {margin-left: 30%;}
.row-popup-form:after {content: "";display: block;clear: both;}
.verificar-usuario{color: #000080;font-size: 11px;padding: 5px;}
.verificar-usuarioI{color: #000080;display: none;font-size: 11px;padding: 5px;}
.ver-span {display: block;}
.formato-configweb {color:#000080;text-align: justify;}
.caja-jsp-ingresar {display: block;}
.caja-jsp-recordar-clave {display: block;}
/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    ACTIVAR USUARIO / DEPOSITO
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
div#listaBancos, div#filaHora, label#lblhortra {display: none;}
p#pNoBp {display: none;font-size: 12px;}
/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    ICONO CERRAR
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.overlay-form {position:fixed;top: 0;bottom: 0;left: 0;right:0;width: 100%;height: 100vh;display: none;background: rgba(255,255,255,.9);}
.caja-header-form {margin:auto;position:fixed;right:420px;top:0;width:100%;height:35px;background:#2874a6;display: none;}
.title-header-form {display: none;background:#2874a6;color: #fff;font-size: 10px; text-align:center;padding: 8px 0;}
.contenedor-form {display:none;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);right:420px;margin:auto;width:33%;position:fixed;top:35px;overflow:scroll;border-radius:4px;height:500px;}
/*.contenedor-form-recuperarClave {display:none;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);right:420px;margin:auto;width:33%;position:fixed;top:35px;overflow:scroll;border-radius:4px;height:500px;}*/
/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    CAPSULAS
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.capsula-form-recuperarClave {display: none;}
.capsula-form-inresar {display: none;}
/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    IFRAMES
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
/*.imarco-form {border:none;box-shadow: 20px 20px 50px 15px #bbb;height:500px;margin-left:400px;right: 400px;display:none;width:40%;}*/
.imarco-form {border:none;box-shadow: 20px 20px 50px 15px #bbb;height: 100vh;margin-left:30%;right: 400px;display:none;width:40%;}
.imarco-form-230 {border:none;box-shadow: 20px 20px 50px 15px #bbb;height:230px;margin-left:400px;right: 400px;display:none;width:40%;}
.imarco-form-300 {border:none;box-shadow: 20px 20px 50px 15px #bbb;height:300px;margin-left:400px;right: 400px;display:none;width:40%;}
.imarco-form-365 {border:none;box-shadow: 20px 20px 50px 15px #bbb;height:365px;margin-left:400px;right: 400px;display:none;width:40%;}
.imarco-form-435 {border:none;box-shadow: 20px 20px 50px 15px #bbb;height:435px;margin-left:400px;right: 400px;display:none;width:40%;}
.imarco-form-450 {border:none;box-shadow: 20px 20px 50px 15px #bbb;height:450px;margin-left:400px;right: 400px;display:none;width:40%;}
.imarco-form-550 {border:none;box-shadow: 20px 20px 50px 15px #bbb;height:550px;margin-left:400px;right: 400px;display:none;width:40%;}
.imarco-form-600 {border:none;box-shadow: 20px 20px 50px 15px #bbb;height:600px;margin-left:400px;right: 400px;display:none;width:40%;}
.imarco-form-full {border:none;box-shadow: 20px 20px 50px 15px #bbb;height:100vh;margin-left:0px;right: 0px;top:0px;display:none;width:100%;background-color: #fff;}
.imarco-mkt{border:none;height:1000px;width:100%;background-color: #fff;}
/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    ICONO CERRAR
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.xcajaPublicidad {cursor: pointer;display: inline-block;position:absolute;right:0;top:0;}
.xcaja {background-color: #2874a6;cursor: pointer;display: inline-block;position:absolute;right:0;top:0;} /*border-radius: 10px;*/
.xcaja:hover {background-color: #E6344A;}
.xbase {background-color: #fff;height: 2.5px;margin: 3px 0;width: 20px;}
.x1 {transform: rotate(-45deg) translate(-4.5px, 3px);}
.x2 {opacity: 0;}
.x3 {transform: rotate(45deg) translate(-4px, -4px);}
.ico-det-publi-close {position: fixed;background-color: #000;color: #fff;cursor:pointer;display:block;text-align:center;top:16%;font-weight:bold;font-size:22px;height:30px;width:30px;padding:3px;right:30%;}
.ico-prodep-close{display:none;position: fixed;background: #2874a6;;color: #fff;cursor:pointer;display:block;text-align:center;top:0%;font-weight:bold;font-size:22px;height:30px;width:30px;padding:3px;right:30%;z-index:1;}
.ico-prodep-dolar {border: none;font-size: 22px;font-weight: bold;text-align: center;padding-top: 3px;position: absolute;top: 0;float: right;width: 30px;height: 30px;right: calc(30% + 30px);font-family:inherit;color:greenyellow;cursor:pointer;z-index:1;}
.ico-prodep-help {display:none;position: absolute;background: #2874a6;;color: #fff;cursor:pointer;display:block;text-align:center;top:0%;font-weight:bold;font-size:22px;height:30px;width:30px;padding:3px;right:calc(30% + 32px);z-index:1;}
.ico-det-publi-close:hover {background:#E6344A;color: #fff;}
.ico-prodep-close:hover {background:#E6344A;color: #fff;}
.ico-prodep-help:hover {background:#fff;color: #2874a6;}
.ico-prodep-dolar:hover {background:#00B050;color:#fff;}
.ico-partidoprodep-close{position: absolute;top: -20px;right: -20px;border-radius: 50%;background: #2874a6;color: #fff;cursor:pointer;display:block;text-align:center;font-weight:bold;font-size:22px;height:30px;width:30px;padding:3px;}
/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    MIS SUSCRIPCIONES
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.tarjeta-datos-referido {float:left;width:60%;background-color: #fff;margin: auto 20%;box-shadow: 5px 5px 5px 2px #bbb;}
.tarjeta-datos-invitado {width:60%;background-color: #fff;float: left;margin-left: 20%;box-shadow: 5px 5px 5px 2px #bbb;}
.cabecera-report {position: fixed;top: 0;left: 20%;width: 60%;height: 100px;}
.cabecera-report-invitados {position: sticky;width: 100%;top: 0;left: 0;top: 0;right: 0;}
.titulo-invitaciones {background: #2874a6;border: none;color: #fff;font-size: 25px;text-align: center;padding: 5px 0;}
.mnu-box-ico-invitacion {border: none;font-size: 22px;text-align: center;position: absolute;;top: 0;float: right;width: 30px;height: 30px;font-family: inherit;color: #fff;cursor: pointer;}
.ico-cls-invitacion {right:0;}
.ico-hlp-invitacion {right: 30px;}
.ico-bns-invitacion {right: 60px;color:greenyellow;}
.mnu-box-ico-invitacion.ico-cls-invitacion:hover{background: #E6344A;color: #fff;}
.mnu-box-ico-invitacion.ico-hlp-invitacion:hover{background: #fff;color: #2874a6;}
.mnu-box-ico-invitacion.ico-bns-invitacion:hover{background: #fff;color: #00B050;}
.font-externo {font-size: 18px;padding-top: 4px;}
.todoschk {padding: 0;margin: 0 auto;cursor: pointer;}
.btn-beneficios {height: 90%;border: #aaa solid 1px;background: #f2f2f2;margin: 0 10px;width: 90%;color: #aaa;font-weight: normal;}
.btn-beneficios.btn-on {color: #00B050;background: #fff;border:#00B050 solid 1px;cursor: pointer;}
.btn-beneficios.btn-on:hover{background: #00B050;color: #fff;border: none;font-weight: bold;}
.btns-in-calc{border: #aaa solid 1px;background: #f2f2f2;color: #aaa;font-size: 14px;margin: 10px 25px;height: 100%;width: 30%;}
.btns-in-calc.btns-on{border:#000080 solid 1px;background:#2874a6;color:#fff;}
.btns-in-calc.btns-on:hover{background: #fff;color:#000080;cursor:pointer;transform:scale(1.1);}
.resumen-invitacion{background-color: #f2f2f2;color: #000080;width: 100%;float: left;}
.titulo-ref-invitacion {width: 100%;float: left;}
.lbl-invitacion{float: right;font-size: 14px;padding: 5px;text-align: left;width: 20%;}
.lbl-btn-beneficios {float: right;padding: 1px;height: 25px;margin: 0;}
.cabecera-report .mnu-derecha {background-color: #2874a6;display:flex; flex-direction: row-reverse;width: 100%;margin: 0px;height: 25px;}
.cabecera-report .mnu-derecha .mnu-box-ico {border: none;width: 25px;height: 25px;text-align: center;font-family: inherit;color: #fff;font-size:20px;padding-top:1px;cursor: pointer;}
.mnu-box-ico {border: none;width: 25px;height: 25px;text-align: center;font-family: inherit;color: #fff;font-size:20px;padding-top:1px;cursor: pointer;}
.ico-cls,.ico-bns,.ico-hlp {background-color: #2874a6;}
.mnu-box-ico.ico-cls:hover{background-color: #E6344A;}
.mnu-box-ico.ico-bns:hover{background-color: #fff;color: #000080;}
.mnu-box-ico.ico-hlp:hover{background-color: #fff;color: #000080;}
.cabecera-report .titulo-report {background-color: #2874a6;color: #fff;font-size: 20px;text-align: center;height: 25px;}
.cabecera-report .resumen-report {background-color: #ddd;color: #000080;display:flex; flex-direction: row;width: 100%;justify-content:flex-start;height: 25px;}
.cabecera-report .resumen-report .lbl-report {font-size: 14px;padding: 5px;text-align: left;width: 20%;}
.lbl-report {font-size: 14px;padding: 5px;text-align: left;width: 20%;}
.titulo-ref {width: 100%;height: 25px;margin-top: 75px;}
.fila-ref {display:block;width: 100%;}
.caja-celda-5 {border-bottom: #000080 solid 1px;float: left;font-size: 14px;height: 25px;text-align: center;padding: 5px;width: 5%;}
.caja-celda-7 {border-bottom: #000080 solid 1px;float: left;font-size: 14px;height: 25px;text-align: center;padding: 5px;width: 7%;}
.caja-celda-7-chk {width: 40%;float:left;}
.caja-celda-7-title {width: 60%;float:left;}
.estachkN{padding: 0;margin: 0 auto;}
.caja-celda-data {float: left;height: 25px;width:65%;}
.caja-celda-dataIn {float: left;height: 25px;width:69%;}
.caja-celda-nombre {border-bottom: #000080 solid 1px;float: left;font-size: 14px;height: 25px;text-align: center;padding: 5px;width:70%;}
.caja-celda-tipo-det {border-bottom: #000080 solid 1px;float: left;font-size: 14px;height: 25px;text-align: left;padding: 5px;width: 27%;}
.caja-celda-tipo {border-bottom: #000080 solid 1px;float: left;font-size: 14px;height: 25px;text-align: center;padding: 5px;width: 30%;}
.caja-celda-tipo-id {border-bottom: #000080 solid 1px;float: left;font-size: 14px;height: 25px;text-align:right;padding: 5px 0;width: 3%;}
.caja-celda-status {float: left;height: 25px;width:28%;}
.caja-celda-statusIn {float: left;height: 25px;width:26%;}
.caja-celda-estado,.caja-celda-fecha {border-bottom: #000080 solid 1px;float: left;font-size: 14px;height: 25px;text-align: center;padding: 5px;width: 50%;}
.celeste {background-color: #2874a6;color: #fff;}
.blanco {background-color: #fff;color: #000080}
/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    MIS BONIFICACIONES
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.tarjeta-datos-bonus {display:block;width:60%;background-color: #fff;margin: auto;box-shadow: 20px 20px 50px 15px #bbb;}
.fila-bonus {position: relative;}
.caja-columna-bonus {width: 100%;padding-top: 10px;}
.columna-bonus {float: left;width: 33%;margin-bottom: 16px;padding: 0 8px;}
.card-bonus {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);}
img#bonus {display: block;height: 100%;margin: auto;width: 100%;}
.container-bonus {padding: 10px;font-size: 12px;}
.btn-container-bonus {padding: 0 20px;height: 40px;line-height: 40px;border: none;color: #fff;background: #2874a6;border-radius: 3px;font-size: 14px;cursor: pointer;width: 100%;transition: all .3s}
.btn-container-bonus.btn-bonus-disponible :hover {background: #fff;color: #000080;border: #000080 solid 1px;}
.btn-bonus-entregado {background-color: #aaa;color: #ccc;}
.btn-bonus-proceso {background-color: green;color: #fff;opacity: 0.5;}
.submenu-beneficios {display: flex;width: 100%;border: none;flex-wrap: nowrap;align-items: center;justify-content: flex-start;height: 40px;background: #fff;border-bottom:#fff solid 1px;}
.submenu-b80 {width: 80%;float: left}
.submenu-b20 {width: 20%;float: left}
.lbl-tipo-submenu {float: left;width: 25%;border: none;font-size: 14px;text-align: center;color: #aaa;}
.lbl-solicitud {width: 100%;text-align: left;padding-left: 10px;color:#000080;height: 30px;padding-top: 8px;margin-top: 2px;user-select:none;-webkit-user-select: none;-ms-user-select: none;}
.input-solicitud{border:none;color:#000080;height:30px;font-size: 14px;margin-top: 2px;}
.input-solicitud#idTipoCanal {background: #fff;border: solid #000080 1px;}
.lbx-tipo-submenu {float: left;width: 25%;border: none;background: #fff;padding-left: 5px;height:90%;color: #aaa;border: #aaa solid 1px;}
.lbx-tipo-submenu:hover{border: #aaa solid 1px;border-radius: 4px;}
.caja-lbl-beneficios {width: 40%;display: block;float: left;margin-left: 15%;}
.caja-input-benefis {width: 40%;display: block;float: left;}
.caja-btn-beneficios {width: 100%;background: #fff;display: flex;align-items: center;justify-content: center;padding: 4%;height:80px;}
/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    ABRIR MIS SOBRES
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.header-msg-generic-title {background: #2874a6;color: #fff;display: block;font-family: inherit;font-size: 24px;text-align: center;width: 100%;margin-top: 0.4em;}
.header-abrir-sobres {background-color: #2874a6;height: 50px;margin: auto;position: fixed;width: 40%;z-index: 1;left: 30%;top: 0;}
.header-abrir-sobres-title {background: #2874a6;color: #fff;display: block;font-family: inherit;font-size: 24px;text-align: center;width: 100%;z-index: 1;}
.encabezado-abrir-sobres {position: fixed;width: 40%;z-index: 1;background-color: #fff;border-bottom: #000080 1px solid;height: 40px;top: 40px;left: 30%;}
.escudo_album_abrir_sobres {float: left;width: 7%;}
.nombre_album_abrir_sobres {border: none;color: navy;display: block;float: left;font-size: 14px;margin: 10px;text-align: left;width: 42%;}
.fila-cromos-abrir-sobres {position: relative;margin-top: 80px;}
.numero_abrir_sobres {border: none;color: navy;display: block;float: left;font-size: 14px;text-align: right;width: 35%;margin: 10px;}
.encabezado-sobres-cromos {position: fixed;width: 40%;margin: 0px auto;left: 30%;top: 50px;z-index: 1;background-color: #fff;}
.head-open-sobres-title {background-color: #fff;border-bottom: navy solid 1px;float: left;height: 42px;margin-top: 1px;width: 100%;}
.escudo_album {float: left;width: 8%;}
.nombre_album {border: none;color: navy;display: block;float: left;font-size: 14px;margin: 10px;text-align: left;width: 42%;}
.sobres_siguiente {border: none;color: navy;display: block;float: left;font-size: 14px;text-align: right;width: 35%;margin: 10px;}
.head-open-sobresI,.head-open-sobresD {background-color: #fff;border-bottom: navy solid 1px;float: left;height: 42px;margin-top: 1px;width: 50%;}
.head-open-sobresD {padding-right: 5px;}
.escudo_album {float: left;width: 8%;}
.escudo_campeonato:hover {cursor: pointer;}
img#img-open-sobres {display: block;height: 100%;margin: auto;width: 100%;}
.encabezadoIzq {position: fixed;height: 40px;width: 50%;margin: 0 auto;left: 0; top: 0;background-color: #2874a6;color: #ffff00;text-align: left;padding: 10px 20px;z-index: 1;}
.encabezadoDer {position: fixed;height: 40px;width: 50%;margin: 0 auto;right: 0; top: 0;background-color:#2874a6;color: #ffff00;text-align: right;padding: 10px 20px;z-index: 1;}
.encabezadoIzq:hover, .encabezadoDer:hover {background-color: #3b86b8;color: white;}
.antsig {text-decoration:none;font-family: inherit;font-size: 14px;cursor: pointer;}
.antsig:hover {color: white;}
.encabezado {position: fixed;width: 100%;margin: 0px auto;left: 0; top: 40px; background-color: #fff;color: #000080;z-index: 1;}
.badge {position: absolute;top: 10px;right: 10px;padding: 5px 10px;border-radius: 50%;background-color: white;color: #000080;border: #000080 solid 1px;}
.avatar {vertical-align: middle;width: 70px;height: 50px;border-radius: 50%;border: none;padding: 1px 10px;cursor: pointer;object-fit: cover;}
.caja-columna-cromos {width: 40%;margin-left: 30%;height: 100vh;background-color: #fff;padding-top: 10px;}
.columna-cromos {float: left;width: 33%;margin-bottom: 16px;padding: 0 8px;}
.columna-cromos-abrir-sobres {float: left;width: 33%;margin-bottom: 16px;padding: 0 8px;}
.fila-cromos {margin-top: 90px;}
.card-cromos {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);}
.container-abrir-sobres {padding: 0 16px;font-size: 12px;}
.container-abrir-sobres::after, .fila-cromos::after {content: "";clear: both;display: table;background-color: #fff;}
.title {color: grey;}
#prevBtn {background-color: #bbbbbb;}
/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    VER MI ALBUM
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.mnu-album-box-header {position: fixed;width: 100%;margin: auto;left: 0; top: 0; z-index: 1;}
.tab {display: none;}
.mnu-album-cabecera {background-color: #bbb;width: 100%;height: 30px;}
.antsig-album {text-decoration:none;font-family: inherit;font-size: 14px;cursor: pointer;color:#fff;}
.mnu-album-derecha {background-color: #2874a6;display:flex; flex-direction: row-reverse;align-items: flex-start;width: 100%;margin: 0px;}
.mnu-box-album {border: none;height: 30px;text-align: center;font-family: inherit;color: #fff;cursor: pointer;}
.ico-cls {width: 30px;font-size: 20px;padding: 0px;color: #fff;}
.ico-ant,.ico-sig  {width: 60px;font-size: 12px;padding-top: 6px;}
.ico-cls:hover {background-color: #E6344A;color:#fff;}
.ico-ant:hover,.ico-sig:hover {background-color: #fff;color:#000080;}
.encabezado-album-cromos {position: fixed;width: 100%;margin: 0px auto;left: 0; top: 60px; z-index: 1;}
.head-ver-album {background-color: #fff;border-bottom: navy solid 1px;float: left;height: 42px;margin-top: 1px;width: 100%;}
.escudo-ver-album {float: left;width: 4%;}
img#img-ver-album {display: block;/*height: 85%;*/height: 40px;margin: auto;width: 85%;}
.nombre-ver-album {border: none;color: navy;display: block;float: left;font-size: 14px;margin-top: 2px;margin-bottom: 2px;text-align: left;width: 16%;}
.fila-ver-album {margin-top: 110px;}
.columna-album-cromos {float: left;width: 10%;margin-bottom: 16px;padding: 0 5px;}
.card-ver-album {background-color: #fff;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);}
.cajatxt {position: relative;text-align: center;color: navy;}
.texto_centrado {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 2.5vw;}
.cromo-container {padding: 0 5px;}
.cromo-container::after, .row::after {content: "";clear: both;display: table;}
.cromo-container-text {font-size:0.9vw;}
/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    PRONOSTICO DEPORTIVO - GOLAZO
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.tarjeta-datos-prodep {display:block;width:40%;background-color: #fff;margin: auto;box-shadow: 7px 7px 5px 0 #aaa;border-left: solid #ccc 1px}
.header-prodep-title {background: #2874a6;color: #fff;display: block;font-family: inherit;font-size: 20px;height: 40px;padding: 10px;position: relative;text-align: center;width: 100%;}
.header-prodep-subtitle {background: #fff;display: block;font-family: inherit;font-size: 20px;height: 30px;padding: 5px 10px;position: relative;width: 100%;}
.container-popup-prodep {background-color: #fff;padding: 0px 10px;}
.celdaEtiquetaL2 {color: #000080;float:left;font-family: inherit; font-size: 15px;height: 16px;margin-left: 0px;text-align: left;width:38%;}   /* display: table-cell;border-left: 1px solid #000080;border-top:1px solid #000080; border-bottom:1px solid #000080;*/ 
.celdaEtiquetaC2 {color: #000080;float:left;font-family: inherit;font-size: 15px;height: 16px;text-align: center;width:25%;}    /*display: table-cell;border-top:1px solid #000080; border-bottom:1px solid #000080;*/
.celdaEtiquetaR2 {color: #000080;float:left;font-family: inherit; font-size: 15px;height: 16px;margin-right: 0px;text-align: right;width:37%;}    /*display: table-cell;border-right: 1px solid #000080;border-top:1px solid #000080; border-bottom:1px solid #000080;*/
.partido_prodep {background-color: white;display: flex;flex-direction: row;flex-wrap: nowrap;height: 30px;justify-content: center;padding: 1px;width: 100%;align-items:center;}
.celda_equipo_prodep {background-color: white;color: #2874a6;float: left;font-size: 14px;height: 100%;padding-top: 5px;padding-left: 5px;text-align: left;width: 35%;}  /*margin-left: 1px;*/
.celda_equipo_prodep:hover {color: #000080;cursor: pointer;}
.celda_escudo_prodep#prodepChk {float: left;width: 6%;margin: 0 1%;}   /*margin-left: 1px;*/
.celda_escudo_prodep {float: left;height: 100%;margin: auto;width: 6%;}
img#equipo-prodep {display: block;width: 100%;height: 100%;margin: auto;}
img.img_prodep {display: block;width: 100%;height: 100%;margin: auto;border: #2874a6 solid 2px;}
.btn-popup-prodep {padding: 0 20px;height: 40px;line-height: 40px;border: none;color: #fff;background: #2874a6;border-radius: 3px;font-size: 14px;cursor: pointer;width: 30%;transition: all .3s;margin-bottom:2%;}
.btn-popup-prodep:hover {background: #fff;color: #000080;border: #000080 solid 1px;}
/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   CARTA INTERMEDIA
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.tarjeta-datos-Ci {display:block;width:40%;background-color: #fff;margin: auto;box-shadow: 20px 20px 50px 15px #bbb;}
.header-ci-title {background: #2874a6;color: #fff;display: block;font-family: inherit;font-size: 20px;height: 50px;position: relative;width: 100%;}
.caja-avatar-Ci {float: left;height: 100%;margin: auto;width: 10%;}
.avatar-Ci {width: 100%;height: 100%;border-radius: 50%;}
.caja-title-Ci {float: left;height: 100%;padding: 12px;}
.contenedor-Ci {background-color: #f2f2f2;padding: 10px;}
.datosPartida {font-size: 12px;color: navy;}
.input-header-Ci {background-color: #f2f2f2;border: none;border-radius: 4px;font-size: 12px;width: 10%;}
.boton-Ci {border: green solid 1px;display: inline-block;padding: 5px;color: white;background-color: green;text-align: center;cursor: pointer;width: 24%;opacity: 1;font-size: 12px;font-family: inherit;}
.btnDisabled-Ci {opacity: 0.5;}
.msgNewCards {background-color: white;border: 1px solid navy;color: navy;display: none;float: left;font-size: 16px;text-align: center;width: 100%;}
/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   21 BLACK JACK
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.tarjeta-datos-21 {display:block;width:40%;background-color: #fff;margin: auto;box-shadow: 20px 20px 50px 15px #bbb;height: 98vh;}
.header-21-title {background: #2874a6;color: #fff;display: block;font-family: inherit;font-size: 20px;height: 50px;position: relative;width: 100%;}
.contenedor-21 {background-color: #fff;padding: 2px;}
.caja-ico-ficha {height: 25px;width: 25px;display: block;float: left;padding: 2px;border-bottom: #000080 solid 1px;}
.img-ico-ficha {height: 100%;width: 100%;object-fit: fill;}
.img-ico-ficha:hover {cursor: pointer;}
.caja-avatar-21 {float: left;height: 100%;margin: auto;width: 10%;}
.avatar-21 {width: 100%;height: 100%;border-radius: 50%;}
.caja-title-21 {float: left;height: 100%;padding: 12px;}
.caja-21-inputs {display: block; float: left; height: 20px;}
.caja-21-inputs {display: block;float: left;height: 25px;width: 95%;border-bottom: #000080 solid 1px;padding: 1px;}
.input-header-21 {background-color: #fff;border: none;border-radius: 4px;font-size: 12px;width: 10%;margin-top: 2px;}
.columnaD1 {float: left;width: 25%;margin-top: 5px;margin-bottom: 5px;padding: 0 10px;display: block;}
.columnaD2 {float: left;width: 25%;margin-top: 5px;margin-bottom: 5px;padding: 0 10px;margin-right: -75px;display: none;}
.columnaJ1 {float: left;width: 25%;margin-top: 5px;margin-bottom: 5px;padding: 0 10px;display: block;}
.columnaJ2 {float: left;width: 25%;margin-top: 5px;margin-bottom: 5px;padding: 0 10px;margin-left: -75px;display: none;}
.boton-21 {border: green solid 1px;display: inline-block;padding: 5px;color: white;background-color: green;text-align: center;cursor: pointer;width: 19%;opacity: 1;font-size: 12px;font-family: inherit;}
.btnDisabled-21 {opacity: 0.5;}
.celda_texto {font-size: 8px;text-align: center;}
/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    MIS PRONOSTICOS - GOLAZO
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.col25-popup-form-prodep {color: #000080;float: left;width: 100%;background: #2874a6;}
.celda-repProdep {color: #fff;display:inline-block;font-size: 12px;padding:5px;text-align: left;} /*padding:5px 0px;*/
.agrupar {display: block;float: left;}
.agrupar50{width: 50%;border-bottom:#f2f2f2 solid 1px;}
.agrupar25{width: 25%;border-bottom:#f2f2f2 solid 1px;}
.celda-5w {width:5%;}
.celda-10 {width:10%;}
.celda-15w {width:15%;}
.celda-20 {width:20%;}
.celda-25{width:25%;}
.celda-30 {width:30%;}
.celda-40bw {width:40%;}
.celda-60bw {width:60%;}
.title-repProdep {background-color: #2874a6;color: #fff;}
.detail-repProdep {background-color: #fff;color: #000080;}
.check-10 {padding: 2px;background-color: #fff;}
.img-check {display: block;width: 20px;height: 20px;margin: auto;border: #000080 solid 1px;}
.img-check:hover {cursor: pointer;}
.btn-repProDep {border: none;background:#fff;color:#000080;font-weight:bold;cursor:pointer;height:100%;}
.btn-repProDep:hover {background:#2874a6;color:#fff;}
.btn-repProDep-off{border: none;background:#f2f2f2;color:#aaa;height:100%;}
/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    REPORTES - MIS PUNTOS   
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.caja-cabecera-misPuntos {display:block;width:100%;background-color: #fff;margin: auto;position: relative;}
.header-popup-form-subtitulo {font-size:14px;padding: 0.5% 0.5%;}
.total-puntos{padding-top: 1%;padding-left: 2%;color: #000080;}
.celda-40 {width:40%;}
.tarjeta-datos-puntos {display:block;width:40%;background-color: #fff;margin: auto;box-shadow: 20px 20px 50px 15px #bbb;}
.container-puntos-form {background-color: #fff;display: block;padding: 0;width: 100%}
.header-ver-repetidos {background-color: #2874a6;height: 40px;margin: auto;position: fixed;width: 40%;z-index: 1;left: 30%;top: 0;}
.caja-ico {background-color: #2874a6;color: #fff;cursor: pointer;display: inline-block;position: absolute;text-align: center;top: 0;}             
.caja-ico-close {font-size: 16px;height: 20px;right: 0;width: 20px;}
.ico-amazon {top: 14%;right: 30%;padding: 5px;height: 30px;width: 30px;font-size: 20px;}
.caja-ico.caja-ico-close:hover {background-color: #E6344A;}
.caja-ico-help {font-size: 16px;height: 20px;right: 20px;width: 20px;}
.caja-ico-pos-der {right: 30%;}
.caja-ico-pos-der-fija {right: 0;}
.caja-ico-pos-der-fix {left: 68%;position: fixed;height:25px;width:25px;padding: 3px;}
.caja-ico-pos-derH {right: 32%;}
.caja-ico-pos-derH-fija {right: 5%;}
.caja-ico.caja-ico-help:hover {background-color: #fff;color: #000080;}
.caja-ico-pegar {font-size: 12px;height: 20px;padding: 3px;right: 20px;width: 50px;}
.caja-ico.caja-ico-pegar:hover {background-color: #fff;color: #000080;}
.header-ver-repetidos-title {background: #2874a6;color: #fff;display: block;font-family: inherit;font-size: 24px;height: 50px;padding: 10px;text-align: center;width: 100%;}
.header-carta-interm-title {background: #2874a6;color: #fff;display: block;font-family: inherit;font-size: 20px;height: 50px;text-align: left;width: 100%;}
.caja-info-ctaBco{border:#000080 solid 1px;width:80%;margin:0 10%;padding:2% 12%;}
.ctaBancoTitulo{display:inline-block;width:45%;text-align:left;font-size:14px;color:#000080;padding-bottom:5px;}
.ctaBancoDetalle{display:inline-block;width:50%;text-align:left;font-size:14px;color:#23439c;padding-bottom:5px;}
.ctaBancoNoExiste{display:inline-block;width:90%;text-align:center;font-size:14px;color:#000080;padding:5px 0;margin-left:10px;border: solid 1px #000080;}
/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    AYUDA
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.ayuda-caja-popup, .ayuda-caja-infoAyuda, .perfil-caja-ayuda {animation:desplazar 1s;display: none;position: fixed;top: 40px;right: 10%;width: 40%;}
.ayuda-caja-popup-absolute {animation:desplazar 1s;display: none;position: absolute;right: 10%;width: 40%;}
.a40 {top: 40px;}
.a1000 {top: 1000px;}
.ayuda-cabecera {position: relative;width: 100%;}
.perfil-caja-popup {animation:desplazarPerfil 1s;display: none;height: 300px;position: fixed;top: 0;left: 70%;width: 30%;}
.ayuda-info-perfil{animation:desplazar 1s;display: none;position: fixed;top: 40px;right: 10%;width: 40%;}
@keyframes desplazar{ from {left:100%;} to {left:50%;} }
@keyframes desplazarPerfil{ from {left:100%;} to {left:70%;} }
.ayuda-titulo, .infoAyuda-titulo {font-size: 15px;background-color: #2874a6;color: #fff;padding: 18px;outline: none;height: 50px;width: 100%;}
.perfil-titulo {font-size: 16px;background-color: #2874a6;color: #fff;outline: none;height: 50px;width: 100%;}
.ayuda-colapsar, .infoAyuda-colapsar {background-color: #fff;color: #000080;cursor: pointer;padding: 18px;width: 100%;border: none;border-bottom:solid 1px #000080;text-align: left;outline: none;font-size: 15px;}
.ayuda-contenido, .infoAyuda-contenido {padding: 0 18px;overflow: hidden;max-height: 0;transition: max-height 0.5s ease-out;background-color: white;border:none;margin-bottom: 1px;}
.contenido-ayuda {padding: 0 18px;overflow: hidden;transition: max-height 0.5s ease-out;background-color: white;border:none;margin-bottom: 1px;display:none;}
.contenido-ayuda > p {font-size: 12px;color: #444;text-align: justify;}
.ayuda-contenido-relative {position: relative;}
.ayuda-contenido > p, .infoAyuda-contenido > p {font-size: 12px;color: #444;text-align: justify;}
.ayuda-active, .infoAyuda-active, .ayuda-colapsar:hover, .infoAyuda-colapsar:hover {background-color: #f2f2f2;}
.perfil-contenido {font-size: 14px;padding: 0 5px;max-height: 300px;overflow: hidden;background-color: white;border: 1px solid #eee;margin-bottom: 1px;}
.perfil-contenido-izquierda {float: left; width: 42%;font-size: 15px;height: 30px;padding: 5px;color: #555}
.perfil-contenido-derecha {float: left; width: 58%;font-size: 15px;height: 30px;padding: 5px;color: #000}
.perfil-contenido-derecha > a {text-decoration:none;color: #000080}
.perfil-contenido-derecha > a:hover {text-decoration-line: underline;text-decoration-style: solid;}
.contenedor-infoAyuda {width: 100%;overflow: hidden;display: flex;flex-wrap:wrap;justify-content: center;margin-top: 200px;}
.infoAyuda-items {float: left;width: 33%;padding: 5px 5px;min-width: 33%;}
.itemAyuda{height: 100px;border-radius: 5px;background: #fff;border: solid #ccc 1px;margin: 10px;}
.itemAyuda-txt {display: flex;flex-direction: column;flex-wrap: wrap;background-color: #fff;align-items: center;}
.icono-beneficio {font-size: 25px;color: #2874a6;margin-right: 10px;}
.col-btn-popup-form-actdat {display: flex;flex-wrap: wrap;flex-direction: row;justify-content: space-around;margin: 0;}
.btn-popup-form-actdat {height: 40px;line-height: 40px;border: none;color: #000080;background: #fff;font-size: 14px;cursor: pointer;width: 50%;transition: all .3s;}
.btn-popup-form-actdat-on {border-bottom: #000080 solid 2px;}
.btn-popup-form-actdat-off {border-bottom: none;}
.container-popup-form#container-popup-form-actdat {background-color: #f2f2f2;padding: 20px 10px;}
.btn-amazon{height: 40px;border: none;background:#FFC000;margin-bottom: 10px;cursor:pointer;padding:0 10px}
/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    REGALO
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.header-ver-regalo {background-color: #2874a6;display: block;height: 50px;width: 100%;}
.caja-regalo-titulos {background-color: #fff;display: block;width: 100%;margin-bottom: 20px;margin-top: 20px;}
.mnu-regalo-box-header {position: relative;width: 100%;margin: auto;left: 0; top: 0; z-index: 1;}
.mnu-regalo-derecha {background-color: #2874a6;display:flex; flex-direction: row-reverse;align-items: flex-start;width: 100%;margin: 0px;}
.mnu-regalo-cabecera {background-color: #bbb;width: 100%;height: 30px;}
.fila_regalo_flex {align-items: center;display: flex;flex-direction: row;flex-wrap: wrap;width: 100%;justify-content: space-around;}
.fila_regalo_flex_Ok {align-items: center;display: flex;flex-direction: row;flex-wrap: wrap;width: 100%;justify-content: space-around;}
.columna_regalo_flex {border-radius: 5px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.9);height: 180px;width: 30%;margin-bottom: 20px;}
.caja-caratula {width: 100%;;display:block;}
.regalo-titulo {display: block;width: 100%;font-size: 40px;color: #000080;text-align: center;}
.regalo-subtitulo {display: block;width: 100%;font-size: 16px;color: #2874a6;text-align: center;}
.regalo-descripcion {display: block;width: 100%;font-size: 14px;color: #000080;text-align: center;}
.overlay-regalo {width: 100%;display: none;background: rgba(255,255,255,1);}
.overlay-regalo .activo{display: block;}
.caja-tarjeta-regalo {background-color: #fff;display: block;margin-left: 30%;position: relative;width: 40%;}
.caja-regalo-btn-cerrar {display: block;position: relative;height: 30px;}
.regalo-ico {background-color: #fff;color: #000;cursor: pointer;display: inline-block;position: absolute;text-align: center;top: 0;}
.regalo-ico-close {font-size: 20px;height: 30px;right: 0;width: 30px;padding: 5px;}
.regalo-ico.regalo-ico-close:hover {background-color: #ff0000;color: #fff;}
.caja-regalo-img {display: block;}
.caja-regalo-img_Ok {display: block;padding:5px;width: 60%;margin-left: 20%;}
.img-regalo {display: block;margin: 5px;}
img#regalo-imagen {width: 100%;height: 100%;cursor: pointer;margin: auto;object-fit: cover;border-radius: 5px;}
.caja-regalo-descripcion {display: block;}
.descripcion-regalo {background-color: #fff;color: #727586;display: block;font-size: 15px; text-align: justify;border-radius: 5px;}
.caja-regalo-botones {display: block;margin-top: 10px;margin-bottom: 10px;width: 100%}
.btn-regalo-form {line-height: 40px;border: none;color: #fff;background: #2874a6;border-radius: 3px;font-size: 14px;cursor: pointer;text-align: center;transition: all .3s;width: 20%;margin-left: 40%;}
.btn-regalo-form:hover {background: #fff;color: #000080;border: #000080 solid 1px;}
/* ---- ----- ----- Carousel ----- ----- ----- */
.caja-principal {display: block;position:relative;width: 100%;padding: 20px;}
.columna-item-carousel {float: left;width: 20%;padding: 5px 5px;min-width: 20%;}  /*columna-album-cromos  columna-producto*/
.card-item-carousel {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);height: 90px;border-radius: 5px;}
.estirar {transform: scaleY(3);}
.span-flechas {text-align: center;font-weight: bold;}
.contenedor-main-carousel {display: flex;align-items: center;position: relative;width:100%;}
.contenedor-main-carousel .flecha-izquierda,
.contenedor-main-carousel .flecha-derecha
{position: absolute;border: none;background: transparent;font-size: 20px;height: 90px;top: 25px;line-height: 20px;width: 35px;color: transparent;cursor: pointer;z-index: 1;transition: .2s ease all;}
.contenedor-main-carousel .flecha-izquierda:hover,.contenedor-main-carousel .flecha-derecha:hover {background: rgba(0,0,0,0.2);color: #fff;}
.contenedor-main-carousel .flecha-izquierda {left: 0;}
.contenedor-main-carousel .flecha-derecha {right: 0;}
.flecha-izquierda .flecha-ocultar,.flecha-derecha .flecha-ocultar  {z-index: -10;}
.contenedor-carousel {width: 100%;padding: 20px 0;overflow: hidden;}
.contenedor-carousel .carousel {display: flex;flex-wrap:nowrap;} /*justify-content: center;   esto sirve para centrar las publicidades cuando son pocas*/
.contenedor-carousel .carousel .pelicula {min-width: 20%;transition: .3s ease all;box-shadow: 5px 5px 10px rgba(0,0,0, .3);}
.contenedor-carousel .carousel .pelicula.hover {transform: scale(1.2);transform-origin: center;}
.contenedor-carousel .carousel .pelicula img {width: 100%;vertical-align: top;}
/* ---- ----- ----- Carousel TIENDA ----- ----- ----- */
.cabecera-tienda{background-color: #2874a6;border: none;overflow: hidden;width: 100%;}
.cabecera-txt-tienda{display: block;color: #ECFC39;text-align: center;padding: 5px 16px;font-size: 30px;cursor: text;}
.overlay-tienda, .overlay-detalle-producto {width: 100%;background: rgba(255,255,255,.9);z-index:1;}
.overlay-tienda{top:60px;}
.overlay-comprarProd {position:fixed;top: 65px;bottom: 0;left: 0;right:0;width: 100%;display: none;background: rgba(255,255,255,.9);z-index:1;}
.overlay-detalle-producto {background: rgba(255,255,255,0.7)}
.titulo-tienda {display: block;width: 100%;margin: 0;padding:0;font-size: 20px;font-weight: bold;background:#fff;height:30px;padding-top:10px;padding-left:15px;}
.contenedor-main-carouselt {display: flex;align-items: center;position: relative;background: #fff;}
.contenedor-main-carouselt .flecha-izquierdat,.contenedor-main-carouselt .flecha-derechat 
{position: absolute;border: none;background: rgba(255,255,255,0.3);font-size: 20px;height: 50%;top: calc(40% - 20%);line-height: 20px;width: 35px;color: #fff;cursor: pointer;z-index: 1;transition: .2s ease all;}
.contenedor-main-carouselt .flecha-izquierdat:hover,.contenedor-main-carouselt .flecha-derechat:hover {background: rgba(0,0,0,0.2);}
.contenedor-main-carouselt .flecha-izquierdat {left: 0;}
.contenedor-main-carouselt .flecha-derechat {right: 0;}
.contenedor-carouselt {width: 100%;padding: 10px 0;overflow: hidden;scroll-behavior: smooth;}
.contenedor-carouselt .carouselt {display: flex;flex-wrap: wrap;justify-content:flex-start;}
.columna-producto {float: left;width: 20%;padding: 10px 20px;min-width: 20%;}  /*columna-album-cromos  columna-producto*/
.card-producto {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);transition: .3s ease all;} /*card-ver-album card-producto*/
.caja-img-producto{height: 210px;position: relative;display: block;padding:0;}
.imagen-producto {height: 210px;width: 100%;object-fit:fill;cursor:pointer;}
.caja-ver-detalle {display: block;position: absolute; bottom: 0;left: 0;text-align: center;width: 100%;font-size: 14px;height: 40px;background: transparent;color: transparent;transition-property: padding-top,background, color;transition-duration: 0.5s;}
.caja-ver-detalle:hover {padding-top: 10px;background: rgba(170,170,170,0.9);color:#000;cursor: pointer;}
.caja-detalle-producto {display: flex;flex-direction: column;align-items: center;justify-content: center;font-size:16px;text-align: center;height: 80px;border-top: #f2f2f2 solid 1px;}  /*cromo-container  caja-detalle-producto*/
.cromo-container-text {font-size:0.9vw;}    /*cromo-container-text   detalle-producto*/
.detalle-producto-ini{margin:0;padding:0;padding-top:5px;font-size:14px;}
.detalle-producto-medio{margin:0;padding:5px;font-size:14px;}
.detalle-producto-fin{margin:0;padding:0;padding-bottom:5px;font-size:14px;}
.tienda-ico {position: fixed;background-color:#2874a6;color: #fff;cursor: pointer;display: inline-block;text-align: center;top:0;right:0;font-weight: bold;}
.tienda-ico-close{font-size:20px; height: 30px;width: 30px;padding: 3px;}
.producto-close{right: 23.5%;font-size:16px; height: 25px;width: 25px;padding: 3px;top:75px;border-radius:50%;}
.tienda-ico:hover {background: #E6344A;color: #fff;}
.ico-tienda-movil {position: absolute;background-color: #2874a6;color: #ECFC39;cursor: pointer;display: block;text-align: center;top: 6%;font-weight: bold;font-size: 16px;height: 25px;width: 100px;padding: 3px;left: 4%;}
.ico-tienda-movil:hover{background:#3b86b8;color: #fff;}
.icoTiendaMovil{font-size: 20px;color:#fff;margin-right: 5px;margin-top: 3px;cursor:pointer;display: none}
.caja-ver-producto{display: block;width: 50%;height: 315px;margin: auto;margin-top: 100px;border: #aaa solid 1px;box-shadow: 8px 10px 10px 1px rgba(0,0,0,0.5);}
.detalle-producto-txt,.detalle-producto-img {display: block;width: 50%;height: 100%;background: #fff;float: left;}
.detalle-producto-txt {display: flex;flex-direction: column;justify-content: center;}
.img-ver-producto {height: 100%;width: 100%;object-fit: fill;}
.txt-ver-producto {margin:0;padding:5px 10px;font-size:14px;text-align: justify;}
.spn-ven-sin-dat {display:none;color: red;font-size: 12px;display: inline-block;width: 90%;margin: 0 4%;z-index: 1;}
.ver-nombre-producto{background-color: #fff;color: #000;position: fixed;display: inline-block;top:75px;left: 25%;height: 25px;width: 48%;padding: 3px;font-size:16px;font-weight: bold;text-align: left;}
.comprar-producto{height: 40px;width: 120px;font-size: 15px;background: #FFD814;border: none;color: navy;cursor: pointer;}
.msj-comprarProd {width: 25%;background: #FCD200;color: #000080;font-size: 25px;text-align: center;margin-left: 73%;display: block;float: left;margin-top: 2%;border-radius: 10px;border: #000080 solid 1px;box-shadow: 0 6px 9px 0 rgba(0, 0, 0, 0.3);}
.msj-comPro-close {right: 1%;font-size: 20px;height: 30px;width: 30px;padding: 3px;top: 13%;border-radius: 50%;color: #fff;background: red;}
.dato-vendedor{height: 50px;width: 200px;font-size: 20px;background: #00B050;border: none;color: #fff;}
/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    MARKETING DIGITAL
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
/* ---- ----- ----- Fin MARKETING DIGITAL ----- ----- ----- */
/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    CAJA DIAS E ICONOS CAMPEONATO Y BUSCAR FECHA
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.submnu_filtro{display:flex;justify-content: space-between;align-items: center;padding: 3% 0 1%}
.todos-campeonato{font-size: 12px;text-align: center;background: #fff;color:#ccc;border:none;}
.mnu-todos-en-juego{display:flex;justify-content:flex-end;align-items:center;margin:0 30%}
/*.todos-campeonato{float: right;display: block; width: 50%;padding-right: 20px;font-size: 12px;text-align: right;background: #fff;color:#ccc;margin-top: 10px;border:none;}*/
.todos-on{color:#00B050;font-weight: bold;cursor:pointer;}
.todos-off{color:#000080;font-weight: normal;cursor: pointer;}
.en-juego{font-size: 12px;text-align: center;background: #fff;color:#000080;border:none;}
/*.en-juego{float: right;display: block; font-size: 12px;text-align: center;background: #fff;color:#000080;margin-top: 10px;border:none;margin-right: 0;width: 82px;}*/
.enjuego-on{color:#00B050;font-weight: bold;cursor:pointer;}
.enjuego-off{color:#000080;font-weight: normal;cursor: pointer;}
.enjuego-vacio {height: 60px;text-align: center;font-size: 15px;padding-top: 10px;color: #000080;}
/*.boton-buscar-fecha{position: relative;float: right;display: block;width: 50%;background: #fff;margin-top: 10px;margin-bottom: 5px;cursor: pointer;border: none;}*/
.boton-buscar-fecha{position: relative;width: 40%;background: #fff;margin: 0 30%;cursor: pointer;border: none;}
.mnu-btn-buscar-fecha{display:flex;justify-content: flex-end;align-items: center;}
.btn-buscar-fecha{font-size: 12px;text-align: center;background: #fff;color: #000080;cursor: pointer;margin-right: 5px;border: none;}
/*.btn-buscar-fecha{font-size: 12px;text-align: center;background: #fff;color: #000080;cursor: pointer;border: none;display:flex;align-items: center;justify-content: center;width: 40%;margin: 0 30%}*/
/*.btn-buscar-fecha{float: right;display: block;width: 20%;font-size: 12px;text-align: center;background: #fff;color: #000080;cursor: pointer;margin-right: 5px;border: none;}*/
div#boton-todos, div#btn-buscar-fecha-txt, #ant, #nM, #fY, #des {-webkit-user-select: none;  -ms-user-select: none;  user-select: none;}
.caja-calendario{display: none;position: absolute;width: 33%;margin-left: 65%;top: 18px;height: 160px;z-index: 10;}
table#calendario {margin: auto;border: solid #000080 1px;background: #fff;width:100%;height: 100%;}
td.cabecera{background: #2874a6;color:#fff;font-size: 12px;}
th{background: #fff;color: #000080;font-size: 10px;}
td{border:none;height: 20px;width: 12%;text-align: center;font-size: 10px;color: #000080;font-weight: bold;}
/*.caja-master {display: flex;align-items: center;position: relative;width: 100%;}*/
.caja-master {display: flex;align-items: center;position: relative;width: 40%;margin: 0 30%;justify-content:center}
.flecha-izquierda-ico, .flecha-derecha-ico
{position: absolute;border: none;background: transparent;font-size: 20px;height: 90px;line-height: 20px;width: 35px;color: transparent;cursor: pointer;z-index:1;transition: .2s ease all;}
.flecha-izquierda-ico:hover,.flecha-derecha-ico:hover {background: rgba(0,0,0,0.2);color: #fff;}
.flecha-izquierda-ico {left: 0;}
.flecha-derecha-ico {right: 0;}
.flecha-ico-ocultar {z-index: -10;}
.caja-iconos-campeonato {width: 100%;padding-bottom:10px;overflow: hidden;}
.iconos-campeonato {display: flex;flex-wrap: nowrap;justify-content: flex-start;}
.columna-iconos-img {float: left;width: 9%;padding: 5px 5px;min-width: 20%;}
.card-iconos-img {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);height: 90px;border-radius: 5px;}
.img-iconos-campeonato {width: 100%;height: 100%;margin: auto;object-fit: fill;border-radius: 5px;border: #ccc solid 1px;cursor: pointer;}
/*.caja-dias {display: block;width: 100%;position: relative;float: left;border: #ccc solid 1px;} height: 40px;*/
.caja-dias {display: block;float: left;width: 40%;position: relative;border: #ccc solid 1px;margin: 0 30%}
/*.caja-div {display: block;width: 100%;position: relative;float: left;padding:0;margin:0;}*/
.caja-div {display: block;width: 40%;position: relative;float: left;padding:0;margin:0 30%;}
.caja-div#caja-div-partidos{border: solid 1px #f2f2f2;}
.caja-cabecera-dia {width: 14.29%;float: left;text-align:center;font-size: 14px;padding: 0.2em;background: #fff;cursor: pointer;}
.dia-slim {width: 14.27%;float: left;text-align:center;font-size: 14px;padding: 0.2em;}
/*.dia-hoy {color: #000;font-weight: bold;background: #f2f2f2}*/
.dia-hoy {color: #fff;font-weight: bold;background:#00B050}
.pie-pagina-com{display: block;float: left;width: 100%;padding: 20px;text-align:center;}
/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
            aqui va el loader                       
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.loader {border: 5px solid #000080;border-radius: 50%;border-top: 5px solid #2874a6;width: 30px;height: 30px;
         -webkit-animation: spin 1s linear infinite; /* Safari */
         animation: spin 1s linear infinite;margin: 20px auto;}
/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
            fin loader
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/* ---- ----- -----FIN .... CAJA DIAS E ICONOS CAMPEONATO Y BUSCAR FECHA ----- ----- ----- */

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    CAJA VIDEO RESUMEN GOLES
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.contenedor-video {position: relative;width: 50%;overflow: hidden;margin: auto;}
.responsive-iframe-video {position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;border: none;}
/* ---- ----- -----FIN .... CAJA VIDEO RESUMEN GOLES ----- ----- ----- */
.overlay-generic {position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height:150vh;display: none;background: rgba(255,255,255,.9);}
.caja-generic {display: block;width: 100%;position: relative;float: left;padding:0;margin:0;}

.header-prodep-subtitleG {background:#fff;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;font-size: 20px;padding: 8px 10px;width: 100%;}
.verProDepTitulo{display:inline-block;width:12%;text-align:left;}
.verProDepDetalle{display:inline-block;width:82%;text-align:left;}
.celda-LEV-prodep{color: #000080;font-size: 15px;width: 33%;}
.celdaEtiquetaL2G{color:navy;float:left;font-family:inherit;font-size:15px;height:16px;margin-left:0;text-align:left;width:38%;padding-left:5px}
.celdaEtiquetaC2G{color:navy;float:left;font-family:inherit;font-size:15px;height:16px;text-align:center;width:25%}
.celdaEtiquetaR2G{color:navy;float:left;font-family:inherit;font-size:15px;height:16px;margin-right:0;text-align:right;width:37%;padding-right:5px}
.campeonatoG {width: 100%;background-color: #fff;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;align-items: center;padding: 1px;margin:0;}
.escudo_campeonatoG {float: left;width: 7%;padding: 1px;}
.nombre_campeonatoG {border: none;color: #000080;display: block;float: left;font-size: 14px;text-align: left;width: 41%;background: #f2f2f2;cursor: pointer;padding: 8px 4px;}
.celda_jornadaG {border: none;color: #000080;display: block;float: left;font-size: 14px;text-align: right;width: 52%;background: #f2f2f2;padding: 8px 4px;}
/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    REGISTRAR DEPOSITO ACTIVAR SUSCRIPCION
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
.caja-after-registration{border:#f2f2f2 solid 1px;width:50%;margin:3% auto;padding:2%;display:flex; align-items:flex-start; justify-content: center;flex-wrap: wrap;box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.5);background:#fff;}
.titulo-cta, .titulo-deposito{display: flex;min-height:45px;width: 100%;align-items:center;justify-content: flex-start;text-align:left;padding: 1%;background: #4472C4;color: #fff;font-size: 14px;margin-bottom: 2%;}
.infoTitulo{display: inline-block;width: 100%;text-align: left;font-size:12px;color: #5680C9;padding-bottom: 4px;}
.infoDetalle{display: inline-block;width: 100%;text-align: left;font-size: 14px;color: #223862;padding-bottom: 8px;font-weight: 100;}
*/
.caja-after-registration{width:80%;margin:2% auto;padding:0;display:block;box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.3);background:#fff;}
.titulo-cta, .titulo-deposito{display: block;width: 100%;text-align:left;padding: 1%;background: #4472C4;color: #fff;font-size: 20px;margin-bottom: 1%;}
.box-side{display: block;width: 80%;margin-top: 5px;border-bottom:solid 1px #ccc}
.box-info-cta-deposito{border: solid 1px green;border-left-width: 5px;padding:10px 1px 10px 5px;font-size: 12px;margin-bottom: 5px;}
.left-side, .right-side{display: block;width: 50%;}
.infoTitulo{display: inline-block;width: 100%;text-align: left;font-size:12px;color: #565959;padding-bottom: 5px;}
.infoDetalle{display: inline-block;width: 100%;text-align: left;font-size: 15px;color: #0f1111;padding-bottom: 10px;font-weight: 100;}
.btn-paypal {margin-bottom: 10px;text-align: center;font-size: 16px;font-stretch: expanded;text-decoration:none}
.deposito-select {height:40px;width: 95%;padding: 8px 10px;border: 1px solid #ccc;border-radius: 4px;resize: vertical;background: #fff;color: #223862;}
.select-anio, .select-dia, .select-hora {width: 25%}
.select-mes{width: 35%;margin: 0 1%;}
.select-min{width: 25%;margin: 0 1%;}
.caja-fecha-deposito{margin: 0;padding: 0;display:flex; align-items:flex-start; justify-content: flex-start;width:100%;flex-wrap: wrap;}
.caja-btn-afterReg{margin: 0;padding: 0;display:flex; align-items:flex-start; justify-content: space-evenly;width:100%;padding-top: 4%;}
.btn-afterReg-Ok{line-height: 40px;border: none;color: #00b050;background: #fff;border: solid 1px #00b050;border-radius: 3px;font-size: 14px;cursor: pointer;width: 45%;transition: all .3s;}
.btn-afterReg-Close{line-height: 40px;border: none;color: #E6344A;background:#fff;border: solid 1px #E6344A;border-radius: 3px;font-size: 14px;cursor: pointer;width: 45%;transition: all .3s;}
.btn-afterReg-Ok:hover{color: #fff;background: #00b050;border:none;}
.btn-afterReg-Close:hover{color: #fff;background: #E6344A;border:none;}
/*  BOT */
/*  #007bff   #25D366 */
.whatsapp-icon {position: fixed; right: 300px; top: 40%; transform: translateY(-50%); font-size: 2rem; color: #007bff; z-index: 1000; cursor: pointer; } 
.whatsapp-circulo {background: #fff;border-radius: 50%;border: solid 1px #007bff;width: 55px;display: flex;justify-content: center;align-items: center;height: auto;padding: 10px;}
.whatsapp-popup {position: fixed; top: 5%; right: 0.5%; width: 0; height: 100vh; background-color: #ffffff; overflow-y: auto; transition: width 1s ease; z-index: 999; } 
.whatsapp-content {padding: 30px 20px 10px 20px; border: solid #f2f2f2 1px; border-radius: 5px; } 
.chat-messages {height: 400px; max-height: 400px; overflow-y: hidden; padding: 20px; background: #f7f7f7; transition: max-height 0.5s; } 
.chat-message { margin-bottom: 20px; } .chat-message.user { text-align: right; } 
.chat-message.user .message-content { display: inline-block; background: #dcf8c6; padding: 10px; border-radius: 10px; font-size: 1rem} 
.chat-message.bot .message-content { background: #ffffff; padding: 10px; border-radius: 10px; display: inline-block; width: 100%; font-size: 1rem} 
.chat-input { padding: 20px; background: #fff; } 
.chat-close-btn {position: absolute; top: 5px; right: 5px; font-size: 25px; cursor: pointer;}
.caja_preguntar{display:flex; align-items: center;justify-content: space-between}
.form_escribe{display: block;width: 100%;height: calc(1.5em + .75rem + 2px);padding: .375rem .75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: .25rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.btn_preguntar_bot{color: #fff;background-color: #007bff;border: none;display: inline-block;font-weight: 400;text-align: center;user-select: none;padding: .375rem .75rem;font-size: 1rem;line-height: 1.5;cursor: pointer;}

/*  Lista Campeonatos */
.lista_torneos{width:96%;display:none;z-index: 200;position: absolute;top:100%;left: 2%;background: #fff;justify-content: flex-start;flex-direction: column;align-items: center;border: solid 1px #ccc;border-radius:5px;color:#343a40;box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);color: #000080;}
.fila_torneo{display: flex;align-items: center;justify-content: flex-start;gap: 5px; width: 100%;padding: 5px;}
.fila_torneo:hover{background: #2196F3;color:#fff}
.img_torneo{width:5%;margin:1px;cursor:pointer;border-radius:50%;}
.ico_fila_lista{font-size: 22px}
.name_torneo{display: inline-block;font-size:14px;font-weight: normal;padding: 5px;}

@media (max-width: 600px) {
    body {background-color: #fff;}
    /*.topnav {display: block;}*/
    .contenedor-cabecera {display: flex;width: 100%;}
    .contenedor-cabecera-in {display: flex;width: 100%;padding: 1%}
    .icono {background-color: #ECFC39;display:block;left: 0;height: 40px;padding-left: 5px;padding-right: 5px;position: absolute;top: 0;width: 40px;}
    .icono:hover {cursor: pointer;}
    div#icono_menu {background-color: #2874a6;height: 6px;margin: 5px 0;width: 30px;}
    .contenedor-cabecera .mi-logo {display: block;float: right;height: 40px;margin: 0;padding: 0px;text-align: center;width: 90%;}
    /*background-color: #2874a6;float: left;margin-top: 4px;margin-left: 20px;margin-right: 0px;*/
    /*.contenedor-cabecera .login-container {display:block;width:100%;}*/
    .contenedor-cabecera .login-container {display:none;width:100%;flex-wrap: wrap;justify-content: center}
    .caja-logo-tienda{display:none}
    .caja-logo-msg{display:none}
    .contenedor-cabecera-responsive{display: flex;justify-content: space-between;align-items:center;padding:5px;}
    .menu-ico-responsive,.menu-ico-responsive-in {display: block}
    .login-container {display: none;float: left;width: 100%;} /*desaparece el login*/
    .quedate-en-casa{height: 30px;background-color: transparent;}
    .contenedor_dos {float: left;width: 90%;margin: 0 5%;} /*desaparece el registrate*/
    .contenedor_2 {border: none;width: 100%;font-size: 14px;padding: 5px 0px;text-align: center;} /*#QuedateEnCasa*/
    .contenedor_2_login {background-color: white;border: none;box-sizing: border-box;color: #000080;float: left;height: 40px;margin-left: 20px;margin-top: 20px;overflow: hidden;padding: 10px;text-align: center;width: 90%;} /*#QuedateEnCasa: Modificado para el login*/
    .contenedor_2#miContenedor2L {display: none;} /*desaparece #QuedateEnCasa de los lados*/
    .login-container form#formIngreso {width: 100%}
    .login-container input[type=text], .login-container input[type=password], .login-container button {border: none;display: block;font-size: 15px;height: 40px;padding: 5px;width: 90%;margin-left: 5%}
    .login-container button {background-color: #2874a6;border: white solid 1px;margin-top: 5px;}
    /*.registrate {border: white solid 1px;display: block;font-size: 15px;height: 40px;margin-left: 20px;margin-top: 100px;padding: 12px;text-align: center;width: 90%;}*/
    .registrate {width: 100%;text-align: center;margin-top: 40px;font-size: 15px;border: solid 1px #fff;padding: 10px 0;}
    /*.recuperar_clave {border: white solid 1px;display: block;font-size: 15px;height: 40px;margin-left: 20px;margin-top: 20px;padding: 12px;text-align: center;width: 90%;}*/
    .recuperar_clave{width: 100%;text-align: center;margin-top: 40px;font-size: 15px;border: solid 1px #fff;padding: 10px 0;}
    .registrate:hover, .recuperar_clave:hover {color: white;cursor: pointer;}
    .usrErrResponsive {background-color: #ddd;border: red solid 1px;color: navy;display: block;font-size: 3.25vw;padding: 5px;text-align: center;}
    .tarjeta-datos-formulario {width: 100%;}
    .fila_regalo_flex_Ok {width: 100%;margin-left: 0%;}
    .ico-tienda-movil {display:block;font-size:25px;height:40px;width:40px;padding:5px;background-color: #2874a6;color: #ECFC39;left: 90%;top:0;}
    span#tiendaTxt{display: none;}
    .social-media{color:#E6344A;font-size:20px;margin:0 5px;cursor:pointer}
    /*  
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
        SECCION QUE CONFIGURA EL MENU PARA MOVILES
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    */  
    .contenedor-cabecera .datos_usuario {float: right;display: block;width: 17%;}
    .contenedor-cabecera .logo {display: none;display: block;width: 69%;float: left;margin-left: 50px;font-size: 25px;}
    /*.contenedor-cabecera .datos_usuario {align-items: flex-end;}*/
    .contenedor-cabecera .datos_usuario .avatar {height: 40px;width: 60px;}
    .contenedor-cabecera .datos_usuario > div#perfil-titulo-txt {display: none;}
    .overlay-popup#overlay-popup-perfil,.overlay-popup#overlay-popup-tienda {z-index: 50;}
    .contenedor-cabecera .logo_msg {display: none;}
    .perfil-caja-popup {top: 0;left: 0;width: 100%;}
    @keyframes desplazarPerfil{ from {left:100%;} to {left:0%;} }
    .perfil-caja-popup .caja-ico-close {right: 10px;}
    div.logo {float: none;display: block;text-align: center;width: 90%;height: 40px;margin: 0;padding: 0px;}
    .topnav .dropdown .dropbtn {font-size: 1.2em;}
    .topnav a:not(:first-child), .dropdown .dropbtn {display: none;}
    .topnav a.icon {float: left;display: block;}
    div#mnu_cambiarclave {display: block;}
    div#mnu_salir {display: block}
    .topnav.responsive {position: relative;display:block;}
    .topnav.responsive .icon {position: absolute;right: 0;top: 0;}
    .topnav.responsive a {float: none;display: block;text-align: left;font-size: 1.2em;margin-left:1em;}
    .topnav.responsive .dropdown {float: none;width: 100%;font-size: 1.5em;}
    .topnav.responsive .dropdown-content {position: relative;}
    .topnav.responsive .caja-submenu {position: relative;height:auto;}
    .topnav.responsive .dropdown-content .caja-submenu .dropdown-content-right {right:0;bottom: 0;background-color: transparent;border: none;}
    .topnav.responsive .dropdown-content .caja-submenu:hover .dropdown-content-right {display: block;padding-left: 1em;}
    .topnav.responsive .dropdown-content-right {position: relative;}
    .topnav.responsive .dropdown .dropbtn {display: block;width: 100%;text-align: left;}
    .caja-ico-close {right: 10px;top:5px;font-size:20px;height: 25px;width: 25px;}
    .caja-ico-help {right: 35px;top:5px;font-size:20px;height: 25px;width: 25px;}
    .caja-ico-pos-der-fix {left: 93%;border-radius:50%;}
    .mnu-cupon{font-size: 1.2em;margin-left: 1em;}
    .caja-cupones-fixed {width:95%;margin:auto;left:2%;}

    /* 
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
     POPUP TABLA POSICIONES - ESTADISTICA EQUIPOS - FECHAS CAMPEONATO
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    */
    .header-popup-form-titulo-sub#tablaPosiciones {height: 50px;}
    .tposF1F2 {height: 50px;}
    .header-title {height: 50px;}
    .cabecera-fija {width: 100%;left: 0;}
    .caja-header-popup {width: 100%;font-size: 16px;right: 0;}
    .contenedor-tp {right: 0px;width: 100%;overflow-x: scroll; overflow-y: scroll;}
    .btn-popup {right:5px;}

    .campeonatoEe {border:none;height: 45px;display: block;}
    .celda_escudoCampEe {display: block;height: 100%;width: 12%;}
    .nombre_campeonatoEe {display: block;height: 100%;font-size: 14px;width: 38%;margin: 0;padding-top: 15px;padding-left: 5px;text-align: left;}
    .celda_jornadaEe {border: none;color: navy;display: block;height: 100%;float: left;font-size: 14px;padding-left: 5px;text-align: left;width: 50%;margin: 0;padding-top:7px;}
    .partidoEe {border:none;display: block;width: 100%;height: 45px;border-bottom: #aaa solid 1px;}
    .celda_equipoEe {display: flex;font-size: 14px;width: 33%;padding: 0;margin: 0;align-items: center;justify-content: center;}
    .celda_escudoEe {display: flex;width: 11%;justify-content: center;align-items: center;}
    .celda_resultadoEe {display: block;font-size: 16px;width: 12%;}

    .nombre_campeonato {font-size: 11px;}
    .lbl-popup-form {font-size: 15px;}

    .celda_extremo {font-size: 12px;height: 30px;}
    .celda_extremo_derecho {height: 30px;}
    .celda_central {padding: 1px;}
    img#img_estadistica {width: 100%;}
    .title-header-popup{font-size: 16px; text-align:center;padding: 4px 0;}
    .fila-equipo {height: 50px;}
    .celda_tabla {height: 50px;padding: 12px 0;width: 5.87%;font-size: 13px;}
    .celda_tabla#titulos {font-size: 12px;}
    .celda_escudoTp {height: 50px;width: 10%;padding: 5px 0;}
    img#tpos{padding: 1px 0;}
    .celda_equipoTp {height: 50px;width: 37%;font-size: 15px;padding: 15px 5px;}
    .fijar {width: 90%;}
    .tarjeta-datos-Jornadas {width:100%;}
    .escudo_campeonatoJornadas {width: 8%;}
    .nombre_campeonatoJornadas {font-size: 11px;margin-top: 8px;}
    .escudoEquipoJornada{width: 10%;}
    .nombreEquipoJornada{width: 30%;}
    .celda_equipoJornadas {width: 37%;font-size: 12px;}
    .celda_escudoJornadas {width: 8%;}
    .celda_escudoJornadas > img#img_partido {height: 100%;width: 100%;}
    .celda_resultadoJornadas {width: 10%;}
    .header-popup-form-titulo{font-size: 20px;text-align:left;padding:15px;}
    .preUpdtBox{width: 100%;}

    /*
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
        PUBLICIDAD
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    */
    .contenedor{width: 80%;}
    .columna_flex{width: 24%;height:40px;box-shadow: none;margin: 1px;}
    .fila_flex {background-color: #fff;}
    .txt-img-detalle{font-size: 12px;}
    .columna_fondo_flex {height: 70px;width: 33.33%;}
    .ico-det-publi-close{right: 10%;top: 14%;}
    /* 
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
        PARTIDOS
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    */
    .campeonato {border:none;height: 45px;}
    .escudo_campeonato {display: block;height: 100%;width: 12%;}
    .escudoCampeonatoJornada{width:11%}
    img#img_campeonato {height: 100%;}
    .selectJornadaCampeonato{width:65%}
    /*    .nombre_campeonato {display: block;height: 100%;font-size: 12px;width: 32%;}*/
    .nombre_campeonato {height: 100%;font-size: 14px;width: 38%;margin: 0;padding-left: 5px;text-align: left;cursor: pointer}
    /*    .celda_jornada {border: none;color: navy;display: block;float: left;font-size: 12px;padding-left: 0;text-align: center;width: 56%;}*/
    /*.celda_jornada {border: none;color: navy;display: block;height: 100%;float: left;font-size: 14px;padding-left: 5px;text-align: left;width: 50%;margin: 0;padding-top:7px;}*/
    /*    .partido {border:#000080 solid 1px;display: block;width: 99.5%;height: 40px;}*/
    .celda_jornada {height:45px; margin:0;width:50%;flex-wrap: wrap;align-content:center;cursor:pointer;}
    .partido {border:none;width: 100%;height: 45px;border-bottom: #aaa solid 1px;}
    /*.celda_equipo {display: block;font-size: 12px;width: 34%;}*/
    .celda_equipo {display: flex;font-size: 14px;width: 33%;padding: 0;margin: 0;align-items: center;justify-content: center;}
    /*    .celda_escudo {display: block;width: 10%;}*/
    /*.celda_escudo {display: block;width: 11%;}*/

    .menuAuxActivarL {display: block;left: 5px;width: 120%}
    .menuAuxActivarR {display: block;right: 5px;width: 120%}
    .celda_escudo {display: flex;width: 11%;justify-content: center;align-items: center;}
    img#img_partido {height: 35px;margin: auto;width: 35px;}
    .celda_resultado {display: block;font-size: 14px;width: 12%;}
    .celda_resultado .azulBlanco12 {font-size: 10px;}
    .celda_resultado .azulBlanco14 {font-size: 14px;}
    .celda_resultado.blancoRojo12 {font-size: 10px;}
    .celda_resultado.blancoNavy12 {font-size: 10px;}
    .verdeBlanco12-2L {font-size: 10px;padding: 2px;}

    /*
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
        POPUP FORMULARIO
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    */
    .col25-popup-form, .col75-popup-form {width: 100%;margin-top: 0;}
    button[type=submit].btn-popup-form, button[type=button].btn-popup-form {height: 40px;font-size: 18px;}
    .input-popup-form {border-radius: 0;display: block;font-size: 15px;height: 40px;padding: 5px;}
    .input-popup-form#claveTexto, .input-popup-form#otraClaveTexto, .input-popup-form#pClaveAnt, .input-popup-form#miclave, .input-popup-form#nuevaClaveTexto, .input-popup-form#conClaveTexto, .input-popup-form#perfilActual  {display:none;}
    .input-popup-form.input-popup-form-fecha {display: inline-block;}
    .input-popup-form#tUsuario, .input-popup-form#tUsuario0, .input-popup-form#tUsuarioE,.input-popup-form#tUsuarioE {width: 80%;display: inline-block;}
    .modal-tarjeta-datos{width: 100%;}
    .ico-amazon {top: 42px;right: 0;}
    /*  
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
        IFRAMES
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    */
    .imarco-form, .imarco-form-230, .imarco-form-300, .imarco-form-365, .imarco-form-435, .imarco-form-450, 
    .imarco-form-550, .imarco-form-600 {margin-top:0px;margin-left:0px;display:none;width:100%;}
    /*
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
        MIS SUSCRIPCIONES
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    */
    .tarjeta-datos-referido {width: 100%;margin:0;}
    .tarjeta-datos-invitado {width: 100%;margin:0;}
    .cabecera-report {width: 100%;left: 0;}
    .cabecera-report .resumen-report .lbl-report {width: 50%;font-size: 12px;}
    .celda-5, .celda-15, .celda-50 {font-size: 10px;padding: 5px 0;}
    .titulo-ref {height: 50px;}
    .caja-celda-5 {font-size: 12px;height: 50px;width: 5%;padding:14px 0;}
    .caja-celda-7 {font-size: 12px;height: 50px;width: 15%;padding:14px 0;}
    .caja-celda-data {width: 62%;height: 50px;}
    .caja-celda-status {width: 23%;height: 50px;}
    .caja-celda-dataIn {width: 69%;height: 50px;}
    .caja-celda-statusIn {width: 26%;height: 50px}
    .caja-celda-nombre, .caja-celda-15, .caja-celda-tipo,.caja-celda-estado,.caja-celda-fecha {font-size: 12px;width: 100%;text-align: left;}
    .caja-celda-nombre, .caja-celda-estado {border: none;}
    .lbl-invitacion{width: 40%;float:left;}
    .submenu-beneficios {flex-wrap: wrap; height: 80px;}
    .submenu-b80{width: 70%;}
    .submenu-b20{width: 30%;}
    .lbl-tipo-submenu {width:50%} 
    .lbx-tipo-submenu {width: 50%;height:38px;}
    .lbl-solicitud{width:100%;padding-left: 0;height: 30px;padding-top: 8px;}
    .btn-beneficios {height:40px;}
    .btn-beneficios.btn-on {height:40px;border: #00B050 solid 1px;}
    .btns-in-calc.btns-on {width: 45%}
    .input-solicitud#idTipoCanal {background: #fff;width: 100%;font-size: 13px;}
    .caja-cupones-fixed#calcularBeneficios {width: 100%;left:0;}
    .caja-lbl-beneficios {width: 47%;margin-left: 5%;}
    .caja-input-benefis {width: 47%;}
    .btns-in-calcular {width: 35%;}
    .caja-celda-tipo-det{width: 95%;}

    .titulo-invitaciones {padding: 15px 5px 5px; text-align:left}
    .agrupar25 {border-bottom: #2874a6 solid 1px; width: 22%;}
    .agrupar50 {border-bottom: #2874a6 solid 1px;width: 56%;}
    .celda-40bw, .celda-60bw{width: 100%;border:none;text-align:left;}
    /*
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
        ABRIR MIS SOBRES
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    */
    .header-abrir-sobres {left: 0;width: 100%;}
    .encabezado-abrir-sobres {width: 100%;left: 0;height: 30px;}
    .encabezado-sobres-cromos {width: 100%;left: 0;}
    .columna-cromos {width: 33.3%;display: block;}
    .escudo_album {display: block;height: 40px;width: 17%;}
    .nombre_album_abrir_sobres {margin-top: 7px;width: 30%;font-size: 10px;}
    .nombre_album {margin-top: 10px;width: 64%;}
    .numero_abrir_sobres {font-size: 10px;width: 45%;margin-top: 7px;}
    .sobres_anterior,.sobres_siguiente {font-size: 11px;width: 50%;margin-top: 10px;}
    .sobres_numero {font-size: 10px;width: 10%;margin-top: 8px;}
    .caja-columna-cromos {background-color: #fff;height: 100vh;width: 100%;margin-left: 0;}
    .container-abrir-sobres {font-size: 7px;}
    .header-ver-repetidos {width: 100%;left: 0;}
    /*
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
        VER MI ALBUM
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    */
    .head-ver-album {height: 37px;margin-top: 0;}
    .escudo-ver-album {width: 12%;}
    img#img-ver-album {height: 35px;width: 35px;}
    .nombre-ver-album{width: 50%;}
    .cromo-container {padding: 0 16px;}
    .columna-album-cromos {width: 33.3%;display: block;padding: 2px;}
    .cromo-container-text {font-size:2.3vw;}
    .texto_centrado {font-size: 6vw;}
    /*
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
        PRONOSTICO DEPORTIVO - GOLAZO
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    */
    .tarjeta-datos-prodep {width: 100%;}
    .container-popup-prodep {padding:0;}
    .header-prodep-subtitleG{padding:10px 5px;}
    .verProDepTitulo{width:15%}
    .verProDepDetalle{width:75%;}
    .celda-LEV-prodep{font-size: 14px;}
    .campeonatoG{height:35px;margin:10px 0;}
    .escudo_campeonatoG{width: 10%;}
    /*.nombre_campeonatoG{font-size: 12px;padding:4px 2px;}*/
    .nombre_campeonatoG {font-size: 14px;height: 100%;display: flex;align-items: center;justify-content: flex-start;padding: 0;margin: 0;padding-left: 5px;}
    /*    .celda_jornadaG{font-size: 12px;padding:4px 0;}*/
    .celda_jornadaG {font-size: 12px;padding: 4px 0;display: flex;align-items: center;justify-content: flex-start;padding: 0;margin: 0;padding-left: 10px;height: 100%;text-align: left;}
    /*    .partido_prodep {width: 100%;border:none;height: auto;padding:1px;}*/
    .partido_prodep {width: 100%;border:none;height: auto;padding:5px;border-bottom:#aaa solid 1px;margin-bottom:1px;}
    /*    .celda_escudo_prodep#prodepChk{margin:0;}*/
    .celda_escudo_prodep#prodepChk{margin:0;width:7%}
    .celda_escudo_prodep {display: block;width: 8%;}
    /*    .celda_equipo_prodep {width: 30%;display: block;font-size: 12px;}*/
    .celda_equipo_prodep {width: 30%;display: flex;font-size: 14px;padding: 0;margin: 0;align-items: center;justify-content: flex-start;}
    img#equipo-prodep {width: 25px;height: 25px;}
    .celda_resultado {display: flex;width: 10%;align-items: center;justify-content: center;padding: 0;}
    .resultado_penales{width: 10%;}
    .btn-popup-prodep {height: 40px;font-size: 12px;margin-bottom:5%;}
    .ico-prodep-close{right:0%;}
    .ico-prodep-help{right: calc(0% + 32px);}
    /*
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
        CARTA INTERMEDIA
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    */

    /*.avatar-Ci {height: 40px;width: 60px}*/
    .tarjeta-datos-Ci {width: 100%;}
    .header-ci-title {font-size: 16px;height: 40px;}
    .caja-avatar-Ci {width: 11%;}
    .caja-title-Ci {padding: 10px;width: 85%;}
    .contenedor-Ci {padding: 5px;}
    .datosPartida {font-size: 8px;}
    .input-header-Ci {font-size: 8px;}
    .boton-Ci {font-size: 10px;}
    .msgNewCards {font-size: 14px;}
    /*
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
        21 BLACK JACK
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    */    
    .tarjeta-datos-21 {width: 100%}
    .header-21-title {font-size: 16px;height: 40px;}
    .caja-avatar-21 {width: 11%;}
    .caja-title-21 {padding: 10px;width: 85%;}
    .contenedor-21 {padding: 5px;background-color: #fff;}
    .caja-21-inputs {width: 93%;padding: 3px 0;}
    .input-header-21 {font-size: 8px;}
    /*
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
        REPORTES - MIS PUNTOS   
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    */
    .caja-ico-pos-der {right: 15px;}
    .caja-ico-pos-derH {right: 35px;}
    .tarjeta-datos-puntos {width: 100%;}
    .ico-prodep-dolar{right: 30px;}
    .ctaBancoTitulo, .ctaBancoDetalle {width:95%}

    /*
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
        AYUDA
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    */
    .ayuda-titulo, .infoAyuda-titulo {font-size: 20px;}
    .ayuda-colapsar, .infoAyuda-colapsar {font-size: 15px;}
    .con-ico-info{width:30%}
    .infoAyuda {margin-right:64%}
    .invitar {margin:0;}
    .col25-popup-form-flex{padding-top: 5px;}
    .lbl-popup-form#lblchkpyme {padding:0;margin-right:2%;}
    span#msg-pyme {display: none;}
    .ayuda-caja-popup, .ayuda-caja-infoAyuda {animation: desplazar 1s ;top: 0;right: 0;width: 100%;}
    .ayuda-caja-popup-absolute {width: 100%;top: 0;right: 0;}
    @keyframes desplazar{ from {left: 100%;} to {left: 0;} }
    .ayuda-contenido > p {font-size: 15px;}
    .infoAyuda-contenido > p {font-size: 15px;}
    /*
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
        REGALO
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    */
    .columna_regalo_flex {margin-top: 20px;width: 80%;}
    .regalo-titulo {font-size: 25px;}
    .regalo-subtitulo {font-size: 12px;}
    .regalo-descripcion {font-size: 10px;}

    /* ---- ----- ----- Carousel ----- ----- ----- */
    .columna-item-carousel {float: left;width: 50%;padding: 0 5px;min-width: 50%;}
    /* overflow: auto se puso por problemas en las versiones de safari de iphone*/
    .contenedor-carousel {overflow: auto;}
    .contenedor-carousel .carousel {justify-content: space-between;}

    /* ---- ----- -----configuracion pagina web ----- ----- ----- */
    .col-webcfgp {justify-content: normal;margin-left: 30px;}
    .btn-webcfgp {font-size:0.9rem;height:40px;}

    /*
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
        MARKETING DIGITAL
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    */

    /* ---- ----- ----- Fin MARKETING DIGITAL ----- ----- ----- */

    /*
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
                    CAJA DIAS E ICONOS CAMPEONATO
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    */
    .enjuego-vacio {height: 60px;padding: 3px 20px;}
    /* overflow: auto se puso por problemas en las versiones de safari de iphone*/
    .mnu-todos-en-juego{margin:0;}
    .caja-master{width: 100%;margin: 0}
    .caja-iconos-campeonato {overflow: auto;}
    .boton-buscar-fecha{margin:0;font-size: 12px;font-weight:bold;width:100%;}
    .btn-buscar-fecha{margin:0}
    .caja-dias{width: 100%;margin:0;}
    .caja-calendario {width:100%;margin:auto;top: 25px;}
    table#calendario {width: 90%;margin: auto;}
    td.cabecera{font-size: 18px;}
    th {font-size: 16px;}
    td{border:none;height: 45px;width: 14%;font-size: 15px;}
    /*    .caja-cabecera-dia{width: 20%;font-size: 12px;}*/
    .caja-div{width: 100%;margin:0;}
    .caja-cabecera-dia{width: 20%;font-size: 14px;}
    .dia-slim {display: none;}
    .columna-iconos-img {width: 25%;min-width: 25%;}
    .card-iconos-img {height: 80px;}
    /*.flecha-ico-ocultar {z-index: 50;}*/
    .flecha-ico-ocultar {display: none}

    /* ---- ----- -----FIN .... CAJA DIAS E ICONOS CAMPEONATO ----- ----- ----- */
    .overlay-tienda{top: 50px;background: rgba(255, 255, 255, 0.9)}
    .overlay-detalle-producto{top: 40px;}
    .tienda-ico-close{top:0;}
    .icoTiendaMovil{display: inline-block;}
    .overlay-detalle-producto{background:transparent;padding:0;}
    .columna-producto {width:50%;min-width:50%;padding: 5% 1%;}  /*columna-album-cromos  columna-producto*/
    .caja-img-producto{height:200px}.imagen-producto{height:200px}
    .caja-ver-producto {display: block;width: 100%;height: auto;border:none;margin-top:0;}
    /*    .detalle-producto-txt,.detalle-producto-img {display: block;width: 100%;height: auto;padding: 0 5%;}*/
    .detalle-producto-txt,.detalle-producto-img {display: block;width: 100%;height: auto;}
    .detalle-producto-img {padding:5%;}
    .detalle-producto-txt {padding:0 5%;}
    .ver-nombre-producto{top: 0;left: 0;width: 100%;padding-top: 5px;padding-left:10%;}

    .producto-close{top:0;right:0;background: red;color: #fff;}
    .txt-ver-producto{padding: 5px 0;}
    .dato-vendedor{font-size: 16px;}
    .overlay-comprarProd{top: 60px;}
    .msj-comprarProd{width: 80%;margin-left: 10%;}
    .msj-comPro-close{top: 8%;right: 6%;}
    /*
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
            REGISTRAR DEPOSITO ACTIVAR SUSCRIPCION
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    */
    .caja-after-registration{width: 98%;} 
    .box-side, .caja-fecha-deposito {width: 100%; padding: 0 5%;} 
    .select-mes{width:35%} 
    .caja-btn-afterReg{margin-bottom: 4%;flex-wrap: wrap; gap:10px} 
    .btn-afterReg-Ok,.btn-afterReg-Close{width: 90%;}
    /*
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
       BOT IA
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++                                             */
    .whatsapp-icon {right: 20px;}
}


@media (min-width: 601px) and (max-width: 800px){
    .topnav .logo, .topnav .mi-logo {font-size: 16px;}
    .topnav .login-container {margin: 0px;}
    .login-container input[type="text"], .login-container input[type="password"], .login-container button {font-size: 10px;margin-top: 0px;width: 60px;}
    /*    .registrate {font-size: 10px;text-align: right;padding: 0 20px;width: 82%;}
        .recuperar_clave {float: right;font-size: 10px;text-align: center;width: 18%;padding: 0px;}*/
    .registrate {font-size: 10px}
    .recuperar_clave {font-size: 10px;}
    .fila_regalo_flex_Ok {width: 100%;margin-left: 0%;}
    .input-popup-form#claveTexto, .input-popup-form#otraClaveTexto {display:none;}
    /*  
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
        SECCION QUE CONFIGURA EL MENU PARA MOVILES
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    */
    .menu-ico-responsive-in{display:none;}
    .contenedor-cabecera .login-container {width: 30%}
    .contenedor-cabecera .datos_usuario, .contenedor-cabecera .datos_usuario a {font-size: 10px;}
    .contenedor-cabecera .logo, .contenedor-cabecera .logo_msg, .contenedor-cabecera .mi-logo {font-size: 14px;}
    .contenedor-cabecera .datos_usuario .avatar {height: 30px;width: 40px;padding: 1px 5px;}
    button#btn-tienda{font-size: 14px}
    .topnav .dropdown {width: auto;}
    .topnav .dropdown .dropbtn, .topnav .dropdown .dropbtn .dropdown-content, .topnav .dropdown .dropbtn > a {font-size: 11px;}
    .perfil-caja-popup .perfil-titulo {padding: 10px 0;font-size: 11px;}
    .perfil-caja-popup .perfil-titulo .avatar {height: 30px;width: 40px;padding: 1px 5px;}
    .perfil-caja-popup .perfil-contenido {font-size: 11px;} 
    .ico-tienda-movil {width: 10%;font-size: 12px;top: 4%;height: 20px;left: 3%;}
    .quedate-en-casa {font-size: 11px;height: 34px;}
    .columna_flex {height: 80px;margin-right: 5px;width: 25%;}
    .contenedor-tp {right: 30%;width: 40%;top: 30px;overflow: scroll;}
    .caja-header-popup {right: 30%;width: 40%;height: 25px;}
    .title-header-popup {font-size: 14px;}
    .celda_escudoEet {height: 25px;width: 10%;}
    .celda_equipoEet {font-size: 11px;height: 25px;width: 90%;padding-top: 5px;}
    .celda_tablaEet {padding: 0px;width: 0%;}
    .celda_extremo {font-size: 10px;height: 25px;width: 64%;padding-top: 5px;}
    .celda_extremo_derecho {height: 25px;width: 35.95%;padding-top: 0px;}
    .campeonatoEe {height:27px;}
    .celda_escudoCampEe {width: 10%;margin: 0px;height: 100%;}
    .nombre_campeonatoEe {font-size: 10px;width: 33%;padding-left: 2px;padding-top: 7px;}
    .celda_jornadaEe {width: 55%;text-align: left;font-size: 8.5px;padding-top: 8px;}
    .partidoEe {height: 30px;}
    .celda_equipoEe {font-size: 10px;width: 35%;height: 100%;}
    .celda_escudoEe {width: 10%;}
    .celda_resultadoEe {font-size: 10px;height: 100%;width: 10%;}
    .celda_escudoTp {height: 25px;width: 9%;}
    .celda_equipoTp {font-size: 10px;height: 25px;padding: 5px 0px 0px 5px;width: 37%;}
    .celda_tabla {font-size: 10px;height: 25px;padding: 4px 0px;width: 6%;}
    .partido {height: 35px;width: 100%;}
    .campeonato {height: 30px;}
    .escudo_campeonato {width: 8%;}
    img#img_campeonato {height: 100%;}
    .nombre_campeonato {width: 30%;font-size: 10px;}
    /*.celda_jornada {font-size: 12px;width: 71%;margin-top: 8px;}*/
    .celda_jornada {font-size: 10px;flex-wrap: wrap;height:auto}
    .celda_equipo {font-size: 10px;}
    .celda_escudo {width: 10%;}
    .campeonatoJornadas{height: 25px;}
    .escudo_campeonatoJornadas{width: 8%;}
    .nombre_campeonatoJornadas{font-size: 10px;width: 32%;}
    .celda_jornadaJornadas{font-size: 10px;width: 60%;padding-left: 5px;}
    .partidoJornadas{height: 25px;}
    .celda_equipoJornadas{font-size: 10px;width: 37%;}
    .escudoEquipoJornada{width: 7%;}
    .celda_escudoJornadas{width: 8%;}
    /*.celda_resultadoJornadas{font-size: 10px;width: 10%;}*/
    .celda_resultadoJornadas{font-size: 10px;width: 10%;display: flex;justify-content: center;align-items: center;padding: 7px 0;}
    .celda_resultado.azulBlanco12 {font-size: 10px;padding: 2px 0;}
    .celda_resultado.azulBlanco14 {font-size: 12px;padding: 10px 0;}
    .celda_resultado.blancoRojo12 {font-size: 10px;}
    .celda_resultado.blancoNavy12 {font-size: 10px;}
    .verdeBlanco12-2L {font-size: 10px;padding: 2px 0;}
    /*
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
        PUBLICIDAD
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    */
    .txt-img-detalle{font-size: 10px;}

    /*
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
       POPUP FORMULARIO
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    */
    .imarco-form-230, .imarco-form, .imarco-form-365 {margin-left: 30%;}
    .caja-ico-pos-der-fix{right: 30%;top: 0;left: auto;}
    .header-popup-form-titulo {font-size: 16px;}
    .header-popup-form-titulo-sub {font-size: 8px;}
    .lbl-popup-form {font-size: 10px;padding: 5px 0px;}
    .input-popup-form {padding: 5px 5px;}
    .col-btn-popup-form {margin-top: 5px;}
    .btn-popup-form {margin: 10px;line-height: 30px;height: 30px;font-size: 10px;}
    /*
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
       MIS SUSCRIPCIONES
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    */
    .cabecera-report .resumen-report .lbl-report {width: 50%;font-size: 12px;}
    .celda-5, .celda-15, .celda-50 {font-size: 12px;padding: 5px 0;}
    /*
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
        PRONOSTICO DEPORTIVO - GOLAZO
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    */
    .container-popup-prodep {padding: 5px;}
    .header-prodep-title {font-size: 16px;height: 40px;}
    .partido_prodep {height: 24px;}
    .celda_equipo_prodep {width: 32%;display: block;font-size: 8px;}
    .celda_escudo_prodep {display: block;width: 8%;}
    .imarco-form-450{margin-left: 33%;}
    /*
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
        CARTA INTERMEDIA
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    */
    .header-ci-title {font-size: 16px;height: 40px;}
    .header-carta-interm-title {font-size: 16px;}
    .caja-avatar-Ci {width: 15%;}
    .caja-title-Ci {padding: 10px;width: 85%;}
    .contenedor-Ci {padding: 5px;}
    .datosPartida {font-size: 8px;}
    .input-header-Ci {font-size: 8px;}
    .boton-Ci {font-size: 10px;}
    .msgNewCards {font-size: 14px;}
    /*
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
        21 BLACK JACK
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    */
    .header-21-title {font-size: 16px;height: 40px;}
    .caja-avatar-21 {width: 15%;}
    .caja-title-21 {padding: 10px;width: 85%;}
    .caja-ico-ficha {height: 20px;width: 20px;}
    .input-header-21 {font-size: 8px;}
    .caja-ico-ficha {height: 20px;width: 20px;}
    .caja-21-inputs {height: 20px;padding: 0;width: 92%;}
    .etiqueta-21 {margin: 0;}
    .boton-21 {font-size: 8px;}
    .celda_texto {font-size: 8px;}
    .columnaJ2 {margin-left: -50%}
    .columnaD2 {margin-left: -50%}
    .caja-tarjeta-regalo {margin-left: 0;padding: 5px;width: 100%;}
    .btn-regalo-form {margin-left: 30%;width: 40%;}
    .tarjeta-datos-puntos {width: 100%;}
    /* ---- ----- ----- Carousel ----- ----- ----- */
    .contenedor-carousel {overflow: auto;}
    .columna-item-carousel {float: left;width: 33%;padding: 0 5px;min-width: 33%;}
    /* ---- ----- ----- ICONOS Campeonato & Caja FECHAS ----- ----- ----- */
    .boton-buscar-fecha{width: 40%;}
    .enjuego-vacio {height: 60px;padding-top: 10px;}
    /* overflow: auto se puso por problemas en las versiones de safari de iphone*/
    .caja-iconos-campeonato {overflow: auto;}
    .columna-iconos-img {width: 15%;min-width: 20%;}
    .card-iconos-img{height:auto}
    .dia-slim{font-size: 10px}
    .caja-cabecera-dia{font-size: 10px}
    .ico-tienda-movil{top: 5%;}
    .icoTiendaMovil{display: none;}
    .overlay-tienda{top: 50px;background: rgba(255, 255, 255, 0.9)}
    .overlay-detalle-producto{top: 40px;}
    .tienda-ico-close{top: 50px;}
    .caja-ver-producto{height: auto;width: 80%;margin-top: 25px;display: flex;}
    .columna-producto{width: 33%;min-width: 33%}
    .ver-nombre-producto{top: 0;left: 10%;width: 80%;}
    .producto-close{top: 40px;right: 10%}
    .overlay-comprarProd{top:60px;}
    .msj-comprarProd{width: 30%;font-size: 14px;margin-left: 67%;margin-top: 1%;}

    .jornadaCampeonatoCabecera{height: auto;}
    .nombreCampeonatoJornada{font-size: 12px}
    .selectJornadaCampeonato{font-size: 12px;height: auto;width: 65%}
    .caja-div{width: 40%;margin:0 30%}
    .detalleFechaJornada{font-size: 12px}
    .partidoJornada{height:auto;}
    .nombreEquipoJornada{font-size: 12px}

}