#CentralizaLogin{display: block; position: relative; overflow: visible; z-index: 0; 
   top: 80px;float: none;margin: 0px;margin-left: auto;margin-right: auto; padding: 0px; 
   width: 100%; min-width: 300px; max-width: 1200px; height: auto;min-height: auto;max-height: auto; 
   border: none;}

.ImagemEntrada{display: block; position: relative; overflow: hidden; z-index: 0; 
      float: left; top: 0px;left: 0px; margin: 0px;padding: 0px; 
      width: 40%; min-width: auto; max-width: 600px; height: 100%; min-height: 300px; max-height: 600px; 
      mask-image: linear-gradient(to right,black 80%, transparent 95%);
      border: none; background: none; background-color: none;}

#TelaLogin{display: block; position: relative; overflow: hidden; z-index: 0;
         float: left;top: 20px; left: 0px; margin: 0px; padding: 0px; 
         width: 50%; min-width: 400px; max-width: 650px; height: auto; 
         border: 1px solid #006400; background: none; background-color: none;}

#TelaLogin .TituloLogin{display: block; position: relative; overflow: hidden; float: none; top: 0px; left: 0px; z-index: 2; 
                        width: 100%; min-width: 255px; height: auto; 
                        margin: 0px; padding: 10px;
                        border: none; background: #FFFFFF; background-color: #FFFFFF;
                        font-size: 160%; font-weight: bold; color: #006400; text-align:left;}

#TelaLogin input {width: 50%; min-width: 100px; height: 30px; float:left;
                  margin: 2px; padding: 1px; margin-left: 5px; 
                  border: 1px solid #CFCFCF; border-radius:1px solid;
                  font-size: 110%; font-style:normal; font-weight: normal;}

#TelaLogin .inputacesso {width: 15%; min-width: 30px;}
                  
#TelaLogin label{display: block; position: relative; overflow: hidden;float:left; 
                 width: 45%; min-width: 150px; max-width: 150px; 
                 margin: 2px; margin-top: 10px; padding: 1px; 
                 border: none; ; background: none; background-color: none;
                 color: #000000;font-size: 110%; font-style:normal; font-weight: normal; text-align: right;}                 

#TelaLogin .BotaoLogin{display: block; position: relative; overflow: hidden; z-index: 0; 
                     top: 10px; margin: 0px; margin-left: auto; margin-right: auto; padding: 5px; 
                     width: 400px; max-width: 80%; height: 40px; 
                     background-color:#FFFFFF; box-shadow: inset 2px 2px 14px #75a7f0; border: 1px solid #2275ef;
                     font-size: 120%;color: #0d418f;}

#TelaLogin .BotaoLogin:hover{
   cursor: pointer; color: white; background-color:#2275ef; box-shadow: inset 2px 2px 14px #75a7f0; border: 1px solid #2275ef;
}

#TelaLogin .BotaoSenha{display: block; position: relative; overflow: hidden; 
   width: auto; max-width: 80%; height: auto;max-height: auto; top: 0px; 
   margin: 0px; margin-top: 30px;margin-left: auto; margin-right: auto; padding: 5px; 
   border: 1px solid #75a7f0; z-index: 0; background: none; background-color: none;
}

#TelaLogin .BotaoSenha:hover {
   color: black; cursor: pointer; background-color:#75a7f0; box-shadow: inset 2px 2px 25px #2275ef;
}

#Clima{display: block; position: relative; overflow: hidden; z-index: 0;
   float: left;top: 50px; left: 0px; margin: 0px; padding: 0px; 
   width: 50%; min-width: 350px; max-width: 650px; height: auto; 
   border: 1px solid #006400; background: none; background-color: none;
   font-size: 90%;color: #0d418f;}

#Clima .Colunas{display:inline-block;float:none;
            width: 40%;min-width: 200px;max-width: 600px;height: auto;min-height: 30px;
            top: 0px; margin: 0px;margin-left: 5px;padding: 0px;padding-bottom: 3px;border: none;}
   
#Clima img{width: 50px;min-width: 50px;max-width: 50px;height: 50px;min-height: 50px;max-height: 50px;
           padding: 0px; margin: 0px;margin-left: 10%;border: none;}

#Clima a{float: right; width: 100%;min-width: auto;max-width: auto;height: auto;min-height: auto;max-height: auto;
         font-size: 80%;color: #5a81bb;text-align: right;border: none;}
 
/* Resolucao de 900px */
@media screen and (max-width: 900px) {

   #CentralizaLogin{width: 95%; min-width: 350px;max-width: 500px; padding-bottom: 60px;}

   #TelaLogin{top: 1px; width: 98%; min-width: 98%; border: none; }

   #TelaLogin .TituloLogin{border-bottom: 1px solid #006400;}

   #TelaLogin label{width: 90%; max-width: 90%;text-align: left;}                 

   #TelaLogin input {width: 90%;}

   .ImagemEntrada{display: none;}

   #Clima {display:block;float: none;margin-left: auto; margin-right: auto;}

   #Clima a{margin-top: -20px;margin-right: -10%; float: right; width: 50%;}


}