.cuadroCentral{
    margin: 8px 30px; 

}
.cuadro-central{
    width: 100%;
    height: 100%; 
    display: flex; 
    justify-content: center;
    align-items: center;
    

}

/* cuadro basado en el header que contiene: logo / titulo junto con hora / numero de telefono */
 
header .titulo-flex{
    display: flex;
    justify-content: space-around;
    align-items: center; 
    width: 100%;
    
}

header .contacto-tlf h3 i{
    color: green;
}
/* cuadro basado en el header que contiene: logo / titulo junto con hora / numero de telefono */

 
.cuadro{
    margin: 10px;
    width: 100%;  
    height: 100%;
    background-color: rgba(255, 255, 255, 0.123);
    border: 5px solid rgb(211, 211, 211); 
    border-radius: 10px;
    box-shadow:
    1.5px 1.8px 6.7px rgba(0, 0, 0, 0.078),
    3.9px 4.5px 16.9px rgba(0, 0, 0, 0.082),
    8px 9.2px 34.6px rgba(0, 0, 0, 0.082),
    16.4px 19px 71.2px rgba(0, 0, 0, 0.081),
    45px 52px 195px rgba(0, 0, 0, 0.08);
    
    
}
 
.cuadro .cuadro1{
    width: 100%;     
    border-radius: 10px; 
    
    
}
.cuadro .cuadro1 .cuadroLadoalado {
    display: flex;
    justify-content: space-around;
    align-items: center; 
    
}
.cuadro .cuadro1 .cuadroLadoalado .cuadroTexto{
    font-size: 15px;
}
.cuadro .cuadro1 .cuadroLadoalado img{
    width: 120px;
    height: 75px;
}
.cuadro .cuadro2{
    width: 100%;
    height: 100%;    
}
.cuadro .cuadro3{
    width: 100%;
    margin-top: 10px;
    text-align: center;
    
}

/* cuadro numero 2 */
.cuadroLadoalado .cuadroHora{
    display: flex;
    justify-content: center; 
}
.cuadroLadoalado .cuadroHora h5{
    font-size: 18px;
}
.cuadroresultado{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0px 15px; 
}
.cuadroResultado-uno{
    display: block;
    text-align: center; 
}
.cuadroresultado .cuadroResultado-uno .opcion{
    background-color: blue;
    color:white;
    text-align: center;
    border-radius: 25px; 
    width: 80px;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 14px;
}

.cuadroresultado .cuadroResultado-uno .resultado{
    background-color: #F4F4F4;
    color:black;
    text-align: center;
    border-radius: 25px; 
    width: 80px;
    font-weight: bold;
}

/* tabla */
 
table{
    width: 100%;
    flex-direction: row; 
    border-collapse: separate;
    border-spacing: 10px 5px;
    
}
thead tr th{
    background-color: blue;
    color:white;
    text-align: center;
    border-radius: 10px;  
    padding: 10px;   
    font-size: 12px;
 } 

tr td{ 
    background-color: #F4F4F4;
    color:black;
    text-align: center;
    border-radius: 10px;  
    font-weight: bold;     
     font-size: 18px;

} 
tr td:nth-child(2){
    font-size: 20px !important;
}
tr td:nth-child(3){
    width: 100px;
}
    /* iPads (landscape) 
#Dispositivo = Tablets, Ipads (horizontal) 
#Resolución = B/w 768px to 1024px */
@media only screen and (min-device-width : 1500px) and (max-device-width : 1600px) 
and (orientation : landscape) {
 
    .cuadroCentral{
        width: 100vw; 
        margin: 0px;
        /* background-color: rgba(128, 128, 128, 0.178); */
    
    }
    .cuadro-central{ 
        width: 100vw;  
        display: flex; 
        justify-content: center;
        align-items: center;
        
    }
    /* cuadro basado en el header que contiene: logo / titulo junto con hora / numero de telefono */
     header{ 
        width: 100vw;
        margin-bottom: 0px; 
     }
    header .titulo-flex{
        display: flex;
        justify-content: space-around;
        align-items: center; 
        width: 100%;
    }
 
    header .logo-general img{
        width: 160px;
        height: 50px;
    }
    header .text-titulo h1{
        text-align: center;
        font-size: 25px;
    }
    header .contacto-tlf h3{
        font-size: 18px;
    }
    header .contacto-tlf h3 i{
        color: green;
    }
    /* cuadro basado en el header que contiene: logo / titulo junto con hora / numero de telefono */
    
     
    .cuadro{
        margin: 10px;
        width: 100%;    
        background-color: rgba(255, 255, 255, 0.123);
        border: 5px solid rgb(211, 211, 211); 
        border-radius: 10px;
        box-shadow:
        1.5px 1.8px 6.7px rgba(0, 0, 0, 0.078),
        3.9px 4.5px 16.9px rgba(0, 0, 0, 0.082),
        8px 9.2px 34.6px rgba(0, 0, 0, 0.082),
        16.4px 19px 71.2px rgba(0, 0, 0, 0.081),
        45px 52px 195px rgba(0, 0, 0, 0.08);
        
    }
     
 
/* cuadro numero 1 */
.cuadro .cuadro1{
    width: 100%; 
    border-radius: 10px;
    margin: 0;
    padding: 0;

}
.cuadro .cuadro1 .cuadroLadoaladoAnimalito {
    display: flex;
    justify-content: space-between;
    align-items: center; 
    height: 50px;  
    margin: 0 !important;

}
.cuadro .cuadro1 .cuadroLadoaladoAnimalito .cuadroTexto h5{
    font-size: 17px;
}
.cuadro .cuadro1 .cuadroLadoaladoAnimalito .cuadroImagen img{
    width:100px;
    height: 50px;
}
/* cuadro numero 1 */
/* cuadro numero 2 */

.cuadro .cuadro2{
    width: 100%;
    height: 100%;    
}

    /* tabla */
     
    table{ 
        width: 100%; 
        flex-direction: row; 
        border-collapse: separate;
        /* border-spacing: 4px 5px; */
    }
    thead tr th{
        background-color: blue;
        color:white;
        text-align: center;
        border-radius: 10px;  
        padding: 10px;   
        font-size: 10px;
    
     } 
    
    tr td{ 
        background-color: #F4F4F4;
        color:black;
        margin: 0;
        text-align: center;
        border-radius: 10px;  
        font-weight: bold;  
        font-size: 12px;

    }
    tr td:nth-child(2){
        font-size: 20px;
    }
    tr td img{
        width: 40px;
        height: 35px;
    }
            /*tabla_loteria  */
            .tabla_loteria{
                width: 100%;
                height:100px;  
            }
            .tabla_loteria tr td{
                font-size: 25px !important;
            }
            .tabla_loteria tr td:nth-child(2){ 
                width: 25% !important;
                 
            }
            .tabla_loteria tr td:nth-child(1){
                width: 25% !important;
                 
            }
            .tabla_loteria tr td:nth-child(3){
                width: 25% !important;
                 
            }
            .tabla_loteria tr td:nth-child(4){
                width: 25% !important;
                 
            }  
            /*tabla_loteria  */
/* cuadro numero 2 */

.cuadro .cuadro3{
    width: 100%;
    margin-top: 10px;
    text-align: center;
}
.cuadroLadoaladoAnimalito .cuadroHora{
    display: flex;
    justify-content: center; 
}
.cuadroLadoaladoAnimalito .cuadroHora h5{
    font-size: 18px;
}
.cuadroresultadoAnimalito{
    display: flex;
    justify-content: center;
    align-items: center; 
    width: 100%;
}
.cuadroResultadoAnimalito-uno{
    display: block;
    text-align: center; 
    width: 100%;  
    padding: 10px;
    
}
.cuadroresultadoAnimalito .cuadroResultadoAnimalito-uno .opcion{
    background-color: blue;
    color:white;
    text-align: center;
    border-radius: 5px; 
    width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
    line-height: 3;
    font-size: 12px;
}

.cuadroresultadoAnimalito .cuadroResultadoAnimalito-uno .resultadoAnimalito{
    margin-top: 6px;
    background-color: #F4F4F4;
    color:black;
    text-align: center;
    border-radius: 5px;  
    font-weight: bold; 
    line-height: 4;
    font-size: 12px;
}
.cuadroresultadoAnimalito .cuadroResultadoAnimalito-uno .resultadoAnimalito img{
    width: 40px;
}

/* footer */
footer{
    margin-top: 15px;
}
footer h3{
    font-size: 18px;
}    
/* footer */

}

 /* iPads (landscape) 
#Dispositivo = Tablets, Ipads (horizontal) 
#Resolución = B/w 768px to 1024px */
@media only screen and (min-device-width : 1366px) and (max-device-width : 1500px) 
and (orientation : landscape) {
 
    .cuadroCentral{
        width: 100vw; 
        margin: 0px;
        /* background-color: rgba(128, 128, 128, 0.178); */
    
    }
    .cuadro-central{ 
        width: 100vw;  
        display: flex; 
        justify-content: center;
        align-items: center;
        
    }
    /* cuadro basado en el header que contiene: logo / titulo junto con hora / numero de telefono */
     header{ 
        width: 100vw;
        margin-bottom: 0px; 
     }
    header .titulo-flex{
        display: flex;
        justify-content: space-around;
        align-items: center; 
        width: 100%;
    }
 
    header .logo-general img{
        width: 160px;
        height: 50px;
    }
    header .text-titulo h1{
        text-align: center;
        font-size: 25px;
    }
    header .contacto-tlf h3{
        font-size: 18px;
    }
    header .contacto-tlf h3 i{
        color: green;
    }
    /* cuadro basado en el header que contiene: logo / titulo junto con hora / numero de telefono */
    
     
    .cuadro{
        margin: 10px;
        width: 100%;    
        background-color: rgba(255, 255, 255, 0.123);
        border: 5px solid rgb(211, 211, 211); 
        border-radius: 10px;
        box-shadow:
        1.5px 1.8px 6.7px rgba(0, 0, 0, 0.078),
        3.9px 4.5px 16.9px rgba(0, 0, 0, 0.082),
        8px 9.2px 34.6px rgba(0, 0, 0, 0.082),
        16.4px 19px 71.2px rgba(0, 0, 0, 0.081),
        45px 52px 195px rgba(0, 0, 0, 0.08);
        
    }
     
 
/* cuadro numero 1 */
.cuadro .cuadro1{
    width: 100%; 
    border-radius: 10px;
    margin: 0;
    padding: 0;

}
.cuadro .cuadro1 .cuadroLadoaladoAnimalito {
    display: flex;
    justify-content: space-between;
    align-items: center; 
    height: 50px;  
    margin: 0 !important;

}
.cuadro .cuadro1 .cuadroLadoaladoAnimalito .cuadroTexto h5{
    font-size: 17px;
}
.cuadro .cuadro1 .cuadroLadoaladoAnimalito .cuadroImagen img{
    width:100px;
    height: 50px;
}
/* cuadro numero 1 */
/* cuadro numero 2 */

.cuadro .cuadro2{
    width: 100%;
    height: 100%;    
}

    /* tabla */
     
    table{ 
        width: 100%; 
        flex-direction: row; 
        border-collapse: separate;
        /* border-spacing: 4px 5px; */
    }
    thead tr th{
        background-color: blue;
        color:white;
        text-align: center;
        border-radius: 10px;  
        padding: 10px;   
        font-size: 10px;
    
     } 
    
    tr td{ 
        background-color: #F4F4F4;
        color:black;
        margin: 0;
        text-align: center;
        border-radius: 10px;  
        font-weight: bold;  
        font-size: 10px;
    }
    tr td:nth-child(2){
        font-size: 20px;
    }
    tr td img{
        width: 40px;
        height: 35px;
    }
            /*tabla_loteria  */
            .tabla_loteria{
                width: 100%;
                height:100px;  
            }
            .tabla_loteria tr td{
                font-size: 25px !important;
            }
            .tabla_loteria tr td:nth-child(2){ 
                width: 25% !important;
                 
            }
            .tabla_loteria tr td:nth-child(1){
                width: 25% !important;
                 
            }
            .tabla_loteria tr td:nth-child(3){
                width: 25% !important;
                 
            }
            .tabla_loteria tr td:nth-child(4){
                width: 25% !important;
                 
            }  
            /*tabla_loteria  */
/* cuadro numero 2 */

.cuadro .cuadro3{
    width: 100%;
    margin-top: 10px;
    text-align: center;
}
.cuadroLadoaladoAnimalito .cuadroHora{
    display: flex;
    justify-content: center; 
}
.cuadroLadoaladoAnimalito .cuadroHora h5{
    font-size: 18px;
}
.cuadroresultadoAnimalito{
    display: flex;
    justify-content: center;
    align-items: center; 
    width: 100%;
}
.cuadroResultadoAnimalito-uno{
    display: block;
    text-align: center; 
    width: 100%;  
    padding: 10px;
    
}
.cuadroresultadoAnimalito .cuadroResultadoAnimalito-uno .opcion{
    background-color: blue;
    color:white;
    text-align: center;
    border-radius: 5px; 
    width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
    line-height: 3;
    font-size: 12px;
}

.cuadroresultadoAnimalito .cuadroResultadoAnimalito-uno .resultadoAnimalito{
    margin-top: 6px;
    background-color: #F4F4F4;
    color:black;
    text-align: center;
    border-radius: 5px;  
    font-weight: bold; 
    line-height: 4;
    font-size: 12px;
}
.cuadroresultadoAnimalito .cuadroResultadoAnimalito-uno .resultadoAnimalito img{
    width: 40px;
}

/* footer */
footer{
    margin-top: 15px;
}
footer h3{
    font-size: 18px;
}    
/* footer */

}
    
/* iPads (landscape) 
#Dispositivo = Tablets, Ipads (horizontal) 
#Resolución = B/w 768px to 1024px */
@media only screen and (min-device-width : 1200px) and (max-device-width : 1366px) 
and (orientation : landscape) {
 
    .cuadroCentral{
        width: 100vw; 
        margin: 0px;
        /* background-color: rgba(128, 128, 128, 0.178); */
    
    }
    .cuadro-central{ 
        width: 100vw;  
        display: flex; 
        justify-content: center;
        align-items: center;
        
    }
    /* cuadro basado en el header que contiene: logo / titulo junto con hora / numero de telefono */
     header{ 
        width: 100vw;
        margin-bottom: 0px; 
     }
    header .titulo-flex{
        display: flex;
        justify-content: space-around;
        align-items: center; 
        width: 100%;
    }
 
    header .logo-general img{
        width: 160px;
        height: 50px;
    }
    header .text-titulo h1{
        text-align: center;
        font-size: 25px;
    }
    header .contacto-tlf h3{
        font-size: 18px;
    }
    header .contacto-tlf h3 i{
        color: green;
    }
    /* cuadro basado en el header que contiene: logo / titulo junto con hora / numero de telefono */
    
     
    .cuadro{
        margin: 10px;
        width: 100%;    
        background-color: rgba(255, 255, 255, 0.123);
        border: 5px solid rgb(211, 211, 211); 
        border-radius: 10px;
        box-shadow:
        1.5px 1.8px 6.7px rgba(0, 0, 0, 0.078),
        3.9px 4.5px 16.9px rgba(0, 0, 0, 0.082),
        8px 9.2px 34.6px rgba(0, 0, 0, 0.082),
        16.4px 19px 71.2px rgba(0, 0, 0, 0.081),
        45px 52px 195px rgba(0, 0, 0, 0.08);
        
    }
     
 
/* cuadro numero 1 */
.cuadro .cuadro1{
    width: 100%; 
    border-radius: 10px;
    margin: 0;
    padding: 0;

}
.cuadro .cuadro1 .cuadroLadoaladoAnimalito {
    display: flex;
    justify-content: space-between;
    align-items: center; 
    height: 50px;  
    margin: 0 !important;

}
.cuadro .cuadro1 .cuadroLadoaladoAnimalito .cuadroTexto h5{
    font-size: 17px;
}
.cuadro .cuadro1 .cuadroLadoaladoAnimalito .cuadroImagen img{
    width:100px;
    height: 50px;
}
/* cuadro numero 1 */
/* cuadro numero 2 */

.cuadro .cuadro2{
    width: 100%;
    height: 100%;    
}

    /* tabla */
     
    table{ 
        width: 100%; 
        flex-direction: row; 
        border-collapse: separate;
        /* border-spacing: 4px 5px; */
    }
    thead tr th{
        background-color: blue;
        color:white;
        text-align: center;
        border-radius: 10px;  
        padding: 10px;   
        font-size: 10px;
    
     } 
    
    tr td{ 
        background-color: #F4F4F4;
        color:black;
        margin: 0;
        text-align: center;
        border-radius: 10px;  
        font-weight: bold;  
        font-size: 12px;
    }
    tr td:nth-child(2){
        font-size: 13px;
    }
    tr td img{
        width: 40px;
        height: 35px;
    }
        /*tabla_loteria  */
        .tabla_loteria{
            width: 100%;
            height:100px;  
        }
        .tabla_loteria tr td{
            font-size: 25px !important;
        }
        .tabla_loteria tr td:nth-child(2){ 
            width: 25% !important;
             
        }
        .tabla_loteria tr td:nth-child(1){
            width: 25% !important;
             
        }
        .tabla_loteria tr td:nth-child(3){
            width: 25% !important;
             
        }
        .tabla_loteria tr td:nth-child(4){
            width: 25% !important;
             
        }  
        /*tabla_loteria  */
/* cuadro numero 2 */

.cuadro .cuadro3{
    width: 100%;
    margin-top: 10px;
    text-align: center;
}
.cuadroLadoaladoAnimalito .cuadroHora{
    display: flex;
    justify-content: center; 
}
.cuadroLadoaladoAnimalito .cuadroHora h5{
    font-size: 18px;
}
.cuadroresultadoAnimalito{
    display: flex;
    justify-content: center;
    align-items: center; 
    width: 100%;
}
.cuadroResultadoAnimalito-uno{
    display: block;
    text-align: center; 
    width: 100%;  
    padding: 10px;
    
}
.cuadroresultadoAnimalito .cuadroResultadoAnimalito-uno .opcion{
    background-color: blue;
    color:white;
    text-align: center;
    border-radius: 5px; 
    width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
    line-height: 3;
    font-size: 12px;
}

.cuadroresultadoAnimalito .cuadroResultadoAnimalito-uno .resultadoAnimalito{
    margin-top: 6px;
    background-color: #F4F4F4;
    color:black;
    text-align: center;
    border-radius: 5px;  
    font-weight: bold; 
    line-height: 4;
    font-size: 12px;
}
.cuadroresultadoAnimalito .cuadroResultadoAnimalito-uno .resultadoAnimalito img{
    width: 40px;
}

/* footer */
footer{
    margin-top: 15px;
}
footer h3{
    font-size: 18px;
}    
/* footer */

}

/* iPads (landscape) 
#Dispositivo = Tablets, Ipads (horizontal) 
#Resolución = B/w 768px to 1024px */
@media only screen and (min-device-width : 1151px) and (max-device-width : 1199px) 
and (orientation : landscape) {
    /* *{
        padding: 0px !important;
        margin: 0px !important;
    } */
 
    .cuadroCentral{
        width: 100vw; 
        margin: 0px;
    
    }
    .cuadro-central{ 
        width: 100vw;  
        display: flex; 
        justify-content: center;
        align-items: center; 
        
    }
    /* cuadro basado en el header que contiene: logo / titulo junto con hora / numero de telefono */
     header{ 
        width: 100vw;  
     }
    header .titulo-flex{
        display: flex;
        justify-content: space-around;
        align-items: center; 
        width: 100%;
    }
 
    header .logo-general img{
        width: 160px;
        height: 60px;
    }
    header .text-titulo h1{
        text-align: center;
        font-size: 25px;
    }
    header .contacto-tlf h3{
        font-size: 25px;
    }
    header .contacto-tlf h3 i{
        color: green;
    }
    /* cuadro basado en el header que contiene: logo / titulo junto con hora / numero de telefono */
    
     
    .cuadro{
        margin: 0px 6px !important;
        width: 100%;    
        background-color: rgba(255, 255, 255, 0.123);
        border: 2px solid rgb(211, 211, 211); 
        border-radius: 10px;
        box-shadow:
        1.5px 1.8px 6.7px rgba(0, 0, 0, 0.078),
        3.9px 4.5px 16.9px rgba(0, 0, 0, 0.082),
        8px 9.2px 34.6px rgba(0, 0, 0, 0.082),
        16.4px 19px 71.2px rgba(0, 0, 0, 0.081),
        45px 52px 195px rgba(0, 0, 0, 0.08); 
        
    }
     
 
/* cuadro numero 1 */
.cuadro .cuadro1{
    width: 100%; 
    border-radius: 10px;
    margin: 0;
    padding: 0;
    

}
.cuadro .cuadro1 .cuadroLadoaladoAnimalito {
    display: flex;
    justify-content: space-between;
    align-items: center; 
    height: 60px !important;  
    margin: 0 !important; 

}
.cuadro .cuadro1 .cuadroLadoaladoAnimalito .cuadroTexto h5{
    font-size: 17px;
}
.cuadro .cuadro1 .cuadroLadoaladoAnimalito .cuadroImagen img{
    width:100px;
    height: 50px;
}
/* cuadro numero 1 */
/* cuadro numero 2 */

.cuadro .cuadro2{
    width: 100%;
    height: 100%;    
}

    /* tabla */
     
    table{ 
        width: 100%; 
        flex-direction: row; 
        border-collapse: separate; 
        border-spacing: 2.5px 2.5px;

        
    }
    thead tr th{
        background-color: blue;
        color:white;
        text-align: center;
        border-radius: 10px;  
        padding: 5px !important;   
        font-size: 13px;
    
     } 
    
    tr td{ 
        background-color: #F4F4F4;
        color:black;
        margin: 0;
        padding: 0;
        text-align: center;
        border-radius: 10px;  
        font-weight: bold;  
        font-size: 13px; 
    }
    tr td img{
        width: 40px;
        height: 40px;
    }
    tr td:nth-child(2){
        font-size: 18px;
    }
    tr td:nth-child(1){
        width: 65px;
    }
        /*tabla_loteria  */
        .tabla_loteria{
            width: 100%;
            height:100px;  
        }
        .tabla_loteria tr td{
            font-size: 25px !important;

        }
        .tabla_loteria tr td:nth-child(2){ 
            width: 25% !important;
             
        }
        .tabla_loteria tr td:nth-child(1){
            width: 25% !important;
             
        }
        .tabla_loteria tr td:nth-child(3){
            width: 25% !important;
             
        }
        .tabla_loteria tr td:nth-child(4){
            width: 25% !important;
             
        }  
        /*tabla_loteria  */
/* cuadro numero 2 */

 
.cuadroLadoaladoAnimalito .cuadroHora{
    display: flex;
    justify-content: center;  
}
.cuadroLadoaladoAnimalito .cuadroHora h5{
    font-size: 18px; 
}
.cuadroresultadoAnimalito{
    display: flex;
    justify-content: center;
    align-items: center; 
    width: 100%; 
}
.cuadroResultadoAnimalito-uno{
    display: block;
    text-align: center; 
    width: 100%;  
    padding: 10px;
    
}
 
.cuadroresultadoAnimalito .cuadroResultadoAnimalito-uno .resultadoAnimalito img{
    width: 40px;
}

/* footer */
footer{
    margin-top: 10px;
}
footer h3{
    font-size: 15px;
}    
/* footer */

}

@media only screen and (min-device-width : 1020px) and (max-device-width : 1151px) 
and (orientation : landscape) {
    /* cuadro basado en el header que contiene: logo / titulo junto con hora / numero de telefono */
    header{ 
        width: 100vw;
        margin-bottom: 0px; 
     }
    header .titulo-flex{
        display: flex;
        justify-content: space-around;
        align-items: center; 
        width: 100%;
    }
 
    header .logo-general img{
        width: 160px;
        height: 50px;
    }
    header .text-titulo h1{
        text-align: center;
        font-size: 25px;
    }
    header .contacto-tlf h3{
        font-size: 15px;
    }
    header .contacto-tlf h3 i{
        color: green;
    }
    /* cuadro basado en el header que contiene: logo / titulo junto con hora / numero de telefono */

    /* tabla */
     
    table{ 
        width: 100%; 
        flex-direction: row; 
        border-collapse: separate; 
        border-spacing: 2.5px 2.5px;

        
    }
    thead tr th{
        background-color: blue;
        color:white;
        text-align: center;
        border-radius: 10px;  
        padding: 5px !important;   
        font-size: 13px;
    
     } 
    
    tr td{ 
        background-color: #F4F4F4;
        color:black;
        margin: 0;
        padding: 0;
        text-align: center;
        border-radius: 10px;  
        font-weight: bold;  
        font-size: 13px; 
    }
    tr td img{
        width: 40px;
        height: 40px;
    }
    tr td:nth-child(2){
        font-size: 17px;
    }
    tr td:nth-child(1){
        width: 65px;
    }
        /*tabla_loteria  */
        .tabla_loteria{
            width: 100%;
            height:100px;  
        }
        .tabla_loteria tr td{
            font-size: 25px !important;
        }
        .tabla_loteria tr td:nth-child(2){ 
            width: 25% !important;
             
        }
        .tabla_loteria tr td:nth-child(1){
            width: 25% !important;
             
        }
        .tabla_loteria tr td:nth-child(3){
            width: 25% !important;
             
        }
        .tabla_loteria tr td:nth-child(4){
            width: 25% !important;
             
        }  
        /*tabla_loteria  */
/* footer */
footer{
    margin-top: 10px;
}
footer h3{
    font-size: 10px;
}    
/* footer */
}

 /* responsive TV */
@media only screen and (min-device-width : 900px) and (max-device-width : 1020px)  {
    /* *{
        padding: 0px !important;
        margin: 0px !important;
    } */
 
    .cuadroCentral{
        width: 100vw; 
        margin: 0px;
    
    }
    .cuadro-central{ 
        width: 100vw;  
        display: flex; 
        justify-content: center;
        align-items: center; 
        
    }
    /* cuadro basado en el header que contiene: logo / titulo junto con hora / numero de telefono */
     header{ 
        width: 100vw;  
     }
    header .titulo-flex{
        display: flex;
        justify-content: space-around;
        align-items: center; 
        width: 100%;
    }
 
    header .logo-general img{
        width: 160px;
        height: 60px;
    }
    header .text-titulo h1{
        text-align: center;
        font-size: 20px;
    }
    header .contacto-tlf h3{
        font-size: 20px;
    }
    header .contacto-tlf h3 i{
        color: green;
    }
    /* cuadro basado en el header que contiene: logo / titulo junto con hora / numero de telefono */
    
     
    .cuadro{
        margin: 0px 6px !important;
        width: 100%;    
        background-color: rgba(255, 255, 255, 0.123);
        border: 2px solid rgb(211, 211, 211); 
        border-radius: 10px;
        box-shadow:
        1.5px 1.8px 6.7px rgba(0, 0, 0, 0.078),
        3.9px 4.5px 16.9px rgba(0, 0, 0, 0.082),
        8px 9.2px 34.6px rgba(0, 0, 0, 0.082),
        16.4px 19px 71.2px rgba(0, 0, 0, 0.081),
        45px 52px 195px rgba(0, 0, 0, 0.08); 
        
    }
     
 
/* cuadro numero 1 */
.cuadro .cuadro1{
    width: 100%; 
    border-radius: 10px;
    margin: 0;
    padding: 0;
    

}
.cuadro .cuadro1 .cuadroLadoaladoAnimalito {
    display: flex;
    justify-content: space-between;
    align-items: center; 
    height: 60px !important;  
    margin: 0 !important; 

}
.cuadro .cuadro1 .cuadroLadoaladoAnimalito .cuadroTexto h5{
    font-size: 17px;
}
.cuadro .cuadro1 .cuadroLadoaladoAnimalito .cuadroImagen img{
    width:100px;
    height: 50px;
}
/* cuadro numero 1 */
/* cuadro numero 2 */

.cuadro .cuadro2{
    width: 100%;
    height: 100%;    
}

    /* tabla */
     
    table{ 
        width: 100%; 
        flex-direction: row; 
        border-collapse: separate; 
        border-spacing: 2.5px 2.5px;

        
    }
    thead tr th{
        background-color: blue;
        color:white;
        text-align: center;
        border-radius: 10px;  
        padding: 5px !important;   
        font-size: 13px;
    
     } 
    
    tr td{ 
        background-color: #F4F4F4;
        color:black;
        margin: 0;
        padding: 0;
        text-align: center;
        border-radius: 10px;  
        font-weight: bold;  
        font-size: 13px; 
    }
    tr td img{
        width: 50px;
        height: 41px;
    }
    tr td:nth-child(2){
        font-size: 25px !important;
        width: 10px !important; 
    }
    tr td:nth-child(1){
        width: 65px;
    }
    tr td:nth-child(3){
        width: 65px;
    }
    tr td:nth-child(4){
        width: 65px;
    }
    /*tabla_loteria  */
    .tabla_loteria{
        width: 100%;
        height:100px;  
    }
    .tabla_loteria tr td{
        font-size: 25px !important;

    }
    .tabla_loteria tr td:nth-child(2){ 
        width: 25% !important;
         
    }
    .tabla_loteria tr td:nth-child(1){
        width: 25% !important;
         
    }
    .tabla_loteria tr td:nth-child(3){
        width: 25% !important;
         
    }
    .tabla_loteria tr td:nth-child(4){
        width: 25% !important;
         
    }  
    /*tabla_loteria  */

/* cuadro numero 2 */

 
.cuadroLadoaladoAnimalito .cuadroHora{
    display: flex;
    justify-content: center;  
}
.cuadroLadoaladoAnimalito .cuadroHora h5{
    font-size: 18px; 
}
.cuadroresultadoAnimalito{
    display: flex;
    justify-content: center;
    align-items: center; 
    width: 100%; 
}
.cuadroResultadoAnimalito-uno{
    display: block;
    text-align: center; 
    width: 100%;  
    padding: 10px;
    
}
 
.cuadroresultadoAnimalito .cuadroResultadoAnimalito-uno .resultadoAnimalito img{
    width: 40px;
}

/* footer */
footer{
    margin-top: 10px;
}
footer h3{
    font-size: 15px;
}    
/* footer */

}
 /* responsive TV */

 
 /* tabla */
/* Cuando la pantalla es menor a 900px  (tablets y teléfonos inteligentes)*/
@media only screen and (max-width : 900px) {
    .cuadroCentral{
        margin: 0px 0px; 
    }
    .cuadro-central{
        width: 100%;
        height: 100%; 
        display: block; 
        /* margin-bottom: 100px; */
    }
    /* cuadro basado en el header que contiene: logo / titulo junto con hora / numero de telefono */
    header{ 
        margin-bottom: 10px;
    
    }
    header .titulo-flex{
        display: block; 
        text-align: center;
        width: 100%;
    } 
    
    /* cuadro basado en el header que contiene: logo / titulo junto con hora / numero de telefono */
    
        .cuadro{ 
            width: 100%;  
            text-align: center;   
            margin: 0;
        }
            
        /* cuadro numero 1 */
    
        .cuadro .cuadro1{
            width: 100%;     
            border-radius: 10px;
            
        }
        .cuadro .cuadro1 .cuadroLadoalado {
            display: block; 
        }
        .cuadro .cuadro1 .cuadroLadoalado .cuadroTexto{
            font-size: 15px;
        }
        .cuadro .cuadro1 .cuadroLadoalado img{
            width: 120px;
            height: 75px;
        }
            /* cuadro numero 1 */
    
            /* cuadro numero 2 */
        .cuadro .cuadro2{
            width: 100%;
            height: 100%;
            text-align: center; 
        }
            .cuadroLadoalado .cuadroHora{
                display: block;
             }
            .cuadroLadoalado .cuadroHora h5{
                font-size: 18px;
            }
            .cuadroresultado{
                display: block;
            }
            .cuadroResultado-uno{
                display: block;
                text-align: center; 
            } 
            .cuadroresultado .cuadroResultado-uno .opcion{
               width: 100%;
            }
            
            .cuadroresultado .cuadroResultado-uno .resultado{
                background-color: #F4F4F4;
                color:black;
                text-align: center;
                border-radius: 5px; 
                width: 100%;
                font-weight: bold;
            }
            /* cuadro numero 2 */
        .cuadro .cuadro3{
            width: 100%;
            margin-top: 10px;
            text-align: center;
        }
        
    }