@font-face {
    font-family: Montserrat;
    src: url(../../fonts/Montserrat-Medium.ttf);
}
body {
	margin: 0;
	background: url(../../img/back/login/fundo_login.png) no-repeat center center fixed; 
        /*background_login.jpg */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font: normal 11px Montserrat;
        color: #fff; }

#form {
    background: url(../../img/back/login/logo_login.png) no-repeat center 20px;
    background-color: #a7a7a73d;
    position: absolute;
    width: 344px;
    height: 400px;
    top: 53%;
    left: 50%;
    margin-left: -177px;
    margin-top: -268px;
    border: solid 1px #8e8e8e6b;
    padding: 5px 5px 0px 0px;
    box-shadow: 5px 10px 18px #4646467a;
    border-radius: 10px;
    }

.login-input {
    margin-top: 110px;
    text-align: center;
} 
.footer-login {
    position: fixed;
    bottom: 0px;
    width: 100%;
    background-color: #0b365a59;
    text-align: center;
    height: 25px;
    padding: 13px 0px 40px 0px;
    font-size: 14px;
}
a.login {
    text-decoration: none;
    color: #6da8bb;
    font-size: 20px;
}
a.login:hover {
    color:#b2e3f3;
}

#inputs {
	text-align: center;
	top:100px;
	width:100%; 
	height: 170px;
}

.textbox1, .textbox2 {
    height: 50px;
    border: none;
    width: 80%;
    padding-left: 17px;
    margin-top: 30px;
    color: #4D4D4D;
    font: normal 15px Montserrat;
    /* border-radius: 8px; */
}
	
.textbox1:focus, .textbox2:focus {
    background-color: #E0E0E0; outline: none; }

.showpass {
    position: absolute;
    right: 51px;
    top: 239px;
}
   
.textbox_mail {
    background: url(../img/login/ico_mail.png) no-repeat -1px -1px #FFF;
    height: 37px;
    width: 275px;
    border: none;
    padding-left: 48px;
    margin-top: 30px; 
    font: normal 15px Montserrat;
    color: #4D4D4D;
    text-transform: lowercase;
}
	
.textbox_mail:focus {
    background: url(../img/login/ico_mail_h.png) no-repeat -1px -1px #E0E0E0;
	outline: none; }
	
	
#remember {width: 85%; float: left; padding: 20px;}
#forgot { text-decoration: none; color: #fff; font-size: 14px; }

#forgot:hover { color: #043c69; }
	
#sign {
    background-color: #043c69;
    color: #fff;
    position: relative;
    width: 220px;
    height: 50px;
    border: none;
    font: normal 15px Montserrat;
}

#sign:hover { background-color: #00223D; }

#sign-reset {
    background-color: #043c69;
    color: #fff;
    position: relative;
    width: 240px;
    height: 38px;
    border: none;
    font: normal 15px Montserrat;
    margin-top: 20px;
}

#sign-reset:hover { background-color: #00223D; }

 .alert {
        width: 100%;
        text-align: center;
        float: left;
        margin-top: 90px;
        font: normal 14px Montserrat;
        color: #97d8e7;
    }
 .alert-reset {
        width: 100%;
        text-align: center;
        float: left;
        /*margin-top: 100px;*/
        font: normal 11px Montserrat;
    }

.alert2 {
   width: 100%;
   font: bold 12px helvetica;
   color: #ffffff;
   text-align: center;
   float: left;
   margin-top: 44%;
   font: normal 11px Montserrat;
}

    
#footer {
	position: absolute; 
    bottom: 20px; 
    width: 100%; 
    height: 8px; 
	text-align: center;
	font: normal 11px helvetica;
}

@media screen and (max-height: 490px){
	#form { margin-top:-150px; height: 300px; }
	.textbox1 { margin-top: 15px;  }
	.textbox2 { margin-top: 15px;  }
	#remember { top:115px; }
	#submit {top: 150px; }
}

@media screen and (max-height: 490px){
	#form { margin-top:-150px; height: 320px; }
	#inputs { height: 180px;}
	.textbox1 { margin-top: 15px;  }
	.textbox2 { margin-top: 15px;  }
	#remember { top:115px; }
	#submit {top: 150px; }
}

@media screen and (max-height: 360px){
	#footer { display: none; } }

@media screen and (max-height: 320px){
	#footer { display: none; }
	#form { margin-top:-120px; height: 300px; }
	#inputs { height: 140px; top:80px;}
	.textbox1 { margin-top: 10px;  }
	.textbox2 { margin-top: 10px;  }
	#remember { top:105px; }
	#submit {top: 140px; }
}