@media screen and (max-width:400px){
    .conteiner{
        border:1px solid #000000;
    }
    .top{
        height: 55px;
        background-color:#444;
        color:#444;
    }   
    tr,td,th{
       border:1px solid #000000;
       padding:4px;
   } 
   .tab2{
       border-collapse: collapse;
       border:1px solid #000000;
       text-align:center;
       margin: 0 auto;
       width:280px;
   }
    .tab1{
        border-collapse: collapse;
       border:1px solid #000000;
       text-align:center;
       margin: 0 auto;
       width:280px;
    }  
   .coloc{
       text-align:center;
      font-size:16px; 
   }
   body{
     margin:3px;  
     font-size:16px;
     font-family:arial;
     background-color:#F0F0F0;  
   }
   .piloto{
       text-align:center;
   }
   .fot7{
       text-align:center;
   }
   .top1{
       text-align:center;
       font-size:18px;
   }
   .linkm{
       text-align:center;
   }
   .top0{
       text-align:center;
       margin-top:0px;
       padding-top:13px;
   }
}

@media screen and (min-width:401px) and (max-width:1600px){
      .top0{
        margin-top:0px;  
      }
    .top{
        background-color:#444;
    }   
    tr,td,th{
        border:1px solid #000000;
        padding: 2px;
    }

 .tab2{
       border-collapse: collapse;
       border:1px solid #000000;
       text-align:center;
       margin: 0 auto;
       width:480px;
 }
    .tab1{
        border-collapse:collapse;
       border:1px solid #000000;
       text-align:center;
       margin: 0 auto;
       width:480px;
    }  
   .coloc{
       text-align:center;
      font-size:17px; 
   }
   body{
       margin:5px;
       font-size:13px;
      font-family:arial;
      background-color:#F0F0F0;  
   }
   .piloto{
       text-align:center;
   }
   .fot7{
       text-align:center;
   }
   .top1{
       text-align:center;
       font-size:18px;
   }
      .linkm{
       text-align:center;
   }
}