/*
	
	Estilos para "Melate Retro"
	Versión "2.0"
	Autor "Sistemas Red Efectiva"
	
	1. Desktop, ancho mínimo 1200 pixeles.
	2. Desktop, ancho máximo 1199 pixeles.
	3. Desktop, ancho mínimo 768 pixeles, ancho máximo 991 pixeles.
	4. Móvil, ancho máximo 767 pixeles. 

*/
body {
     cursor: default;
     font-family: 'Open Sans' 
}
 .center {
     text-align: center;
     display: block;
     margin: 0 auto;
}
 .btn-default {
}
 .modal-header {
     padding: 15px;
     background: #0099cc;
     color: #ffffff;
}
 .modal-body p {
     font-size: 13px;
     font-weight: 400;
}
/*---------------------------------------------------------------------------ANCHO MÍNIMO 1200 PIXELES------------------------------------------------------------------------------*/
 @media screen and (min-width: 1200px) {
    /* Sección Cabecera */
     section.page-header.game {
         background: url('../../img/base/game-bg.jpg') #0099cc center no-repeat;
         background-size: cover;
         padding: 15px 0px;
         -webkit-box-shadow: inset 0px -8px 8px -9px rgba(0,0,0,0.5);
         -moz-box-shadow: inset 0px -8px 8px -9px rgba(0,0,0,0.5);
         box-shadow: inset 0px -8px 8px -9px rgba(0,0,0,0.5);
         margin: 0;
         height: 130px !important;
    }
     section.page-header.game .center {
         text-align: center;
    }
     section.page-header.game table.countdown {
         color: #FFFFFF;
         font-size: 12px;
         width: 80%;
         border-collapse: initial;
         line-height: 1.42857143 !important;
         font-weight: 600;
         padding: 6px;
         border-radius: 4px;
    }
     section.page-header.game table.countdown tr:first-child td {
         width: 50%;
    }
     section.page-header.game table.countdown tr:first-child td:first-child {
         text-align: left;
    }
     section.page-header.game table.countdown tr:first-child td:last-child {
         text-align: right;
    }
     section.page-header.game table.countdown tr:last-child td {
         width: 25%;
         text-align: center;
    }
     section.page-header.game table.countdown tr td.time {
         text-align: center !important;
    }
     section.page-header.game table.countdown tr td.time span {
         width: 40px;
         height: 40px;
         font-size: 22px;
         font-weight: 800;
         line-height: 42px;
         background: rgba(26, 57, 80, 0.4);
         border-radius: 4px;
         display: inline-block;
         margin: 6px 0;
         font-family: sans-serif;
    }
     section.page-header.game .v-align-center {
         height: 100px;
         display: table-cell;
         vertical-align: middle;
         width: 360px;
    }
     section.page-header.game .v-align-center h1 {
         margin: 0;
         color: white;
         font-size: 36px;
    }
     section.page-header.game .v-align-center h2 {
         margin: 0;
         color: white;
         font-size: 20px;
         font-weight: 600;
         line-height: 23px;
    }
     section.page-header.game img {
         height: 80px;
    }
    /* Sección Juego Mi Suerte */
     section.misuerte-juego {
    }
     section.misuerte-juego .alert.alert-danger {
         margin-bottom: 20px;
         border: 1px solid red;
         background: #ffd6d6;
         display: none;
    }
     section.misuerte-juego .alert.alert-danger button {
         color: red;
         opacity: 1;
    }
     section.misuerte-juego .alert.alert-danger p strong {
         font-weight: 800;
         color: red;
    }
     section.misuerte-juego .alert.alert-danger p {
         font-weight: 400;
         color: red;
    }
     span.step-lotto {
         color: #ffffff;
         font-size: 15px;
         border-radius: 50%;
         height: 30px;
         width: 30px;
         margin: 0 auto;
         line-height: 30px;
         background: #99cc33;
         display: inline-block;
         text-align: center;
         font-weight: 800;
         margin-right: 10px;
    }
     h4.step-lotto {
         margin: 0;
         display: inline-block;
         font-size: 14px;
         font-weight: 600;
         color: #282828;
    }
     div.juego {
         width: 100%;
         margin: 0 auto;
    }
     div.area-juego {
    }
     div.combinacion {
         padding: 10px 0px 15px 0px;
         width: 100%;
         text-align: center;
    }
     div.combinacion img {
         width: 30px;
    }
     div.combinacion span {
         font-size: 13px;
         font-weight: 600;
    }
     div.combinacion label {
         margin: 0 5px;
         cursor: pointer;
         font-weight: 600;
         font-size: 13px;
         color: #282828;
    }
     div.combinacion .btn-group {
         margin: 0 10px;
    }
     div.combinacion .btn-group button {
         width: 35px;
         height: 35px;
    }
     div.combinacion .btn-group button.selected {
         width: 35px;
         height: 35px;
         background-color: #99cc33 !important;
         border-color: #8cbb2c !important;
    }
     div.combinacion .btn-group .btn-primary:active:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
         background-color: #99cc33 !important;
         border-color: #8cbb2c !important;
    }
     div.acciones {
         text-align: center;
         float: right;
         padding: 4px 4px 0px 4px;
         display: block;
         border-radius: 8px 8px 0px 0px;
         background-color: #cfd8dc;
    }
     div.acciones button, div.acciones button:focus, div.acciones button:active {
         color: #fff !important;
         border: solid 1px #8cbb2c;
         font-weight: 600;
         background: #99cc33;
         min-width: 162px;
         outline: none;
         font-size: 13px;
         background: #9dd53a;
    }
     div.acciones button:hover {
         outline: none !important;
         border: solid 1px #74a01b;
         background: #89bf29;
    }
     ul.ul-casilleros {
         display: none;
    }
     ul.ul-casilleros li {
    }
     ul.ul-casilleros li button {
    }
     ul.ul-casilleros li:first-child button {
    }
     ul.ul-casilleros li:last-child button {
    }
     div.paneles {
         background-color: #cfd8dc;
         border-radius: 8px 0px 8px 8px;
         padding: 2px;
         clear: both;
         display: inline-block;
         width: 100%;
    }
     div.paneles .panel {
         float: left;
         width: 19.28%;
         margin: 2px;
         border-radius: 5px;
         position: relative;
         background: #eff1f5;
         border: 0;
         display: block;
         border: 3px solid transparent;
         padding-bottom: 10px;
    }
     div.paneles .panel:hover {
         transition: all;
         border-radius: 0px 5px 5px 5px;
         margin: -6px 2px 2px 2px;
         box-shadow: 3px 4px 8px rgba(0, 0, 0, .3);
         border: 3px solid #0099cc;
         background: #ffffff;
    }
     div.paneles .panel:hover .panel-id {
         border-radius: 0;
         background: none;
         color: rgba(41, 46, 49, 0.90);
    }
     div.paneles .panel:first-child {
    }
     div.paneles .panel:last-child {
         margin-right: 0;
    }
     div.paneles .panel:nth-child(2n) {
         background: #e1e6eb;
    }
     div.paneles .panel:nth-child(2n) .panel-id {
        /*background:#cfd8dc;
        */
         background: transparent;
    }
     div.paneles .panel:nth-child(2n):hover {
         background: #ffffff;
    }
     div.paneles .panel:nth-child(2n):hover .panel-id {
         background: none;
    }
     div.paneles .panel .favoritos {
         padding: 5px;
         padding-top: 0;
    }
     div.paneles .panel:hover .favoritos {
         padding: 5px;
         padding-top: 0;
    }
     div.paneles .panel .favoritos select {
         font-size: 12px;
         color: #282828;
         height: 25px;
         padding: 0 2px;
         border-radius: 2px;
    }
     div.paneles .panel .favoritos input {
         margin: 2px 0px;
         height: 25px;
         font-size: 12px;
         padding: 0 5px;
         border-radius: 2px;
    }
     div.paneles .panel .feedback {
         position: absolute;
         margin: 0 auto;
         margin-top: 25%;
         margin-left: 25%;
         display: none;
    }
     div.paneles .panel .feedback .feedback-success {
         height: 110px;
         width: 110px;
         background: rgba(153, 204, 51, 0.81);
         border-radius: 50%;
         display: none;
    }
     div.paneles .panel .feedback .feedback-error {
         height: 110px;
         width: 110px;
         background: rgba(204, 51, 51, 0.81);
         border-radius: 50%;
         display: none;
    }
     div.paneles .panel:hover .feedback {
         display: none;
    }
     div.paneles .panel .cta {
         display: none;
    }
     div.paneles .panel:hover .cta {
         display: block;
         left: -45px;
         position: absolute;
         top: -3px;
         width: 45px;
         padding: 4px 0 4px 2px;
         border-style: solid;
         border-width: 3px 0 3px 3px;
         border-color: #0099cc;
         background: #ffffff;
         text-align: center;
         float: right;
         border-radius: 5px 0 0 5px;
         font-size: 16px;
         margin-bottom: 4px;
    }
     div.paneles .panel:hover .cta button {
         outline: none;
         font-weight: bold;
         font-size: 12px;
         border: 1px solid #0099cc;
         background: #0099cc;
         color: #FFF;
         width: 35px;
         height: 35px;
         padding: 0;
    }
     div.paneles .panel:hover .cta button {
         margin-bottom: 5px;
    }
     div.paneles .panel:hover .cta button:last-child {
         margin-bottom: 0;
    }
     div.paneles .panel .cta button:hover {
         background: #1e6999;
         border: 1px solid #1e6999;
    }
     div.paneles .panel .cta button i {
         font-size: 16px;
         line-height: 20px;
    }
     div.paneles .panel .panel-id {
         display: block;
         text-align: center;
         font-weight: 600;
         background: transparent;
         color: #282828;
         font-size: 13px;
         padding: 5px 0px;
         border-top-left-radius: 6px;
         border-top-right-radius: 6px;
         border-bottom-right-radius: 0;
         border-bottom-left-radius: 0;
    }
     div.paneles .panel .numeros {
         width: 100%;
         padding: 0 5px;
         padding-top: 6px;
         display: table;
    }
     div.paneles .panel .numeros .columna {
         display: table-cell;
    }
	 div.paneles .panel .numeros .columna:first-child {
         vertical-align:bottom;
    }
     div.paneles .panel .numeros .columna span {
         font-weight: 600;
         font-size: 11px;
         line-height: 19px;
         height: 20px;
         width: 20px;
         background-color: #ffffff;
         border: 1px solid #b4babd;
         color: #636a6d;
         cursor: pointer;
         display: block;
         text-align: center;
         border-radius: 2px;
         margin: 0 auto;
         margin-bottom: 3px;
    }
     div.paneles .panel .numeros .columna span:hover {
         background: #0099cc;
         border-color: #0099cc;
         color: #fff;
    }
     div.paneles .panel .numeros .columna span.selected {
         background: #99cc33;
         border: 1px solid rgba(102, 139, 24, 0.80);
         color: #fff;
    }
        div.paneles .panel .numeros .columna span.numero-deshabilitado {
            background: transparent;
            color: #b9b9b9;
            border: 1px solid #b9b9b9;
        }
        div.paneles .panel:hover .numeros .columna span.numero-deshabilitado {
            background: #ebeff1;
        }
     div.paneles .panel .extras {
         display: none;
    }
     div.area-pago {
         line-height: 0;
         margin-bottom: 20px;
    }
     div.area-pago .div-step {
         border-radius: 6px 6px 0px 0px;
         padding: 4px 6px;
         background: #0099cc;
    }
     div.div-step h4.step-lotto {
         color: #FFFFFF;
         font-weight: 600;
    }
     div.div-step i {
         color: #ffffff;
         font-size: 20px;
         line-height: 30px;
         margin-right: 10px;
         cursor: pointer;
    }
     div.div-step button i {
         color: #ffffff;
         margin: 0 !important;
         font-size: 20px;
    }
     div.area-pago .lotto-two {
         background: #eff1f5;
         padding: 20px;
         margin: 0px;
         display: inline-block;
         width: 100%;
         border-top-left-radius: 0;
         border-top-right-radius: 0;
         border-bottom-right-radius: 6px;
         border-bottom-left-radius: 6px;
         line-height: 0;
         min-height: 0;
    }
     div.lotto-two label.draw-price {
         width: 19.2%;
         display: inline-block;
         border: 3px solid #cfd8dc;
         text-align: center;
         border-radius: 6px;
         background: #fff;
         padding: 10px 0px;
         float: left;
         margin-right: 1%;
         cursor: pointer;
         min-height: 143px;
    }
     div.lotto-two label.draw-price:last-child {
         margin-right: 0;
    }
     div.lotto-two label.draw-price:hover {
         border: 3px solid #33ccff;
    }
     div.lotto-two label.draw-price.selected {
         border: 3px solid #33ccff;
    }
     div.lotto-two label.draw-price h3 {
         margin: 0;
         font-weight: 600;
         margin-top: 8px;
         font-size: 16px;
    }
     div.lotto-two label.draw-price:last-child h3 {
         margin: 0;
         font-weight: 600;
         font-size: 13px;
         margin-top: 8px;
         font-size: 16px;
    }
     div.lotto-two label.draw-price .price {
         font-weight: 600;
         line-height: 12px;
         font-size: 12px;
         margin-bottom: 0px;
         margin-top: 5px;
         text-align: center;
    }
     div.lotto-two label.draw-price .price.libre {
         font-weight: 600;
         line-height: 12px;
         font-size: 10px;
         margin: 2px 0;
         text-align: center;
    }
     div.lotto-two label.draw-price input {
         margin: 8px 0px;
         cursor: pointer;
    }
     div.lotto-two label.draw-price:last-child input {
         display: block;
         margin: 0 auto;
         margin-top: 5px;
         margin-bottom: 5px;
    }
     div.lotto-two label.draw-price select {
         height: 20px;
         width: 50%;
         text-align: center;
         display: block;
         cursor: initial;
         margin: 0 auto;
    }
     div.lotto-two .checkout-resumen {
         display: inline-block;
         width: 100%;
         line-height: 18px;
    }
     div.lotto-two .checkout-resumen span {
         font-size: 13px;
         color: #282828;
         font-weight: 600;
    }
     div.lotto-two .checkout-resumen {
         display: inline-block;
         width: 100%;
         line-height: 20px;
    }
     div.lotto-two .checkout-resumen ul {
         margin: 0;
         padding: 0;
         text-align: right;
         list-style: none;
    }
     div.lotto-two .checkout-resumen ul li {
         display: inline-block;
         font-size: 13px;
         color: #282828;
         font-weight: 600;
    }
     div.lotto-two .checkout-resumen ul li:nth-child(2n) {
    }
     div.area-pago .lotto-two hr {
         margin: 10px 0px;
         border: 1px solid #ccc;
    }
     div.area-pago span.total {
         font-size: 22px;
         font-weight: 700;
         color: #0099cc;
         line-height: 22px;
    }
     div.area-pago span.monto {
         font-size: 22px;
         font-weight: 700;
         color: #0099cc;
         line-height: 22px;
    }
     div.area-pago span.puntos {
         font-size: 14px;
         font-weight: 700;
         color: #0099cc;
         line-height: 16px;
    }
     div.area-pago span.total-puntos {
         font-size: 14px;
         font-weight: 700;
         color: #0099cc;
         line-height: 16px;
    }
     a.acciones-compra, a.acciones-compra:focus, a.acciones-compra:active {
         color: #ffffff;
         border: solid 1px #8cbb2c;
         background: rgb(157,213,58);
         font-weight: 800;
         outline: none;
         border-radius: 3px;
         outline: none !important;
    }
     a.acciones-compra:hover {
         color: #ffffff;
         border: solid 1px #74a01b;
         background: rgb(137, 191, 41);
         font-weight: 800;
         outline: none;
         border-radius: 3px;
         outline: none !important;
    }
    /* Sección Instrucciones*/
     section.tris-instrucciones {
    }
     section.tris-instrucciones h4 {
         display: none;
    }
     div.tris-instrucciones {
        /*background:url('../img/melate_role_bg.jpg') center top no-repeat;
        */
        /*padding: 0px 40px 0px 40px;
        */
    }
     div.tris-instrucciones img {
    }
     div.tris-instrucciones p {
         font-size: 13px;
         line-height: 18px;
         font-weight: 400;
         color: #282828;
         text-align: justify;
    }
     div.tris-instrucciones p strong {
         font-weight: 700;
    }
     div.tris-instrucciones p span {
         display: inline-block;
         margin: 10px 0px;
         width: 100%;
         font-weight: 700;
         font-size: 14px;
    }
     div.tris-instrucciones table {
         background: #f7f7f7;
    }
     div.tris-instrucciones table thead th {
         background: #0099cc;
         color: #ffffff !important;
         padding: 5px;
         text-align: center;
         width: 33.33333%;
         font-size: 14px;
         font-weight: 600 !important;
         border-radius: 0;
         border: 1px solid #09c;
    }
     div.tris-instrucciones .table thead tr th:first-child, div.tris-instrucciones .table thead tr th:last-child {
         border-radius: 0;
    }
     div.tris-instrucciones .table tbody tr:first-child td {
         border-top: 0;
    }
     div.tris-instrucciones table tbody td {
         background: none;
         padding: 5px;
         text-align: center;
         width: 33.33333%;
         font-size: 12px;
         font-weight: 400 !important;
         border: 1px solid #cfd8dc;
    }
     div.tris-instrucciones table tbody tr:nth-child(2n) {
         background: #eaecec;
    }
}
/*---------------------------------------------------------------------------ANCHO MÁXIMO 1199 PIXELES------------------------------------------------------------------------------*/
 @media screen and (max-width: 1199px) {
    /* Sección Cabecera */
     section.page-header.game {
         background: url('../../img/base/game-bg.jpg') #ffffff right no-repeat;
         padding: 15px 0px;
         -webkit-box-shadow: inset 0px -8px 8px -9px rgba(0,0,0,0.5);
         -moz-box-shadow: inset 0px -8px 8px -9px rgba(0,0,0,0.5);
         box-shadow: inset 0px -8px 8px -9px rgba(0,0,0,0.5);
         margin: 0;
         height: 130px !important;
    }
     section.page-header.game .center {
         text-align: center;
    }
     section.page-header.game table.countdown {
         color: #FFFFFF;
         font-size: 12px;
         width: 80%;
         border-collapse: initial;
         line-height: 1.42857143 !important;
         font-weight: 600;
         padding: 6px;
         border-radius: 4px;
    }
     section.page-header.game table.countdown tr:first-child td {
         width: 50%;
    }
     section.page-header.game table.countdown tr:first-child td:first-child {
         text-align: left;
    }
     section.page-header.game table.countdown tr:first-child td:last-child {
         text-align: right;
    }
     section.page-header.game table.countdown tr:last-child td {
         width: 25%;
         text-align: center;
    }
     section.page-header.game table.countdown tr td.time {
         text-align: center !important;
    }
     section.page-header.game table.countdown tr td.time span {
         width: 40px;
         height: 40px;
         font-size: 22px;
         font-weight: 800;
         line-height: 42px;
         background: rgba(26, 57, 80, 0.4);
         border-radius: 4px;
         display: inline-block;
         margin: 6px 0;
         font-family: sans-serif;
    }
     section.page-header.game .v-align-center {
         height: 100px;
         display: table-cell;
         vertical-align: middle;
         width: 360px;
    }
     section.page-header.game .v-align-center h1 {
         margin: 0;
         color: white;
         font-size: 36px;
    }
     section.page-header.game .v-align-center h2 {
         margin: 0;
         color: white;
         font-size: 20px;
         font-weight: 600;
         line-height: 23px;
    }
     section.page-header.game img {
         height: 80px;
    }
    /* Sección Juego Mi Suerte */
     section.misuerte-juego {
    }
     section.misuerte-juego .alert.alert-danger {
         margin-bottom: 20px;
         border: 1px solid red;
         background: #ffd6d6;
         display: none;
    }
     section.misuerte-juego .alert.alert-danger button {
         color: red;
         opacity: 1;
    }
     section.misuerte-juego .alert.alert-danger p strong {
         font-weight: 800;
         color: red;
    }
     section.misuerte-juego .alert.alert-danger p {
         font-weight: 400;
         color: red;
    }
     span.step-lotto {
         color: #ffffff;
         font-size: 15px;
         border-radius: 50%;
         height: 30px;
         width: 30px;
         margin: 0 auto;
         line-height: 30px;
         background: #99cc33;
         display: inline-block;
         text-align: center;
         font-weight: 800;
         margin-right: 10px;
    }
     h4.step-lotto {
         margin: 0;
         display: inline-block;
         font-size: 14px;
         font-weight: 800;
         color: #282828;
    }
     div.juego {
    }
     div.area-juego {
         width: 70%;
         margin: 0 auto;
         line-height: 0;
         margin-bottom: 20px;
    }
     div.combinacion {
         margin: 15px 0px 20px 0px;
         width: 100%;
         text-align: center;
    }
     div.combinacion label {
         margin: 0 5px;
         cursor: pointer;
         font-weight: 600;
         font-size: 12px;
         color: #282828;
    }
     div.combinacion img {
         width: 30px;
    }
     div.combinacion span {
         font-size: 12px;
         font-weight: 600;
    }
     div.combinacion .btn-group {
         margin: 0 10px;
    }
     div.combinacion .btn-group button {
         width: 35px;
         height: 35px;
    }
     div.acciones {
         text-align: center;
         float: right;
         padding: 4px 4px 0px 4px;
         display: block;
         border-radius: 8px 8px 0px 0px;
         background-color: #cfd8dc;
    }
     div.acciones button, div.acciones button:focus, div.acciones button:active {
         color: #fff !important;
         border: solid 1px #8cbb2c;
         font-weight: 600;
         background: #99cc33;
         min-width: 147px;
         outline: none;
         font-size: 13px;
         background: #9dd53a;
    }
     div.acciones button:hover {
         outline: none !important;
         border: solid 1px #74a01b;
         background: #89bf29;
    }
     ul.ul-casilleros {
         display: none;
    }
     ul.ul-casilleros li {
    }
     ul.ul-casilleros li button {
    }
     ul.ul-casilleros li:first-child button {
    }
     ul.ul-casilleros li:last-child button {
    }
     div.paneles {
         background-color: #cfd8dc;
         border-radius: 8px 0px 8px 8px;
         padding: 2px;
         clear: both;
         display: inline-block;
         width: 100%;
    }
     div.paneles .panel {
         float: left;
         width: 19.4%;
         margin: 2px;
         border-radius: 5px;
         position: relative;
         background: #eff1f5;
         padding-bottom: 10px;
         display: block;
         border: 3px solid transparent;
    }
     div.paneles .panel:nth-child(2n) {
         background: #e1e6eb;
    }
     div.paneles .panel:nth-child(2n):hover {
         background: #ffffff;
    }
     div.paneles .panel:first-child {
    }
     div.paneles .panel:last-child {
         margin-right: 0;
    }
     div.paneles .panel:hover:last-child {
         margin-right: 0;
    }
     div.paneles .panel .favoritos {
         padding: 10px;
         padding-top: 0;
    }
     div.paneles .panel:hover .favoritos {
    }
     div.paneles .panel select {
    }
     div.paneles .panel input.form-control {
         margin: 2px 0px;
         height: 30px;
         font-size: 13px;
    }
     div.paneles .panel .cta {
         display: none;
    }
     div.paneles .panel:hover {
         transition: all;
         border-radius: 0 5px 5px;
         margin: -6px 4px 0 0;
         box-shadow: 3px 4px 8px rgba(0, 0, 0, .3);
         border: 3px solid #0099cc;
         background: #ffffff;
    }
     div.paneles .panel:hover:nth-child(5n) {
         margin-right: -4px;
    }
     div.paneles .panel:hover .panel-id {
         background: #ffffff;
         color: #282828;
    }
     div.paneles .panel:hover .cta {
         display: block;
         left: -40px;
         position: absolute;
         top: -3px;
         width: 40px;
         padding: 4px 0 4px 2px;
         border-style: solid;
         border-width: 3px 0 3px 3px;
         border-color: #0099cc;
         background: #ffffff;
         text-align: center;
         float: right;
         border-radius: 5px 0 0 5px;
         font-size: 16px;
         margin-bottom: 4px;
    }
     div.paneles .panel:hover .cta button {
         outline: none;
         font-weight: bold;
         font-size: 12px;
         border: 1px solid #0099cc;
         background: #0099cc;
         color: #FFF;
         width: 30px;
         height: 30px;
         padding: 0;
         margin-bottom: 4px;
    }
     div.paneles .panel:hover .cta button:last-child {
         margin-bottom: 0;
    }
     div.paneles .panel .cta button:hover {
         background: #1e6999;
         border: 1px solid #1e6999;
    }
     div.paneles .panel .cta button i {
         font-size: 12px;
         line-height: 20px;
    }
     div.paneles .panel .panel-id {
         display: block;
         text-align: center;
         font-weight: 600;
         background: transparent;
         color: #282828;
         font-size: 13px;
         padding: 5px 0px;
         border-top-left-radius: 6px;
         border-top-right-radius: 6px;
         border-bottom-right-radius: 0;
         border-bottom-left-radius: 0;
         line-height: 20px;
    }
     div.paneles .panel .numeros {
         width: 100%;
         padding: 0 7px;
         display: table;
    }
     div.paneles .panel .numeros .columna {
         display: table-cell;
    }
	div.paneles .panel .numeros .columna:first-child {
         vertical-align:bottom;
    }
     div.paneles .panel .numeros .columna span {
         font-weight: 600;
         font-size: 12px;
         line-height: 22px;
         height: 22px;
         width: 22px;
         background-color: #ffffff;
         border: 1px solid #cacaca;
         color: #636a6d;
         cursor: pointer;
         display: block;
         text-align: center;
         border-radius: 2px;
         margin: 0 auto;
         margin-bottom: 3px;
    }
     div.paneles .panel .numeros .columna span:hover {
         background: #0099cc;
         border-color: #0099cc;
         color: #fff;
    }
     div.paneles .panel .numeros .columna span.selected {
         background: #99cc33;
         border: 1px solid rgba(102, 139, 24, 0.80);
         color: #fff;
    }
        div.paneles .panel .numeros .columna span.numero-deshabilitado {
            background: transparent;
            color: #b9b9b9;
            border: 1px solid #b9b9b9;
        }
     div.paneles .panel .extras {
         display: none;
    }
     div.area-pago {
         line-height: 0px;
         margin-bottom: 20px;
    }
     div.area-pago .div-step {
         border-radius: 6px 6px 0px 0px;
         padding: 4px 6px;
         background: #0099cc;
    }
     div.div-step h4.step-lotto {
         color: #FFFFFF;
         font-weight: 600;
    }
     div.div-step i {
         color: #ffffff;
         font-size: 20px;
         line-height: 30px;
         margin-right: 10px;
         cursor: pointer;
    }
     div.area-pago .lotto-two {
         background: #eff1f5;
         padding: 20px;
         margin: 0px;
         display: inline-block;
         width: 100%;
         border-top-left-radius: 0;
         border-top-right-radius: 0;
         border-bottom-right-radius: 6px;
         border-bottom-left-radius: 6px;
         min-height: 177px;
    }
     div.lotto-two .checkout-resumen {
         display: inline-block;
         width: 100%;
         line-height: 18px;
    }
     div.lotto-two .checkout-resumen span {
         font-size: 13px;
         color: #282828;
         font-weight: 600;
         line-height: 30px;
    }
     div.lotto-two .checkout-resumen {
         display: inline-block;
         width: 100%;
         line-height: 18px;
    }
     div.lotto-two .checkout-resumen ul {
         margin: 0;
         padding: 0;
         text-align: right;
         list-style: none;
    }
     div.lotto-two .checkout-resumen ul li {
         display: inline-block;
         font-size: 13px;
         color: #282828;
         font-weight: 600;
    }
     div.lotto-two .checkout-resumen .row:first-child ul li:nth-child(2n) {
        /*margin:0 5px;
        */
    }
     div.lotto-two .checkout-resumen ul li:nth-child(2n) {
    }
     div.lotto-two label.draw-price {
         width: 19.2%;
         display: inline-block;
         border: 3px solid #cfd8dc;
         text-align: center;
         border-radius: 6px;
         background: #fff;
         font-weight: normal;
         padding: 10px 0px;
         float: left;
         margin-right: 1%;
         cursor: pointer;
         line-height: 0;
         min-height: 138px;
    }
     div.lotto-two label.draw-price:last-child {
         margin-right: 0;
    }
     div.lotto-two label.draw-price:hover {
         border: 3px solid #33ccff;
    }
     div.lotto-two label.draw-price.selected {
         border: 3px solid #33ccff;
    }
     div.lotto-two label.draw-price h3 {
         margin: 0;
         font-weight: 600;
         font-size: 16px;
         margin-top: 8px;
    }
     div.lotto-two label.draw-price:last-child h3 {
         margin: 0;
         font-weight: 600;
         font-size: 16px;
         margin-top: 8px;
    }
     div.lotto-two label.draw-price .price {
         font-weight: 600;
         line-height: 12px;
         font-size: 12px;
         margin-bottom: 0px;
         text-align: center;
    }
     div.lotto-two label.draw-price .price.libre {
         font-weight: 600;
         line-height: 12px;
         font-size: 10px;
         margin: 2px 0;
         text-align: center;
    }
     div.lotto-two label.draw-price input {
         margin: 9px 0px;
    }
     div.lotto-two label.draw-price:last-child input {
         display: block;
         margin: 0 auto;
         margin-top: 5px;
         margin-bottom: 5px;
    }
     div.lotto-two label.draw-price input.texto {
         height: 19px;
         width: 50%;
         text-align: center;
         display: block;
         margin: 0 auto;
    }
     div.lotto-two label.draw-price h3 {
         margin: 5px 0px;
         font-weight: 600;
         font-size: 18px;
         line-height: 16px;
    }
     div.area-pago span.total {
         font-size: 22px;
         font-weight: 700;
         color: #0099cc;
         line-height: 22px;
    }
     div.area-pago span.monto {
         font-size: 22px;
         font-weight: 700;
         color: #0099cc;
         line-height: 22px;
    }
     div.area-pago span.puntos {
         font-size: 14px;
         font-weight: 700;
         color: #0099cc;
         line-height: 16px;
    }
     div.area-pago span.total-puntos {
         font-size: 14px;
         font-weight: 700;
         color: #0099cc;
         line-height: 16px;
    }
     button.acciones-compra, button.acciones-compra:focus, button.acciones-compra:active {
         color: #ffffff;
         border: solid 1px #8cbb2c;
         background: rgb(157,213,58);
         font-weight: 800;
         outline: none;
         border-radius: 3px;
         outline: none !important;
    }
     button.acciones-compra:hover {
         color: #ffffff;
         border: solid 1px #74a01b;
         background: rgb(137, 191, 41);
         font-weight: 800;
         outline: none;
         border-radius: 3px;
         outline: none !important;
    }
    /* Sección Instrucciones*/
     section.tris-instrucciones {
    }
     section.tris-instrucciones h4 {
         display: none;
    }
     div.tris-instrucciones {
        /*background:url('../img/melate_role_bg.jpg') center top no-repeat;
        */
         padding: 0px 80px 0px 80px;
    }
     div.tris-instrucciones img {
    }
     div.tris-instrucciones p {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
         color: #282828;
         text-align: justify;
    }
     div.tris-instrucciones p strong {
         font-weight: 700;
    }
     div.tris-instrucciones p span {
         display: inline-block;
         margin: 10px 0px;
         width: 100%;
         font-weight: 700;
         font-size: 14px;
    }
     div.tris-instrucciones table {
         background: #f7f7f7;
    }
     div.tris-instrucciones table thead th {
         background: #0099cc;
         color: #ffffff !important;
         padding: 5px;
         text-align: center;
         width: 33.33333%;
         font-size: 14px;
         font-weight: 600 !important;
    }
     div.tris-instrucciones table tbody td {
         background: none;
         padding: 5px;
         text-align: center;
         width: 33.33333%;
         font-size: 13px;
         font-weight: 400 !important;
    }
     div.tris-instrucciones table tbody tr:nth-child(2n) {
         background: #eaecec;
    }
}
/*------------------------------------------------------------------ANCHO MÍNIMO 768 Y ANCHO MÁXIMO 991 PIXELES---------------------------------------------------------------------*/
 @media screen and (min-width: 768px) and (max-width: 991px) {
    /* Sección Cabecera */
     section.page-header.game {
         background: #ffffff;
         padding: 20px 0px;
         -webkit-box-shadow: inset 0px -8px 8px -9px rgba(0,0,0,0.5);
         -moz-box-shadow: inset 0px -8px 8px -9px rgba(0,0,0,0.5);
         box-shadow: inset 0px -8px 8px -9px rgba(0,0,0,0.5);
         height: 111px !important;
    }
     section.page-header.game table.countdown {
         color: #FFFFFF;
    }
     section.page-header.game img {
         height: 70px;
         display: block;
         text-align: center;
         float: none !important;
         margin: 0 auto;
    }
    /* Sección Juego Mi Suerte */
     section.misuerte-juego {
    }
     span.step-lotto {
         color: #ffffff;
         font-size: 15px;
         border-radius: 50%;
         height: 30px;
         width: 30px;
         margin: 0 auto;
         line-height: 30px;
         background: #99cc33;
         display: inline-block;
         text-align: center;
         font-weight: 800;
         margin-right: 10px;
    }
     h4.step-lotto {
         margin-bottom: 0;
         display: inline-block;
         font-size: 14px;
         font-weight: 800;
    }
     div.juego {
         margin-bottom: 20px;
    }
     div.area-juego {
         width: 100%;
         margin: 0 auto;
         line-height: 0px;
    }
     div.combinacion {
         margin: 10px 0px 20px 0px;
         padding: 5px 10px;
         width: 100%;
    }
     div.combinacion span {
    }
     div.acciones {
         text-align: center;
         float: right;
         padding: 4px 4px 0px 4px;
         display: block;
         border-radius: 8px 8px 0px 0px;
         background-color: #cfd8dc;
    }
     div.acciones button, div.acciones button:focus, div.acciones button:active {
         color: #fff !important;
         border: solid 1px #8cbb2c;
         font-weight: 600;
         background: #99cc33;
         min-width: 140px;
         outline: none;
    }
     div.acciones button:hover {
         outline: none !important;
         border: solid 1px #74a01b;
         background: #74a01b;
    }
     ul.ul-casilleros {
         display: none;
    }
     ul.ul-casilleros li {
    }
     ul.ul-casilleros li button {
    }
     ul.ul-casilleros li:first-child button {
    }
     ul.ul-casilleros li:last-child button {
    }
     div.paneles {
         background-color: #cfd8dc;
         border-radius: 8px 0px 8px 8px;
         padding: 2px;
         clear: both;
    }
     div.paneles .panel, div.paneles .panel:hover {
         float: left;
         width: 19.4%;
         margin: 2.1px;
         border-radius: 5px;
         position: relative;
         background: #eff1f5;
         border: 0;
         padding-bottom: 10px;
         border: 3px solid transparent;
         box-shadow: none !important;
    }
     div.paneles .panel:nth-child(2n), div.paneles .panel:hover:nth-child(2n) {
         background: #e1e6eb;
    }
     div.paneles .panel:first-child, div.paneles .panel:hover:first-child {
    }
     div.paneles .panel select, div.paneles .panel:hover select {
    }
     div.paneles .panel .cta, div.paneles .panel:hover .cta {
         display: block;
         padding: 0px 6px 10px 6px;
         text-align: center;
         left: 0;
         top: 0;
         width: 100%;
         border: 0;
         position: inherit;
         background: none;
         font-size: 16px;
         margin: 0;
    }
     div.paneles .panel .cta button, div.paneles .panel:hover .cta button {
         outline: none;
         font-weight: bold;
         font-size: 12px;
         border: 1px solid #0099cc;
         background: #0099cc;
         color: #FFF;
         width: 30px;
         height: 30px;
         padding: 0;
         margin: 0;
    }
     div.paneles .panel .cta button:hover, div.paneles .panel:hover .cta button:hover {
         background: #1e6999;
         border: 1px solid #1e6999;
    }
     div.paneles .panel .cta button i, div.paneles .panel:hover .cta button i {
         font-size: 12px;
         line-height: 20px;
    }
     div.paneles .panel .panel-id, div.paneles .panel:hover .panel-id {
         display: block;
         text-align: center;
         font-size: 16px;
         font-weight: 600;
         background: transparent;
         color: #282828;
         padding: 10px 0;
         font-size: 14px;
         padding: 5px 0px;
         border-top-left-radius: 6px;
         border-top-right-radius: 6px;
         border-bottom-right-radius: 0;
         border-bottom-left-radius: 0;
         line-height: 22px;
    }
     div.paneles .panel .favoritos, div.paneles .panel:hover .favoritos {
         margin-top: 0;
         padding: 10px;
         padding-top: 0;
         display: inline-block;
         width: 100%;
    }
     div.paneles .panel .numeros {
         width: 100%;
         padding: 0 7px;
         display: table;
    }
     div.paneles .panel .numeros .columna {
         display: table-cell;
    }
	div.paneles .panel .numeros .columna:first-child {
         vertical-align:bottom;
    }
     div.paneles .panel .numeros .columna span {
         font-weight: 600;
         font-size: 13px;
         line-height: 22px;
         height: 25px;
         width: 25px;
         cursor: pointer;
         display: block;
         text-align: center;
         border-radius: 2px;
         margin: 0 auto;
         margin-bottom: 3px;
         background-color: #ffffff;
         border: 1px solid #cacaca;
         color: #636a6d;
    }
     div.paneles .panel .numeros .columna span:hover {
         background: #0099cc;
         border-color: #0099cc;
         color: #fff;
    }
     div.paneles .panel .numeros .columna span.selected {
         background: #99cc33;
         border: 1px solid rgba(102, 139, 24, 0.80);
         color: #fff;
    }
        div.paneles .panel .numeros .columna span.numero-deshabilitado {
            background: transparent;
            color: #b9b9b9;
            border: 1px solid #b9b9b9;
        }
     div.paneles .panel .extras {
         display: none;
    }
     div.area-pago {
    }
     div.area-pago .div-step {
         border-radius: 6px 6px 0px 0px;
         padding: 4px 6px;
         background: #0099cc;
    }
     div.div-step h4.step-lotto {
         color: #FFFFFF;
    }
     div.area-pago .lotto-two {
         background: #eff1f5;
         padding: 20px;
         margin: 0px;
         display: inline-block;
         width: 100%;
         border-top-left-radius: 0;
         border-top-right-radius: 0;
         border-bottom-right-radius: 6px;
         border-bottom-left-radius: 6px;
         min-height: 97px;
    }
     div.lotto-two label.draw-price {
         width: 19.2%;
         display: inline-block;
         border: 3px solid #cfd8dc;
         text-align: center;
         border-radius: 6px;
         background: #fff;
         font-weight: normal;
         padding: 10px 0px;
         float: left;
         margin-right: 1%;
    }
     div.lotto-two label.draw-price:last-child {
         margin-right: 0;
    }
     div.lotto-two label.draw-price:hover {
         border: 3px solid #33ccff;
    }
     div.lotto-two label.draw-price.selected {
         border: 3px solid #33ccff;
    }
     div.lotto-two label.draw-price h3 {
         margin: 5px 0px;
         font-weight: 600;
    }
     div.lotto-two label.draw-price .price {
         line-height: 12px;
         font-size: 12px;
         margin-bottom: 0px;
         font-weight: 600;
    }
     div.lotto-two table.resumen {
         width: 100%;
         color: #282828;
         font-weight: 600;
         margin: 0px;
    }
     div.lotto-two table.resumen td.izquierda {
         width: 70%;
         text-align: left;
    }
     div.lotto-two table.resumen td.total.izquierda {
         font-size: 22px;
         font-weight: 700;
         color: #0099cc;
    }
     div.lotto-two table.resumen td.derecha {
         width: 30%;
         text-align: right;
    }
}
/*----------------------------------------------------------------------------ANCHO MÁXIMO 374 PIXELES------------------------------------------------------------------------------*/
 @media (max-width: 767px) {
    /* Sección Cabecera */
     section.page-header.game {
         background: #FFFFFF;
         -webkit-box-shadow: inset 0px -8px 8px -9px rgba(0,0,0,0.5);
         -moz-box-shadow: inset 0px -8px 8px -9px rgba(0,0,0,0.5);
         box-shadow: inset 0px -8px 8px -9px rgba(0,0,0,0.5);
         margin: 0;
         max-height: 100px;
    }
     section.misuerte-juego .alert.alert-danger {
         margin-bottom: 20px;
         border: 1px solid red;
         background: #ffd6d6;
         display: none;
    }
     section.misuerte-juego .alert.alert-danger button {
         color: red;
         opacity: 1;
    }
     section.misuerte-juego .alert.alert-danger p strong {
         font-weight: 800;
         color: red;
         display: block;
    }
     section.misuerte-juego .alert.alert-danger p {
         font-weight: 400;
         color: red;
    }
     section.page-header.game img {
         height: 80px;
         display: block;
         text-align: center;
         float: none !important;
         margin: 0 auto;
    }
     section.page-header.game img.total {
         height: 70px;
         display: block;
         text-align: center;
         float: none !important;
         margin: 0 auto;
    }
    /* Sección Juego Mi Suerte */
     section.misuerte-juego {
    }
     span.step-lotto {
         display: inline-block;
         margin-right: 10px;
         color: #FFFFFF;
         font-size: 14px;
         border-radius: 50%;
         height: 30px;
         width: 30px;
         line-height: 30px;
         background: #99cc33;
         text-align: center;
         font-weight: 700;
    }
     h4.step-lotto {
         margin: 0;
         display: inline-block;
         font-size: 12px;
         font-weight: 800;
         color: #282828;
    }
     div.juego {
         text-align: center;
    }
     div.area-juego {
         width: 100%;
    }
     div.combinacion {
         margin: 10px 0px 20px 0px;
         padding: 5px 10px;
         width: 100%;
         text-align: center;
    }
     div.combinacion label {
         cursor: pointer;
    }
     div.combinacion span {
    }
     div.acciones {
         display: none;
    }
     ul.ul-casilleros {
         padding: 0;
         margin: 0;
         display: block;
         margin-bottom: 20px;
    }
     ul.ul-casilleros li {
         list-style: none;
    }
     ul.ul-casilleros li button {
         margin: 0 auto;
         display: block;
         border-radius: 0;
         width: 62px;
         height: 86px;
         outline: none !important;
         font-weight: 700;
         font-size: 20px;
    }
     ul.ul-casilleros li button.selected {
         color: #fff;
         background-color: #99cc33;
         border-color: #6f981d;
    }
     ul.ul-casilleros li:first-child button {
         border-top-left-radius: 6px;
         border-top-right-radius: 6px;
         border-bottom-left-radius: 0;
         border-bottom-right-radius: 0;
    }
     ul.ul-casilleros li:last-child button {
         border-top-left-radius: 0;
         border-top-right-radius: 0;
         border-bottom-right-radius: 6px;
         border-bottom-left-radius: 6px;
    }
     div.paneles {
         background-color: #cfd8dc;
         border-radius: 6px;
         padding: 4px;
         display: inline-block;
         margin: 0 auto;
    }
     div.paneles .panel, div.paneles .panel:hover {
         width: 100%;
         margin: 0;
         border-radius: 6px;
         background: #eff1f5;
         border: 0;
         display: none;
         box-shadow: none;
         padding-bottom: 10px;
    }
     div.paneles .panel:first-child, div.paneles .panel:hover:first-child {
         display: block;
    }
     div.paneles .panel select {
    }
     div.paneles .panel input {
         margin: 5px 0;
         height: 30px;
    }
     div.paneles .panel .cta, div.paneles .panel:hover .cta {
         display: block;
         padding: 10px;
         text-align: center;
         left: 0;
         top: 0;
         width: 100%;
         border: 0;
         position: inherit;
         background: none;
         font-size: 16px;
         margin-bottom: 0;
    }
     div.paneles .panel .cta button, div.paneles .panel:hover .cta button {
         outline: none;
         font-weight: bold;
         font-size: 12px;
         border-color: #0099cc;
         background: #0099cc;
         color: #FFF;
         width: 34px;
         height: 34px;
         margin: 0;
         padding: 0;
    }
     div.paneles .panel .cta button i {
         line-height: 20px;
         font-size: 18px;
    }
     div.paneles .panel .panel-id, div.paneles .panel:hover .panel-id {
         display: block;
         text-align: center;
         font-size: 16px;
         font-weight: 600;
         background: #0099cc;
         color: #FFFFFF;
         padding: 10px 0;
         border-top-left-radius: 6px;
         border-top-right-radius: 6px;
         border-bottom-right-radius: 0;
         border-bottom-left-radius: 0;
    }
     div.paneles .panel .favoritos, div.paneles .panel:hover .favoritos {
         padding: 12px 15px;
         padding-top: 0;
         display: inline-block;
         width: 100%;
         margin: 0;
    }
     div.paneles .panel .numeros {
         width: 100%;
         padding: 0 10px;
         display: table;
    }
     div.paneles .panel .numeros .columna {
         display: table-cell;
    }
	div.paneles .panel .numeros .columna:first-child {
         vertical-align:bottom;
    }
     div.paneles .panel .numeros .columna span {
         font-weight: 600;
         font-size: 12px;
         line-height: 26px;
         height: 26px;
         width: 26px;
         background-color: #ffffff;
         border: 1px solid #b4babd;
         color: #636a6d;
         cursor: pointer;
         display: block;
         text-align: center;
         border-radius: 2px;
         margin: 0 auto;
         margin-bottom: 1.5px;
    }
     div.paneles .panel .numeros .columna span:hover {
         background: #0099cc;
         border-color: #0099cc;
         color: #fff;
    }
     div.paneles .panel .numeros .columna span.selected {
         background: #99cc33;
         border: 1px solid rgba(102, 139, 24, 0.80);
         color: #fff;
    }
        div.paneles .panel .numeros .columna span.numero-deshabilitado {
            background: transparent;
            color: #b9b9b9;
            border: 1px solid #b9b9b9;
        }
     div.columna span:last-child {
         margin-bottom: 0px;
    }
     div.paneles .panel .extras {
         display: none;
    }
     div.area-pago {
         line-height: 0;
         margin-bottom: 20px;
    }
     div.area-pago:last-child {
    }
     div.area-pago .div-step {
         border-radius: 6px 6px 0px 0px;
         padding: 4px 6px;
         background: #0099cc;
    }
     div.div-step h4.step-lotto {
         color: #FFFFFF;
         font-weight: 600;
    }
     div.div-step i {
         color: #ffffff;
         font-size: 20px;
         line-height: 30px;
         margin-right: 10px;
         cursor: pointer;
    }
     div.area-pago .lotto-two {
         background: #eff1f5;
         padding: 15px;
         margin: 0px;
         display: inline-block;
         width: 100%;
         border-top-left-radius: 0;
         border-top-right-radius: 0;
         border-bottom-right-radius: 6px;
         border-bottom-left-radius: 6px;
         min-height: 97px;
    }
     div.area-pago .lotto-two:last-child {
    }
     div.lotto-two label.draw-price {
         width: 19.2%;
         display: inline-block;
         border: 3px solid #cfd8dc;
         text-align: center;
         border-radius: 6px;
         background: #fff;
         font-weight: normal;
         padding: 10px 0px;
         float: left;
         margin-right: 1%;
         height: 140px;
    }
     div.lotto-two label.draw-price:last-child {
         margin-right: 0;
    }
     div.lotto-two label.draw-price:hover {
         border: 3px solid #33ccff;
    }
     div.lotto-two label.draw-price.selected {
         border: 3px solid #33ccff;
    }
     div.lotto-two label.draw-price h3 {
         margin: 10px 0px;
         font-weight: 600;
    }
     div.lotto-two label.draw-price:last-child h3 {
         font-weight: 600;
         font-size: 15px;
         margin: 8px 0px;
         margin-bottom: 0;
    }
     div.lotto-two label.draw-price:last-child input {
         margin: 0 auto;
         margin-top: 2px;
         margin-bottom: 2px;
    }
     div.lotto-two label.draw-price input {
         margin: 8px 0;
    }
     div.lotto-two label.draw-price input.texto {
         height: 19px;
         width: 80%;
         text-align: center;
         display: block;
    }
     div.lotto-two label.draw-price .price {
         font-weight: normal;
         line-height: 10px;
         font-size: 10px;
         margin-bottom: 0px;
    }
     div.lotto-two .checkout-resumen {
         display: inline-block;
         width: 100%;
         line-height: 18px;
    }
     div.lotto-two .checkout-resumen .row:first-child {
         margin-top: 0;
         margin-bottom: 0;
    }
     div.lotto-two .checkout-resumen .row {
        /*margin-top:10px;
         margin-bottom:10px;
        */
    }
     div.lotto-two .checkout-resumen .row:last-child {
         margin-top: 0;
         margin-bottom: 0;
    }
     div.lotto-two .checkout-resumen ul {
         margin: 0;
         padding: 0;
         text-align: right;
         list-style: none;
    }
     div.lotto-two .checkout-resumen ul li {
         display: block;
         font-size: 12px;
         color: #282828;
         font-weight: 600;
         line-height: 16px;
    }
     div.lotto-two .checkout-resumen ul li:nth-child(2n) {
         margin: 0;
    }
     div.lotto-two .checkout-resumen span {
         font-size: 13px;
         color: #282828;
         font-weight: 600;
         line-height: 30px;
    }
     div.lotto-two .checkout-resumen span.sorteo {
         text-align: center;
    }
     div.area-pago .lotto-two hr {
         margin: 10px 0px;
         border: 1px solid #ccc;
    }
     div.area-pago span {
    }
     div.area-pago span.total {
         font-size: 24px;
         font-weight: 700;
         color: #0099cc;
         line-height: 20px;
    }
     div.area-pago span.monto {
         font-size: 24px;
         font-weight: 700;
         color: #0099cc;
         line-height: 20px;
    }
     div.area-pago span.puntos {
         font-size: 14px;
         font-weight: 600;
         color: #0099cc;
         line-height: 20px;
    }
     div.area-pago span.total-puntos {
         font-size: 14px;
         font-weight: 600;
         color: #0099cc;
         line-height: 20px;
    }
     button.acciones-compra, button.acciones-compra:focus, button.acciones-compra:active {
         color: #ffffff;
         border: solid 1px #8cbb2c;
         background: rgb(157,213,58);
         font-weight: 800;
         outline: none;
         border-radius: 3px;
         outline: none !important;
    }
     button.acciones-compra:hover {
         color: #ffffff;
         border: solid 1px #74a01b;
         font-weight: 800;
         outline: none;
         border-radius: 3px;
         outline: none !important;
    }
}
/*----------------------------------------------------------------------------ANCHO MÍNIMO XXX PIXELES-----------------------------------------------------------------------------*/
 @media (max-width: 767px) {
     div.paneles {
         width: 200px;
         margin: 0 auto;
    }
}
 @media (max-width: 720px) {
     div.paneles {
         width: 200px;
         margin: 0 auto;
    }
}
 @media (max-width: 480px) {
     div.paneles {
         width: 200px;
         margin: 0 auto;
    }
}
 @media (max-width: 375px) {
     div.paneles {
         width: 200px;
         margin: 0 auto;
    }
}
 @media (max-width: 320px) {
     div.paneles {
         width: 100%;
         margin: 0 auto;
    }
}
 a.acciones-compra, a.acciones-compra:focus, a.acciones-compra:active {
     color: #ffffff;
     border: solid 1px #8cbb2c;
     background: rgb(157,213,58);
     font-weight: 700;
     outline: none;
     border-radius: 3px;
     outline: none !important;
}
 a.acciones-compra:hover {
     color: #ffffff;
     border: solid 1px #74a01b;
     background: rgb(137, 191, 41);
     font-weight: 700;
     outline: none;
     border-radius: 3px;
     outline: none !important;
}
/*Fix Disabled*/
	div.lotto-two label.draw-price select[disabled="disabled"] {
    color: #cfd8dc;}
/*Fix Disabled*/