/* FORMULÁRIO DO LOGIN*/
.form {position: relative; z-index: 1; background: rgba(10,23,55,0.5); max-width: 300px; margin: 0 auto 0px; padding: 22px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; text-align: center; }

/* IMAGEM DO USUÁRIO*/
.form .thumbnail {background: #000000; width: 150px; height: 150px; margin: 0 auto 30px; padding: 30px 30px; border-top-left-radius: 100%; border-top-right-radius: 100%; border-bottom-left-radius: 100%; border-bottom-right-radius: 100%; box-sizing: border-box; }

.form .thumbnail img {display: block; width: 100%;}

/* CAMPOS DO FORMULÁRIO*/
.form input {outline: 0; background: #f2f2f2; width: 100%; border: 0; margin: 0 0 15px; padding: 15px; border-top-left-radius: 3px; border-top-right-radius: 3px;border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; box-sizing: border-box; font-size: 14px; font-family: 'Oswald', sans-serif;}

.form button {outline: 0; background: #A21F2D; width: 100%; border: 0; padding: 15px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; color: #FFFFFF; font-size: 14px; transition: all 0.3 ease; cursor: pointer;
}

.ENTRAR[type=submit]{outline: 0; background: #A21F2D; width: 100%; border: 0; padding: 15px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; color: #FFFFFF; font-size: 14px; transition: all 0.3 ease; cursor: pointer; font-family: 'Oswald', sans-serif;}

.ENTRAR[type=submit]:hover{outline: 0; background: #A21F2D; width: 100%; border: 0; padding: 15px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; color: #FFFF00; font-size: 15px; transition: all 0.3 ease; cursor: pointer; font-family: 'Oswald', sans-serif;
}

.form .message {margin: 15px 0 0; color: #ffffff; font-size: 12px; font-family:Arial, Helvetica, sans-serif;}
a:link {color: #FFFFFF; text-decoration: none;} a:visited {text-decoration: none; color: #FFFFFF;} a:hover { text-decoration: none; color: #FFFF00;} a:active {text-decoration: none; color: #FFFFFF;} .form .register-form {display: none;} .container {position: relative; z-index: 1; max-width: 300px; margin: 0 auto;} .container:before, .container:after {content: ""; display: block;   clear: both;} .container .info {margin: 50px auto; text-align: center;} .container .info h1 {margin: 0 0 15px; padding: 0; font-size: 36px; font-weight: 300; color: #1a1a1a;} .container .info span { color: #4d4d4d; font-size: 12px;} .container .info span a {color: #000000; text-decoration: none;} .container .info span .fa {color: #EF3B3A;}

/* END Form */
/* Demo Purposes */
	
.footer {position:absolute; bottom:8px; width:100%; height:60px; top: 91%; opacity:0.8; background-color:#FFFFFF; font-family: 'Oswald', sans-serif;} body {overflow-Y: hidden;}