.desplegable{
    background:#003B73;
   color: #fff;
   border-radius: 8px;
   text-align: center;
   display: block;
   width: 100%;
   height: 65%;
 

    }
.containe{
    padding-top: 40px;
}

@media screen and (max-width: 901px){
    
    .seleccionar{
        font-size: 22px;

    }


}

@media screen and (max-width: 320px){
    
  
.seleccionar{
    font-size: 14px!important;
    text-align: center!important;
}
}

@media screen and (max-width: 320px){
    
  
th#titulo-tabla{
    font-size: 12px!important;
    padding-right: 5px!important;
    padding-left: 5px!important;
}
}

@media screen and (max-width: 320px){
    
  
th#contenido-tabla{
    font-size: 10px!important;
    padding-right: 5px!important;
    padding-left: 5px!important;
}
}



@media screen and (max-width: 320px){
    
  
.local{
    padding-top: 20px;
}
}

@media screen and (max-width: 320px){
    
  
.container{
    padding-top: 30px;
}
}

@media screen and (max-width: 320px){
    
  
.encabezado1{
    padding-top: 50px!important;
    margin-top: 50px!important;
    padding-bottom: 50px!important;
}
}

@media screen and (max-width: 320px){
    
  
.resu{
    font-size: 10px!important;
    width: 10px!important;
    padding-right: 5px!important;
    padding-right: 5px!important;
    
}
}

.table{
    border-radius: 8px !important;
}



.encabezado1{
    background: #2B87C8;
    color: #fff;
    border-radius: 14px;
}
#titulo-tabla{
font-size: 16px!important;  
text-align: center;  

}


#contenido-tabla{
    font-size: 12px!important;
    color: #123c5d;
}


.seleccionar{
    padding-left: 20px;
    padding-right: 20PX; 
    font-size: 20PX;
}
.seleccion
{
    padding-right: 30px!important;
    padding-left: 30px!important;
    padding-top: 20px!important;
}

.contenedor{
    padding-top: 50px!important;
}
.resu{
    background: #fff;
    color: #003B73;
    width: 100%;
    height: 50px;
    text-align: center;

}

select:focus{ outline: none;}

option{
    text-align: center;
}

@media screen and (max-width: 767px){
    
  
.resu{
   width: 20%;
   height: 30%;
   
}
.desplegable{
    
    color: #fff
}

  

}

.container{
    padding-top: 30px!important;
}

option.otps{
     

    width: 30px!important;
}

option{
    text-align: center; 
}

.content-box{
     box-sizing: content-box; 
 
}

@media screen and (max-width: 470px){
    
  
#titulo-tabla{
    font-size: 10px !important;
    text-align: left;

}

#contenido-tabla{
    font-size: 8px !important;
    text-align: left;
}
}

@media screen and (max-width: 390px){
    
  
#titulo-tabla{
    font-size: 6px !important;
    text-align: left;

}

#contenido-tabla{
    font-size: 4px !important;
    text-align: left;
}
}


@media screen and (max-width: 412px){
    
  
.seleccionar{
    font-size: 16px !important;
    text-align: center;

}

.desplegable{
    text-align: center;
    padding-left: 2px;
}

}


.resultados-estados{
    position: relative;
    width: 50px !important;
    height: 50px;
}