/* ********************************** *************** ******************************** */
/* ******************************* INTERFACE - ÁREA LIVRE **************************** */


/* --------------------------------------- BODY -------------------------------------- */
body {
	background: #004660 url("Imagens/login-background.jpg") no-repeat top center;
	background-size: cover;
	font-family: 'Roboto', sans-serif;

	height: 100%;

	padding-top: 40px;
	padding-bottom: 40px;
}

body ::-moz-selection { background-color: #888; color: #FFF; }
body ::selection { background-color: #888; color: #FFF; }
/* ----------------------------------------------------------------------------------- */




/* ---------------------------------- TELA DE LOGIN ---------------------------------- */
.tela-login { padding-top: 200px; }

.tela-login .box-login { width: 275px; margin: 0px auto 0px auto; }

.tela-login .box-login h2 { font-size: 1.3em; text-align: center; margin-bottom: 40px; margin-top: 0px; color: #FEFEFE; font-weight: 200; }

.tela-login .box-login input { border-radius: 0; background: #FFF; border: none; border-bottom: 3px #1782B6 solid; padding: 8px 10px 8px 10px; line-height: 100%; font-size: 1.0rem; }
.tela-login .box-login input:focus {}
.tela-login .box-login input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset !important; }

.tela-login .box-login .form-control { position: relative; box-sizing: border-box; height: auto; padding: 10px; font-size: 1.0em; }
.tela-login .box-login .form-control:focus { z-index: 2; }

.tela-login .box-login .form-actinos { text-align: center; padding-top: 25px; }
.tela-login .box-login .form-actinos button { background: #1782B6; color: #FFF; text-transform: uppercase; font-weight: bold; }
.tela-login .box-login .form-actinos button:hover { background: #0772A6; }
.tela-login .box-login .form-actinos a { display: inline-block; margin-top: 10px; cursor: pointer; color: #7AC1DD; font-size: 0.8rem; margin-top: 20px; }

::-webkit-input-placeholder { color: #999 !important; }
::-moz-placeholder { color: #999 !important; }
:-ms-input-placeholder { color: #999 !important; }
:-moz-placeholder { color: #999 !important; }


.tela-login .box-cadastro { width: 275px; margin: 70px auto 0px auto; text-align: center; }
/* ----------------------------------------------------------------------------------- */




/* --------------------------------- TELA DE CADASTRO -------------------------------- */
.tela-cadastro {}

.tela-cadastro .box-cadastro { width: 50%; margin: 0px auto 0px auto; }

.tela-cadastro .box-cadastro figure {}
.tela-cadastro .box-cadastro figure img { display: block; width: 100%; max-width: 300px; margin: 0px auto 30px auto; }

.tela-cadastro .box-cadastro h2 { font-size: 1.4em; text-align: center; margin-bottom: 15px; margin-top: 30px; }

.tela-cadastro .box-cadastro .form-actinos { text-align: center; margin-top: 30px; }
.tela-cadastro .box-cadastro .form-actinos a { display: inline-block; margin-top: 10px; cursor: pointer; }
/* ----------------------------------------------------------------------------------- */