h1
 {   
    background-color:#00489C;
 } 
 
 .btn
 {
   width:300px;
   height:80px;   
 }
 
 .button {
  margin: .4em;
  padding: 1em;
  cursor: pointer;
  background: #e1e1e1;
  text-decoration: none;
  color: #666666; 
}


 
@media (max-width: 241px) and (orientation:portrait)
{    
         
    .body
    {
    width:100%; 
    background-color:#BB141A;     
    color: White;  
    font-family: 'font-qmgps';
    } 
         
    .boton
    {
    max-width:200px;
    max-height: 100px;
    width: 150px;
    height: 40px;
    }
    
    .boton_comando
    {
    max-width:100px;
    max-height: 100px;
    width: 100px;
    height: 40px;
    }
    
    .boton_rendicion
    {

    width: 50px!important;
    height: 35px!important;
    }   
           
    .botonlogin
    {
    max-width:200px;
    max-height: 100px;
    width: 150px;
    height: 40px;
    }  
           
    .btn
    {
    max-width:210px; 
    max-height:50px;
    font-weight:bold;
    background-color: #BB141A;
    color:White;
    } 
     
    .btn2
    {
    max-width:140px; 
    max-height:30px;
    font-weight:bold;
    } 
     
    .button 
    {
    max-width:210px; 
    max-height:50px;
    font-weight:bold;
    background-color: #BB141A;
    color:White;
    margin: .4em;
    padding: 1em;
    cursor: pointer; 
    /* Prevent highlight colour when element is tapped */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
    
    .cabecera
    {
    width:60px;
    text-align:center;
    }              
           
    .divmap
    {
    width: 100%; 
    height: 100%;   
    max-height: 240px;     
    }  
     
    .drop
    {
    color: #BB141A; 
    width:180px;
    height:20px;  
    border-radius: 8px;
    border-color: #4cbeff transparent;  
    text-align:center;  
    font-weight:bold;       
    }
    
    .drops
    {
    color: #BB141A; 
    width:150px;
    height:20px;  
    border-radius: 8px;
    border-color: #4cbeff transparent;  
    text-align:center;  
    font-weight:bold;       
    }
       
    
    .drop_rendicion
    {
    color: #BB141A; 
    width:130px;
    height:20px;  
    border-radius: 8px;
    border-color: #4cbeff transparent;  
    text-align:center;  
    font-weight:bold;      
    }
    
    .drop_buscar
    {
    color: #BB141A; 
    width:130px;
    height:20px;  
    border-radius: 8px;
    border-color: #4cbeff transparent;  
    text-align:center;  
    font-weight:bold;      
    }
     
    .espaciador
    {
    height: 30px;
    }  
        
    .espaciadorlogin
    {
    height: 1px;
    }  
        
    .espaciador1
    {
    height:10px;
    }
    
    .espaciador2
    {
    height: 20px;
    } 
    
    .filas
    {
    width:60px;        
    }   

    .gv
    {
    width:150px;
    height:150px;
    }   

    h1
    {   
    background-color:#00489C;
    }  

    .label
    {    
    font-size:12pt;
    color:White;
    
    }
    
    .label_titulo     
     {    
    font-family: 'font-qmgps';     
    font-size:16pt;
    color:White;    
    }
     
    .leyenda
    { 
    font-size: 10pt;
    }  

    .logo
    {
    max-width:200px;
    width:100px;
    height: 70px;
    }
    
    .logoq  
    {
    width: 70px;
    height: 65px; 
    }
    
    .overflow
    {
    overflow:scroll; 
    overflow-x: hidden; 
    height: 140px; 
    width: 100%;
    }

    .pregunta
    {
    width:180px;
    }
    
    .tabla  
    {
        height:200px;   
    }        

    .table
    {
    width:180px;
    border-radius: 8px;
    } 

    .textbox
    {
    
    width:190px;
    height:25px;
    border-radius: 8px;
    color: #BB141A;
    font-weight:bold;
    }
 
    .textboxlogin
    {
    
    width:160px;
    height:15px;
    border-radius: 8px;
    color: #BB141A;
    font-weight:bold;
    }    
           
    .titimage
    {
    max-width:230px;
    max-height:150px;
    width:160px;
    height: 90px;
    } 
    
    .titimage1
    {
    max-width:230px;
    max-height:150px;
    width:160px;
    height: 90px;
    }                             
      
    .titulo
    {    
    font-size:16pt;
    }     
     

}

@media (min-width: 241px) and (max-width: 320px) and (orientation:portrait)
{   
    
    .body
    {         
    width:100%; 
    background-color:#BB141A; 
    color: White;  
    font-family: 'font-qmgps';
    }   

    .boton
    {
    max-width:220px;
    max-height: 120px;
    width: 150px;
    height: 40px;
    }
    
    .boton_comando
    {
    max-width:150px;
    max-height: 100px;
    width: 120px;
    height: 40px;
    }
    
    .boton_rendicion
    {
    max-width:200px!important;
    max-height: 120px!important;
    width: 110px!important;
    height: 60px!important;
    }     
    
    .botonlogin
    {
    max-width:220px;
    max-height: 120px;
    width: 150px;
    height: 40px;
    }

    .btn
    {
    max-width:230px; 
    max-height:50px;
    font-weight:bold;
    background-color: #BB141A;
    color:White;
    }
     
    .btn2
    {
    max-width:140px; 
    max-height:30px;
    font-weight:bold;
    }

    .button 
    {
    max-width:230px; 
    max-height:50px;
    font-weight:bold;
    background-color: #BB141A;
    color:White;
    margin: .4em;
    padding: 1em;
    cursor: pointer; 
    /* Prevent highlight colour when element is tapped */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
             
    #contenedor
    {
    width:auto;  
    /*background-image: url('images/BIENVENDA-FONDO.jpg');*/
    }
    
    .cab_tabla
    {
        border-top-left-radius:8px;
        border-top-right-radius:0px;
        border-bottom-right-radius:0px;
        border-bottom-left-radius:0px;
    } 

    .divmap
    {
    width: 100%; 
    height: 100%; 
    max-height:450px;        
    } 

    .drop
    {
    color: #BB141A; 
    width:240px;
    height:30px;  
    border-radius: 8px;
    font-weight:bold;  
    text-align:center;      
    }
    
    .drops
    {
    color: #BB141A; 
    width:210px;
    height:30px;  
    border-radius: 8px;
    font-weight:bold;  
    text-align:center;      
    }
    
    .drop_rendicion
    {
    color: #BB141A; 
    width:190px;
    height:30px;  
    border-radius: 8px;
    font-weight:bold;  
    text-align:center;      
    }
    
    .drop_buscar
    {
    color: #BB141A; 
    width:190px;
    height:30px;  
    border-radius: 8px;
    font-weight:bold;  
    text-align:center;      
    }

    .espaciador
    {
    height: 40px;
    } 
    
    .espaciador1
    {
    height: 15px;
    } 
        
    .espaciadorlogin
    {
    height:10px;
    }
    
    .espaciador2
    {
    height: 30px;
    } 

    .gv
    {
    width:150px;
    height:150px;
    }

    h1
    {   
    background-color:#BB141A;
    } 

    .label
    {    
    font-size:13pt;
    color:White;    
    }
    
    .label_titulo
     {    
    font-size:14pt;
    color:White;    
    }
     
    .leyenda
    {   
    font-size: 10pt;
    }

    .logo
    {
    max-width:200px;
    width:170px;
    height:130px;
    }
    
    .logoq  
    {
    width: 90px;
    height: 65px; 
    }
    
    .overflow
    {
    overflow:scroll; 
    overflow-x: hidden; 
    height: 350px; 
    width: 100%;
    }
    
    .tabla  
    {
        height:300px;   
    }

    .table
    {
    width:auto;
    border-radius: 8px;
    }

    .textbox
    {
    
    width:270px;
    height:30px;
    border-radius: 8px;
    color: #BB141A;
    font-weight:bold;
    }
     
    .textboxlogin
    {
    
    width:180px;
    height:20px;
    border-radius: 8px;
    color: #BB141A;
    font-weight:bold;
    } 
     
    .titimage
    {
    max-width:320px;
    max-height:200px;
    width:290px;
    height: 160px;
    }
    
    .titimage1
    {
    max-width:320px;
    max-height:200px;
    width:270px;
    height: 160px;
    }

    .titulo
    {    
    font-size:16pt;
    }
    
}

 @media (min-width: 321px) and (max-width: 384px) and (orientation:portrait)
{  
    
    .body
    {
    width:100%; 
    background-color:#BB141A; 
    color: White;  
    font-family: 'font-qmgps';
    }    
    
    .boton
    {
    max-width:270px;
    max-height: 130px;
    width: 250px;
    height: 70px;
    }
    
    .boton_comando
    {
    max-width:200px;
    max-height: 100px;
    width: 150px;
    height: 40px;
    }
    
    .boton_rendicion
    {
    max-width:220px!important;
    max-height: 130px!important;
    width: 150px!important;
    height: 110px!important;
    }
           
    .botonlogin
    {
    max-width:270px;
    max-height: 130px;
    width: 250px;
    height: 70px;
    } 

    .btn
    {
    max-width:290px; 
    max-height:50px;
    font-weight:bold;
    background-color: #BB141A;
    color:White;
    }
     
    .btn2
    {
    max-width:140px; 
    max-height:30px;
    font-weight:bold;
    }     
    
    .button 
    {
    max-width:290px; 
    max-height:50px;
    font-weight:bold;
    background-color: #BB141A;
    color:White;
    margin: .4em;
    padding: 1em;
    cursor: pointer; 
    /* Prevent highlight colour when element is tapped */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }    
             
    #contenedor
    {
    width:auto;  
    /*background-image: url('images/BIENVENDA-FONDO.jpg');*/
    }
    
    .divmap
    {
    width: 100%; 
    height: 100%; 
    max-height:736px;        
    } 

    .drop
    {
    color: #BB141A; 
    width:280px;
    height:30px;  
    border-radius: 8px;
    font-weight:bold;
    text-align:center;  
    }
    
    .drops
    {
    color: #BB141A; 
    width:250px;
    height:30px;  
    border-radius: 8px;
    font-weight:bold;
    text-align:center;  
    }
    
    .drop_rendicion
    {
    color: #BB141A; 
    width:230px;
    height:30px;  
    border-radius: 8px;
    font-weight:bold;
    text-align:center;  
    }
    
    .drop_buscar
    {
    color: #BB141A; 
    width:230px;
    height:30px;  
    border-radius: 8px;
    font-weight:bold;
    text-align:center;  
    }

    .espaciador
    {
    height: 70px;
    } 
        
    .espaciadorlogin
    {
    height: 30px;
    } 
        
    .espaciador1
    {
    height: 20px;
    }
    
    .espaciador2
    {
    height: 30px;
    }  

    .gv
    {
    width:150px;
    height:150px;
    }

    h1
    {   
    background-color:#BB141A;
    } 

    .label
    {    
    font-size:12pt;
    color:White;
    }
    
    .label_titulo
    {    
    font-size:16pt;
    color:White;
    }
     
    .leyenda
    {
         
    font-size: 10pt;
    } 
    
    .logoq  
    {
    width: 80px;
    height: 65px; 
    }
    
    .overflow
    {
    overflow:scroll; 
    overflow-x: hidden; 
    height: 380px; 
    width: 100%;
    }
    
    .tabla  
    {
        height:450px;   
    }

    .table
    {
    width:auto;
    border-radius: 8px;
    }

    .textbox
    {
    width:340px;
    height:30px;
    border-radius: 8px;
    color: #BB141A;
    font-weight:bold;
    }
     
    .textboxlogin
    {
    width:220px;
    height:30px;
    border-radius: 8px;
    color: #BB141A;
    font-weight:bold;
    }
     
    .titimage
    {
    max-width:384px;
    max-height:300px;
    width:320px;
    height: 160px;
    }
    
    .titimage1
    {
    max-width:384px;
    max-height:300px;
    width:280px;
    height: 140px;
    }
     
    .titulo
    {    
    font-size:16pt;
    }

}

@media (min-width: 385px) and (max-width: 750px) and (orientation:portrait)
{
    
    .body
    {
    width:100%; 
    background-color:#BB141A; 
    color: White; 
    font-family: 'font-qmgps';
    }
       
    .boton
    {
    max-width:600px;
    max-height: 120px;
    width: 350px;
    height: 90px;
    }
    
    .boton_comando
    {
    max-width:250px;
    max-height: 100px;
    width: 180px;
    height: 55px;
    }
    
    .boton_rendicion
    {
    max-width:550px!important;
    max-height: 120px!important;
    width: 250px!important;
    height: 100px!important;
    }
           
    .botonlogin
    {
    max-width:600px;
    max-height: 120px;
    width: 350px;
    height: 90px;
    }

    .btn
    {
    max-width:290px; 
    max-height:50px;
    font-weight:bold;
    background-color: #BB141A;
    color:White;
    } 

    .button 
    {
    max-width:220px; 
    max-height:50px;
    font-weight:bold;
    background-color: #BB141A;
    color:White;
    margin: .4em;
    padding: 1em;
    cursor: pointer; 
    /* Prevent highlight colour when element is tapped */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);         
    } 

    .cabecera
    {
    color:#BB141A;
    }  
   
    #contenedor
    {
    width:auto;  
    /*background-image: url('images/BIENVENDA-FONDO.jpg');*/
    }

    .divmap
    {
    width: 100%; 
    height: 100%; 
    max-height:1000px;        
    } 

    .drop
    {
    color: #BB141A; 
    width:560px;
    height:30px;  
    border-radius: 8px;
    font-weight:bold;
    text-align:center;         
    }
    
    .drops
    {
    color: #BB141A; 
    width:530px;
    height:30px;  
    border-radius: 8px;
    font-weight:bold;
    text-align:center;         
    }
    
    .drop_rendicion
    {
    color: #BB141A; 
    width:510px;
    height:30px;  
    border-radius: 8px;
    font-weight:bold;
    text-align:center;         
    }
    
    .drop_buscar
    {
    color: #BB141A; 
    width:510px;
    height:30px;  
    border-radius: 8px;
    font-weight:bold;
    text-align:center;         
    }

    .espaciador
    {
    height:20px;
    }
               
    .espaciadorlogin
    {
    height:20px;
    }
               
    .espaciador1
    {
    height:30px;
    }
    
    .espaciador2
    {
    height: 20px;
    } 
    
    .gv
    {
    width:230px;
    height:230px;
    }

    h1
    {   
    background-color:#BB141A;
    }

    .label
    {    
    font-size:12pt;
    color:White;
    }
    
    .label_titulo
    {    
    font-size:18pt;
    color:White;
    }

    .leyenda
    {    
    font-size: 10pt;
    } 

    .login
    {
    background-image: url('images/LOGIN-FONDO.jpg');  
    background-position:center; 
    }
    
    .logoq  
    {
    width: 150px;
    height: 115px; 
    }
    
    .overflow
    {
    overflow:scroll; 
    overflow-x: hidden; 
    height: 420px; 
    width: 100%;
    }

    .pregunta
    {
    color:White;
    font-size:10pt; 
    }
    
    .tabla  
    {
        height:600px;   
    }

    .table
    {
    width:auto;
    border-radius: 10px;          
    }

    .textbox
    {
    width:580px;
    height:30px;
    border-radius: 8px;
    color: #BB141A;
    font-weight:bold;        
    }
     
    .textboxlogin
    {
    width:90%;
    height:60px;
    border-radius: 8px;
    color: #BB141A;
    font-weight:bold;        
    }     
          
    .titimage
    {
    max-width:768px;
    max-height:480px;
    width:500px;
    height: 240px;
    }
     
    .titulo
    {    
    font-size:16pt;
    }     

}

@media (min-width: 751px) and (max-width: 768px) and (orientation:portrait)
{
    
    .body
    {
    width:100%; 
    background-color:#BB141A; 
    color: White; 
    font-family: 'font-qmgps';
    }
       
    .boton
    {
    max-width:600px;
    max-height: 120px;
    width: 400px;
    height: 160px;
    }
    
    .boton_comando
    {
    max-width:350px;
    max-height: 100px;
    width: 210px;
    height: 65px;
    }
    
    .boton_rendicion
    {
    max-width:550px!important;
    max-height: 120px!important;
    width: 300px!important;
    height: 135px!important;
    }
           
    .botonlogin
    {
    max-width:600px;
    max-height: 120px;
    width: 400px;
    height: 160px;
    }

    .btn
    {
    max-width:290px; 
    max-height:50px;
    font-weight:bold;
    background-color: #BB141A;
    color:White;
    }

    .button 
    {
    max-width:220px; 
    max-height:50px;
    font-weight:bold;
    background-color: #0667BB;
    color:White;
    margin: .4em;
    padding: 1em;
    cursor: pointer; 
    /* Prevent highlight colour when element is tapped */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);         
    }

    .cabecera
    {
    color:#BB141A;
    }
 
    #contenedor
    {
    width:auto;  
    /*background-image: url('images/BIENVENDA-FONDO.jpg');*/
    }

    .divmap
    {
    width: 100%; 
    height: 100%; 
    max-height:850px;        
    } 

    .drop
    {
    color: #BB141A; 
    width:570px;
    height:60px;  
    border-radius: 8px;
    font-size:20pt;
    font-weight:bold;
    text-align:center;       
    }
    
    .drops
    {
    color: #BB141A; 
    width:540px;
    height:60px;  
    border-radius: 8px;
    font-size:20pt;
    font-weight:bold;
    text-align:center;       
    }
    
    .drop_rendicion
    {
    color: #BB141A; 
    width:520px;
    height:60px;  
    border-radius: 8px;
    font-size:20pt;
    font-weight:bold; 
    text-align:center;       
    }

    .drop_buscar
    {
    color: #BB141A; 
    width:520px;
    height:60px;  
    border-radius: 8px;
    font-size:20pt;
    font-weight:bold; 
    text-align:center;       
    }

    .espaciador
    {
    height:150px;
    }
               
    .espaciadorlogin
    {
    height:60px;
    }
               
    .espaciador1
    {
    height:30px;
    }
    
    .espaciador2
    {
    height: 20px;
    } 

    .gv
    {
    width:230px;
    height:230px;
    }

    h1
    {   
    background-color:#BB141A;
    } 

    .label
    {    
    font-size:18pt;
    color:White;
    }
    
    .label_titulo
    {    
    font-size:20pt;
    color:White;
    }

    .leyenda
    {      
    font-size: 10pt;
    }

    .login
    {
    background-image: url('images/LOGIN-FONDO.jpg');  
    background-position:center; 
    }
    
    .logoq  
    {
    width: 160px;
    height: 120px; 
    }
    
    .overflow
    {
    overflow:scroll; 
    overflow-x: hidden; 
    height: 430px; 
    width: 100%;
    }

    .pregunta
    {
    color:White;
    font-size:10pt; 
    }
    
    .tabla  
    {
        height:700px;   
    }

    .table
    {
    width:auto;
    border-radius: 10px;          
    }

    .textbox
    {
    width:385px;
    height:30px;
    border-radius: 8px;
    color: #BB141A;
    font-weight:bold;        
    }
     
    .textboxlogin
    {
    width:90%;
    height:60px;
    border-radius: 8px;
    color: #BB141A;
    font-weight:bold;        
    }

    .titulo
    {    
    font-size:16pt;
    }     
          
    .titimage
    {
    max-width:768px;
    max-height:480px;
    width:500px;
    height: 240px;
    }
  
}


@media (min-width: 769px) and (max-width: 1280px) and (orientation:portrait)
{
    
    .body
    {
    width:100%; 
    background-color:#BB141A; 
    color: White; 
    font-family: 'font-qmgps';
    }
       
    .boton
    {
    max-width:600px;
    max-height: 120px;
    width: 400px;
    height: 170px;
    }
    
    .boton_comando
    {
    max-width:400px;
    max-height: 100px;
    width: 250px;
    height: 65px;
    }
    
    .boton_rendicion
    {
    max-width:550px!important;
    max-height: 120px!important;
    width: 300px!important;
    height: 135px!important;
    }
           
    .botonlogin
    {
    max-width:600px;
    max-height: 120px;
    width: 400px;
    height: 170px;
    }

    .btn
    {
    max-width:290px; 
    max-height:50px;
    font-weight:bold;
    background-color: #BB141A;
    color:White;
    }

    .button 
    {
    max-width:220px; 
    max-height:50px;
    font-weight:bold;
    background-color: #BB141A;
    color:White;
    margin: .4em;
    padding: 1em;
    cursor: pointer; 
    /* Prevent highlight colour when element is tapped */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);         
    }

    .cabecera
    {
    color:#BB141A;
    }
 
    #contenedor
    {
    width:auto;  
    /*background-image: url('images/BIENVENDA-FONDO.jpg');*/
    }

    .divmap
    {
    width: 100%; 
    height: 30%; 
    max-height:650px;        
    } 

    .drop
    {
    color: #BB141A; 
    width:860px;
    height:60px;  
    border-radius: 8px;
    font-size:20pt;
    font-weight:bold;
    text-align:center;        
    }
    
    .drops
    {
    color: #BB141A; 
    width:830px;
    height:60px;  
    border-radius: 8px;
    font-size:20pt;
    font-weight:bold;
    text-align:center;        
    }
    
    .drop_rendicion
    {
    color: #BB141A; 
    width:810px;
    height:60px;  
    border-radius: 8px;
    font-size:20pt;
    font-weight:bold; 
    text-align:center;        
    }
    
    .drop_buscar
    {
    color: #BB141A; 
    width:810px;
    height:60px;  
    border-radius: 8px;
    font-size:20pt;
    font-weight:bold;
    text-align:center;        
    }

    .espaciador
    {
    height:150px;
    }
               
    .espaciadorlogin
    {
    height:60px;
    }
               
    .espaciador1
    {
    height:30px;
    }
    
    .espaciador2
    {
    height: 20px;
    } 
    
    .gv
    {
    width:230px;
    height:230px;
    }

    h1
    {   
    background-color:#BB141A;
    } 

    .label
    {    
    font-size:18pt;
    color:White;
    }
    
    .label_titulo
    {    
    font-size:26pt;
    color:White;
    }

    .leyenda
    {      
    font-size: 10pt;
    }

    .login
    {
    background-image: url('images/LOGIN-FONDO.jpg');  
    background-position:center; 
    }
    
    .logoq  
    {
    width: 200px;
    height: 155px; 
    }
    
    .overflow
    {
    overflow:scroll; 
    overflow-x: hidden; 
    height: 480px; 
    width: 100%;
    }

    .pregunta
    {
    color:White;
    font-size:10pt; 
    }
    
    .tabla  
    {
        height:700px;   
    }

    .table
    {
    width:auto;
    border-radius: 10px;          
    }

    .textbox
    {
    width:640px;
    height:30px;
    border-radius: 8px;
    color: #BB141A;
    font-weight:bold;        
    }
     
    .textboxlogin
    {
    width:90%;
    height:60px;
    border-radius: 8px;
    color: #BB141A;
    font-weight:bold;        
    }

    .titulo
    {    
    font-size:16pt;
    }     
          
    .titimage
    {
    max-width:768px;
    max-height:480px;
    width:500px;
    height: 240px;
    }
  
}

@media (min-width: 1281px) and (max-width: 1920px) and (orientation:portrait)
{
    
    .body
    {
    width:100%; 
    background-color:#BB141A; 
    color: White; 
    font-family: 'font-qmgps';
    }
       
    .boton
    {
    max-width:600px;
    max-height: 120px;
    width: 400px;
    height: 190px;
    }
    
    .boton_comando
    {
    max-width:400px;
    max-height: 100px;
    width: 250px;
    height: 65px;
    }
    
    .boton_rendicion
    {
    max-width:550px!important;
    max-height: 120px!important;
    width: 300px!important;
    height: 135px!important;
    }
           
    .botonlogin
    {
    max-width:600px;
    max-height: 120px;
    width: 400px;
    height: 190px;
    }

    .btn
    {
    max-width:290px; 
    max-height:50px;
    font-weight:bold;
    background-color: #BB141A;
    color:White;
    }

    .button 
    {
    max-width:220px; 
    max-height:50px;
    font-weight:bold;
    background-color: #BB141A;
    color:White;
    margin: .4em;
    padding: 1em;
    cursor: pointer; 
    /* Prevent highlight colour when element is tapped */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);         
    }

    .cabecera
    {
    color:#BB141A;
    }
 
    #contenedor
    {
    width:auto;  
    /*background-image: url('images/BIENVENDA-FONDO.jpg');*/
    }

    .divmap
    {
    width: 100%; 
    height: 35%; 
    max-height:800px;        
    } 

    .drop
    {
    color: #BB141A; 
    width:1440px;
    height:60px;  
    border-radius: 8px;
    font-size:20pt;
    font-weight:bold;     
    text-align:center;    
    }
    
    .drops
    {
    color: #BB141A; 
    width:1410px;
    height:60px;  
    border-radius: 8px;
    font-size:20pt;
    font-weight:bold;     
    text-align:center;    
    }
    
    .drop_rendicion
    {
    color: #BB141A; 
    width:1390px;
    height:60px;  
    border-radius: 8px;
    font-size:20pt;
    font-weight:bold;   
    text-align:center;    
    }
    
    .drop_buscar
    {
    color: #BB141A; 
    width:1390px;
    height:60px;  
    border-radius: 8px;
    font-size:20pt;
    font-weight:bold;     
    text-align:center;    
    }

    .espaciador
    {
    height:150px;
    }
               
    .espaciadorlogin
    {
    height:60px;
    }
               
    .espaciador1
    {
    height:30px;
    }
    
    .espaciador2
    {
    height: 20px;
    } 

    .gv
    {
    width:230px;
    height:230px;
    }

    h1
    {   
    background-color:#BB141A;
    } 

    .label
    {    
    font-size:18pt;
    color:White;
    }
    
    .label_titulo
    {    
    font-size:22pt;
    color:White;
    }

    .leyenda
    {      
    font-size: 10pt;
    }

    .login
    {
    background-image: url('images/LOGIN-FONDO.jpg');  
    background-position:center; 
    }
    
    .logoq  
    {
    width: 250px;
    height: 190px; 
    }
    
    .overflow
    {
    overflow:scroll; 
    overflow-x: hidden; 
    height: 500px; 
    width: 100%;
    }

    .pregunta
    {
    color:White;
    font-size:10pt; 
    }
    
    .tabla  
    {
        height:850px;   
    }

    .table
    {
    width:auto;
    border-radius: 10px;          
    }

    .textbox
    {
    width:960px;
    height:30px;
    border-radius: 8px;
    color: #BB141A;
    font-weight:bold;        
    }
     
    .textboxlogin
    {
    width:90%;
    height:60px;
    border-radius: 8px;
    color: #BB141A;
    font-weight:bold;        
    }

    .titulo
    {    
    font-size:16pt;
    }     
          
    .titimage
    {
    max-width:768px;
    max-height:480px;
    width:500px;
    height: 240px;
    }
  
}


 @media (max-width: 320px) and (orientation:landscape)
{ 
    
    .body
    {
    width:100%; 
    background-color:#BB141A; 
    color: White;  
    font-family: 'font-qmgps';
    } 

    .boton
    {
    max-width:270px;
    max-height: 130px;
    width: 170px;
    height: 40px;
    }
    
    .boton_comando
    {
    max-width:200px;
    max-height: 100px;
    width: 100px;
    height: 45px;
    }
    
    .boton_rendicion
    {
    max-width:220px!important;
    max-height: 130px!important;
    width: 70px!important;
    height: 35px!important;
    }

    .botonlogin
    {
    max-width:270px;
    max-height: 130px;
    width: 170px;
    height: 40px;
    }

    .btn
    {
    max-width:290px; 
    max-height:50px;
    font-weight:bold;
    background-color: #BB141A;
    color:White;
    }
     
    .btn2
    {
    max-width:140px; 
    max-height:30px;
    font-weight:bold;
    }

    .button 
    {
    max-width:290px; 
    max-height:50px;
    font-weight:bold;
    background-color: #BB141A;
    color:White;
    margin: .4em;
    padding: 1em;
    cursor: pointer; 
    /* Prevent highlight colour when element is tapped */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }     
             
    #contenedor
    {
    width:auto;  
    /*background-image: url('images/BIENVENDA-FONDO.jpg');*/
    }

    .divmap
    {
    width: 100%; 
    height: 100%; 
    max-height:165px;      
    } 

    .drop
    {
    color: #BB141A; 
    width:240px;
    height:30px;  
    border-radius: 8px;
    font-weight:bold;
    text-align:center;  
    }
    
    .drops
    {
    color: #BB141A; 
    width:210px;
    height:30px;  
    border-radius: 8px;
    font-weight:bold;
    text-align:center;  
    }
    
    .drop_rendicion
    {
    color: #BB141A; 
    width:190px;
    height:30px;  
    border-radius: 8px;
    font-weight:bold;
    text-align:center;  
    }
    
    .drop_buscar
    {
    color: #BB141A; 
    width:190px;
    height:30px;  
    border-radius: 8px;
    font-weight:bold;
    text-align:center;  
    }

    .espaciador
    {
    height:30px;
    }
               
    .espaciadorlogin
    {
    height:60px;
    }
               
    .espaciador1
    {
    height:15px;
    }
    
    .espaciador2
    {
    height: 10px;
    } 
    
    .gv
    {
    width:150px;
    height:150px;
    }

    h1
    {   
    background-color:#BB141A;
    } 

    .label
    {    
    font-size:12pt;
    color:White;
    }
    
    .label_titulo
    {    
    font-size:16pt;
    color:White;
    }
     
    .leyenda
    {
         
    font-size: 10pt;
    }

    .logo
    {
    max-width:200px;
    width:120px;
    height:90px;
    }
    
    .logoq
    {
    max-width:200px;
    width:100px;
    height:65px;
    }
    
    .overflow
    {
    overflow:scroll; 
    overflow-x: hidden; 
    height: 90px; 
    width: 100%;
    }
    
    .tabla  
    {
        height:240px;   
    }

    .table
    {
    width:auto;
    border-radius: 8px;
    } 

    .textbox
    {
    width:90%;
    height:30px;
    border-radius: 8px;
    color: #BB141A;
    font-weight:bold;
    }
     
    .textboxlogin
    {
    width:90%;
    height:20px;
    border-radius: 8px;
    color: #BB141A;
    font-weight:bold;
    } 
     
    .titimage
    {
    max-width:200px;
    max-height:100px;
    width:180px;
    height: 100px;
    }
    
    .titimage1
    {
    max-width:200px;
    max-height:100px;
    width:180px;
    height: 100px;
    }

    .titulo
    {    
    font-size:16pt;
    }
 
}

@media (min-width: 321px) and (max-width: 480px) and (orientation:landscape)
{ 
    
    .body
    {
    width:100%; 
    background-color:#BB141A; 
    color: White;  
    font-family: 'font-qmgps';
    }

    .boton
    {
    max-width:270px;
    max-height: 130px;
    width: 220px;
    height: 55px;
    }
    
    .boton_comando
    {
    max-width:350px;
    max-height: 100px;
    width: 120px;
    height: 45px;
    }
    
    .boton_rendicion
    {
    max-width:220px!important;
    max-height: 130px!important;
    width: 100px!important;
    height: 60px!important;
    }
           
    .botonlogin
    {
    max-width:270px;
    max-height: 130px;
    width: 220px;
    height: 55px;
    }

    .btn
    {
    max-width:290px; 
    max-height:50px;
    font-weight:bold;
    background-color: #BB141A;
    color:White;
    }
     
    .btn2
    {
    max-width:140px; 
    max-height:30px;
    font-weight:bold;
    }

    .button 
    {
    max-width:290px; 
    max-height:50px;
    font-weight:bold;
    background-color: #BB141A;
    color:White;
    margin: .4em;
    padding: 1em;
    cursor: pointer; 
    /* Prevent highlight colour when element is tapped */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }       
             
    #contenedor
    {
    width:auto;  
    /*background-image: url('images/BIENVENDA-FONDO.jpg');*/
    }

    .divmap
    {
    width: 100%; 
    height: 10%; 
    max-height:200px;     
    } 

    .drop
    {
    color: #BB141A; 
    width:360px;
    height:30px;  
    border-radius: 8px;
    font-weight:bold;
    text-align:center;  
    }
    
    .drops
    {
    color: #BB141A; 
    width:330px;
    height:30px;  
    border-radius: 8px;
    font-weight:bold;
    text-align:center;  
    }
    
    .drop_rendicion
    {
    color: #BB141A; 
    width:310px;
    height:30px;  
    border-radius: 8px;
    font-weight:bold;
    text-align:center;  
    }
    
    .drop_buscar
    {
    color: #BB141A; 
    width:310px;
    height:30px;  
    border-radius: 8px;
    font-weight:bold;
    text-align:center;  
    }

    .espaciador
    {
    height:30px;
    }
               
    .espaciadorlogin
    {
    height:60px;
    }
               
    .espaciador1
    {
    height:15px;
    }
    
    .espaciador2
    {
    height: 10px;
    } 

    .gv
    {
    width:150px;
    height:150px;
    }

    h1
    {   
    background-color:#BB141A;
    }

    .label
    {    
    font-size:12pt;
    color:White;
    }
    
    .label_titulo
    {    
    font-size:18pt;
    color:White;
    }
     
    .leyenda
    {
    font-size: 10pt;
    }

    .logo
    {
    max-width:200px;
    width:120px;
    height:90px;
    }
    
    .logoq
    {
    max-width:200px;
    width:120px;
    height:90px;
    }
    
    .overflow
    {
    overflow:scroll; 
    overflow-x: hidden; 
    height: 130px; 
    width: 100%;
    }
    
    .tabla  
    {
        height:400px;   
    }

    .table
    {
    width:auto;
    border-radius: 8px;
    }

    .textbox
    {
    width:90%;
    height:30px;
    border-radius: 8px;
    color: #BB141A;
    font-weight:bold;
    }
     
    .textboxlogin
    {
    width:90%;
    height:30px;
    border-radius: 8px;
    color: #BB141A;
    font-weight:bold;
    }
 
    .titimage
    {
    max-width:200px;
    max-height:100px;
    width:250px;
    height: 120px;
    }
    
    .titimage1
    {
    max-width:200px;
    max-height:100px;
    width:250px;
    height: 120px;
    }
     
    .titulo
    {    
    font-size:16pt;
    } 

}


@media (min-width: 481px) and (max-width: 568px) and (orientation:landscape)
{ 
    
    .body
    {
    width:100%; 
    background-color:#BB141A; 
    color: White;
    font-family: 'font-qmgps';  
    }

    .boton
    {
    
    width: 320px;
    height: 90px;
    }
    
    .boton_comando
    {
    max-width:350px;
    max-height: 100px;
    width: 120px;
    height: 45px;
    }
    
    .boton_rendicion
    {
    max-width:220px!important;
    max-height: 130px!important;
    width: 190px!important;
    height: 120px!important;
    }
           
    .botonlogin
    {
    
    width: 320px;
    height: 90px;
    }

    .btn
    {
    max-width:290px; 
    max-height:50px;
    font-weight:bold;
    background-color: #BB141A;
    color:White;
    }
     
    .btn2
    {
    max-width:140px; 
    max-height:30px;
    font-weight:bold;
    }

    .button 
    {
    max-width:290px; 
    max-height:50px;
    font-weight:bold;
    background-color: #BB141A;
    color:White;
    margin: .4em;
    padding: 1em;
    cursor: pointer; 
    /* Prevent highlight colour when element is tapped */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
            
    #contenedor
    {
    width:auto;  
    /*background-image: url('images/BIENVENDA-FONDO.jpg');*/
    }

    .divmap
    {
    width: 100%; 
    height: 100%; 
    max-height:202px;       
    } 

    .drop
    {
    color: #BB141A; 
    width:420px;
    height:40px;  
    border-radius: 8px;
    font-size:16pt;
    font-weight:bold;
    text-align:center;  
    }
    
    .drops
    {
    color: #BB141A; 
    width:390px;
    height:40px;  
    border-radius: 8px;
    font-size:16pt;
    font-weight:bold;
    text-align:center;  
    }
    
    .drop_rendicion
    {
    color: #BB141A; 
    width:370px;
    height:40px;  
    border-radius: 8px;
    font-size:16pt;
    font-weight:bold;
    text-align:center;  
    }
    
    .drop_buscar
    {
    color: #BB141A; 
    width:370px;
    height:40px;  
    border-radius: 8px;
    font-size:16pt;
    font-weight:bold;
    text-align:center;  
    }

    .espaciador
    {
    height:30px;
    }
               
    .espaciadorlogin
    {
    height:60px;
    }
               
    .espaciador1
    {
    height:15px;
    }
    
    .espaciador2
    {
    height: 10px;
    } 

    .gv
    {
    width:150px;
    height:150px;
    }

    h1
    {   
    background-color:#BB141A;
    }

    .label
    {    
    font-size:12pt;
    color:White;
    }
    
    .label_titulo
    {    
    font-size:20pt;
    color:White;
    }
     
    .leyenda
    {      
    font-size: 10pt;
    }

    .logo
    {
    max-width:200px;
    width:120px;
    height:90px;
    }
    
    .logoq
    {
    max-width:200px;
    width:150px;
    height:110px;
    }
    
    .overflow
    {
    overflow:scroll; 
    overflow-x: hidden; 
    height: 140px; 
    width: 100%;
    }
    
    .tabla  
    {
        height:450px;   
    }

    .table
    {
    width:auto;
    border-radius: 8px;
    }

    .textbox
    {
    width:90%;
    height:30px;
    border-radius: 8px;
    color: #00489C;
    font-weight:bold;
    }
     
    .textboxlogin
    {
    width:90%;
    height:30px;
    border-radius: 8px;
    color: #00489C;
    font-weight:bold;
    } 
   
    .titimage
    {
    max-width:400px;
    max-height:300px;
    width:300px;
    height: 150px;
    }
     
    .titimage1
    {
    max-width:400px;
    max-height:300px;
    width:300px;
    height: 150px;
    } 
     
    .titulo
    {    
    font-size:16pt;
    }  

}

@media (min-width: 569px) and (max-width: 600px) and (orientation:landscape)
{ 
    
    .body
    {
    width:100%; 
    background-color:#BB141A; 
    color: White;
    font-family: 'font-qmgps';  
    }

    .boton
    {
    
    width: 320px;
    height: 90px;
    }
    
    .boton_comando
    {
    max-width:350px;
    max-height: 100px;
    width: 120px;
    height: 45px;
    }
    
    .boton_rendicion
    {
    max-width:450px!important;
    max-height: 330px!important;
    width: 200px!important;
    height: 140px!important;
    }
           
    .botonlogin
    {
    
    width: 320px;
    height: 90px;
    }

    .btn
    {
    max-width:290px; 
    max-height:50px;
    font-weight:bold;
    background-color: #BB141A;
    color:White;
    }
     
    .btn2
    {
    max-width:140px; 
    max-height:30px;
    font-weight:bold;
    }

    .button 
    {
    max-width:290px; 
    max-height:50px;
    font-weight:bold;
    background-color: #BB141A;
    color:White;
    margin: .4em;
    padding: 1em;
    cursor: pointer; 
    /* Prevent highlight colour when element is tapped */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }        
             
    #contenedor
    {
    width:auto;  
    /*background-image: url('images/BIENVENDA-FONDO.jpg');*/
    }

    .divmap
    {
    width: 100%; 
    height: 100%; 
    max-height:310px;      
    } 

    .drop
    {
    color: #BB141A; 
    width:450px;
    height:30px;  
    border-radius: 8px;
    font-weight:bold;
    text-align:center;  
    }
    
    .drops
    {
    color: #BB141A; 
    width:420px;
    height:30px;  
    border-radius: 8px;
    font-weight:bold;
    text-align:center;  
    }
    
    .drop_rendicion
    {
    color: #BB141A; 
    width:400px;
    height:30px;  
    border-radius: 8px;
    font-weight:bold;
    text-align:center;  
    }
    
    .drop_buscar
    {
    color: #BB141A; 
    width:400px;
    height:30px;  
    border-radius: 8px;
    font-weight:bold;
    text-align:center;  
    }
    

    .espaciador
    {
    height:35px;
    }
               
    .espaciadorlogin
    {
    height:60px;
    }
               
    .espaciador1
    {
    height:15px;
    }

    .espaciador2
    {
    height: 10px;
    } 

    .gv
    {
    width:150px;
    height:150px;
    }

    h1
    {   
    background-color:#BB141A;
    }

    .label
    {    
    font-size:12pt;
    color:White;
    }
    
    .label_titulo
    {    
    font-size:24pt;
    color:White;
    }
     
    .leyenda
    {       
    font-size: 10pt;
    } 

    .logo
    {
    max-width:200px;
    width:120px;
    height:90px;
    } 
    
    .logoq
    {
    max-width:200px;
    width:170px;
    height:125px;
    } 
    
    .overflow
    {
    overflow:scroll; 
    overflow-x: hidden; 
    height: 230px; 
    width: 100%;
    }
    
    .tabla  
    {
        height:450px;   
    }

    .table
    {
    width:auto;
    border-radius: 8px;
    }  
 
    .textbox
    {
    width:90%;
    height:30px;
    border-radius: 8px;
    color: #BB141A;
    font-weight:bold;
    }
     
    .textboxlogin
    {
    width:90%;
    height:30px;
    border-radius: 8px;
    color: #BB141A;
    font-weight:bold;
    } 
      
    .titimage
    {
    max-width:3200px;
    max-height:1700px;
    width:420px;
    height: 210px;
    }
     
    .titulo
    {    
    font-size:16pt;
    } 

}

@media (min-width: 601px) and (max-width: 800px) and (orientation:landscape)
{ 
    
    .body
    {
    width:100%; 
    background-color:#BB141A; 
    color: White;  
    font-family: 'font-qmgps';
    }

    .boton
    {
    
    width: 400px;
    height: 110px;
    }
    
    .boton_comando
    {
    max-width:350px;
    max-height: 100px;
    width: 120px;
    height: 45px;
    }
    
    .boton_rendicion
    {
    max-width:450px!important;
    max-height: 330px!important;
    width: 200px!important;
    height: 140px!important;
    }
           
    .botonlogin
    {
    
    width: 400px;
    height: 110px;
    }

    .btn
    {
    max-width:290px; 
    max-height:50px;
    font-weight:bold;
    background-color: #BB141A;
    color:White;
    }
     
    .btn2
    {
    max-width:140px; 
    max-height:30px;
    font-weight:bold;
    }

    .button 
    {
    max-width:290px; 
    max-height:50px;
    font-weight:bold;
    background-color: #BB141A;
    color:White;
    margin: .4em;
    padding: 1em;
    cursor: pointer; 
    /* Prevent highlight colour when element is tapped */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }        
             
    #contenedor
    {
    width:auto;  
    /*background-image: url('images/BIENVENDA-FONDO.jpg');*/
    }

    .divmap
    {
    width: 100%; 
    height: 100%; 
    max-height:295px;    
    } 

    .drop
    {
    color: #BB141A; 
    width:600px;
    height:30px;  
    border-radius: 8px;
    font-weight:bold;
    text-align:center;  
    }
    
    .drops
    {
    color: #BB141A; 
    width:570px;
    height:30px;  
    border-radius: 8px;
    font-weight:bold;
    text-align:center;  
    }
    
    .drop_rendicion
    {
    color: #BB141A; 
    width:550px;
    height:30px;  
    border-radius: 8px;
    font-weight:bold;
    text-align:center;  
    }
    
    .drop_buscar
    {
    color: #BB141A; 
    width:550px;
    height:30px;  
    border-radius: 8px;
    font-weight:bold;
    text-align:center;  
    }

    .espaciador
    {
    height:35px;
    }
               
    .espaciadorlogin
    {
    height:60px;
    }
               
    .espaciador1
    {
    height:15px;
    }

    .espaciador2
    {
    height: 10px;
    } 

    .gv
    {
    width:150px;
    height:150px;
    }

    h1
    {   
    background-color:#BB141A;
    }

    .label
    {    
    font-size:12pt;
    color:White;
    }
    
    .label_titulo
    {    
    font-size:26pt;
    color:White;
    }
     
    .leyenda
    {       
    font-size: 10pt;
    } 

    .logo
    {
    max-width:200px;
    width:120px;
    height:90px;
    } 
    
    .overflow
    {
    overflow:scroll; 
    overflow-x: hidden; 
    height: 280px; 
    width: 100%;
    }
    
    .tabla  
    {
        height:450px;   
    }

    .table
    {
    width:auto;
    border-radius: 8px;
    }  
 
    .textbox
    {
    width:90%;
    height:30px;
    border-radius: 8px;
    color: #BB141A;
    font-weight:bold;
    }
     
    .textboxlogin
    {
    width:90%;
    height:30px;
    border-radius: 8px;
    color: #BB141A;
    font-weight:bold;
    } 
      
    .titimage
    {
    max-width:3200px;
    max-height:1700px;
    width:420px;
    height: 210px;
    }
     
    .titulo
    {    
    font-size:16pt;
    } 

}

@media (min-width: 801px) and (max-width: 1020px) and (orientation:landscape)
{ 
    
    .body
    {
    width:100%; 
    background-color:#BB141A; 
    color: White;  
    font-family: 'font-qmgps';
    }

    .boton
    {
    
    width: 420px;
    height: 120px;
    }
    
    .boton_comando
    {
    max-width:350px;
    max-height: 100px;
    width: 120px;
    height: 45px;
    }
    
    .boton_rendicion
    {
    max-width:450px!important;
    max-height: 330px!important;
    width: 200px!important;
    height: 140px!important;
    }
           
    .botonlogin
    {
    
    width: 420px;
    height: 120px;
    }

    .btn
    {
    max-width:290px; 
    max-height:50px;
    font-weight:bold;
    background-color: #BB141A;
    color:White;
    }
     
    .btn2
    {
    max-width:140px; 
    max-height:30px;
    font-weight:bold;
    }

    .button 
    {
    max-width:290px; 
    max-height:50px;
    font-weight:bold;
    background-color: #BB141A;
    color:White;
    margin: .4em;
    padding: 1em;
    cursor: pointer; 
    /* Prevent highlight colour when element is tapped */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }        
             
    #contenedor
    {
    width:auto;  
    /*background-image: url('images/BIENVENDA-FONDO.jpg');*/
    }

    .divmap
    {
    width: 100%; 
    height: 100%; 
    max-height:350px;       
    } 

    .drop
    {
    color: #BB141A; 
    width:760px;
    height:30px;  
    border-radius: 8px;
    font-weight:bold;
    text-align:center;  
    }
    
    .drops
    {
    color: #BB141A; 
    width:730px;
    height:30px;  
    border-radius: 8px;
    font-weight:bold;
    text-align:center;  
    }
    
    .drop_rendicion
    {
    color: #BB141A; 
    width:710px;
    height:30px;  
    border-radius: 8px;
    font-weight:bold;
    text-align:center;  
    }
    
    .drop_buscar
    {
    color: #BB141A; 
    width:710px;
    height:30px;  
    border-radius: 8px;
    font-weight:bold;
    text-align:center;  
    }

    .espaciador
    {
    height:40px;
    }
               
    .espaciadorlogin
    {
    height:60px;
    }
               
    .espaciador1
    {
    height:15px;
    }
    
    .espaciador2
    {
    height: 10px;
    } 

    .gv
    {
    width:150px;
    height:150px;
    }

    h1
    {   
    background-color:#BB141A;
    }

    .label
    {    
    font-size:12pt;
    color:White;
    }
    
    .label_titulo
    {    
    font-size:26pt;
    color:White;
    }
     
    .leyenda
    {       
    font-size: 10pt;
    } 

    .logo
    {
    max-width:200px;
    width:120px;
    height:90px;
    } 
    
    .overflow
    {
    overflow:scroll; 
    overflow-x: hidden; 
    height: 320px; 
    width: 100%;
    }
    
    .tabla  
    {
        height:500px;   
    }

    .table
    {
    width:auto;
    border-radius: 8px;
    }  
 
    .textbox
    {
    width:90%;
    height:30px;
    border-radius: 8px;
    color: #BB141A;
    font-weight:bold;
    }
     
    .textboxlogin
    {
    width:90%;
    height:30px;
    border-radius: 8px;
    color: #BB141A;
    font-weight:bold;
    } 
      
    .titimage
    {
    max-width:3200px;
    max-height:1700px;
    width:420px;
    height: 210px;
    }
     
    .titulo
    {    
    font-size:16pt;
    } 

}

@media (min-width: 1021px) and (max-width: 1400px) and (orientation:landscape)
{  
    
    .body
    {
    width:100%; 
    background-color:#BB141A; 
    color: White;  
    font-family: 'font-qmgps';
    } 

    .boton
    {
    max-width:1024px;
    max-height: 130px;
    width: 600px;
    height: 290px;
    }
    
    .boton_comando
    {
    max-width:350px;
    max-height: 100px;
    width: 150px;
    height: 65px;
    }
    
    .boton_rendicion
    {
    max-width:974px!important;
    max-height: 130px!important;
    width: 450px!important;
    height: 250px!important;
    }
           
    .botonlogin
    {
    max-width:1024px;
    max-height: 130px;
    width: 600px;
    height: 290px;
    }

    .btn
    {
    max-width:290px; 
    max-height:50px;
    font-weight:bold;
    background-color: #BB141A;
    color:White;
    }
     
    .btn2
    {
    max-width:140px; 
    max-height:30px;
    font-weight:bold;
    }

    .button 
    {
    max-width:290px; 
    max-height:50px;
    font-weight:bold;
    background-color: #BB141A;
    color:White;
    margin: .4em;
    padding: 1em;
    cursor: pointer; 
    /* Prevent highlight colour when element is tapped */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }     
             
    #contenedor
    {
    width:auto;  
    /*background-image: url('images/BIENVENDA-FONDO.jpg');*/
    }

    .divmap
    {
    width: 100%; 
    height: 100%; 
    max-height:650px;        
    } 

    .drop
    {
    color: #BB141A; 
    width:900px;
    height:30px;  
    border-radius: 8px;
    font-weight:bold;
    text-align:center;  
    }
    
    .drops
    {
    color: #BB141A; 
    width:870px;
    height:30px;  
    border-radius: 8px;
    font-weight:bold;
    text-align:center;  
    }
    
    .drop_rendicion
    {
    color: #BB141A; 
    width:850px;
    height:30px;  
    border-radius: 8px;
    font-weight:bold;
    text-align:center;  
    }
    
    .drop_buscar
    {
    color: #BB141A; 
    width:850px;
    height:30px;  
    border-radius: 8px;
    font-weight:bold;
    text-align:center;  
    }

    .espaciador
    {
    height:40px;
    }
               
    .espaciadorlogin
    {
    height:60px;
    }
               
    .espaciador1
    {
    height:15px;
    }
    
    .espaciador2
    {
    height: 10px;
    } 

    .gv
    {
    width:150px;
    height:150px;
    }

    h1
    {   
    background-color:#BB141A;
    }

    .label
    {    
    font-size:12pt;
    color:White;
    }
    
    .label_titulo
    {    
    font-size:30pt;
    color:White;
    }
     
    .leyenda
    {
    font-size: 10pt;
    } 
     
    .logo
    {
    max-width:200px;
    width:240px;
    height:180px;
    }
    
    .overflow
    {
    overflow:scroll; 
    overflow-x: hidden; 
    height: 420px; 
    width: 100%;
    }
    
    .tabla  
    {
        height:600px;   
    }

    .table
    {
    width:auto;
    border-radius: 8px;
    }

    .textbox
    {
    width:90%;
    height:30px;
    border-radius: 8px;
    color: #BB141A;
    font-weight:bold;
    }
     
    .textboxlogin
    {
    width:90%;
    height:50px;
    border-radius: 8px;
    color: #BB141A;
    font-weight:bold;
    }   
     
    .titimage
    {
    max-width:1024px;
    max-height:600px;
    width:700px;
    height: 400px;
    }
    
    .titulo
    {    
    font-size:16pt;
    }

}

@media (min-width: 1401px) and (max-width: 1920px) and (orientation:landscape)
{  
    
    .body
    {
    width:100%; 
    background-color:#BB141A; 
    color: White;  
    font-family: 'font-qmgps';
    } 

    .boton
    {
    max-width:1024px;
    max-height: 130px;
    width: 600px;
    height: 290px;
    }
    
    .boton_rendicion
    {
    max-width:974px!important;
    max-height: 130px!important;
    width: 450px!important;
    height: 250px!important;
    }
           
    .botonlogin
    {
    max-width:1024px;
    max-height: 130px;
    width: 600px;
    height: 290px;
    }

    .btn
    {
    max-width:290px; 
    max-height:50px;
    font-weight:bold;
    background-color: #BB141A;
    color:White;
    }
     
    .btn2
    {
    max-width:140px; 
    max-height:30px;
    font-weight:bold;
    }

    .button 
    {
    max-width:290px; 
    max-height:50px;
    font-weight:bold;
    background-color: #BB141A;
    color:White;
    margin: .4em;
    padding: 1em;
    cursor: pointer; 
    /* Prevent highlight colour when element is tapped */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }     
             
    #contenedor
    {
    width:auto;  
    /*background-image: url('images/BIENVENDA-FONDO.jpg');*/
    }

    .divmap
    {
    width: 100%; 
    height: 25%; 
    max-height:175px;        
    } 

    .drop
    {
    color: #BB141A; 
    width:1440px;
    height:30px;  
    border-radius: 8px;
    font-weight:bold;
    text-align:center;  
    }
    
    .drops
    {
    color: #BB141A; 
    width:1410px;
    height:30px;  
    border-radius: 8px;
    font-weight:bold;
    text-align:center;  
    }
    
    .drop_rendicion
    {
    color: #BB141A; 
    width:1390px;
    height:30px;  
    border-radius: 8px;
    font-weight:bold;
    text-align:center;  
    }
    
    .drop_buscar
    {
    color: #BB141A; 
    width:1390px;
    height:30px;  
    border-radius: 8px;
    font-weight:bold;
    text-align:center;  
    }

    .espaciador
    {
    height:50px;
    }
               
    .espaciadorlogin
    {
    height:60px;
    }
               
    .espaciador1
    {
    height:15px;
    }
    
    .espaciador2
    {
    height: 10px;
    } 

    .gv
    {
    width:150px;
    height:150px;
    }

    h1
    {   
    background-color:#BB141A;
    }

    .label
    {    
    font-size:12pt;
    color:White;
    }
    
    .label_titulo
    {    
    font-size:30pt;
    color:White;
    }
     
    .leyenda
    {
    font-size: 10pt;
    } 
     
    .logo
    {
    max-width:200px;
    width:240px;
    height:180px;
    }
    
    .overflow
    {
    overflow:scroll; 
    overflow-x: hidden; 
    height: 500px; 
    width: 100%;
    }

    .table
    {
    width:auto;
    border-radius: 8px;
    }

    .textbox
    {
    width:90%;
    height:30px;
    border-radius: 8px;
    color: #BB141A;
    font-weight:bold;
    }
     
    .textboxlogin
    {
    width:90%;
    height:50px;
    border-radius: 8px;
    color: #BB141A;
    font-weight:bold;
    }   
     
    .titimage
    {
    max-width:1024px;
    max-height:600px;
    width:700px;
    height: 400px;
    }
    
    .titulo
    {    
    font-size:16pt;
    }

}


@-webkit-keyframes wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    -ms-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    -ms-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    -ms-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    -ms-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.wobble-horizontal {
  display: inline-block;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  
}

.wobble-horizontal:hover {
  -webkit-animation-name: wobble-horizontal;
  animation-name: wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}