.contenedor{
            width: 100%;
               
              max-width:1000px;
        background-color: #fff;
                overflow: hidden;
                margin: 0 auto;
     margin-top: 10%;
                }
    
      #sel{
                width: 100%;
                height: 12%;
                margin-left: 1%;
                margin-top: 6%;
         }

       #cont{
         height:auto;
         border: 1%;
          width: 80%;
           background-color:#fff; 
         
           margin-left:10%;
           margin-top:-25%;
           
           
                 
          }

        #fondo{
     
          background-color:#E6E6E6;    
             }

             #co{
             width: 95
                height:auto;
                border: 1%;
                background-color:rgb(24, 80, 199);
              position:absolute; left: 0%;
                  position: absolute; top: 0%;
               }

                #eti{
              width: 100%;
                height: 8%;
             background-color:rgb(24, 80, 199);/*#2E64FE*/
             font-size: 15%;
                    }

 #eti1{
         background-color: #fff;
   width: 75%;
     position:absolute; left:12.5%;
      margin-top: 2%;
 
        }
  
 #posi{
               
           }

@media only screen and (max-width: 766px) { /* tablet vertical y horizontal*/
  .contenedor{
     width: 100%;
      margin-top: 25%;
    }   
    
     #sel{
                 width: 99%;
                height: 12%;
                margin-left: 1%;
                margin-top: 7%;
         }
    
     #cont{
         height:auto;
         border: 1%;
          width: 100%;
           background-color:#fff; 
         
           margin-left:1%;
           margin-top:-48%;
                 
          }
    
     #eti{
              width: 100%;
                height: 8%;
             background-color:rgb(24, 80, 199);
             font-size: 15%;
                    }
    
 #eti1{
         background-color: #fff;
         width: 100%;
     position:absolute; left:0%;
      margin-top: 2%;
 
        }
}

@media only screen and (min-width: 768px) and (max-width: 950px) {
    
 .contenedor{
     width: 100%;
     margin-top:50%;
    }  
    
    #posi{
               position:absolute; left:0%;
               margin-top: 6%;
           }
    
      #sel{
                 width: 99%;
                height: 12%;
                margin-left: 0%;
                margin-top: 25%;
         }
      #cont{
         height:auto;
         border: 1%;
          width: 80%;
           background-color:#E6E6E6; 
         
           margin-left:7%;
           margin-top:-30%;
                 
          }
     #eti{
              width: 100%;
                height: 8%;
             background-color:rgb(24, 80, 199);
             font-size: 15%;
                    }
    
    #eti1{
        background-color: #fff;
         width: 100%;
     position:absolute; left:0%;
      margin-top: 2%;
       
        }
    
}