@charset "utf-8";
/* CSS Document */
body{
  background-color: #dbdada;
}
@media only screen and (max-width: 3840px) {

.centralizar{
	margin: 0 auto;
}	
	

.input-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 15px;
}

.icon {	
  background: #051150;
  color: white;
  width: 4vw;
  height: 5.6vh;	
  text-align: center;
}

.tamanhoIcon{
	max-width: 3.5vw;
	max-height: 3.5vh;
  padding-top: 0.7em;
}

.input-field {
  width: 15vw;
  height: 3vh;
  padding: 10px;
  outline: none;
  border: 2px solid #051150;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 2em;	
}

.input-field:focus {
  border: 2px solid #051150;
}

/* Set a style for the submit button */
.btn {
  background-color: #051150;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";	
  color: white;
  font-size: 1.5em;	
  border: none;
  cursor: pointer;
  width: 6vw;
  height: 4vh;
  border-radius: 5px;	
  opacity: 0.9;
}

.btn:hover {
  opacity: 1;
}

.esqueceuSenha{
	color: #051150;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	text-decoration: none;
	font-size: 1em;
}

.verSenha{
	text-align: right;	
	color:  #051150;
	margin: 0;
	cursor: pointer;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 1em;
}
	
.divLogin{
	width: 20vw;
	height: 100%;
	text-align: center;
	background-color: #EFEFEF;
	padding: 20px;
	border-radius: 10px;
	opacity: 0.9;
    margin-top: 10em;
}
	
.font1{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 2em;
	color:  #051150;
}

.font2{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 1em;
	color:  #FF0000;
}

.divLogoFct{
	width: 30vw;
	height: 30vh;
	margin-top: 100px;
  text-align: center;
}

.tamanhoLogoFct{
	max-width: 30vw;
	max-height: 30vh;
}
}
@media only screen and (max-width: 1500px) {

.centralizar{
 margin: 0 auto;
}	
 

.input-container {
 display: -ms-flexbox; /* IE10 */
 display: flex;
 width: 100%;
 margin-bottom: 15px;
}

.icon {	
 background: #051150;
 color: white;
 width: 4vw;
 height: 5.9vh;	
 text-align: center;
}

.tamanhoIcon{
 max-width: 2.5vw;
 max-height: 2.5vh;
 padding-top: 0.7em;
}

.input-field {
 width: 12vw;
 height: 2vh;
 padding: 10px;
 outline: none;
 border: 2px solid #051150;
 font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
 font-size: 0.8em;	
}

.input-field:focus {
 border: 2px solid #051150;
}

/* Set a style for the submit button */
.btn {
 background-color: #051150;
 font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";	
 color: white;
 font-size: 0.8em;	
 border: none;
 cursor: pointer;
 width: 7vw;
 height: 4vh;
 border-radius: 5px;	
 opacity: 0.9;
}

.btn:hover {
 opacity: 1;
}

.esqueceuSenha{
 color: #051150;
 font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
 text-decoration: none;
 font-size: 0.8em;
}

.verSenha{
 text-align: right;	
 color:  #051150;
 margin: 0;
 cursor: pointer;
 font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
 font-size: 0.8em;
}
 
.divLogin{
 width: 17vw;
 height: 100%;
 text-align: center;
 background-color: #EFEFEF;
 padding: 20px;
 border-radius: 10px;
 opacity: 0.9;
 margin-top: 8em;
}
 
.font1{
 font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
 font-size: 1em;
 color:  #051150;
}

.font2{
 font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
 font-size: 1em;
 color:  #FF0000;
}

.divLogoFct{
 width: 25vw;
 height: 25vh;
 margin-top: 2em;
 text-align: center;
}

.tamanhoLogoFct{
 max-width: 25vw;
 max-height: 25vh;
}

}