@font-face {
    font-family: 'Circular Bold Medium';
    src: URL('CircularStd-Regular.otf') format('truetype');
}

*{
	 font-family: system-ui, sans-serif;
	margin:0;
	padding: 0;
	outline:none;
}

body{
	    background: #f7f7f7;
}


a{
	    text-decoration:none;
	    color: #00bcd4;
	}

header{
	text-align: right;
    background: #ffffff;
    border-bottom: 1px solid #e9e9e9;
    padding: 20px 0px;
    box-shadow: 0px 1px 4px 1px #e9e9e9;

    
}


header nav{
	    max-width: 1080px;
    margin: auto;
}



header nav a{
	display: inline-block;
    margin: 8px;
    font-size: 14px;
        color: #24292e;
    font-weight: 500;
}

header nav a:hover {
   color: #3c6778;
}




h3{
display: inline-block;
    padding: 3px 10px;
    border-radius: 3px;
    color: #24292e;
    border: 1px solid #24292e;
    font-size: 14px;
    border-bottom: 3px solid #24292e;


}



#log form h3{
   padding: 0px 0px 5px 0px;
    margin-top: 0px;
    color: #24292e;
    border: 0px;
    background: transparent;
        font-weight: 400;
}


h2{
    text-align: center;
    font-size: 20px;
    margin-top: 2px;
    margin-bottom: 20px;
    font-weight: 400;
}




.h1{
	display: inline-block;
    margin: 0px auto 0px 0px;
    text-align: left;
    width: 50%;

}

.h1 span{
	font-size: 17px;
    color: #24292e;
    font-weight: 600;
    margin-left: 10px;
}



h1{
    margin: 20px auto 5px auto;
    color: #24292e;
    font-size: 30px;
    text-align: center;
    font-weight: 500;
        font-family: 'Circular Bold Medium';
}


.menu{
	display: inline-block;
    width: 48%;
    margin: 0px 0px 0px auto;
    text-align: right;
}

section{
    max-width:1080px;
    margin:auto;
}




section form{
width: 100%;
    text-align: center;
        margin-top: 20px;
}



#log form{
    margin:0px;
}
#log{
    max-width: 480px;
    margin: auto;
    position: fixed;
    left: 10%;
    right: 10%;
    border: 1px solid #e9e9e9;
    padding-bottom:10px;
}



#log .caixa{
    
 border-right:0px;
 border: 0px;
    padding: 0px;
    margin:0;
}


#log button.fecha{
    background: transparent;
    border: 1px solid #e9e9e9;
    padding: 5px 10px;
    margin: 5px 5px 0px auto;
    display: block;
    border-radius: 3px;
    font-weight: 600;
    cursor: pointer;
    color: #24292e;
}





section form input{
padding: 10px 0.9%;
    width: 89%;
    margin-left: 1%;
    display: inline;
    border: 0px;
    border-radius: 3px;
    color: #2e5454;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    font-size: 14px;

}


::-webkit-input-placeholder {
   color:#2e5454;
   
}

:-moz-placeholder { /* Firefox 18- */
   color:#2e5454;
   
}

::-moz-placeholder {  /* Firefox 19+ */
   color:#2e5454;
   
}

:-ms-input-placeholder {  
   color:#2e5454;
   
}

section form button{
  
    border-radius: 3px;
    color: white;
  
    cursor: pointer;

   
    padding: 12px;
    

}



#log form input{
    width: 86%;
    background:transparent;
    font-size: 13px;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0px;
    padding: 9px 3px;
    color: #24292e;
    margin: auto;
    display:inline;
    max-width: 300px;
}



	    
	    
	    .key{
    display: block;
    padding: 5px 0px;
    font-size: 14px;
    color: #2e5454;
    font-weight: 600;
    margin: 10px auto 10px auto;
    text-align: center;
    width: 80%;
    border: 1px solid #e7efef;
    background: transparent;
    max-width: 340px;
    border-radius: 3px;
	    }
	    
	    .key i{
	            color: #a9b3be;
    margin-left: 3%;
    font-size: 14px;
	    }
	    
	    
	    
	    #log .key{
	        margin: 10px auto 2px auto;
    width: 86%;
    color: #24292e;
    font-weight: 600;
    font-size: 14px;
    max-width: 300px;
    padding:0;
	    }
	    
	    #log .senharec{
    width: 86%;
    margin: 5px auto;
    max-width: 300px;
text-align: left;
}
	    
	    #log .bedit{
	            margin: 10px auto;
    width: 89%;
    max-width: 302px;
	    }
	    
	    
	    .caixa{
	      
background: #fff;
    padding: 47px 0px;
    border: 1px solid #e9e9e9;
    margin: 10px auto;
    max-width: 680px;
    box-shadow: 0px 1px 5px 1px #e9e9e9;
    border-radius:3px;
 
	    }
	    
	    
	    .caixa h3{
	        text-align: center;
color: #2e5454;
margin: 0px 0px 10px 0px;

background: #e9e9e9;
padding: 15px 2px;

border-bottom: 1px solid #b8c2c7;
border-radius:3px 3px 0px 0px;
    font-size: 16px;
	    }
	    
	    
	    form .bedit {
    margin: 10px auto;
   
    width: 80%;

    max-width: 342px;
	    }
	    
	    .caixa button{
	            border-radius: 3px;
    cursor: pointer;
    padding: 9px 25px;
    display: block;
    margin: 10px 4px 10px auto;
       background: #03a9f4;
    color: white;
    border: 1px solid #069ade;
    width: 100%;



	    }
	    
	     #log .caixa button{
	           
    margin: 10px 0px 10px auto;
	     }
	
	     
	     
	     footer{
	            
  color: #595f64;
    font-size: 12px;
    clear: both;
    bottom: 0;
    background: #ffffff;
    border-top: 1px solid #e1e1e1;
    padding: 10px 0px 10px 10px;
    text-align:center;

  }
	    
	    .caixa2{
    background: white;

    
}

.senharec a{

	    font-size: 14px;
}
	    
	    
	       footer p{
	        
	         font-size:12px;
	         max-width:1080px;
	         margin:5px auto;
	             font-family: 'Circular Bold Medium';
	         
	     }
	     
	       footer .f12{
	        font-size:12px;
	    }
	     
	     
	     .informacao{
	         padding: 40px 0px;
    text-align: center;
    margin: 20px 0px 0px 0px;
    background: white;
        border-top: 1px solid #e9e9e9;
        box-shadow: 0px 2px 6px 4px #e9e9e9;
	     }
	     
	     
	     .informacao p{
    
    color: #2e5454;
 
    font-size:14px;


}

.informacao p a{
    font-weight:600;
        font-size: 20px;
    font-family:helvetica;
}
	     
	     .informacao button{
	         padding: 10px 20px;
        background: #098abb;
    border: 1px solid #035dab;
    color: white;
    border-radius: 3px;
        margin: 20px auto;
	     }
	     
	     
	       #info p{
	        background: #71c77c;
    color: white;
    width: 98%;
    max-width: 360px;
    font-size: 12px;
    padding: 10px 2px;
    margin: auto;
    border-radius: 3px;
	    }
	    
	    
	    
	    form .eh3{
	        margin: auto;
    text-align: center;
    display: block;
	    }
	    
	    
	    
	    .logofin{
        display: inline-block;
    padding: 0px 4px;
    border-radius: 3px;
    color: #24292e;
    border: 1px solid #24292e;
    font-size: 8px;
    border-bottom: 2px solid #24292e;
}


	        	     @media only screen and (max-width: 480px) {
	         
	          #moboff{
        display:none;
    }
	         section{
	             margin-top:30px;
	         }
	         
	         section form{
	             width:98%;
	             text-align:center;
	           margin: auto;
	           position:inherit;
	         }
	         
	         #log form{
	             position: initial;
	         }
	         
	         
	         section form  input{
	             width:82%;
	             margin:auto;
	             padding:9px 1%;
	             -webkit-appearance: none;  /* Remove estilo padr達o do Chrome */ 
    -moz-appearance: none; 
	         }
	         
	         
	       
	         
	         section form button{
	           
	             
	         }
	         
	         
	         
	      	        header nav a{
	                 margin: 8px 2px;
        font-size: 11px;
    display:inline;
    
	         }
	         
	         .menu{
	             width: 58%;
	         }
	         
	         
	         .h1{
	             width: 38%;
	         }
	         
	         
	         
	         header{
	             margin-bottom:10px;
	         }
	         
	         .h1 span{
	             margin-left:5px;
	         }
	         
	         
	         
	         
	         section form span {
	              width:98%;
	              margin:15px auto 2px auto;
	         }
	    
	         
	         
	         .ulchave {
	             text-align:left !important;
	         }
	         
	         
	         .key{
	             width: 81%;
	         }
	         
	         .caixa button{
	             margin:10px 6px 10px auto;
	         }
	         section form button{
	             margin:10px 6px 10px auto;
	         }
	         
	         
	         .informacao p a{
	             font-size:17px;
	         }
	       
	       
	       h1{
	           font-size: 23px;
	       }
	       h2{
	           font-size:16px;
	       }
	         
	     }