.masjuegos {
    width: 244px;
    height: 146px;
    /* border: solid 3px #fc0; */
    float: left;
    margin: 0 0 34px 5px;
    background-color: #555;
}

@media (max-width:1119px) {
    /* tablet, landscape iPad, lo-res laptops ands desktops */
    .content {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
    .logo_interbet,
    .logo_loteria .logo_quiniela {
        float: left;
        display: block;
        /*margin: 20px 0 0 10px;*/
        width: 120px;
    }
    .logo_interbet img,
    .logo_loteria .logo_quiniela img {
        width: 100% !important;
        display: block;
    }
    /* sección jugar */
    .jugar {
        width: 100% !important;
        height: 187px !important;
        margin: 5px 0 0 0;
        background-image: none !important;
        background-color: #408f02;
        padding: 0 48px !important;
    }
    .jugar_facil {
        width: 100%;
        height: auto !important;
        margin: 0;
        background-image: none !important;
        font-size: 22px !important;
        font-weight: 700;
        padding: 10px 20px 0 28px;
        text-align: center;
    }
    .jugar_pasos {
        font-size: 14px;
        text-align: center;
        padding-top: 8px;
        margin: 0 5px;
        line-height: 23px;
        width: 100% !important;
        left: -8px !important;
    }
    .jugar_pasos span {
        font-size: 22px !important;
        display: block;
        clear: both;
        padding: 5px 0;
    }
    .jugar_pasos br {
        display: none !important;
    }
    .jugar_flecha {
        display: none !important;
    }
    /* fin sección jugar */
    /* jugas pasos principal */
    #jugar2 {
        float: left;
        background: #295e02;
        height: auto;
        background: #c9de96;
        /* Old browsers */
        background: -moz-linear-gradient(top, #3f9003 0%, #285d03 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #3f9003 0%, #285d03 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #3f9003 0%, #285d03 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#3f9003', endColorstr='#285d03', GradientType=0);
        /* IE6-9 */
        padding-bottom: 0 !important;
    }
    #jugar2 .jugar_facil {
        background-image: none !important;
        width: 100%;
        text-align: center;
        margin: 5px 0 15px;
        height: 50px;
    }
    #jugar2 .jugar_flecha {
        display: none;
    }
    #jugar2 .jugar_pasos {
        text-transform: uppercase;
        color: #FFF;
        font-size: 11px;
        font-weight: 700;
        text-align: center;
        font-style: italic;
        /* padding-top: 8px; */
        width: 43% !important;
        padding: 6px 2%;
        margin: 0 3% 21px;
        background-color: rgba(0, 0, 0, 0.3);
        border-radius: 10px;
        line-height: 20px !important;
        min-height: 103px;
    }
    /* fin jugar pasos principal */
    .beneficios {
        width: 100% !important;
        height: 147px !important;
        margin: 5px 0 0 0 !important;
        background-color: #000;
    }
    .beneficios_title {
        font-size: 22px;
        padding-top: 8px;
    }
    .beneficios_cont {
        margin: 0 auto;
        display: block;
        width: 98%;
        /* border: solid
	 1px red; */
        padding-left: 0 !important;
    }
    .beneficios_uno {
        padding-left: 0 !important;
        margin-right: 0 !important;
    }
    .beneficios_pasos {
        float: left;
        text-transform: uppercase;
        color: #FFF;
        font-size: 11px !important;
        font-weight: 700;
        text-align: left;
        font-style: italic;
        padding-top: 8px;
        width: 30% !important;
        margin: 0 6px !important;
    }
    .beneficios_pasos img {
        display: block;
        margin: 0 auto;
        float: none;
        clear: both;
    }
    .beneficios_pasos span {
        display: block;
        margin: 5px 0 0 0;
        text-align: center;
    }
    /*.jugar_uno {
	width: 175px;
}
.jugar_flecha {
	width: 28px;
	height: 44px;
	display: block;
	margin: 18px 10px 0;
}
.jugar_dos {
	width: 161px;
}
.jugar_tres {
	width: 78px;
}
.jugar_cuatro {
	width: 185px;
}
.beneficios_cont {
	width: 86%;
}*/
    /* fin jugar y beneficios nuevo */
    .juegos_home_sl {
        padding: 20px 0 20px 32px;
    }
    .juego_n1 {
        width: 47%;
        height: 320px;
        /* margin-left: 0 !important; */
    }
    .juego_n2 {
        width: 47%;
        height: 140px;
    }
    .juego_n3 {
        width: 22.6%;
        height: 140px;
    }
    .masjuegos {
        width: 23.3%;
        margin-left: 3px;
    }
    .registro {
        margin: 30px auto;
        width: 90%;
    }
    .registro .acerca {
        padding: 20px 40px;
        background-color: #222;
        margin: 40px auto 0;
        width: 90%;
    }
    .responsable {
        width: 90%;
        margin: 40px auto;
    }
    .micuenta_submenu {
        margin: 40px 10px 0 0px;
        width: 25%;
    }
    .micuenta_info {
        width: 68%;
    }
    #formulario {
        width: 90%;
    }
    .buscar input {
        float: right;
    }
    .color1 {
        padding: 10px 110px 30px;
    }
    input[type="checkbox"] {
        margin: 10px auto 0 !important;
        background: #fff;
        width: 28px !important;
        float: none !important;
        display: block !important;
    }
    input[type=radio] {
        float: left;
        width: 29px !important;
        margin: 15px -14px 0 0px !important;
        background: #fff;
    }
    .menu_footer ul {
        width: 100%;
    }
    .menu_footer ul li {
        width: 22%;
    }
    .centro .registrarse,
    .centro .popup_contacto {
        margin: 0 auto;
        width: 100% !important;
    }
    .centro #botonenviar {
        width: 43%;
    }
    #formdata #control_marca {
        width: 4% !important;
        float: left !important;
        margin: 10px 0 0 20px !important;
    }
    .buscar {
        width: 34%;
        padding: 10px 0;
        float: right;
    }
    /* juegos */
    .fondo_negro {}
    .juegos_nav {}
    .juego {
        margin-top: 0px;
    }
    .juego img {
        width: 100%;
    }
    .juegos_tiempo_cont {
        width: 21%;
    }
    .juegos_tiempo {
        font-size: 12px;
    }
    .juegos_titulo {
        font-size: 10px;
        margin: 8px auto 4px;
        float: left;
        clear: both;
        width: 10%;
        text-align: center;
    }
    .juegos_boton {
        margin: 4px 0 4px 8px;
        float: left;
        clear: both;
        width: 8%;
    }
    .juegos_boton a {
        padding: 4px;
        font-size: 10px;
    }
    .juegos_boton_full {
        margin: 0 0 0 4px;
        position: absolute;
        color: #fff;
        font-size: 10px;
        line-height: 10px;
        width: 8%;
        text-align: center;
        bottom: 5px;
    }
    .juegos_boton_full img {
        margin: 0 auto 8px;
        float: none;
    }
    .juegos_tiempo_cont,
    .clock {
        width: 10%;
        clear: both;
        border-right: none;
        height: 50px;
        border-bottom: solid 1px #eee;
    }
    .clock {
        float: left;
        display: inline-table;
    }
    .clock img {
        display: block;
        margin: 14px auto;
        width: 40%;
    }
    .fondo_negro .centro {
        width: 74%;
    }
    .juegos_cont {
        border-right: solid 1px #fc0;
        height: 100%;
        position: absolute;
        left: 10%;
    }
    /* fin juegos */
    .micuenta_submenu {
        float: left;
        margin: 40px 20px 0 0px;
        width: 25%;
        border-right: solid 1px #ccc;
    }
}

@media (max-width:801px) {
    /* tablet, landscape iPad, lo-res laptops ands desktops */
    #jugar2 {
        width: 100%;
    }
    .header-cantidad {
        color: #fff;
        float: right;
        font-size: 12px;
        text-transform: initial;
        margin-top: 10px;
        width: 49%;
        text-align: right;
        margin: 7px 10px 0 0;
        /* background: red; */
    }
    .header-premios-res {
        display: block;
        opacity: 1;
        width: 100%;
        padding: 2px;
        text-align: center;
        color: #ea0000;
        font-weight: 900;
        background-color: #ffcc00;
        font-size: 14px;
        /* text-shadow: -3px 3px 7px rgb(255, 255, 255); */
        line-height: 16px;
        text-transform: uppercase;
        height: 36px;
    }
    .header-premios {
        display: none;
        opacity: 0;
    }
    .news-marco-1 {
        width: 100% !important;
    }
    .content {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
    .sobrenav {
        font-size: 11px;
    }
    .main {
        height: auto;
    }
    .contact {
        /*float: left;*/
        margin: 6px 0 0 5px;
        font-size: 11px !important;
        text-align: center;
        width: 100%;
        line-height: 18px;
    }
    .social {
        width: 40%;
        float: right;
        margin: 0;
        /* BACKGROUND: RED; */
    }
    .social span {
        margin: 5px 5px 0 0;
        display: inline-block;
        float: right;
    }
    .social ul {
        float: right;
        clear: both;
    }
    .social ul li img {
        width: 28px;
        height: auto;
    }
    .logo_interbet,
    .logo_loteria .logo_quiniela {
        /*tablet */
        float: left;
        display: block;
        margin: 10px 0 0 10px;
    }
    .logo_interbet {
        /*float: right !important;*/
        margin: 5px 10px 0 20px !important;
    }
    .logo_interbet a img {
        width: 110px !important;
    }
    .logo_quiniela {
        float: left !important;
        /*margin: 5px 10px 0 20px !important;*/
    }
    .logo_quiniela a img {
        width: 110px !important;
    }
    .logo_loteria img {
        width: 120px !important;
    }
    .loggin {
        float: right;
        width: 100%;
        margin: 0;
        padding: 4px 0 0 0;
    }
    .form_col_1_3 {
        float: left;
        width: 29% !important;
        margin-left: 24px;
    }
    #form_loggin input {
        height: 19px;
        width: 100%;
        margin: 7px 0 0 0;
        padding: 0;
        font-size: 11px;
        color: #000!important;
        border-radius: 5px;
        border: solid 1px #999;
        text-indent: 11px;
        background-color: transparent;
        text-transform: uppercase;
        cursor: pointer;
    }
    #form_loggin label {
        font-size: 11px;
        font-weight: 700;
        color: #fff;
        text-transform: uppercase;
        display: inline-table;
        vertical-align: middle;
        text-align: center;
        width: 100%;
        padding: 11px 0 9px;
    }
    #form_loggin #boton_ingresar,
    #form_loggin #boton_registrarse {
        height: 19px;
        width: 100%;
        margin: 3px 0 0 0;
        padding: 0;
        font-size: 13px;
        font-weight: 700;
        border-radius: 5px;
        border: solid 1px #999;
        text-indent: 0;
        text-transform: uppercase;
    }
    #form_loggin #boton_ingresar {
        background-color: #7dac09 !important;
    }
    #form_loggin #boton_registrarse {
        background-color: #Fc0 !important;
    }
    .loggin #form_loggin input {
        height: 19px !important;
    }
    #registro {
        padding: none;
    }
    nav {
        margin: 0;
    }
    nav ul li {
        display: inline-table !important;
        width: 25% !important;
    }
    nav ul li a {
        padding: 11px 8px 0 !important;
        font-size: 13px !important;
    }
    /* sección jugar */
    .jugar {
        width: 100% !important;
        height: 147px !important;
        margin: 5px 0 0 0;
        background-image: none !important;
        background-color: #408f02;
        padding: 0 48px !important;
    }
    .jugar_facil {
        width: 100%;
        height: auto !important;
        margin: 0;
        background-image: none !important;
        font-size: 22px !important;
        font-weight: 700;
        padding: 10px 20px 0 28px;
        text-align: center;
    }
    .jugar_pasos {
        font-size: 14px;
        text-align: center;
        padding-top: 8px;
        margin: 0 5px;
        line-height: 23px;
        width: 100% !important;
        left: -8px !important;
    }
    .jugar_pasos span {
        font-size: 22px !important;
        display: block;
        clear: both;
        padding: 5px 0;
    }
    .jugar_pasos br {
        display: none !important;
    }
    .jugar_flecha {
        display: none !important;
    }
    /* fin sección jugar */
    .beneficios {
        width: 100% !important;
        height: 147px !important;
        margin: 5px 0 0 0 !important;
        background-color: #000;
    }
    .beneficios_title {
        font-size: 22px;
        padding-top: 8px;
    }
    .beneficios_cont {
        margin: 0 auto;
        display: block;
        width: 98%;
        /* border: solid
	 1px red; */
        padding-left: 0 !important;
    }
    .beneficios_uno {
        padding-left: 0 !important;
        margin-right: 0 !important;
    }
    .beneficios_pasos {
        float: left;
        text-transform: uppercase;
        color: #FFF;
        font-size: 11px !important;
        font-weight: 700;
        text-align: left;
        font-style: italic;
        padding-top: 8px;
        width: 30% !important;
        margin: 0 6px !important;
    }
    .beneficios_pasos img {
        display: block;
        margin: 0 auto;
        float: none;
        clear: both;
    }
    .beneficios_pasos span {
        display: block;
        margin: 5px 0 0 0;
        text-align: center;
    }
    .juegos_home_sl {
        width: 100%;
        margin: 0 auto;
        /*background-color: #222;*/
        height: auto;
        /* padding-bottom: 10px; */
        display: inline-block;
        padding: 0 0 20px;
        box-sizing: border-box;
    }
    .juego_n1 {
        width: 45%;
        height: 120px;
        margin-left: 0 !important;
        box-sizing: unset;
    }
    .juego_n1,
    .juego_n2,
    .juego_n3 {
        border: solid 3px #fc0;
        float: left;
        margin: 20px 6px !important;
        display: block !important;
        width: 47% !important;
        height: 120px !important;
    }
    .juego_n1 img,
    .juego_n2 img,
    .juego_n3 img,
    .juego_n3 video {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0 auto;
    }
    .juego_n1 img,
    .juego_n2 img,
    .juego_n3 img,
    .juego_n3 video {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0 auto;
    }
    .juego_n1 {
        width: 97% !important;
        height: 220px !important;
    }
    .masjuegos {
        width: 45% !important;
        height: 127px !important;
        /* border: solid 3px #fc0; */
        float: left;
        margin: 20px 6px;
        background-color: #555;
    }
    .masjuegos a {
        font-size: 17px;
        margin-top: 51px !important;
    }
    footer {
        width: 100%;
        background-color: #000;
    }
    .menu_footer {
        width: 100%;
        padding: 10px;
        margin: 0 auto;
        height: auto;
    }
    .menu_footer ul {
        width: 100%;
        margin: 0 auto;
        display: block;
        padding: 0;
    }
    .menu_footer ul li {
        margin: 10px 0 0;
        width: 24%;
    }
    .menu_footer ul li a {
        font-size: 9px;
        padding: 0px 10px;
        display: block;
    }
    .usuario {
        float: right;
        /* background-color: #000; */
        height: 65px;
        width: 100%;
    }
    .nombre,
    .saldo {
        height: 40px;
        margin-top: 14px;
        width: 23% !important;
    }
    .nombre {
        font-size: 16px;
        padding: 7px 0 0 0;
        /* box-sizing: border-box; */
        font-weight: 600;
    }
    .usuario br,
    .nombre br,
    .apuestas_info br {
        display: none !important;
    }
    .nombre span {
        clear: both;
        text-transform: uppercase;
        margin-left: 5px;
    }
    .saldo {
        line-height: 21px;
        font-size: 13px;
        color: #fff;
    }
    .saldo span {
        font-size: 30px;
        font-weight: 500;
        /* line-height: 10px; */
        display: inline-block;
        color: #fc0;
        padding: 7px 0 0 0;
        margin-right: 7px;
    }
    .mi_cuenta_boton {
        width: 47%;
        height: 35px;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        border: solid 1px #fc0;
        display: block;
        font-size: 13px;
        padding: 9px 0px;
        margin: 14px 10px;
        box-sizing: border-box;
        cursor: pointer;
        float: right;
        right: 10px !important;
    }
    .usuario_micuenta .col_left .nombre {
        font-size: 16px;
        padding: 7px 0 0 0;
        /* box-sizing: border-box; */
        font-weight: 600;
        /* width: 10px !important; */
        text-align: center;
        width: 95% !important;
    }
    .usuario_micuenta .col_left .nombre span {
        clear: none;
        text-transform: uppercase;
        margin-left: 5px;
        float: none;
        width: 40%;
        text-align: center;
    }
    .usuario_micuenta .col_left .mi_cuenta_boton {
        width: 57% !important;
        height: 30px;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        border: solid 1px #fc0;
        display: block;
        font-size: 12px;
        padding: 6px 0px;
        margin: 44px auto 0 !important;
        box-sizing: border-box;
        cursor: pointer;
        float: none !important;
        right: auto !important;
    }
    .col_right {
        float: right;
        width: 45%;
    }
    h1 {
        font-size: 30px;
        font-weight: 700;
        color: #333;
        text-align: left;
        text-transform: uppercase;
        clear: both;
        margin: 10px 0;
    }
    .registro {
        width: 100%;
        margin: 20px auto;
    }
    .registro .acerca {
        padding: 10px 20px;
        background-color: #222;
        margin: 20px auto;
        box-sizing: border-box;
    }
    .responsable {
        width: 100%;
        margin: 20px auto;
    }
    .links ul {
        list-style: none;
        width: 80%;
        margin: 0 auto;
        height: 40px;
        padding: 0;
    }
    .links ul li {
        width: 49%;
    }
    .usuario_micuenta {
        margin-top: 0;
        width: 52%;
        background-color: #000;
    }
    .usuario_micuenta .saldo {
        line-height: 18px;
        font-size: 14px;
        color: #fc0;
        text-align: center;
        margin: 7px auto;
        width: 50% !important;
        float: none;
        display: block;
    }
    .menu_micuenta {
        height: 46px;
    }
    .menu_micuenta a {
        font-size: 22px;
        padding: 10px 0 0;
    }
    .apuestas_info {
        margin: 20px auto;
        width: 100%;
    }
    .micuenta_submenu {
        float: left;
        margin: 10px 0 0 0px;
        width: 28%;
        border-right: solid 1px #ccc;
    }
    .micuenta_submenu ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: block;
        position: relative;
        min-height: auto;
    }
    .micuenta_submenu span {
        font-size: 18px;
        padding: 5px 0 5px 5px;
        margin-bottom: 0px;
    }
    .micuenta_submenu>ul>li a {
        font-size: 11px;
        padding: 10px 0 10px 10px;
    }
    .micuenta_info,
    .datos_personales {
        float: right;
        margin: 10px 10px 0px 0;
        /* height: 200px; */
        width: 64% !important;
    }
    .datos_personales .micuenta_info {
        width: 100% !important;
    }
    #botonenviar {
        margin: 20px auto 0 !important;
        background-color: #455c11 !important;
        float: none !important;
        min-height: 40px;
    }
    .boton {
        float: none !important;
        width: 90% !important;
        margin: 40px auto 0 !important;
    }
    .micuenta_info #botonenviar {
        float: none !important;
        width: 94% !important;
        height: 40px !important;
        display: inline-block;
        margin: 20px 3% 0 !important;
        border: solid 2px #eee;
        box-sizing: border-box;
    }
    .micuenta_cont {
        padding-top: 10px;
    }
    .juego_n0 {
        margin: 20px 0px !important;
        width: 100% !important;
        height: 140px !important;
    }
    /* juego */
    .info-jack img {
        display: block !important;
        /* float: left; */
        width: 19px;
        height: auto;
        display: inline-table !important;
        vertical-align: middle !important;
        height: 26px !important;
        width: auto !important;
        margin: 0 6px 0 0 !important;
    }
    .juego_n1,
    .juego_n2,
    .juego_n3 {
        border: solid 3px #fc0;
        float: left;
        margin: 20px 6px 10px !important;
        display: block !important;
        width: 45% !important;
        height: 90px !important;
        /* background: red; */
        /* height: 300px; */
    }
    .juego_n2,
    .juego_n3 {
        border: solid 3px #fc0;
        float: left;
        width: 45% !important;
        height: 146px !important;
    }
    .juego_n1 {
        width: 95% !important;
        height: 296px !important;
        margin-right: 0 !important;
        padding-right: 0 !important;
    }
    .juego_n1 img {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        max-height: 220px;
    }
    .juego_n2 img,
    .juego_n3 img,
    .juego_n3 video {
        display: block;
        width: 100%;
        height: auto;
        margin: 0 auto;
        max-height: 84px !important;
    }
    .info-nombre {
        vertical-align: middle;
        display: inline-block;
    }
    .info-nombre-jack {
        color: #fff;
        clear: both;
        font-size: 12px;
        text-transform: uppercase;
        margin: 0 0 4px !important;
        padding: 4px 0 0;
        vertical-align: middle;
        display: inline-block;
    }
    /* fin juego */
    /* hover */
    .juego_n1 .juego_on,
    .juego_n1:hover .juego_on {
        height: 140px;
        margin: -140px 0 0 0 !important;
    }
    .juego_n1 .juego_on .juego_boton a {
        padding-top: 32% !important;
    }
    .info-juego {
        margin: 0 0 0 0 !important;
    }
    .juego_n2:hover .juego_on,
    .juego_n3:hover .juego_on {
        margin: -84px 0 0 0;
        height: 82px;
    }
    .juego_n2 .juego_on .juego_boton a,
    .juego_n3 .juego_on .juego_boton.boton_demo_txt a,
    .juego_n3 .juego_on .juego_boton a {
        padding-top: 25% !important;
    }
    /* fin hover */
    .micuenta_info h1,
    .apuestas_info h1,
    .registro h1,
    .responsable h1 {
        color: #fff;
        text-align: center;
        margin: 0 auto;
        font-size: 22px;
    }
    input,
    textarea,
    select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: #fff !important;
        font-size: 12px;
        height: auto !important;
    }
    #formulario {
        display: block;
        width: 100%;
    }
    #formdata {
        width: 100%;
        margin: 0 auto;
    }
    .color1 {
        padding: 10px 0 30px;
        display: inline-block;
        width: 100%;
    }
    #formulario label {
        float: left;
        font-size: 14px;
        margin: 0 0 5px 20px;
        padding-top: 15px;
        text-align: left;
        display: block;
        width: 50%;
        clear: none;
    }
    .credito #formulario label {
        margin: -9px 0 5px 20px;
    }
    #formulario input {
        padding: 5px 5px 5px 10px;
        width: 70%;
        height: 24px !important;
        font-size: 14px;
        color: #333;
        margin: 10px 12px 0;
        border: none;
        box-sizing: border-box;
        display: block;
        float: right;
    }
    .popup_50 #clave_nueva_r {
        width: 70% !important;
    }
    #formulario select {
        float: right;
        /* clear: both; */
        width: 73%;
        height: 40px !important;
        margin: 0 auto;
        display: block;
        background: #fff;
        border: none;
        padding-left: 0;
        background-color: #fff !important;
        padding: 10px !important;
        clear: none;
        margin: 12px 16px 0 0;
        border-radius: 5px;
    }
    .responsable .boton_enviar_full {
        width: 98% !important;
        height: 40px !important;
        margin: 0 auto !important;
    }
    table select {
        float: right;
        clear: both;
        width: 34%;
        height: 28px;
        margin: -14px auto;
        display: block;
        background: #fff;
        border: none;
        padding-left: 0;
    }
    .micuenta_info table select {
        float: right;
        clear: both;
        width: 31%;
        height: 28px;
        margin: 7px auto 0;
        display: block;
        background: #fff;
        border: none;
        padding-left: 0;
    }
    table label {
        text-align: left;
        float: left;
    }
    input[type=radio] {
        float: left !important;
        width: 4% !important;
        margin: 17px -11px 0 177px !important;
        height: 20px !important;
    }
    input[type="checkbox"] {
        float: none !important;
        margin: 0 auto !important;
        width: 4% !important;
    }
    #formdata #marca {
        width: 28px !important;
        margin: 0 auto !important;
        height: 28px !important;
    }
    #formdata #control_marca {
        width: 4% !important;
        float: left !important;
        margin: 20px 0 0 20px !important;
    }
    .registro select {
        width: 70% !important;
        margin-right: 12px !important;
    }
    /*#sexo {
        width: 100%;
        padding: 10px 20px 10px 0;
        margin: 0 0 30px 0;
    }
    #sexo input[type=radio] {
        float: left !important;
        margin: 12px 9px 0 !important;
        width: 8px !important;
        height: 18px !important;
    }
    #sexo span {
        margin: 8px 20px 0 0 !important;
        padding: 0 !important;
    }*/
    .logueo {
        width: 90%;
    }
    .logueo #botonenviar {
        margin-top: 20px;
    }
    .centro {
        position: relative;
        top: 40% !important;
        left: auto;
        transform: none;
        margin: 15px auto 0;
        /* border: solid 4px #fff; */
        padding: 0;
        width: 100%;
    }
    .centro h1 {
        font-size: 18px !important;
    }
    .centro .olvide {
        text-align: center;
        display: block;
        clear: both;
        padding: 12px 0;
        font-size: 12px;
    }
    .centro #botonenviar {
        height: 18px!important;
        /* background-color: #455c11 !important; */
        color: #FFF!important;
        font-weight: 600!important;
        font-size: 14px!important;
        margin: 0;
        box-sizing: content-box;
        margin: 0px 0 0 20px !important;
        display: block;
        cursor: pointer;
        width: 43%;
        float: left;
    }
    .centro .enviar {
        background-color: #455c11 !important;
    }
    .centro .registrarse,
    .centro .popup_contacto {
        margin: 0 auto;
        width: 100% !important;
        height: 20px;
        /* background: red; */
        clear: both;
        margin: 0px 0px 0px 0px !important;
    }
    .centro .popup_contacto {
        display: none;
    }
    .centro .registrarse span {
        float: left;
        padding: 7px 15px;
        clear: both;
        display: block;
        width: 43%;
        margin: 4px auto 0;
        font-size: 12px;
    }
    .centro #formulario {
        display: block;
        margin: 10px auto 0px !important;
        width: 100%;
        border-bottom: none !important;
        float: left;
        padding-bottom: none !important;
        padding-bottom: 0px !important;
    }
    .centro .registrarse .boton_registrarse {
        display: inline-table;
        margin: 5px 0 0 26px;
        clear: none;
        width: 40%;
        text-align: center;
    }
    .juegos_tiempo_cont {
        width: 21%;
    }
    .juegos_titulo {
        font-size: 14px;
        margin: 8px 0 0 10px;
    }
    .juegos_boton {
        margin: 3px 0 0 8px;
    }
    .juegos_boton a {
        padding: 4px;
    }
    .registroh1 {
        width: 100%;
        box-sizing: border-box;
    }
    .popup_50 {
        width: 90%;
        margin-top: -23px;
    }
    .cambio_clave {
        margin-top: 68px;
    }
    .logueo h1,
    .popup_50 h1,
    .popup_contacto h1 {
        color: #fff;
        text-align: center;
        margin: 0 auto;
        font-size: 18px !important;
    }
    .buscar {
        width: 44%;
        padding: 10px 0;
        float: right;
        /* background: red; */
        line-height: 26px;
    }
    #formulario span {
        font-size: 14px;
    }
    .micuenta_submenu .activo {
        font-size: 14px;
    }
    .centro .popup_contacto span {
        width: 49%;
        font-size: 12px;
        text-align: center;
        float: left;
        /* display: block; */
        padding: 60px 0 0 0 !important;
    }
    .centro .popup_contacto img {
        width: 16%;
        clear: both;
        float: left;
        margin: 6px auto 0;
    }
    table.tabla_info {
        width: 97% !important;
        margin: 30px auto 0;
    }
    .popup_50 #clave_nueva_r {
        width: 66% !important;
        margin-right: 19px;
    }
    /* juegos */
    .fondo_negro {}
    .juegos_nav {}
    .juego {
        margin-top: 0px;
    }
    .juego img {
        width: 100%;
    }
    .juegos_tiempo_cont {
        width: 21%;
    }
    .juegos_tiempo {
        font-size: 12px;
    }
    .juegos_titulo {
        font-size: 10px;
        margin: 8px 4px 4px;
        float: left;
        clear: both;
        width: 8%;
        text-align: center;
    }
    .juegos_boton {
        margin: 4px 0 4px 8px;
        float: left;
        clear: both;
        width: 6%;
    }
    .juegos_boton a {
        padding: 4px;
        font-size: 10px;
    }
    .juegos_boton_full {
        margin: 0 0 0 4px;
        position: absolute;
        color: #fff;
        font-size: 10px;
        line-height: 10px;
        width: 8%;
        text-align: center;
        bottom: 5px;
    }
    .juegos_boton_full img {
        margin: 0 auto 8px;
        float: none;
    }
    .juegos_tiempo_cont,
    .clock {
        width: 10%;
        clear: both;
        border-right: none;
        height: 50px;
        border-bottom: solid 1px #eee;
    }
    .clock {
        float: left;
        display: inline-table;
    }
    .clock img {
        display: block;
        margin: 14px auto;
        width: 40%;
    }
    .fondo_negro .centro {
        width: 74%;
    }
    .juegos_cont {
        border-right: solid 1px #fc0;
        height: 100%;
        position: absolute;
        left: 10%;
    }
    /* fin juegos */
}

@media (max-width: 1000px) {
    input[type="checkbox"] {
        float: left !important;
        /* margin: -33px 0 0 0;*/
        margin: 0 auto !important;
        width: 4% !important;
        /* display: block; */
        /* clear: both; */
    }
    .micuenta_info {
        width: 50%;
    }
}

@media (max-width: 640px) {
    .header-cantidad {
        color: #fff;
        float: right;
        font-size: 12px;
        text-transform: initial;
        margin-top: 10px;
        width: 100% !important;
        text-align: center;
        margin: 7px 10px 0 0;
    }
    .header-premios-res {
        display: block;
        opacity: 1;
        width: 100%;
        padding: 2px;
        text-align: center;
        color: #ea0000;
        font-weight: 900;
        background-color: #ffcc00;
        font-size: 14px;
        /* text-shadow: -3px 3px 7px rgb(255, 255, 255); */
        line-height: 16px;
        text-transform: uppercase;
        height: 36px;
    }
    .header-premios {
        display: none;
        opacity: 0;
    }
    .news-marco-1 {
        width: 100% !important;
    }
    .content {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
    .sobrenav {
        font-size: 11px;
    }
    .main {
        height: auto;
    }
    .contact {
        /*float: left;*/
        margin: 6px 0 0 5px;
        font-size: 7px !important;
        text-align: center;
        width: 100%;
        line-height: 18px;
    }
    .social {
        width: 40%;
        float: right;
        margin: 0;
        /* BACKGROUND: RED; */
    }
    .social span {
        margin: 5px 5px 0 0;
        display: inline-block;
        float: right;
    }
    .social ul {
        float: right;
        clear: both;
    }
    .social ul li img {
        width: 28px;
        height: auto;
    }
    .logo_interbet,
    .logo_loteria .logo_quiniela {
        /*640*/
        float: left;
        display: block;
        margin: 10px 0 0 10px;
    }
    .logo_interbet {
        /*float: right !important;*/
        margin: 5px 10px 0 20px !important;
    }
    .logo_interbet a img {
        width: 80px !important;
        /*110*/
    }
    .logo_quiniela {
        float: left !important;
        margin: 5px 10px 0 20px !important;
    }
    .logo_quiniela a img {
        width: 80px !important;
        /*110*/
    }
    .logo_loteria img {
        width: 90px !important;
        /*120*/
    }
    .loggin {
        float: right;
        width: 100%;
        margin: 0;
        padding: 4px 0 0 0;
    }
    .form_col_1_3 {
        float: left;
        width: 29% !important;
        margin-left: 24px;
    }
    #form_loggin input {
        height: 19px;
        width: 100%;
        margin: 7px 0 0 0;
        padding: 0;
        font-size: 11px;
        color: #fff;
        border-radius: 5px;
        border: solid 1px #999;
        text-indent: 11px;
        background-color: transparent;
        text-transform: uppercase;
        cursor: pointer;
    }
    #form_loggin label {
        font-size: 9px;
        font-weight: 700;
        color: #fff;
        text-transform: uppercase;
        display: inline-table;
        vertical-align: middle;
        text-align: center;
        width: 100%;
        padding: 11px 0 9px;
    }
    #form_loggin #boton_ingresar,
    #form_loggin #boton_registrarse {
        height: 19px;
        width: 100%;
        margin: 3px 0 0 0;
        padding: 0;
        font-size: 13px;
        font-weight: 700;
        border-radius: 5px;
        border: solid 1px #999;
        text-indent: 0;
        text-transform: uppercase;
    }
    #form_loggin #boton_ingresar {
        background-color: #7dac09 !important;
    }
    #form_loggin #boton_registrarse {
        background-color: #Fc0 !important;
    }
    .loggin #form_loggin input {
        height: 19px !important;
    }
    #registro {
        padding: none;
    }
    nav {
        margin: 0;
    }
    nav ul li {
        display: inline-table !important;
        width: 25% !important;
    }
    nav ul li a {
        padding: 5px 8px 5px !important;
        font-size: 13px !important;
    }
    .cargar {
        padding: 11px 8px 8px 8px !important;
        font-size: 13px !important;
        color: white !important;
        line-height: 0;
    }
    /* sección jugar */
    .jugar {
        width: 100% !important;
        height: 147px !important;
        margin: 5px 0 0 0;
        background-image: none !important;
        background-color: #408f02;
        padding: 0 48px !important;
    }
    .jugar_facil {
        width: 100%;
        height: auto !important;
        margin: 0;
        background-image: none !important;
        font-size: 22px !important;
        font-weight: 700;
        padding: 10px 20px 0 28px;
        text-align: center;
    }
    .jugar_pasos {
        font-size: 14px;
        text-align: center;
        padding-top: 8px;
        margin: 0 5px;
        line-height: 23px;
        width: 100% !important;
        left: -8px !important;
    }
    .jugar_pasos span {
        font-size: 22px !important;
        display: block;
        clear: both;
        padding: 5px 0;
    }
    .jugar_pasos br {
        display: none !important;
    }
    .jugar_flecha {
        display: none !important;
    }
    /* fin sección jugar */
    .beneficios {
        width: 100% !important;
        height: 167px !important;
        margin: 5px 0 0 0 !important;
        background-color: #000;
    }
    .beneficios_title {
        font-size: 22px;
        padding-top: 8px;
    }
    .beneficios_cont {
        margin: 0 auto;
        display: block;
        width: 98%;
        /* border: solid
	 1px red; */
        padding-left: 0 !important;
    }
    .beneficios_uno {
        padding-left: 0 !important;
        margin-right: 0 !important;
    }
    .beneficios_pasos {
        float: left;
        text-transform: uppercase;
        color: #FFF;
        font-size: 11px !important;
        font-weight: 700;
        text-align: left;
        font-style: italic;
        padding-top: 8px;
        width: 30% !important;
        margin: 0 6px !important;
    }
    .beneficios_pasos img {
        display: block;
        margin: 0 auto;
        float: none;
        clear: both;
    }
    .beneficios_pasos span {
        display: block;
        margin: 5px 0 0 0;
        text-align: center;
    }
    .juegos_home_sl {
        width: 100%;
        margin: 0 auto;
        /*background-color: #222;*/
        height: auto;
        /* padding-bottom: 10px; */
        display: inline-block;
        padding: 0 0 20px;
        box-sizing: border-box;
    }
    .juego_n1,
    .juego_n2,
    .juego_n3 {
        border: solid 3px #fc0;
        float: left;
        margin: 20px 6px 10px !important;
        display: block !important;
        width: 45% !important;
        height: 90px !important;
        /* background: red; */
        /* height: 300px; */
    }
    .juego_n2,
    .juego_n3 {
        border: solid 3px #fc0;
        float: left;
        width: 45% !important;
        height: 146px !important;
    }
    .juego_n2 img,
    .juego_n3 img,
    .juego_n3 video {
        display: block;
        width: 100%;
        height: auto;
        margin: 0 auto;
        max-height: 84px !important;
    }
    .juego_n1 {
        width: 95% !important;
        height: 296px !important;
        margin-right: 0 !important;
        padding-right: 0 !important;
    }
    .juego_n1 img {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        max-height: 220px;
    }
    .juego_on {
        height: 84px !important;
        margin: -84px 0 -30px 0 !important;
    }
    /* hover */
    .juego_n1 .juego_on, .juego_n1:hover .juego_on {
        height: 140px;
        margin: -140px 0 0 0 !important;
    }

    .juego_n1 .juego_on .juego_boton a {
        padding-top: 32% !important;
    }
    .info-juego {
        margin: 0 0 0 0 !important;
    }
    .juego_n2:hover .juego_on,
    .juego_n3:hover .juego_on {
        margin: -84px 0 0 0;
        height: 82px;
    }
    .juego_n2 .juego_on .juego_boton a,
    .juego_n3 .juego_on .juego_boton.boton_demo_txt a,
    .juego_n3 .juego_on .juego_boton a {
        padding-top: 30% !important;
    }
    /* fin hover */
    .info-nombre {
        vertical-align: middle;
        display: inline-block;
    }
    .info-nombre-jack {
        color: #fff;
        clear: both;
        font-size: 12px;
        text-transform: uppercase;
        margin: 0 0 4px !important;
        padding: 4px 0 0;
        vertical-align: middle;
        display: inline-block;
    }
    .info-jack img {
        display: block !important;
        /* float: left; */
        width: 19px;
        height: auto;
        display: inline-table !important;
        vertical-align: middle !important;
        height: 26px !important;
        width: auto !important;
        margin: 0 6px 0 0 !important;
    }
    .masjuegos {
        width: 45% !important;
        height: 127px !important;
        /* border: solid 3px #fc0; */
        float: left;
        margin: 20px 6px;
        background-color: #555;
    }
    .masjuegos a {
        font-size: 17px;
        margin-top: 51px !important;
    }
    footer {
        width: 100%;
        /*padding: 10px 0;*/
        background-color: #000;
    }
    .menu_footer {
        width: 100%;
        margin: 0 auto;
        height: auto;
    }
    .menu_footer ul {
        width: 100%;
        margin: 0 auto;
        display: block;
        padding: 0;
    }
    .menu_footer ul li {
        margin: 10px 0 0;
        width: 24%;
    }
    .menu_footer ul li a {
        font-size: 9px;
        padding: 0px 10px;
        display: block;
    }
    .usuario {
        float: right;
        /* background-color: #000; */
        height: 65px;
        width: 100%;
    }
    .nombre,
    .saldo {
        height: 40px;
        margin-top: 14px;
        width: 23% !important;
    }
    .nombre {
        font-size: 16px;
        padding: 7px 0 0 0;
        /* box-sizing: border-box; */
        font-weight: 600;
        text-align: center;
        /* width: 45%; */
    }
    .usuario br,
    .nombre br,
    .apuestas_info br {
        display: none !important;
    }
    .nombre span {
        clear: both;
        text-transform: uppercase;
        margin-left: 5px;
    }
    .saldo {
        line-height: 21px;
        font-size: 13px;
        color: #fff;
    }
    .saldo span {
        font-size: 30px;
        font-weight: 500;
        /* line-height: 10px; */
        display: inline-block;
        color: #fc0;
        padding: 7px 0 0 0;
        margin-right: 7px;
    }
    .col_right {
        float: right;
        width: 45%;
    }
    .saldo {
        line-height: 21px;
        font-size: 13px;
        color: #fff;
        margin: 0;
    }
    .saldo span {
        font-size: 30px;
        font-weight: 500;
        /* line-height: 10px; */
        display: block;
        color: #fc0;
        padding: 7px 0 0 0;
        margin-right: 7px;
        width: 60% !important;
        clear: both !important;
        margin: 5px auto !important;
    }
    .mi_cuenta_boton {
        width: 30% !important;
        height: 35px;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        border: solid 1px #fc0;
        display: block;
        font-size: 13px;
        padding: 9px 0px;
        margin: 14px 10px 0 0 !important;
        box-sizing: border-box;
        cursor: pointer;
        float: right;
        right: 0 !important;
    }
    .usuario_micuenta .col_left .nombre {
        font-size: 16px;
        padding: 7px 0 0 0;
        /* box-sizing: border-box; */
        font-weight: 600;
        /* width: 10px !important; */
        text-align: center;
        width: 95% !important;
    }
    .usuario_micuenta .col_left .nombre span {
        clear: none;
        text-transform: uppercase;
        margin-left: 5px;
        float: none;
        width: 40%;
        text-align: center;
    }
    .usuario_micuenta .col_left .mi_cuenta_boton {
        width: 57% !important;
        height: 30px;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        border: solid 1px #fc0;
        display: block;
        font-size: 12px;
        padding: 6px 0px;
        margin: 44px auto 0 !important;
        box-sizing: border-box;
        cursor: pointer;
        float: none !important;
        right: auto !important;
    }
    h1 {
        font-size: 30px;
        font-weight: 700;
        color: #333;
        text-align: left;
        text-transform: uppercase;
        clear: both;
        margin: 10px 0;
    }
    .registro {
        width: 100%;
        margin: 20px auto;
    }
    .registro .acerca {
        padding: 10px 20px;
        background-color: #222;
        margin: 20px auto;
        box-sizing: border-box;
    }
    .responsable {
        width: 100%;
        margin: 20px auto;
    }
    .links ul {
        list-style: none;
        width: 80%;
        margin: 0 auto;
        height: 40px;
        padding: 0;
    }
    .links ul li {
        width: 49%;
    }
    .usuario_micuenta {
        margin-top: 10px;
        width: 100%;
        background-color: #000;
    }
    .usuario_micuenta .saldo {
        line-height: 18px;
        font-size: 14px;
        color: #fc0;
        text-align: center;
        margin: 16px auto 0;
        display: block;
        width: 100% !important;
    }
    .menu_micuenta {
        height: 46px;
    }
    .menu_micuenta a {
        font-size: 22px;
        padding: 10px 0 0;
    }
    .apuestas_info {
        margin: 20px auto;
        width: 100%;
    }
    .micuenta_submenu {
        float: left;
        margin: 10px 0 0 0px;
        width: 28%;
        border-right: solid 1px #ccc;
    }
    .micuenta_submenu ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: block;
        position: relative;
        min-height: auto;
    }
    .micuenta_submenu span {
        font-size: 18px;
        padding: 5px 0 5px 5px;
        margin-bottom: 0px;
    }
    .micuenta_submenu>ul>li a {
        font-size: 11px;
        padding: 10px 0 10px 10px;
    }
    .micuenta_info,
    .datos_personales {
        float: right;
        margin: 10px 0px 0px 0;
        /* height: 200px; */
        width: 69% !important;
    }
    .datos_personales .micuenta_info {
        width: 100% !important;
    }
    #botonenviar {
        margin: 20px auto 0 !important;
        background-color: #455c11 !important;
        float: none !important;
        min-height: 40px;
    }
    .boton {
        float: none !important;
        width: 100% !important;
        margin: 40px auto 0 !important;
    }
    .micuenta_info #botonenviar {
        float: none !important;
        width: 85% !important;
        height: 40px !important;
        display: inline-block;
        margin: 20px 11% 0 !important;
        border: 2px solid white;
    }
    .micuenta_cont {
        padding-top: 10px;
    }
    .juego_n0 {
        margin: 20px 0px !important;
        width: 100% !important;
        height: 140px !important;
    }
    .micuenta_info h1,
    .apuestas_info h1,
    .registro h1,
    .responsable h1 {
        color: #fff;
        text-align: center;
        margin: 0 auto;
        font-size: 22px;
    }
    input,
    textarea,
    select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: #fff !important;
        font-size: 12px;
        height: auto !important;
    }
    #formulario {
        display: block;
        width: 100%;
    }
    #formdata {
        width: 100%;
        margin: 0 auto;
    }
    .color1 {
        padding: 10px 0 30px;
        display: inline-block;
        width: 100%;
    }
    #formulario label {
        float: left;
        font-size: 14px;
        margin: 0 0 5px 10px;
        padding-top: 15px;
        text-align: left;
        display: block;
        width: 30%;
        clear: none;
    }
    #formulario input {
        padding: 5px 5px 5px 10px;
        width: 63%;
        height: 24px !important;
        font-size: 14px;
        color: #333;
        margin: -2px 10px 0 0;
        border: none;
        box-sizing: border-box;
        display: block;
        float: right;
    }
    .popup_50 #clave_nueva_r {
        width: 66% !important;
        margin-right: 19px;
    }
    #formulario select {
        float: right;
        /* clear: both; */
        width: 70%;
        height: 40px !important;
        margin: 0 auto;
        display: block;
        background: #fff;
        border: none;
        padding-left: 0;
        background-color: #fff !important;
        padding: 5px !important;
        clear: none;
        margin: 12px 22px 0 0;
        border-radius: 5px;
    }
    .responsable .boton_enviar_full {
        width: 98% !important;
        height: 40px !important;
        margin: 0 auto !important;
    }
    .responsable select {
        width: 60% !important;
    }
    table select {
        float: right;
        clear: both;
        width: 49%;
        height: 28px;
        margin: -14px auto 0;
        display: block;
        background: #fff;
        border: none;
        padding-left: 0;
    }
    .micuenta_info table select {
        float: right;
        clear: both;
        width: 31%;
        height: 28px;
        margin: 7px auto 0;
        display: block;
        background: #fff;
        border: none;
        padding-left: 0;
    }
    table label {
        text-align: left;
        float: left;
        margin: 0;
    }
    input[type=radio] {
        float: left !important;
        width: 4% !important;
        margin: 17px -11px 0 92px !important;
        height: 20px !important;
    }
    input[type="checkbox"] {
        float: none !important;
        margin: 0 auto !important;
        width: 4% !important;
    }
    #formdata #marca {
        width: 28px !important;
        margin: 0 auto !important;
        height: 28px !important;
    }
    #formdata #control_marca {
        width: 4% !important;
        float: left !important;
        margin: 20px 0 0 20px !important;
    }
    .logueo {
        width: 90%;
    }
    .centro {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        margin: 15px auto 0;
        /* border: solid 4px #fff; */
        padding: 0;
        width: 100%;
    }
    .centro h1 {
        font-size: 18px !important;
    }
    .centro .olvide {
        text-align: center;
        display: block;
        clear: both;
        padding: 12px 0;
        font-size: 12px;
    }
    .centro #botonenviar {
        height: 18px!important;
        /* background-color: #455c11 !important; */
        color: #FFF!important;
        font-weight: 600!important;
        font-size: 14px!important;
        margin: 0;
        box-sizing: content-box;
        margin: 0px 0 0 20px !important;
        display: block;
        cursor: pointer;
        width: 43% !important;
        float: left !important;
    }
    .centro .enviar {
        background-color: #455c11 !important;
    }
    .centro .registrarse,
    .centro .popup_contacto {
        margin: 0 auto;
        width: 100%;
        height: 20px;
        /* background: red; */
        clear: both;
        margin: 4px 0 0 0 !important;
    }
    .centro .popup_contacto {
        display: none;
    }
    .centro .registrarse span {
        float: left;
        padding: 7px 15px;
        clear: both;
        display: block;
        width: 43%;
        margin: 4px auto 0;
        font-size: 12px;
    }
    .centro #formulario {
        display: block;
        margin: 8px auto 0;
        width: 100%;
        border-bottom: none !important;
        float: left;
        padding-bottom: none !important;
        padding-bottom: 0px !important;
    }
    .centro .registrarse .boton_registrarse {
        margin: 5px 0 0 26px;
        clear: none;
        width: 40%;
        text-align: center;
    }
    .juegos_tiempo_cont {
        width: 21%;
    }
    .juegos_titulo {
        font-size: 14px;
        margin: 8px 0 0 10px;
    }
    .juegos_boton {
        margin: 3px 0 0 8px;
    }
    .juegos_boton a {
        padding: 4px;
    }
    .registroh1 {
        width: 100%;
        box-sizing: border-box;
    }
    .popup_50 {
        width: 90%;
        margin-top: -23px;
    }
    .cambio_clave {
        margin-top: 68px;
    }
    .logueo h1,
    .popup_50 h1,
    .popup_contacto h1 {
        color: #fff;
        text-align: center;
        margin: 0 auto;
        font-size: 18px !important;
    }
    .buscar {
        width: 80%;
        padding: 10px 0;
        float: none;
    }
    #formulario span {
        font-size: 14px;
    }
    .micuenta_submenu .activo {
        font-size: 14px;
    }
    .centro .popup_contacto span {
        width: 49%;
        font-size: 13px;
        text-align: center;
        float: left;
        /* display: block; */
        padding: 4px 0 0 0;
    }
    .centro .popup_contacto img {
        width: 16%;
        clear: both;
        float: left;
        margin: 6px auto 0;
    }
    table.tabla_info {
        width: 97% !important;
        margin: 30px auto 0;
    }
    .registro select {
        width: 63% !important;
        margin-right: 9px !important;
    }
    /*#sexo {
        width: 100%;
        padding: 10px 20px 10px 0;
        margin: 0 0 30px 0px;
    }
    .datos_personales #sexo {
        margin: 0 0 30px 124px;
    }*/
    /* juegos */
    .fondo_negro {}
    .juegos_nav {}
    .juego {
        margin-top: 0px;
    }
    .juego img {
        width: 100%;
    }
    .juegos_tiempo_cont {
        width: 21%;
    }
    .juegos_tiempo {
        font-size: 12px;
    }
    .juegos_titulo {
        font-size: 10px;
        margin: 8px 4px 4px;
        float: left;
        clear: both;
        width: 8%;
        text-align: center;
    }
    .juegos_boton {
        margin: 4px;
        float: left;
        clear: both;
        width: 8%;
    }
    .juegos_boton a {
        padding: 4px;
        font-size: 10px;
    }
    .juegos_boton_full {
        margin: 0 0 0 4px;
        position: absolute;
        color: #fff;
        font-size: 10px;
        line-height: 10px;
        width: 8%;
        text-align: center;
        bottom: 5px;
    }
    .juegos_boton_full img {
        margin: 0 auto 8px;
        float: none;
    }
    .juegos_tiempo_cont,
    .clock {
        width: 10%;
        clear: both;
        border-right: none;
        height: 50px;
        border-bottom: solid 1px #eee;
    }
    .clock {
        float: left;
        display: inline-table;
    }
    .clock img {
        display: block;
        margin: 14px auto;
        width: 40%;
    }
    .fondo_negro .centro {
        width: 74%;
    }
    .juegos_cont {
        border-right: solid 1px #fc0;
        height: 100%;
        position: absolute;
        left: 10%;
    }
    /* fin juegos */
    /* jugar principal */
    #jugar2 {
        width: 100%;
    }
    #jugar2 .jugar_pasos {
        text-transform: uppercase;
        color: #FFF;
        font-size: 11px;
        font-weight: 700;
        text-align: center;
        font-style: italic;
        /* padding-top: 8px; */
        width: 100% !important;
        padding: 6px 30px;
        margin: 0 auto 7px;
        background-color: rgba(0, 0, 0, 0.3);
        border-radius: 10px;
        line-height: 20px !important;
        min-height: 85px;
        display: block;
    }
    /* fin jugar principal */
}

@media (max-width: 480px) {
    .content {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
    .sobrenav {
        font-size: 11px;
    }
    .main {
        height: auto;
    }
    .contact {
        /*float: left;*/
        margin: 6px 0 0 5px;
        font-size: 7px !important;
        text-align: center;
        width: 100%;
        line-height: 18px;
    }
    .social {
        width: 46%;
        float: right;
        margin: 0;
    }
    .social span {
        margin: 5px 5px 0 0;
        display: inline-block;
        float: right;
    }
    .social ul {
        float: right;
        clear: both;
    }
    .social ul li img {
        width: 28px;
        height: auto;
    }
    .logo_interbet,
    .logo_loteria {
        float: left;
        display: block;
        margin: 10px 0 0 10px;
    }
    .logo_interbet {
        float: left !important;
        margin: 0 10px 10px 10px !important;
        width: 40%;
    }
    .logo_quiniela {
        float: right !important;
        /*margin-top:-50px!important;*/
        /*margin-left:-50px!important;*/
        width: 20%;
    }
    .logo_quiniela a img {
        width: 60px !important;
        /* right: 10px !important; */
        float: right !important;
    }
    .logo_interbet a img {
        width: 80px !important;
        /* right: 10px !important; */
        float: left;
    }
    .logo_loteria img {
        width: 70px !important;
        float: left;
    }
    .loggin {
        float: right;
        width: 100%;
        margin: 0;
        padding: 4px 0 0 0;
    }
    .form_col_1_3 {
        float: left;
        width: 31% !important;
        margin-left: 6px;
    }
    #form_loggin input {
        height: 19px;
        width: 100%;
        margin: 7px 0 0 0;
        padding: 0;
        font-size: 9px;
        color: #fff;
        border-radius: 5px;
        border: solid 1px #999;
        text-indent: 11px;
        background-color: transparent;
        text-transform: uppercase;
        cursor: pointer;
    }
    #form_loggin label {
        font-size: 8px;
        font-weight: 700;
        color: #fff;
        text-transform: uppercase;
        display: inline-table;
        vertical-align: middle;
        text-align: center;
        width: 100%;
        padding: 11px 0 9px;
    }
    .loggin #form_loggin input {
        height: 19px !important;
    }
    #form_loggin #boton_ingresar,
    #form_loggin #boton_registrarse {
        height: 19px;
        width: 100%;
        margin: 3px 0 0 0;
        padding: 0;
        font-size: 9px;
        font-weight: 700;
        border-radius: 5px;
        border: solid 1px #999;
        text-indent: 0;
        text-transform: uppercase;
    }
    #registro {
        margin-bottom: 3px;
    }
    #form_loggin #boton_ingresar {
        background-color: #7dac09 !important;
    }
    #form_loggin #boton_registrarse {
        background-color: #Fc0 !important;
    }
    #registro {
        padding: 11px 0 6px 0 !important
    }
    nav {
        margin: 0;
    }
    nav ul li {
        display: inline-table !important;
        width: 33% !important;
        /*50*/
        height: 30px;
        /*30*/
        background-color: #000;
        /* border: solid 1px #fff; */
        /* padding: 0 16px; */
    }
    nav ul li a {
        padding: 7px 0px !important;
        font-size: 0.6em !important;
        /* background: red; */
    }
    .jugar {
        width: 100% !important;
        height: 182px !important;
        margin: 5px 0 0 0;
        background-image: none !important;
        background-color: #408f02;
    }
    .jugar_facil {
        width: 100%;
        height: auto !important;
        margin: 0;
        background-image: none !important;
        font-size: 18px !important;
        font-weight: 700;
        padding: 10px 20px 0 28px;
        text-align: center;
    }
    .jugar_pasos {
        font-size: 9px;
        text-align: center;
        padding-top: 8px;
        margin: 0 5px;
        line-height: 13px;
        width: 46% !important;
    }
    .jugar_pasos span {
        font-size: 22px !important;
        display: block;
        clear: both;
        padding: 5px 0;
    }
    .jugar_pasos br {
        display: none !important;
    }
    .jugar_flecha {
        display: none !important;
    }
    .beneficios {
        width: 100% !important;
        height: 147px !important;
        margin: 5px 0 0 0 !important;
        background-color: #000;
    }
    .beneficios_title {
        font-size: 18px;
        padding-top: 8px;
    }
    .beneficios_cont {
        margin: 0 auto;
        display: block;
        width: 98%;
        /* border: solid
	 1px red; */
        padding-left: 0 !important;
    }
    .beneficios_uno {
        padding-left: 0 !important;
        margin-right: 0 !important;
    }
    .beneficios_pasos {
        float: left;
        text-transform: uppercase;
        color: #FFF;
        font-size: 9px !important;
        font-weight: 700;
        text-align: left;
        font-style: italic;
        padding-top: 8px;
        width: 32% !important;
        margin: 0 1px !important;
    }
    .beneficios_pasos img {
        display: block;
        margin: 0 auto;
        float: none;
        clear: both;
    }
    .beneficios_pasos span {
        display: block;
        margin: 5px 0 0 0;
        text-align: center;
    }
    .juegos_home_sl {
        width: 100%;
        margin: 0 auto;
        /*background-color: #222;*/
        height: auto;
        /* padding-bottom: 10px; */
        display: inline-block;
        padding: 0 0 20px;
        box-sizing: border-box;
    }
    .juego_n1 {
        width: 45%;
        height: 120px;
        margin-left: 0 !important;
        box-sizing: unset;
    }
    .juego_n1,
    .juego_n2,
    .juego_n3 {
        border: solid 3px #fc0;
        float: left;
        margin: 20px 6px !important;
        display: block !important;
        width: 45% !important;
        height: 90px !important;
    }
    .juego_n1 img,
    .juego_n2 img,
    .juego_n3 img {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0 auto;
    }
    .juego_n1 img,
    .juego_n2 img,
    .juego_n3 img {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0 auto;
    }
    .juego_n1 {
        width: 95% !important;
        height: 220px !important;
        margin-right: 0 !important;
        padding-right: 0 !important;
    }
    .juego_n3 {
        width: 45% !important;
    }
    .masjuegos {
        width: 45% !important;
        height: 90px !important;
        /* border: solid 3px #fc0; */
        float: left;
        margin: 20px 6px;
        background-color: #555;
    }
    .masjuegos a {
        font-size: 17px;
        margin-top: 34px !important;
    }
    .legales {
        clear: both;
        padding-top: 20px;
    }
    footer {
        width: 100%;
        padding: 0px 0;
        background-color: #000;
    }
    .menu_footer {
        width: 100%;
        margin: 0 auto;
        height: auto;
    }
    .menu_footer ul {
        width: 100%;
        margin: 0 auto;
        display: block;
        padding: 0;
    }
    .menu_footer ul li {
        margin: 10px 0 0;
        width: 24%;
    }
    .menu_footer ul li a {
        font-size: 9px;
        padding: 0px 10px;
        display: block;
    }
    .usuario {
        float: right;
        /* background-color: #000; */
        height: 65px;
        width: 100%;
    }
    .nombre,
    .saldo {
        height: 40px;
        margin-top: 10px;
    }
    .nombre {
        font-size: 16px;
        padding: 2px 0 0 0;
        /* box-sizing: border-box; */
        font-weight: 600;
        /* width: 10px !important; */
        text-align: center;
        width: 49% !important;
    }
    .usuario br,
    .nombre br,
    .apuestas_info br {
        display: none !important;
    }
    .nombre span {
        clear: none;
        text-transform: uppercase;
        margin-left: 5px;
        float: none;
        width: 40%;
        text-align: center;
    }
    .mi_cuenta_boton {
        width: 40% !important;
        height: 25px;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        border: solid 1px #fc0;
        display: block;
        font-size: 12px;
        padding: 4px 0px;
        margin: -14px 0 0 20px !important;
        box-sizing: border-box;
        cursor: pointer;
        float: left !important;
        right: auto !important;
    }
    .usuario_micuenta .col_left .nombre {
        font-size: 16px;
        padding: 7px 0 0 0;
        /* box-sizing: border-box; */
        font-weight: 600;
        /* width: 10px !important; */
        text-align: center;
        width: 95% !important;
    }
    .usuario_micuenta .col_left .nombre span {
        clear: none;
        text-transform: uppercase;
        margin-left: 5px;
        float: none;
        width: 40%;
        text-align: center;
    }
    .usuario_micuenta .col_left .mi_cuenta_boton {
        width: 57% !important;
        height: 30px;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        border: solid 1px #fc0;
        display: block;
        font-size: 12px;
        padding: 6px 0px;
        margin: 44px auto 0 !important;
        box-sizing: border-box;
        cursor: pointer;
        float: none !important;
        right: auto !important;
    }
    .col_right {
        float: right;
        width: 45%;
    }
    .saldo {
        margin: auto;
        line-height: 21px;
        font-size: 13px;
        color: #fff;
        width: 50% !important;
    }
    .saldo span {
        font-size: 30px;
        font-weight: 500;
        /* line-height: 10px; */
        display: block;
        color: #fc0;
        padding: 0px 0 0 0;
        margin-right: 7px;
        clear: both !important;
    }
    h1 {
        font-size: 30px;
        font-weight: 700;
        color: #333;
        text-align: left;
        text-transform: uppercase;
        clear: both;
        margin: 10px 0;
    }
    .registro {
        width: 100%;
        margin: 20px auto;
    }
    .registro .acerca {
        padding: 10px 20px;
        background-color: #222;
        margin: 20px auto;
        box-sizing: border-box;
    }
    .responsable {
        width: 100%;
        margin: 20px auto;
    }
    .links ul {
        list-style: none;
        width: 90%;
        margin: 0 auto;
        height: 40px;
        padding: 0;
    }
    .links ul li {
        width: 49%;
    }
    .usuario_micuenta {
        margin-top: 10px;
        width: 100%;
        background-color: #000;
    }
    .usuario_micuenta .saldo {
        line-height: 18px;
        font-size: 14px;
        color: #fc0;
        text-align: center;
        margin: 14px 0 0 0;
        width: 100% !important;
    }
    .menu_micuenta {
        height: 46px;
    }
    .menu_micuenta a {
        font-size: 18px;
        padding: 10px 0 0;
    }
    .apuestas_info {
        margin: 20px auto;
        width: 100%;
    }
    .micuenta_submenu {
        float: left;
        margin: 10px 0 0 0px;
        width: 28%;
        border-right: solid 1px #ccc;
    }
    .micuenta_submenu ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: block;
        position: relative;
        min-height: auto;
    }
    .micuenta_submenu span {
        font-size: 16px;
        padding: 5px 0 5px 5px;
        margin-bottom: 0px;
    }
    .micuenta_submenu>ul>li a {
        font-size: 11px;
        padding: 10px 0 10px 10px;
    }
    .micuenta_info,
    .datos_personales {
        float: right;
        margin: 5px 0px 0px 0;
        /* height: 200px; */
        width: 70% !important;
    }
    .datos_personales .micuenta_info {
        width: 100% !important;
    }
    #botonenviar {
        height: 40px!important;
        margin: 20px auto 0 !important;
        min-height: 40px !important;
    }
    .micuenta_cont {
        padding-top: 10px;
    }
    .juego_n0 {
        margin: 20px 0px !important;
        width: 100% !important;
        height: 140px !important;
    }
    .juego_n0:hover .juego_on,
    .juego_n1:hover .juego_on,
    .juego_n2:hover .juego_on,
    .juego_n3:hover .juego_on {
        margin: -154px 0 0 0;
        background-color: transparent;
    }
    .micuenta_info h1,
    .apuestas_info h1,
    .registro h1,
    .responsable h1 {
        color: #fff;
        text-align: center;
        margin: 0 auto;
        font-size: 18px;
        text-transform: uppercase;
    }
    #formulario {
        display: block;
        width: 100%;
    }
    #formdata {
        width: 100%;
        margin: 0 auto;
    }
    .color1 {
        padding: 10px 0 30px;
    }
    #formulario label {
        float: none;
        font-size: 12px;
        margin: 0 auto 10px;
        padding-top: 15px;
        text-align: center;
        display: block;
        width: 90% !important;
    }
    #formulario input {
        padding: 5px 5px 5px 10px;
        width: 90%;
        height: 30px !important;
        font-size: 14px;
        color: #333;
        margin: 0 auto;
        border: none;
        box-sizing: border-box;
        display: block;
        float: none !important;
    }
    #formulario select {
        float: none;
        clear: both;
        width: 90% !important;
        height: 39px !important;
        margin: 0 auto 10px !important;
        display: block;
    }
    input[type=radio] {
        float: left !important;
        width: 5% !important;
        margin: 15px -14px 0 20px !important;
        display: inline-table !important;
    }
    input[type="checkbox"] {
        float: left !important;
        margin: 12px 9px 0 !important;
        width: 8px !important;
        height: 18px !important;
    }
    #sexo {
        width: 90%;
        padding: 10px 0;
        margin: 0 auto;
    }
    .registro #sexo {
        width: 90%;
    }
    /*.datos_personales #sexo {
        margin: 0 0 30px 4px;
    }
    #sexo input[type=radio] {
        float: left !important;
        margin: 8px 9px 0 !important;
        width: 14px !important;
        height: 18px !important;
    }
    #sexo span {
        margin: 13px 0 0 0 !important;
        padding: 0 !important;
    }*/
    #formdata #marca {
        width: 28px !important;
        margin: 0 auto !important;
        height: 28px !important;
    }
    #formdata #control_marca {
        width: 4% !important;
        float: none !important;
        margin: 20px auto !important;
    }
    .logueo {
        width: 90%;
    }
    .centro {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        margin: 30px auto 0;
        /* border: solid 4px #fff; */
        padding: 20px;
        width: 90%;
    }
    .centro .olvide {
        text-align: center;
    }
    .centro .registrarse {
        width: 100%;
        text-align: center;
    }
    .centro .registrarse span {
        float: none;
        padding: 7px 15px;
        clear: both;
        display: block;
        width: 80%;
        margin: 0 auto;
    }
    .centro #formulario {
        display: inline-block;
        margin: 0px auto -75px!important;
        width: 100%;
        border-bottom: solid 1px #fff;
        padding-bottom: 30px;
    }
    .centro .registrarse .boton_registrarse {
        display: inline-table;
        margin: 10px auto;
    }
    .registroh1 {
        width: 100%;
        box-sizing: border-box;
    }
    .popup_50 {
        width: 65%;
        left: 36%;
    }
    .buscar {
        width: 80%;
        padding: 10px 0;
        float: none;
    }
    #formulario span {
        font-size: 12px;
    }
    .micuenta_submenu .activo {
        font-size: 14px;
    }
    .centro .registrarse,
    .centro .popup_contacto {
        margin: 0px -10px !important;
        width: 110% !important;
    }
    .centro .popup_contacto span {
        width: 50%;
        font-size: 7px;
        text-align: center;
        line-height: 16px !important;
        padding: 100px 0px 0px 0px !important;
    }
    .centro .popup_contacto img {
        width: 20%;
        clear: both;
        float: none;
        margin: 0 auto;
        margin-right: 0px !important;
    }
    .buscar input {
        margin: 0 0 0 10px;
        padding: 5px;
        text-indent: 10px;
        height: 24px !important;
        width: 100px !important;
    }
    table.tabla_info {
        width: 97% !important;
        margin: 10px auto 0;
    }
    table label {
        text-align: center;
        float: none !important;
    }
    table select {
        float: none !important;
        margin-top: 6px;
    }
    .centro #botonenviar {
        height: 11px!important;
        /* background-color: #455c11 !important; */
        color: #FFF!important;
        font-weight: 600!important;
        font-size: 14px!important;
        margin: 0 !important;
        box-sizing: content-box;
        margin: 10px auto 0 !important;
        display: block;
        cursor: pointer;
        width: 100% !important;
        float: none !important;
        padding: 0 !important;
    }
    .micuenta_info #acepto {
        float: none !important;
        margin: 12px auto 0 !important;
        width: 8px !important;
        height: 18px !important;
    }
    /* juegos */
    .fondo_negro {}
    .juegos_nav {}
    .juego {
        margin-top: 0px;
    }
    .juego img {
        width: 100%;
    }
    .juegos_tiempo_cont {
        width: 21%;
        float: left;
        clear: none;
        border-right: solid 1px #eee;
        border-bottom: none;
    }
    .juegos_tiempo {
        font-size: 12px;
    }
    .juegos_titulo {
        font-size: 10px;
        margin: 8px 0 8px 10px;
        float: left;
        clear: none;
        width: 20%;
    }
    .juegos_boton {
        margin: 5px 0 5px 11px;
        float: left;
        clear: none;
        width: 20%;
    }
    .juegos_boton a {
        padding: 4px;
    }
    .juegos_boton_full {
        margin: 360px 0 0 10px;
        position: absolute;
        color: #fff;
        font-size: 10px;
        line-height: 10px;
        width: 90%;
        bottom: auto;
    }
    .juegos_boton_full img {
        margin: -5px 6px 0 0;
        float: left;
    }
    .clock {
        float: left;
        width: 21%;
        display: inline-table;
        height: 60px;
        border-right: 1px solid #eee;
    }
    .clock img {
        display: block;
        margin: 15px auto;
        width: 40%;
    }
    .fondo_negro .centro {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .juegos_cont {
        border-right: solid 1px #fc0;
    }
    .juegos_cont {
        display: none;
    }
    /* fin juegos */
    p {
        color: #fff;
        font-size: 12px;
        line-height: 21px;
        font-weight: 300;
    }
    .accordion-section-title {
        font-size: 12px;
    }
    .links ul li a {
        font-size: 10px;
    }
    table.tabla_info thead th {
        font-size: 10px;
    }
    table.tabla_info tbody td {
        font-size: 10px;
    }
    table.tabla_info tfoot td {
        font-size: 10px;
    }
    table.tabla_info tfoot .tabla_links a {
        margin: 1px 0;
    }
}

@media screen and (max-width: 560px) and (min-width: 419px) {
    .form_col_1_3 {
        margin-left: 14px;
    }
    nav ul li {
        width: 23% !important;
    }
    .beneficios {
        height: 147px !important;
    }
    .juego_n2 .juego_n3 {
        width: 44% !important;
    }
    .micuenta_info table select {
        float: none;
    }
    /* juegos */
    .fondo_negro {}
    .juegos_nav {}
    .juego {
        margin-top: 0px;
    }
    .juego img {
        width: 100%;
    }
    .juegos_tiempo_cont {
        width: 21%;
        float: left;
        clear: none;
        border-right: solid 1px #eee;
        border-bottom: none;
    }
    .juegos_tiempo {
        font-size: 12px;
    }
    .juegos_titulo {
        font-size: 10px;
        margin: 8px 0 8px 10px;
        float: left;
        clear: none;
        width: 20%;
    }
    .juegos_boton {
        margin: 5px 0 5px 11px;
        float: left;
        clear: none;
        width: 20%;
    }
    .juegos_boton a {
        padding: 4px;
    }
    .juegos_boton_full {
        margin: 390px 0 0 10px;
        position: absolute;
        color: #fff;
        font-size: 10px;
        line-height: 10px;
        width: 90%;
        bottom: auto;
        text-align: left;
    }
    .juegos_boton_full img {
        margin: -5px 6px 0 0;
        float: left;
    }
    .clock {
        float: left;
        width: 21%;
        display: inline-table;
        height: 60px;
        border-right: 1px solid #eee;
    }
    .clock img {
        display: block;
        margin: 15px auto;
        width: 40%;
    }
    .fondo_negro .centro {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .juegos_cont {
        border-right: solid 1px #fc0;
    }
    .juegos_cont {
        display: none;
    }
    /* fin juegos */
}

@media screen and (max-width: 359px) and (min-width: 300px) {
    .logo_interbet,
    .logo_loteria {
        float: left;
        display: block;
        margin: 10px 0 0 10px;
    }
    .logo_interbet {
        float: left !important;
        margin: 0 10px 10px 10px !important;
        width: 40%;
    }
    .logo_quiniela {
        float: right !important;
        margin-top: -50px!important;
        /*margin-left:-50px!important;*/
        width: 20%;
    }
    .logo_quiniela a img {
        width: 60px !important;
        /* right: 10px !important; */
        float: right !important;
    }
    .logo_interbet a img {
        width: 80px !important;
        /* right: 10px !important; */
        float: left;
    }
    .logo_loteria img {
        width: 70px !important;
        float: left;
    }
    #registro {
        padding: 8px 0 0 0 !important
    }
    #registro a {
        width: 80% !important;
        display: block;
        margin: 0 auto;
    }
    .juego_n1 {
        width: 94% !important;
    }
    .juego_n2,
    .juego_n3 {
        width: 44% !important;
    }
}

@media (max-width: 480px) {
    .contact {
        /*float: left;*/
        margin: 6px 0 0 5px !important;
        font-size: 7px !important;
        text-align: center;
        width: 100%;
        line-height: 18px;
    }
    .header-cantidad {
        color: #fff;
        float: right;
        font-size: 12px;
        text-transform: initial;
        margin-top: 10px;
        width: 100%;
        text-align: center;
        margin: 7px 10px 0 0;
        /* background: red; */
    }
    .header-premios-res {
        display: block;
        opacity: 1;
        width: 100%;
        padding: 2px;
        text-align: center;
        color: #ea0000;
        font-weight: 900;
        background-color: #ffcc00;
        font-size: 14px;
        /* text-shadow: -3px 3px 7px rgb(255, 255, 255); */
        line-height: 16px;
        text-transform: uppercase;
        height: 36px;
    }
    .header-premios {
        display: none;
        opacity: 0;
    }
    .news-marco-1 {
        width: 100% !important;
    }
    .info-jack img {
        display: block !important;
        /* float: left; */
        width: 19px;
        height: auto;
        display: inline-table !important;
        vertical-align: middle !important;
        height: 26px !important;
        width: auto !important;
        margin: 0 6px 0 0 !important;
    }
    .juego_n1 .juego_on .juego_boton a {
        padding-top: 32%;
    }
    .juego_n2 .juego_on .juego_boton a,
    .juego_n3 .juego_on .juego_boton.boton_demo_txt a,
    .juego_n3 .juego_on .juego_boton a {
        padding-top: 31% !important;
        font-size: 12px;
        vertical-align: middle;
    }
    .juego_n1,
    .juego_n2,
    .juego_n3 {
        border: solid 3px #fc0;
        float: left;
        margin: 20px 6px 10px !important;
        display: block !important;
        width: 45% !important;
        height: 90px !important;
        /* background: red; */
        /* height: 300px; */
    }
    .juego_n2,
    .juego_n3 {
        border: solid 3px #fc0;
        float: left;
        width: 45% !important;
        height: 146px !important;
    }
    .juego_n1 {
        width: 95% !important;
        height: 296px !important;
        margin-right: 0 !important;
        padding-right: 0 !important;
    }
    .juego_n1 img {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        max-height: 220px;
    }
    .juego_n2 img,
    .juego_n3 img {
        display: block;
        width: 100%;
        height: auto;
        margin: 0 auto;
        max-height: 84px !important;
    }
    .info-nombre {
        vertical-align: middle;
        display: inline-block;
    }
    .info-nombre-jack {
        color: #fff;
        clear: both;
        font-size: 12px;
        text-transform: uppercase;
        margin: 0 0 4px !important;
        padding: 4px 0 0;
        vertical-align: middle;
        display: inline-block;
    }
    .flexslider .slides img {
        height: auto;
        -moz-user-select: none;
        height: 100% !important;
        width: 100%;
    }
    .slider {
        width: 100%;
        height: 140px;
    }
    .jugar {
        height: 147px !important;
        padding: 0 48px !important;
    }
    .jugar_pasos {
        font-size: 14px;
        text-align: center;
        padding-top: 8px;
        margin: 0 5px;
        line-height: 23px;
        width: 100% !important;
        left: -8px !important;
    }
    #msform #sexo {
        width: 100% !important;
    }
    #msform #formulario label {
        text-align: left !important;
    }
    .juego_n1 .juego_on .juego_boton a {
        padding-top: 32% !important;
    }
    .juego_n2 .juego_on .juego_boton a,
    .juego_n3 .juego_on .juego_boton.boton_demo_txt a,
    .juego_n3 .juego_on .juego_boton a {
        padding-top: 32% !important;
    }
}

@media (max-width:801px) {
    .contact {
        /*float: left;*/
        margin: 6px 0 0 5px !important;
        font-size: 9px !important;
        text-align: center;
        width: 100%;
        line-height: 18px;
    }
    .header-cantidad {
        color: #fff;
        float: right;
        font-size: 12px;
        text-transform: initial;
        margin-top: 10px;
        width: 100%;
        text-align: center;
        margin: 7px 10px 0 0;
        /* background: red; */
    }
    .header-premios-res {
        display: block;
        opacity: 1;
        width: 100%;
        padding: 2px;
        text-align: center;
        color: #ea0000;
        font-weight: 900;
        background-color: #ffcc00;
        font-size: 14px;
        /* text-shadow: -3px 3px 7px rgb(255, 255, 255); */
        line-height: 16px;
        text-transform: uppercase;
        height: 36px;
    }
    .header-premios {
        display: none;
        opacity: 0;
    }
    .news-marco-1 {
        width: 100% !important;
    }
    /* juego */
    .info-jack img {
        display: block !important;
        /* float: left; */
        width: 19px;
        height: auto;
        display: inline-table !important;
        vertical-align: middle !important;
        height: 26px !important;
        width: auto !important;
        margin: 0 6px 0 0 !important;
    }
    .juego_n1,
    .juego_n2,
    .juego_n3 {
        border: solid 3px #fc0;
        float: left;
        margin: 20px 6px 10px !important;
        display: block !important;
        width: 45% !important;
        height: 90px !important;
        /* background: red; */
        /* height: 300px; */
    }
    .juego_n2,
    .juego_n3 {
        border: solid 3px #fc0;
        float: left;
        width: 45% !important;
        height: 146px !important;
    }
    .juego_n1 {
        width: 95% !important;
        height: 296px !important;
        margin-right: 0 !important;
        padding-right: 0 !important;
    }
    .juego_n1 img {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        max-height: 220px;
    }
    .juego_n2 img,
    .juego_n3 img,
    .juego_n3 video {
        display: block;
        width: 100%;
        height: auto;
        margin: 0 auto;
        max-height: 84px !important;
    }
    .info-nombre {
        vertical-align: middle;
        display: inline-block;
    }
    .info-nombre-jack {
        color: #fff;
        clear: both;
        font-size: 12px;
        text-transform: uppercase;
        margin: 0 0 4px !important;
        padding: 4px 0 0;
        vertical-align: middle;
        display: inline-block;
    }
    /* fin juego */
    /* hover */
    .juego_n1 .juego_on,
    .juego_n1:hover .juego_on {
        height: 140px;
        margin: -140px 0 0 0 !important;
    }
    .juego_n1 .juego_on .juego_boton a {
        padding-top: 32%;
    }
    .info-juego {
        margin: 0 0 0 0 !important;
    }
    .juego_n2:hover .juego_on,
    .juego_n3:hover .juego_on {
        margin: -84px 0 0 0;
        height: 82px;
    }
    .juego_n2 .juego_on .juego_boton a,
    .juego_n3 .juego_on .juego_boton.boton_demo_txt a,
    .juego_n3 .juego_on .juego_boton a {
        padding-top: 25% !important;
    }
    /* fin hover */
    .flexslider .slides img {
        height: auto;
        -moz-user-select: none;
        height: 100% !important;
        width: 100%;
    }
    .slider {
        width: 100%;
        height: 140px;
    }
    /* sección jugar */
    .jugar {
        width: 100% !important;
        height: 147px !important;
        margin: 5px 0 0 0;
        background-image: none !important;
        background-color: #408f02;
        padding: 0 48px !important;
    }
    .jugar_facil {
        width: 100%;
        height: auto !important;
        margin: 0;
        background-image: none !important;
        font-size: 22px !important;
        font-weight: 700;
        padding: 10px 20px 0 28px;
        text-align: center;
    }
    .jugar_pasos {
        font-size: 14px;
        text-align: center;
        padding-top: 8px;
        margin: 0 5px;
        line-height: 23px;
        width: 100% !important;
        left: -8px !important;
    }
    .jugar_pasos span {
        font-size: 22px !important;
        display: block;
        clear: both;
        padding: 5px 0;
    }
    .jugar_pasos br {
        display: none !important;
    }
    .jugar_flecha {
        display: none !important;
    }
    /* fin sección jugar */
    #msform #sexo {
        width: 90%;
        padding: 10px 0;
        margin: 0 0 30px 0;
    }
    #msform #sexo span {
        margin: 8px 0px 0 0 !important;
        padding: 0 0px 0 10px !important;
    }
    #msform select {
        width: 100% !important;
        border: solid 1px #ccc;
    }
    #msform .action-button {
        display: inline-block;
        width: 45%;
    }
    /*#sexo {
        width: 100%;
        padding: 10px 20px 10px 0;
        margin: 0 0 30px 0;
    }
    #sexo span {
        margin: 8px 20px 0 0 !important;
        padding: 0 !important;
        font-size: 11px;
    }*/
    #jugar2 {
        width: 100%;
    }
    .juego_n0,
    .juego_n1,
    .juego_n2,
    .juego_n3 {
        background-color: transparent !important;
    }
    .juego_n1,
    .juego_n2,
    .juego_n3 {
        border: none !important;
    }
    .juego_n1 {
        width: 96% !important;
    }
    .juego_n2,
    .juego_n3 {
        width: 47.3% !important;
        margin-right: 1% !important;
    }
    .juego_n1>img,
    .juego_n2>img,
    .juego_n3>img,
    .juego_n3>video {
        border: solid 3px #fc0;
        box-sizing: border-box;
    }
}

@media (max-width:1119px) {
    .news-res {
        color: #fc0;
        font-weight: 600;
        font-size: 15px;
    }
    .news-marco-1 {
        width: 30% !important;
        margin: 6px 0;
        background-color: #000;
        float: right;
    }
    .news-marco-2 {
        height: 256px;
    }
    .premios-recientes {
        color: #fff;
        text-align: center;
        font-size: 22px;
        font-weight: 400;
        padding: 10px;
    }
    /* sección jugar */
    .jugar {
        width: 100% !important;
        height: 147px !important;
        margin: 5px 0 0 0;
        background-image: none !important;
        background-color: #a4a90f;
        padding: 0 48px !important;
    }
    .jugar_facil {
        width: 100%;
        height: auto !important;
        margin: 0;
        background-image: none !important;
        font-size: 22px !important;
        font-weight: 700;
        padding: 10px 20px 0 28px;
        text-align: center;
    }
    .jugar_pasos {
        font-size: 14px;
        text-align: center;
        padding-top: 8px;
        margin: 0 5px;
        line-height: 23px;
        width: 100% !important;
        left: -8px !important;
    }
    .jugar_pasos span {
        font-size: 22px !important;
        display: block;
        clear: both;
        padding: 5px 0;
    }
    .jugar_pasos br {
        display: none !important;
    }
    .jugar_flecha {
        display: none !important;
    }
    /* fin sección jugar */
    /* jugas pasos principal */
    #jugar2 {
        float: left;
        background: #295e02;
        height: auto;
        background: #c9de96;
        /* Old browsers */
        background: -moz-linear-gradient(top, #3f9003 0%, #285d03 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #3f9003 0%, #285d03 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #3f9003 0%, #285d03 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#3f9003', endColorstr='#285d03', GradientType=0);
        /* IE6-9 */
    }
    #jugar2 .jugar_facil {
        background-image: none !important;
        width: 100%;
        text-align: center;
        margin: 5px 0 15px;
        height: 50px;
    }
    #jugar2 .jugar_flecha {
        display: none;
    }
    #jugar2 .jugar_pasos {
        text-transform: uppercase;
        color: #FFF;
        font-size: 11px;
        font-weight: 700;
        text-align: center;
        font-style: italic;
        /* padding-top: 8px; */
        width: 43% !important;
        padding: 6px 2%;
        margin: 0 3% 21px;
        background-color: rgba(0, 0, 0, 0.3);
        border-radius: 10px;
        line-height: 20px !important;
        min-height: 103px;
    }
    /* fin jugar pasos principal */
}

@media (max-width: 640px) {
    .contact {
        /*float: left;*/
        margin: 6px 0 0 5px !important;
        font-size: 7px !important;
        text-align: center;
        width: 100%;
        line-height: 18px;
    }
    .juego_n1,
    .juego_n2,
    .juego_n3 {
        border: solid 3px #fc0;
        float: left;
        margin: 20px 6px 10px !important;
        display: block !important;
        width: 45% !important;
        height: 90px !important;
        /* background: red; */
        /* height: 300px; */
    }
    .juego_n2,
    .juego_n3 {
        border: solid 3px #fc0;
        float: left;
        width: 46.6% !important;
        height: 146px !important;
    }
    .juego_n1 {
        width: 95% !important;
        height: 170px !important;
        margin-right: 0 !important;
        padding-right: 0 !important;
    }
    .juego_n1 img {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        max-height: 140px;
    }
    .juego_n2 img,
    .juego_n3 img,
    .juego_n3 video {
        display: block;
        width: 100%;
        height: auto;
        margin: 0 auto;
        max-height: 84px !important;
    }
    .info-nombre {
        vertical-align: middle;
        display: inline-block;
    }
    .info-nombre-jack {
        color: #fff;
        clear: both;
        font-size: 12px;
        text-transform: uppercase;
        margin: 0 0 4px !important;
        padding: 4px 0 0;
        vertical-align: middle;
        display: inline-block;
    }
    .info-jack img {
        display: block !important;
        /* float: left; */
        width: 19px;
        height: auto;
        display: inline-table !important;
        vertical-align: middle !important;
        height: 26px !important;
        width: auto !important;
        margin: 0 6px 0 0 !important;
    }
    .flexslider .slides img {
        height: auto;
        -moz-user-select: none;
        height: 100% !important;
        width: 100%;
    }
    .slider {
        width: 100%;
        height: 140px;
    }
    .jugar {
        height: 147px !important;
        padding: 0 48px !important;
    }
    .jugar_pasos {
        font-size: 13px;
        text-align: center;
        padding-top: 8px;
        margin: 0 5px;
        line-height: 18px;
        width: 100% !important;
        left: -8px !important;
    }
    #jugar-pasos {
        width: 45% !important;
        float: left !important;
        font-size: 10px;
    }
    #jugar {
        height: 240px !important;
        padding: 0 4px !important;
    }
    .news-marco-1 {
        width: 100% !important;
        margin: 6px 0;
        background-color: #000;
        float: right;
    }
    #progressbar {
        width: 100% !important;
    }
    .juego_n1 .juego_on .juego_boton a {
        padding-top: 50%;
    }
    .info-juego {
        margin: 0 0 0 0 !important;
    }
    .juego_n2:hover .juego_on,
    .juego_n3:hover .juego_on {
        margin: -84px 0 0 0;
        height: 82px;
    }
    .juego_n2 .juego_on .juego_boton a,
    .juego_n3 .juego_on .juego_boton.boton_demo_txt a,
    .juego_n3 .juego_on .juego_boton a {
        padding-top: 30% !important;
    }
    /* fin hover */
    input[type="checkbox"] {
        -ms-transform: scale(2);
        /* IE */
        -moz-transform: scale(2);
        /* FF */
        -webkit-transform: scale(2);
        /* Safari and Chrome */
        -o-transform: scale(2);
        /* Opera */
    }
    .header-cantidad {
        color: #fff;
        float: right;
        font-size: 12px;
        text-transform: initial;
        margin-top: 10px;
        width: 100%;
        text-align: center;
        margin: 7px 10px 0 0;
    }
    .header-premios-res {
        display: block;
        opacity: 1;
        width: 100%;
        padding: 2px;
        text-align: center;
        color: #ea0000;
        font-weight: 900;
        background-color: #ffcc00;
        font-size: 14px;
        /* text-shadow: -3px 3px 7px rgb(255, 255, 255); */
        line-height: 16px;
        text-transform: uppercase;
        height: 36px;
    }
    .header-premios {
        display: none;
        opacity: 0;
    }
    .news-marco-1 {
        width: 100% !important;
    }
    /* jugar principal */
    #jugar2 {
        width: 100%;
    }
    #jugar2 .jugar_pasos {
        text-transform: uppercase;
        color: #FFF;
        font-size: 11px;
        font-weight: 700;
        text-align: center;
        font-style: italic;
        /* padding-top: 8px; */
        width: 100% !important;
        padding: 6px 30px;
        margin: 0 auto 7px;
        background-color: rgba(0, 0, 0, 0.3);
        border-radius: 10px;
        line-height: 20px !important;
        min-height: 85px;
        display: block;
    }
    /* fin jugar principal */
}

@media (max-width: 640px) {
    .usuario {
        height: 90px;
    }
}

@media (max-width: 480px) {
    .usuario {
        height: 90px;
    }
}

@media (max-width:1119px) and (min-width:641px) {
    #jugar {
        height: 360px!important;
    }
}

@media (max-width:802px) and (min-width:421px) {
    #infoUsuario,
    #infoMai l {
        margin-top: 12px;
    }
    #infoClave,
    #infoMailConfirmacion,
    #infoNombre,
    #infoApellido {
        margin-top: 57px;
    }
    #infoClaveConfirmacion {
        margin-top: 100px;
    }
    #infoArea {
        margin-top: 16px!important;
    }
    #infoTelefono {
        margin-top: 16px!important;
    }
    #area,
    #telefono {
        margin-left: 0px!important;
        margin-right: 0px!important;
    }
    #nombre,
    #apellido {
        width: 48%!important;
        margin-right: 0px!important;
        margin-left: 0px!important;
    }
    #msform #sexo span {
        padding: 0px!important;
        padding-left: 16px!important;
    }
}

@media (max-width: 802px) {
    .iconinfo {
        left: 86%;
    }
    #nombre,
    #apellido {
        float: left !important;
    }
    #infoNombre,
    #infoApellido {
        margin-top: 6px;
    }
    #infoApellido {
        left: 42%;
    }
}

#sexo {
    display: flex;
    justify-content: center;
}

@media (max-width: 500px){
.juego_n2,
.juego_n3 {
        border: solid 3px #fc0;
        float: left;
        width: 46.6% !important;
        height: 100px !important;
    }
}