@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700&family=Open+Sans:wght@300;400;600&display=swap');
        .lot-premios{
           width: 100%;
           font-family: 'Open Sans', sans-serif;
           display: flex;
           color: #000000;
           padding-top: 5px;
           border-top: 1px solid #ebebeb;


           /*font-family: 'Merriweather', serif;*/
           /*height: 50%;*/
         
           /*justify-content:space-around;*/
           /*align-items: center;*/
         
           
           /*margin-top: 50px;
           margin-bottom: 50px;*/
                     
           
        }

        .formulario{display: flex;flex-direction: row;align-items: center;}

        .lot-nav{
         width: 100%;
         text-align: center;
        /* height: 140px;*/
         /*padding: 10px;
         margin: 5px;*/
        margin: 0px 30px 0px 30px;
      
        
        }
        .main-container{
            width: 100%;
           
        }
        
        .lot-nombre{
            width: 100%; 
            flex: 0 1 1.875rem;
            max-height: 0.4375rem;
           /* font-family: sans-serif;*/
            
            /*border: 1px solid grey !important;*/
            /*box-shadow: -0.5px 0.5px 0px 0.5px rgb(146, 145, 145) !important;*/
            /*padding:5px !important;
            border-radius: 6px !important;*/
            
            /*background-color: #ffffff;*/
            flex: 0 1 1.875rem;
            max-height: 0.4375rem;
            
        }
       
        .lot-nombre h3{
            font-size: 15px;
            color:steelblue;
            /*font-weight: bold;*/
            /*background-color: #ffffff;*/
        }
        .lot-nombre p{
            font-size: 14px;
            color: grey;
            /*background-color: #ffffff;*/
        }
        .lot-nombregordo{
         
        
            /*border: 1px solid grey !important;*/
            /*box-shadow: -0.5px 0.5px 0px 0.5px rgb(146, 145, 145)!important;*/
            /*padding:6px !important;*/
            /*border-radius: 6px  !important;*/
            text-align: center;
            /*background-color: #ffffff;*/
          
        }
    
        .lot-nombregordo h3{
            font-size: 19px;
           
        }
        .lot-nombregordo p{
            font-size: 12px;
       
        }

        .lot-numero{
           font-size: 35px;
           padding-top: 15px;
           text-align: center;
           font-weight: 800;
      
        }
        .lot-numero2{
           font-size: 18px;
        }
        
        .lot-cuartos{
            display:flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;

            padding-top: 10px;
            font-weight: 700;
          
        }

        .lot-cuartos li span{
            padding: 5px;
            margin: 5px;
        }
        .lot-quintos{
          display:flex;
          flex-direction: row;
          justify-content: center;
          align-items: center;
          padding-top: 10px;
          font-weight: 700;
         
        
        }
        .lot-quintos2{
          display:flex;
          flex-direction: row;
          justify-content: center;
          align-items: center;
          font-weight: 700;
         
        
        }
        .lot-quintos li span{
            padding: 5px;
           
        }
        .lot-quintos2 li span{
            padding: 5px;
            
        }
        /*.barra{
            border-bottom: 2px solid rgba(0,0,0,.125);
        }*/
        /*.new{
            color: #ccd3dd;
            background-color: #4A5F87;
        }
        .new2{
            color: white;
            background-color: #4A5F87;
        }
        .new a{
            color:#ccd3dd;
            background-color: #4A5F87;
        }
        .new2 a{
            color:white;
            background-color: #4A5F87;
        }
        .bat a{
            color: white;
           
            background-color: #4A5F87;
        }
        .bat{
            color: white;
            background-color: #4A5F87;
        }
        */
        .cintillo-sup {
            /*height: 70px;*/
            width: 25%;
            padding: 5px;
            font-size: 1.25rem;
            border-bottom: 4px solid black;
            
            /*background-color: #cbcccc;*/
       }
        .cintillo-sup a{
            /*line-height: 80px;*/
            text-align: center;
            vertical-align: middle;
            
            /*font-size: 35px;
            font-weight: 600;
            font-family: Arial, Helvetica, sans-serif;
            color: #ffffff;*/
        }
        /*.cintillo-sup:after{
            content: "";
            width: 235px;
            height: 4px;
            display: block;
            background: #222;
            position: absolute;
            bottom: 0;
        }*/

        .main-container2{ border-top: 1px solid #ebebeb;}
      
        .bannerloteria{float: right;padding-right: 15%;}

        #backComprobador{
            display: inline-block;
            background-color: #556987;
            text-decoration: none;
            text-align: center;
            line-height: 40px;
            height: 40px;
            color: #fff;
            font-size: 18px;
            /* margin: 0 0 5px 5px; */
            border-radius: 3px;
            padding: 0 20px;
            color: #fff;
            font-weight: normal;
            margin-left: 20px;
        }
        .fila1{display: flex;width: 100%;}
        .fila2{display: flex;width: 100%;}
        .fila3{display: flex;width: 100%;}
        @media (max-width:400px){
        /*.banner-sup {
            height: 160px;
         }*/
        .bannerloteria {
            float: left;
            padding-left: 20px;
            /* margin: auto; */
        }
        }
        @media (max-width:700px){

            .fila1{display: flex;flex-direction: row;}
            .fila2{display: flex;flex-direction: row;}
            .main-container{width:100%;}
            .lot-premios{
               width:100%;
               display: flex;
               /*justify-content:space-around;*/
               /*align-items: center;*/
               color: #000000;
               flex-direction: column;
               /*margin: 10px;*/ 
            }
            .lot-nav{
                width:100%;
                margin: 0 auto;
                display: flex;
                flex-direction: column;
                /*
                margin-top: 10px;
                margin-left: 5px;
                margin-right: 75%;
                padding: 0px;*/
            }
        
            
            .lot-nombre{
                width: 100%; 
                font-family: sans-serif;
                font-size: 14px;
                max-height: 0.7375rem;
                /*border: 1px solid grey !important;*/
                /*box-shadow: -0.5px 0.5px 0px 0.5px rgb(146, 145, 145) !important;*/
                /*padding:15px !important;
                border-radius: 6px !important;
                text-align: center;
                background-color: #ffffff;*/ 
            }
           
            .lot-nombre h3{
              font-size: 14px;
           }
            .lot-nombre p{
               font-size: 14px;
               color: grey;
               display:none;
             }
            .lot-nombregordo{
                width: 100%;
                float: left;
                font-size: 14px;
                margin: 10px 0px 0px 0px;
                font-family: sans-serif;
                /*border: 1px solid grey !important;*/
                /*box-shadow: -0.5px 0.5px 0px 0.5px rgb(146, 145, 145)!important;*/
                padding:12px !important;
                border-radius: 6px  !important;
                text-align: center;
                
                background-color: #ffffff;
              
            }
            .lot-nombregordo h3{
                font-size: 14px;
                color:#ae1707;
                background-color: #ffffff;
            }
            .lot-nombregordo p{
                font-size: 14px;
                color: grey;
                background-color: #ffffff;
                display: none;
            }
    
    
            .lot-numero{
               font-size: 28px;
               text-align: center;
            }

            .lot-numero2{
               
                font-size: 15px;
                /*padding-top: 20px;*/
                
                /*padding-left: 15px;*/
                
            }

            .lot-numerogordo{
                
                font-size: 35px;
                padding-top: 18px;
                text-align: center;
                font-weight: bold;
           }
           
            .lot-quintos{
              display:flex;
              flex-direction: row;
              justify-content: center;
              align-items: center;
             
            
            }
            .lot-quintos2{
              display:flex;
              flex-direction: row;
              justify-content: center;
              align-items: center;
              
            
            }
            .lot-quintos li span{
                padding: 5px;
                margin: 5px;
            }
            .lot-quintos2 li span{
                padding: 5px;
                margin: 5px;
            }
            .barra{
                border-bottom: 2px solid rgba(0,0,0,.125);
            }
            .cintillo-sup{width: 100%;padding:0px;background-color: #ebebeb;border-bottom: 0px;background-color:steelblue;}
            
            .cintillo-sup img {
               padding: 10px;
               /* width: 35px;
                background-color: #4A5F87;*/  
            }
            .cintillo-sup a{
                color:white;
                font-size: 20px;
            }
            
            .caja-decimo {
                width: 100%;
                /*margin-top: 30px;
                margin-bottom: 30px;*/
                clear: both;
            }

            .buscar_text {
                width: 100px;
                
            }

            .buscar_part {
            width: 50px; 
            } 
            .destacado {
                color: #556987;
                font-size: 14px;
                font-weight: 400;
                
            }

            .destacado1 {
                color: #556987;
                font-size: 14px;
                font-weight: 300;
                margin-right: 5px;
                margin-left: -35px;
            
            }
            .buscar_input {
                cursor: pointer;
                border: none;
                line-height: 25px;
               
                padding: 0 10px;
                margin: 0;
                
                color:#fff;
                font-size:14px;
                
                
            }
            .enlaces2{

                /*padding-top: 50px;*/
            
               /* padding-left: 140px;
                padding-bottom: 20px;
                margin: 0 0 0 0px;
                clear:both;*/	
            }
            .enlaces2 a {
                display: inline-block;
            
                /*line-height: 40px;
                height: 40px;*/
                color: #fff;
                font-size: 14px;
            }

            #donde {
                display:none;
            }

            form{
                width:100%;
            }
    }