@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;
    border: 0px;
    display: block;
    text-align:center;
        font-size: 16px;
    font-weight: 400;
    margin-bottom:20px;
}



.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;
}



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





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





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


#log .senharec{
        width: 86%;
    margin: 5px auto 20px auto;
    max-width: 300px;
}


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

#log .bedit button{
    cursor: pointer;
    display: block;
    background: #03a9f4;
    color: white;
    border: 1px solid #069ade;
    border-radius: 3px;
    padding: 10px 0px;
    margin: 15px 0px 10px 0;
    font-weight: bold;
    width: 100%;
    box-sizing: content-box;
}


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

#log .bedit{
    margin: 10px auto;
    width: 89%;
    max-width: 300px;
}


#log .key{
        margin: 10px auto 2px auto;
    width: 86%;
    color: #24292e;
    font-weight: 600;
    font-size: 14px;
    max-width: 300px;
}


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


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


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

}



section form .formd{
     grid-template-columns: repeat(1, 1fr);
    text-align: center;
        border-radius: 5px;
    box-shadow: 0px 1px 5px 1px #e9e9e9;
}
section form span{
	     display: block;
    max-width: 520px;
    margin: 25px auto 2px auto;
    text-align: left;
    font-weight: 600;
    color: #607d8b;
    font-size: 14px;
}

.icon-envelope{
    font-size:14px;
}


section form input{
padding: 12px 3px;
width: 86%;
max-width: 480px;
    border: 0px;
    border-radius:0px !important;

display: inline;
color: #24292e;
    background: transparent;
    font-size: 13px;
-webkit-appearance: none;
-moz-appearance: none; 
}



.inputs{
text-align: center;
    width: 100%;
    
  
  
}


section form button{
    cursor: pointer;
    display: block;
    background: #03a9f4;
    color: white;
    border: 1px solid #069ade;
    border-radius: 3px;
    padding: 10px 0px;
    margin: 15px 0px 10px 0;
  max-width:340px;
    width: 100%;
    box-sizing: content-box;
        margin: auto;


    

}

section form select{
	    width: 87%;
    display: inline-block;
    margin: auto;
    max-width: 486px;
        margin-left: 1%;
        border: 0px;
   
    padding: 9px 5px;
    color: #24292e;
  
    font-size: 13px;
    font-family: sans-serif;
    -webkit-appearance: none;  /* Remove estilo padr達o do Chrome */ 
    -moz-appearance: none; 
   background: transparent;

}

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

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

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

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


section form textarea{
        max-width: 336px;
    height: 85px;
    font-size: 12px;
    padding: 5px 2px;
       border: 1px solid #e9e9e9;
    background: #f7f7f7;
    color: #24292e;

}


	    
	    
	    .key{    margin: 10px auto 10px auto;
    text-align: center;
    width: 80%;
    border: 1px solid #e7efef;
    background: transparent;
    max-width: 340px;
    border-radius: 3px;
	    }
	    
	    
	    
	    .icon-key{
	        font-size:11px;
	    }
	    
	    .key i {
    color: #a9b3be;
    margin-left: 3%;
    font-size: 14px;
	    }
	    .caixa2{
    background: white;

    
}
.senharec a{

	    font-size: 14px;
}


#log form .key i{
    font-size: 14px;
}

	     
/********************/
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;

}


footer p {
    font-size: 12px;
    max-width: 1080px;
    margin: 5px auto;
    font-family: 'Circular Bold Medium';
        
    }


    .footer{
    	max-width: 1080px;
    	margin: auto;
    }
	       footer .f12{
	        font-size:12px;
	    }
	    
	    
	    
	    
	    #requis{
	     max-width: 77%;
    font-size: 14px;
    text-align: center;
    margin: 10px auto 10px auto;
    font-weight: 300;
    color: #145050;
	    }
	    
	    
	    .formd{
	        margin: auto;
    max-width: 580px;
    padding: 15px 2px 25px 2px;
    background: #fff;
    border: 1px solid #e9e9e9;
	    }
	    
	    
	    
	    form .bedit{
	            margin: 10px auto;
    width: 80%;

	    }
	    
	    
	    .formd h3{
	        padding: 14px 0px;
    background: #e9e9e9;
    margin: 0px;
    width: 100%;
    border: 0px solid #ccc;
    border-bottom: 1px solid #b8c2c7;
        
    border-radius: 3px 3px 0px 0px;
    font-weight: 600;
       font-size: 16px;
	    }
	    
	    
	    .formd span{
	       display: block;
margin: 25px auto 2px auto;
text-align: left;
font-weight: 600;
color: #24292e;
font-size: 14px;
width: 78%;
max-width: 340px;
	    }
	    
	    
	    
	    
	    .formd input, .formd select{
	       
        width: 88%;
    color: #2e5454;
   

    
	    }
	    
	    .formd textarea{
	        width: 78%;
    border: 1px solid #ccc;
   
    color: #2e5454;
	    }
	    
	    
	
	    
	    
	    
	       .cadastro01{
	         margin: 20px auto 0px auto;
    color: #24292e;
    background: white;
    padding: 40px 2px;
    text-align: center;
    border-top: 1px solid #e9e9e9;
    font-size: 20px;
    font-weight: 400;
    
    grid-template-columns: repeat(2, 1fr);
    display: grid;
    box-shadow: 0px 2px 6px 4px #e9e9e9;

	     }
	     
	     .cadastro01 .coluna{
	         padding: 20px 2px;
	     }
	     
	     .cadastro01 .coluna:first-child{
	         border-right: 1px solid #e9e9e9;
}


.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 form .formd {
	             display:block;
	             
	         }
	         
	         section form{
	             width:98%;
	             text-align:center;
	               
    margin: auto;
	         }
	         
	         
	         section form .formd input{
	             width: 84%;
	             margin:auto;
	         }
	         
	         
	         
	         section form .formd select{
	                 width: 85%;
	                 padding:12px;
	                 height:42px;
	                 font-size:12.5px;
	                 color: #2e5454;
	         }
	         
	         
	         
	          section form .formd textarea{
	             width: 80%;
	             margin:auto;
	             color: #2e5454;
	         }
	         
	        
	         
	         
	         
	    	         header nav a{
	                 margin: 8px 2px;
    font-size: 11px;
    display:inline;
    
	         }
	         
	         .menu{
	             width: 58%;
	         }
	         
	         
	         .h1{
	             width: 38%;
	         }
	         
	         
	         section form .formd span {
	              width:80%;
	              margin:15px auto 2px auto;
	              max-width: 85%;
	              font-size:13px;
	         }
	   
	         
	         header{
	             margin-bottom:10px;
	         }
	         
	         .h1 span{
	             margin-left:5px;
	         }
	         
	         
	         
	      
	         
	         .ulchave {
	             text-align:left !important;
	         }
	         
	         
	         
	         .cadastro01{
	             display: block;
	         }
	         
	         .cadastro01 .coluna{
	                 padding: 40px 0px 0px 0px;
	         }
	         
	         .cadastro01 .coluna:first-child{
	             border:0px;
	             border-bottom:1px solid #e9e9e9;
	             padding: 0px 0px 40px 0px;
	         }
	         
	         h1{
	             font-size: 23px;
	         }
	         
	     }