/*----------------------------------PAGE------------------------------------*/ 

  body, html{
    margin:0;
    padding:0;
    height:100%;
    width: 100%;
  
}

/*---------------------------------TOPO-----------------------------------------*/

.logo{   
 padding: 10px 0px 0px 150px;
      }
      
      .logo1{   
        padding: 0px 0px 0px 50px;
            } 
            #logo1{
                height: 33px;
            }
         
            .contato{
                padding: 8px 0px 0px 90px;
                font-family: Arial, sans-serif;
                color: rgb(10, 10, 10);
                font-size: 16px;     
                font-weight: bold; 
            }
        
            .main{   
                padding: 15px 0px 0px 150px;
                height: 70px;
                    }
                   .sidebar{
                    padding: 15px 0px 0px 450px;
                        font-family: Arial, sans-serif;
                        color: rgb(10, 10, 10);
                        font-size: 18px;  
                    }



/*--------------------------BANNER-------------------------------------------*/
            .banner {clear: both;
                position: relative;
                background: #585454;
                font-size: 18px;
                height: 40px;
                
                }            
         .menu {clear: both;
            position: relative;
            background: #585454;
            font-size: 18px;
            height: 40px;
            }
           .menu ol {padding: 8px 0px 0px 130px;}
         .menu li {
         position: relative;
         display: inline-block;
         
         }
         .menu a {display: block;
            color: #ffffff;
            text-decoration: none;
            padding: 0px 0px 0px 10px;
            }
         .topnav {
            overflow: hidden;
            background-color: #555;
            padding: 0px 0px 0px 150px;
          }
          .topnav a {
            float: left;
            display: block;
            color: #f2f2f2;
            text-align: center;
            padding: 10px 10px;
            text-decoration: none;
            font-size: 17px;
          }
          .topnav a:hover {
            background-color: #ddd;
            color: black;
          }
          
          .topnav .icon {
            display: none;
          }

/*----------------------------CONTENT DEFAULT------------------------------------*/
.default{
    width: 100%;
    padding:30px 0px 40px 0px; 
    text-align: center;
    overflow: hidden;
}


/*----------------------------CONTENT SENHA------------------------------------*/
.senha{
    width: 100%;
    padding: 40px 0px 132px 0px; 
    text-align: center;
    overflow: hidden;
}

/*----------------------------CONTENT HOME------------------------------------*/
.home{
    width: 100%; 
    padding: 21px 0px 246px 0px; 
    text-align: center;
    margin-right: 4rem;
    overflow: hidden;
    background:#f5f5f5;

    }
    
    #home {
    height: 40px;
    width: 200px;
    }
    #home{
    width: 100%;
    padding: 0px 0px 0px 125px;
    list-style-type: none;
    list-style: none;
    text-align: left;
    }
    #home li  {
    padding: 0px 0px 10px 0px;
    }
    #home li a {
    height: 40px;
    width: 200px;
    }

/*-------------------------------REGISTER USER--------------------------------*/
.contenttwo{
    width: 100%; 
    background:#f5f5f5;
    text-align: center;
    padding: 15px 0px 40px 0px;
}

.selecionar{        
    width: 100%; 
    padding: 21px 0px; 
    text-align: center;
    padding: 0px 0px 78px 0px;
}
    
/*--------------------------REGISTER CUSTOMERS--------------------------------*/
.register{
    margin-right: 4rem;
    margin-left: 4rem;   
    padding: 0px 50px 40px 50px;
    background:#f5f5f5;
  }


/*-------------------------------REGISTER MACHINES--------------------------------*/
.machines{
    width: 100%; 
    background:#f5f5f5;
    text-align: center;
    padding: 15px 0px 40px 0px;
}

/*-------------------------------------VIEW USERS----------------------------------*/
#lista{
    width: 100%;
    padding: 0px 50px 51px 50px; 
    background:#f5f5f5;
}

/*----------------------------------VIEW CUSTOMERS---------------------------------*/
 
.visualizar{
    font-size: 18px;
      width: 100%;
      padding: 0px 50px 50px 50px; 
      background:#f5f5f5;
  }


/*---------------------------------------VIEW REPORT-------------------------------*/
.visure{
font-size: 20px;
 width: 100%;
 padding: 0px 50px 50px 50px; 
 background:#f5f5f5;
}


/*--------------------------SIZE BUTTON AND SELECT AND INPUT--------------------*/
           
                #size{
                    width: 100%;
                    max-width: 350px;
                    margin: 0 auto;
                   }
                   #tamanho{ 
                    width: 100%;
                    height: 50px;
                    font-size:25px;
                    max-width: 500px;
                   }
                   #select{
                    width: 100%;
                    height: 50px;
                    font-size:20px;
                    width: 500px;
                   }

/*---------------------------OPTIONONE---------------------------------------------*/
#B0{
    width:200px; 
   }
  
   #d0{
    padding:0px 0px 0px 40px;
   }   
   #E0{
    padding: 0px 0px 0px 0px; 
  }     
  
  /*---------------------------OPTIONONE ADMINISTRATIVE---------------------------------------------*/
#B1{
    width:150px; 
   }
  
   #d1{
    padding:0px 0px 0px 5px;
   }   
   #E1{
    padding: 0px 0px 0px 0px; 
  }    
/*---------------------COLOR AND FONT SIZE THE TABLE-------------------------------*/                  
                   #cor{
                    background: #a9a9a9;
                }
                 .table  h1 {
            font-size: 50px;
            }
            
                .table  h3 {
            font-size: 30px;
            }     

/*----------------------------------------RODAPE-----------------------------------*/
.footer{
    width:100%;
    background: rgb(10, 10, 10);
    text-align:center;
    height: 148px; 
    bottom: 0;
    position: relative;
}
.footer {
    float: left;
    color: #eee;

    }
    .footer strong {
        font-size: 18px;
        
        }
        .footer a {
            text-decoration: none;
            color: #fff;
            }
          
                footer address {
                    margin: -30px 0px 0px 0;
                    font-size: 16px;
                    font-style: normal;
                    line-height: 15px;
                    }
                    footer address span {
                    margin: 0 0 5px 0;
                    font-size: 18px;
                    font-weight: bold;
                    }

                    


 /*---Reponsivo----*/


@media screen and (min-width: 1101px ) and (max-width: 1250px){
    .logo1{   
        padding: 0px 0px 0px 20px;
            } 
    .contato{
        padding: 8px 0px 0px 50px;    
    } 
    .contato{
        padding: 8px 0px 0px 0px;   
        font-size: 16px; 
        font-weight: bold;
    }

           .sidebar{
            padding: 15px 0px 0px 350px;
            }
            #B1{
                width:130px; 
               }
              
               #d1{
                padding:0px 0px 0px 0px;
               }    
            

}


@media screen  and (max-width: 750px){

/*----menu reponsivo------*/
.topnav a:not(:first-child) {display: none;}
.topnav a.icon {
  float: right;
  display: block;
}
.topnav.responsive {position: relative;}
.topnav.responsive .icon {
  position: absolute;
  right: 0;
  top: 0;
}
.topnav.responsive a {
  float: none;
  display: block;
  text-align: left;
}
}



@media screen and (min-width: 1001px ) and (max-width: 1100px){
    .logo{   
        padding: 0px 0px 0px 80px;
             }
             
             .logo1{   
               padding: 0px 0px 0px 10px;
                   } 
                   #logo1{
                       height: 30px;
                   }
                   .logo2{   
                     padding: 2px 0px 0px 10px;
                         } 
       
                   .contato{
                       padding: 8px 0px 0px 10px;   
                       font-size: 16px; 
                       font-weight: bold;
                   }
                   .sidebar{
                    padding: 15px 0px 0px 240px;
                    }
                    #B1{
                        width:125px; 
                       }
                      
                       #d1{
                        padding:0px 0px 0px 0px;
                       }
}

@media screen and (min-width: 901px ) and (max-width: 1000px){
    .logo{   
        padding: 5px 0px 0px 180px;
             }
             
             .logo1{   
               padding: 0px 0px 0px 10px;
                   } 
                 
                
                   .contato{
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                       padding: 8px 0px 0px 0px;   
                       font-size: 16px; 
                       font-weight: bold;
                   }
                   .sidebar{
                    padding: 15px 0px 0px 140px;
                    }
                    #B0{
                        width:180px; 
                       }
                      
                       #d0{
                        padding:0px 0px 0px 20px;
                       }  
                       #B1{
                        width:125px; 
                       }
                      
                       #d1{
                        padding:0px 0px 0px 0px;
                       }  
                       #B1{
                        width:110px; 
                    font-size: 14px;
                       }
                      
                       #d1{
                        padding:0px 0px 0px 0px;
                       }  
}



@media screen and (min-width: 801px ) and (max-width: 900px){
    .logo{   
        padding: 5px 0px 0px 120px;
             }
             
             .logo1{   
               padding: 0px 0px 0px 10px;
                   } 
                 
       
                   .contato{
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                       padding: 8px 0px 0px 0px;   
                       font-size: 16px; 
                       font-weight: bold;
                   }
                   .sidebar{
                    padding: 15px 0px 0px 60px;
                    font-size: 16px; 
                    font-weight: bold;
                    }
                    .register{
                        margin-right: 2rem;
                        margin-left: 2rem;   
                        padding: 0px 30px 20px 30px;
                      }
                      .visure{
                        font-size: 20px;
                         padding: 0px 40px 30px 40px; 
                        }
                        #B0{
                            width:180px; 
                           }
                          
                           #d0{
                            padding:0px 0px 0px 10px;
                           }    
                           #B1{
                            width:90px; 
                        font-size: 12px;
                           }
                          
                           #d1{
                            padding:0px 0px 0px 0px;
                           }  
}



@media screen and (min-width: 701px ) and (max-width: 800px){
    .logo{   
        padding: 5px 0px 0px 70px;
             }
             
             .logo1{   
               padding: 0px 0px 0px 10px;
                   } 
                 #logo1{
                     height: 30px;
                 }
                
       
                   .contato{
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                       padding: 8px 0px 0px 0px;   
                       font-size: 16px; 
                       font-weight: bold;
                   }
                   .main{
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                       padding: 8px 0px 0px 70px;     
                   }
                   .sidebar{
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                    padding: 0px 0px 0px 78px;
                    }
                    .register{
                        margin-right: 2rem;
                        margin-left: 2rem;   
                        padding: 0px 30px 20px 30px;
                      }
                      .visualizar{
                        font-size: 18px;
                          padding: 0px 30px 30px 30px; 
                      }
                      .visure{
                        font-size: 20px;
                         padding: 0px 35px 30px 35px; 
                        }
                        #B0{
                            width:160px; 
                           }
                          
                           #d0{
                            padding:0px 0px 0px 5px;
                           }  
                           #B1{
                            width:200px; 
                            display: block;
                            margin-left: auto;
                            margin-right: auto;
                           }
                          
                           #d1{
                            padding:0px 0px 5px 0px;
                            display: block;
                            margin-left: auto;
                            margin-right: auto;
                           }  
      
}

@media screen and (min-width: 601px ) and (max-width: 700px){
    .logo{   
        padding: 5px 0px 0px 40px;
        display: block;
        margin-left: auto;
        margin-right: auto;
             }
             
             .logo1{   
               padding: 0px 0px 0px 70px;
               display: block;
               margin-left: auto;
               margin-right: auto;
                   } 
                 #logo1{
                     height: 35px;
                 }
                
       
                   .contato{
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                       padding: 8px 0px 0px 20px;   
                       font-size: 16px; 
                       font-weight: bold;
                   }
                   .main{
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                       padding: 8px 0px 0px 70px;     
                   }
                   .sidebar{
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                    padding: 0px 0px 0px 78px;
                    }
                    #tamanho{ 
                        height: 50px;
                        font-size:25px;
                        max-width: 400px;
                       }
                       #select{
                        height: 50px;
                        font-size:20px;
                        width: 400px;
                       }
     .table  h1 {
                font-size: 44px;
                }
                
                    .table  h3 {
                font-size: 26px;
                }  
                .register{
                    margin-right: 2rem;
                    margin-left: 2rem;   
                    padding: 0px 30px 20px 30px;
                  }
                  .visualizar{
                    font-size: 16px;
                    padding: 0px 10px 20px 10px; 
                  }
                  .visualizar h1{
                      font-size: 36px;
                  }
                  .visure{
                    font-size: 18px;
                     padding: 0px 25px 30px 25px; 
                    }
                    #B0{
                        width:130px; 
                       }
                      
                       #d0{
                        padding:0px 0px 0px 5px;
                       }  
                       #B1{
                        width:250px; 
                        display: block;
                        margin-left: auto;
                        margin-right: auto;
                       }
                      
                       #d1{
                        padding:0px 0px 5px 0px;
                        display: block;
                        margin-left: auto;
                        margin-right: auto;
                       }  
                }



@media screen and (min-width: 501px ) and (max-width: 600px){
    .logo{   
        padding: 5px 0px 0px 60px;
        display: block;
        margin-left: auto;
        margin-right: auto;
             }
             
             .logo1{   
               padding: 0px 0px 0px 50px;
               display: block;
               margin-left: auto;
               margin-right: auto;
                   } 
                 #logo1{
                     height: 30px;
                 }
                
       
                   .contato{
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                       padding: 8px 0px 0px 20px;   
                       font-size: 16px; 
                       font-weight: bold;
                   }
                   .main{
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                       padding: 8px 0px 0px 50px;     
                   }
                   .sidebar{
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                    padding: 0px 0px 0px 50px;
                    }
                    #tamanho{ 
                      font-size:25px;
                        max-width: 380px;
                       }
                       #select{
                        font-size:20px;
                        width: 380px;
                       }
     .table  h1 {
                font-size: 42px;
                }
                
                    .table  h3 {
                font-size: 24px;
                }  
                .register{
                    margin-right: 2rem;
                    margin-left: 2rem;   
                    padding: 0px 30px 20px 30px;
                  }

                  #lista{
                      padding: 0px 30px 50px 30px
                  }
                  #lista h1{
                   font-size: 32px;
                  }
                  .visualizar{
                    font-size: 16px;
                    padding: 0px 10px 20px 10px; 
                  }
                  .visualizar h1{
                      font-size: 36px;
                  }
                  .visure{
                    font-size: 18px;
                     padding: 0px 20px 30px 20px; 
                    }
                    .visure h2{
                        font-size: 30px;
                    }
                    #B0{
                        width:100px; 
                        font-size: 14px;
                       }
                      
                       #d0{
                        padding:0px 0px 0px 5px;
                       }  
                       #B1{
                        width:200px; 
                        display: block;
                        margin-left: auto;
                        margin-right: auto;
                       }
                      
                       #d1{
                        padding:0px 0px 5px 0px;
                        display: block;
                        margin-left: auto;
                        margin-right: auto;
                       }  
}



@media screen and (min-width: 401px ) and (max-width: 500px){
    .logo{   
        padding: 5px 0px 0px 60px;
        display: block;
        margin-left: auto;
        margin-right: auto;
             }
             
             .logo1{   
               padding: 0px 0px 0px 50px;
               display: block;
               margin-left: auto;
               margin-right: auto;
                   } 
                 #logo1{
                     height: 30px;
                 }
                
       
                   .contato{
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                       padding: 8px 0px 0px 20px;   
                       font-size: 16px; 
                       font-weight: bold;
                   }

                   .main{
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                       padding: 8px 0px 0px 50px;     
                   }
                   .sidebar{
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                    padding: 0px 0px 0px 50px;
                    }
                    #tamanho{ 
                        font-size:25px;
                          max-width: 360px;
                         }
                         #select{
                          font-size:20px;
                          width: 360px;
                         }
       .table  h1 {
                  font-size: 40px;
                  }
                  
                      .table  h3 {
                  font-size: 22px;
                  }  
                  .register{
                    margin-right: 1rem;
                    margin-left: 1rem;   
                    padding: 0px 30px 20px 30px;
                  }
                  .register h1{
                    font-size: 30px;
                }
                  .register h2{
                      font-size: 30px;
                  }
                  #lista{
                    padding: 0px 20px 20px 20px
                }
                #lista h1{
                 font-size: 30px;
                }
                #lista table td{
                    font-size: 12px;
                }
                .visualizar{
                    font-size: 16px;
                    padding: 0px 0px 20px 0px; 
                  }
                  .visualizar h1{
                      font-size: 32px;
                  }
                  .visure{
                    font-size: 15px;
                     padding: 0px 0px 30px 0px; 
                    }
                    .visure h2{
                        font-size: 21px;
                    }
                    #B0{
                        width:200px; 
                        display: block;
                        margin-left: auto;
                        margin-right: auto;
                       }
                      
                       #d0{
                        padding:0px 0px 5px 0px;
                        display: block;
                        margin-left: auto;
                        margin-right: auto;
                       } 
                       #B1{
                        width:200px; 
                        display: block;
                        margin-left: auto;
                        margin-right: auto;
                       }
                      
                       #d1{
                        padding:0px 0px 5px 0px;
                        display: block;
                        margin-left: auto;
                        margin-right: auto;
                       }  
            }

@media screen and (min-width: 301px ) and (max-width: 400px){
    .logo{   
        padding: 5px 0px 0px 13px;
        display: block;
        margin-left: auto;
        margin-right: auto;
             }
             #logo{
                 height: 40px;
             }
             .logo1{   
               padding: 0px 0px 0px 0px;
               display: block;
               margin-left: auto;
               margin-right: auto;
                   } 
                 #logo1{
                     height: 25px;
                 }
                
       
                   .contato{
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                       padding: 8px 0px 0px 0px;   
                       font-size: 14px; 
                       font-weight: bold;
                   }
                   .default h2{
                    font-size: 30px; 
                }
                .senha h2{
                    font-size: 28px; 
                }
                #size{
                    max-width: 280px;
                   }

                   .main{
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                       padding: 8px 0px 0px 20px;     
                   }
                   .sidebar{
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                    padding: 0px 0px 0px 20px;
                    font-size: 14px; 
                    font-weight: bold;
                    }
                    #Manutex{
                        height: 40px;
                    }
                    #tamanho{ 
                        font-size:22px;
                          max-width: 280px;
                         }
                         #select{
                          font-size:18px;
                          width: 280px;
                         }
       .table  h1 {
                  font-size: 26px;
                  }
                  
                      .table  h3 {
                  font-size: 18px;
                  }  
                  .contenttwo{
                    padding: 5px 20px 20px 20px;
                }
                .contenttwo h2{
                    font-size: 26px;   
                }

                .contentwo h5{
                    font-size: 16px;
                }

                .register{
                    margin-right: 1rem;
                    margin-left: 1rem;   
                    padding: 0px 20px 20px 20px;
                  }
                  .register h1{
                    font-size: 26px;
                }
                  .register h2{
                      font-size: 26px;
                  }
                  .machines{
                    padding: 5px 30px 20px 30px;
                }
                .machines h2{
                    font-size: 24px;   
                }

                .machines h5{
                    font-size: 16px;
                }
                #lista{
                    padding: 0px 0px 20px 0px
                }
                #lista h1{
                 font-size:24px;
                }
                #lista table td{
                    font-size: 12px;
                }
                .visualizar{
                    font-size: 10px;
                    padding: 0px 0px 20px 0px; 
                  }
                  .visualizar h1{
                      font-size: 22px;
                  }
                  .visure{
                    font-size: 11px;
                     padding: 0px 0px 30px 0px; 
                    }
                    .visure h2{
                        font-size: 16px;
                    }
                    #B0{
                        width:200px; 
                        display: block;
                        margin-left: auto;
                        margin-right: auto;
                       }
                      
                       #d0{
                        padding:0px 0px 5px 0px;
                        display: block;
                        margin-left: auto;
                        margin-right: auto;
                       } 
                       #B1{
                        width:200px; 
                        display: block;
                        margin-left: auto;
                        margin-right: auto;
                       }
                      
                       #d1{
                        padding:0px 0px 5px 0px;
                        display: block;
                        margin-left: auto;
                        margin-right: auto;
                       }  
               
}

@media screen and (min-width: 281px ) and  (max-width: 300px){
    .logo{   
        padding: 5px 0px 0px 5px;
        display: block;
        margin-left: auto;
        margin-right: auto;
             }
             #logo{
                 height: 22px;
             }
             .logo1{   
               padding: 0px 0px 0px 0px;
               display: block;
               margin-left: auto;
               margin-right: auto;
                   } 
                 #logo1{
                     height: 15px;
                 }
                
                   .contato{
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                       padding: 8px 0px 0px 0px;   
                       font-size: 12px; 
                       font-weight: bold;
                   }
                   .default h2{
                    font-size: 28px; 
                }
                .senha h2{
                    font-size: 28px; 
                }
                #size{
                    max-width: 250px;
                   }
                   .footer{
                    font-size: 12px; 
                }
                
                .main{
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                       padding: 8px 0px 0px 20px;     
                   }
                   .sidebar{
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                    padding: 0px 0px 0px 20px;
                    font-size: 12px; 
                    font-weight: bold;
                    }
                    #Manutex{
                        height: 40px;
                    }
                    #home {
                        height: 40px;
                        width: 150px;
                        }
                        #home{
                        padding: 0px 0px 0px 80px;
                        text-align: center;
                        }
                        #home li  {
                        padding: 0px 0px 10px 0px;
                        }
                        #home li a {
                        height: 40px;
                        width: 150px;
                        }
                        #tamanho{ 
                            font-size:18px;
                              max-width: 220px;
                             }
                             #select{
                              font-size:18px;
                              width: 220px;
                             }
           .table  h1 {
                      font-size: 20px;
                      }
                      
                          .table  h3 {
                      font-size: 14px;
                      } 
                      .contenttwo{
                        padding: 5px 20px 20px 20px;
                    }
                
                    .contenttwo h2{
                        font-size: 26px;   
                    }
    
                    .contentwo h5{
                        font-size: 14px;
                    } 
                    .register{
                        margin-right: 0rem;
                        margin-left: 0rem;   
                        padding: 0px 20px 20px 20px;
                      }

                      .register h1{
                        font-size: 26px;
                    }
                      .register h2{
                          font-size: 26px;
                      }
                      .register h5{
                        font-size: 18px;
                    }
                    .machines{
                        padding: 5px 30px 20px 30px;
                    }
                    .machines h2{
                        font-size: 24px;   
                    }
    
                    .machines h5{
                        font-size: 16px;
                    }
                    #lista{
                        padding: 0px 0px 20px 0px
                    }
                    #lista h1{
                     font-size:24px;
                    }
                    #lista table td{
                        font-size: 10px;
                    }
                    .visualizar{
                        font-size: 12px;
                        padding: 0px 0px 20px 0px; 
                      }
                      .visualizar h1{
                          font-size: 28px;
                      }
                      .visure{
                        font-size: 10px;
                         padding: 0px 0px 30px 0px; 
                        }
                        .visure h2{
                            font-size: 14px;
                        }
                        #B0{
                            width:150px; 
                            display: block;
                            margin-left: auto;
                            margin-right: auto;
                           }
                          
                           #d0{
                            padding:0px 0px 5px 0px;
                            display: block;
                            margin-left: auto;
                            margin-right: auto;
                           } 

                           #B1{
                            width:150px; 
                            display: block;
                            margin-left: auto;
                            margin-right: auto;
                           }
                          
                           #d1{
                            padding:0px 0px 5px 0px;
                            display: block;
                            margin-left: auto;
                            margin-right: auto;
                           }  
                         
}

@media screen and  (max-width: 280px){
     .logo{   
        padding: 5px 0px 0px 5px;
        display: block;
        margin-left: auto;
        margin-right: auto;
             }
             #logo{
                 height: 22px;
             }
             .logo1{   
               padding: 0px 0px 0px 0px;
               display: block;
               margin-left: auto;
               margin-right: auto;
                   } 
                 #logo1{
                     height: 15px;
                 }
                
                   .contato{
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                       padding: 8px 0px 0px 0px;   
                       font-size: 12px; 
                       font-weight: bold;
                   }
                   .default h2{
                    font-size: 28px; 
                }
                .senha h2{
                    font-size: 28px; 
                }
                #size{
                    max-width: 250px;
                   }
                   .footer{
                    font-size: 12px; 
                }
                
                .main{
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                       padding: 8px 0px 0px 20px;     
                   }
                   .sidebar{
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                    padding: 0px 0px 0px 20px;
                    font-size: 12px; 
                    font-weight: bold;
                    }
                    #Manutex{
                        height: 40px;
                    }
                    #home {
                        height: 40px;
                        width: 150px;
                        }
                        #home{
                        padding: 0px 0px 0px 80px;
                        text-align: center;
                        }
                        #home li  {
                        padding: 0px 0px 10px 0px;
                        }
                        #home li a {
                        height: 40px;
                        width: 150px;
                        }
                        #tamanho{ 
                            font-size:18px;
                              max-width: 220px;
                             }
                             #select{
                              font-size:18px;
                              width: 220px;
                             }
           .table  h1 {
                      font-size: 20px;
                      }
                      
                          .table  h3 {
                      font-size: 14px;
                      } 
                      .contenttwo{
                        padding: 5px 20px 20px 20px;
                    }
                
                    .contenttwo h2{
                        font-size: 26px;   
                    }
    
                    .contentwo h5{
                        font-size: 14px;
                    } 
                    .register{
                        margin-right: 0rem;
                        margin-left: 0rem;   
                        padding: 0px 20px 20px 20px;
                      }

                      .register h1{
                        font-size: 26px;
                    }
                      .register h2{
                          font-size: 26px;
                      }
                      .register h5{
                        font-size: 18px;
                    }
                    .machines{
                        padding: 5px 30px 20px 30px;
                    }
                    .machines h2{
                        font-size: 24px;   
                    }
    
                    .machines h5{
                        font-size: 16px;
                    }
                    #lista{
                        padding: 0px 0px 20px 0px
                    }
                    #lista h1{
                     font-size:24px;
                    }
                    #lista table td{
                        font-size: 10px;
                    }
                    .visualizar{
                        font-size: 12px;
                        padding: 0px 0px 20px 0px; 
                      }
                      .visualizar h1{
                          font-size: 28px;
                      }
                      .visure{
                        font-size: 9px;
                         padding: 0px 0px 30px 0px; 
                        }
                        .visure h2{
                            font-size: 10px;
                        }
                        #B0{
                            width:150px; 
                            display: block;
                            margin-left: auto;
                            margin-right: auto;
                           }
                          
                           #d0{
                            padding:0px 0px 5px 0px;
                            display: block;
                            margin-left: auto;
                            margin-right: auto;
                           } 

                           #B1{
                            width:150px; 
                            display: block;
                            margin-left: auto;
                            margin-right: auto;
                           }
                          
                           #d1{
                            padding:0px 0px 5px 0px;
                            display: block;
                            margin-left: auto;
                            margin-right: auto;
                           }  
}


/*-----------------------------REPONSIVE MOBILE------------------------------------*/

/*--------------------------------IPAD 12.9----------------------------------------*/
@media screen and (min-height: 1301px ) {
    .default{
        padding:100px 0px 710px 0px; 
    }
    .senha{
        padding: 100px 0px 812px 0px; 
    }
    .home{
        padding: 51px 0px 956px 0px; 
        }   
        #lista{
            padding: 100px 0px 692px 0px
        }
        .visualizar{
            padding: 0px 50px 367px 50px; 
          }
          #E0{
            padding: 0px 0px 622px 0px; 
          }
          .selecionar{        
            padding: 0px 0px 807px 0px;
        }
}





/*--------------------------------IPAD 10.5----------------------------------------*/
@media screen and (min-height: 1101px ) and (max-height: 1200px){
    .default{
        padding:100px 0px 401px 0px; 
    }
    .senha{
        padding: 100px 0px 503px 0px; 
    }
    .home{
        padding: 51px 0px 706px 0px; 
        }  
        #lista{
            padding: 50px 0px 493px 0px
        } 
        .visualizar{
            padding: 0px 50px 118px 50px; 
          }
          #E0{
            padding: 0px 0px 399px 0px; 
          }
          .selecionar{        
            padding: 0px 0px 607px 0px;
        }
}


/*--------------------------------IPAD----------------------------------------*/
@media screen and (min-height: 1001px ) and (max-height: 1100px){
    .default{
        padding:100px 0px 313px 0px; 
    }
    .senha{
        padding: 100px 0px 415px 0px; 
    }
    .home{
        padding: 51px 0px 629px 0px; 
        }   
        #lista{
            padding: 20px 0px 444px 0px
        } 
        .visualizar{
            padding: 0px 30px 39px 30px; 
          }
          #E0{
            padding: 0px 0px 320px 0px; 
          }
          .selecionar{        
            padding: 0px 0px 496px 0px;
        }
}

/*--------------------------------LAPTOP TOUCH----------------------------------*/
@media screen and (min-height: 941px ) and (max-height:1000px){
    .default{
        padding:70px 0px 324px 0px; 
    }
    .senha{
        padding: 70px 0px 426px 0px; 
    }
    .home{
        padding: 51px 0px 541px 0px; 
        }   
        #lista{
            padding: 20px 0px 355px 0px
        } 
        .visualizar{
            padding: 0px 50px 0px 50px; 
          }
          #E0{
            padding: 0px 0px 230px 0px; 
          }
          .selecionar{        
            padding: 0px 0px 395px 0px;
        }
}


/*--------------------------------TELA 9.7----------------------------------------*/
@media screen and (min-height: 901px ) and (max-height: 940px){
    .default{
        padding:70px 0px 191px 0px; 
    }
    .senha{
        padding: 70px 0px 293px 0px; 
    }
    .home{
        padding: 51px 0px 443px 0px; 
        }  
        #lista{
            padding: 10px 0px 275px 0px
        }  
        .visualizar{
            padding: 0px 40px 0px 40px; 
          }
          #E0{
            padding: 0px 0px 121px 0px; 
          }
          .selecionar{        
            padding: 0px 0px 335px 0px;
        }
}


/*--------------------------------TELA 7.0---------------------------------------*/
@media screen and (min-height: 801px ) and (max-height: 900px){
    .default{
        padding:50px 0px 155px 0px; 
    }
    .senha{
        padding: 50px 0px 257px 0px; 
    }
    .home{
        padding: 51px 0px 381px 0px; 
        }  
        #lista{
            padding: 10px 0px 243px 0px
        }   
        .visualizar{
            padding: 0px 0px 0px 0px; 
          }
          .selecionar{        
            padding: 0px 0px 288px 0px;
        }
}


/*----------------------------LAPTOP MDPI---------------------------------------*/
@media screen and (min-height: 701px ) and (max-height: 800px){
    .default{
        padding:50px 0px 194px 0px; 
    }
    .senha{
        padding: 50px 0px 296px 0px; 
    }
    .home{
        padding: 51px 0px 391px 0px; 
        }  
        #lista{
            padding: 10px 0px 215px 0px
        }  
        .visualizar{
            padding: 0px 50px 0px 50px; 
          } 
          #E0{
            padding: 0px 0px 81px 0px; 
          }
          .selecionar{        
            padding: 0px 0px 258px 0px;
        }
}
/*----------------------------CHROME---------------------------------------*/
@media screen and (min-height: 631px ) and (max-height: 700px){
    .default{
        padding:30px 0px 71px 0px; 
    }
    .senha{
        padding: 40px 0px 163px 0px; 
    }
    .home{
        padding: 31px 0px 268px 0px; 
        } 
        #lista{
            padding: 0px 40px 83px 40px
        }   
        #E0{
            padding: 0px 0px 0px 0px; 
          }
          .selecionar{        
            padding: 0px 0px 142px 0px;
        }
}

/*----------------------------TELA 6.7 AND 6.4 -----------------------------------*/
@media screen and (min-height:580px ) and (max-height: 610px){
    .default{
        padding:4px 0px 0px 0px; 
    }
    .senha{
        padding: 20px 0px 90px 0px; 
    }
    .home{
        padding: 21px 0px 241px 0px; 
        } 
        #lista{
            padding: 0px 0px 46px 0px
        }  
        .visualizar{
            padding: 0px 0px 0px 0px; 
          } 
          .selecionar{        
            padding: 0px 0px 58px 0px;
        }
}
/*----------------------------TELA 6.1  ---------------------------------------*/
@media screen and  (max-height: 579px){
    .default{
        padding:0px 0px 0px 0px; 
    }
    .senha{
        padding: 15px 0px 30px 0px; 
    }
    .home{
        padding: 21px 0px 241px 0px; 
        } 
        .selecionar{        
            padding: 0px 0px 5px 0px;
        }
}