@charset "UTF-8";
/* 
    Document   : login
    Created on : 13/12/2010, 10:43:14
    Author     : vitorhvl
    Description:
        Purpose of the stylesheet follows.
*/
#logo {
  margin-top: 3em;
  width: 40%;
  margin-left: 30%; }

.flex_login {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-content: space-around; }

.logo_subtitulo {
  text-align: center;
  font-size: 28px;
  width: 800px;
  margin-top: 40px;
  color: #000000;
  cursor: default; }

.login-block {
  width: 400px;
  margin-top: 0px;
  padding: 40px 60px 40px 60px;
  background: #ffffff;
  align-self: center;
  color: black;
  border: 1px solid rgba(204, 204, 204, 0.75); }

.register-block {
  width: 800px;
  margin-top: 0px;
  padding: 40px 60px 40px 60px;
  background: #ffffff;
  align-self: center;
  color: black;
  border: 1px solid rgba(204, 204, 204, 0.75); }

.login-block input {
  width: 100%;
  height: 42px;
  box-sizing: border-box;
  border-radius: 5px;
  border: 2px solid #ccc;
  margin-bottom: 20px;
  font-size: 14px;
  padding: 0 20px 0 50px;
  outline: none;
  color: black; }

.register-block input, .register-block select {
  width: 42%;
  height: 42px;
  box-sizing: border-box;
  border-radius: 5px;
  border: 2px solid #ccc;
  margin: 0px 30px 20px 30px;
  font-size: 14px;
  padding: 0 5px 0 5px;
  outline: none;
  color: black;
  background-color: #eeeeee; }

.login-block input#username {
  background: url("https://www.webgruppo.com.br/webapp/_imagens/bonecos.png") 20px top no-repeat;
  background-size: 16px 80px; }

.login-block input#username:focus {
  background: url("https://www.webgruppo.com.br/webapp/_imagens/bonecos.png") 20px top no-repeat;
  background-size: 16px 80px; }

.login-block input#username_vermelho {
  background: url("https://www.webgruppo.com.br/webapp/_imagens/bonecos.png") 20px bottom no-repeat;
  background-size: 16px 80px;
  color: black; }

.login-block input#password {
  background: url("https://www.webgruppo.com.br/webapp/_imagens/cadeado.png") 20px top no-repeat;
  background-size: 16px 80px; }

.login-block input#password:focus {
  background: url("https://www.webgruppo.com.br/webapp/_imagens/cadeado.png") 20px top no-repeat;
  background-size: 16px 80px; }

.login-block input#password_vermelho {
  background: url("https://www.webgruppo.com.br/webapp/_imagens/cadeado.png") 20px bottom no-repeat;
  background-size: 16px 80px;
  color: black; }

.login-block input#username:active, .login-block input#username:focus {
  border: 2px solid #999999; }

.login-block input#password:active, .login-block input#password:focus {
  border: 2px solid #999999; }

.login-block input#username_vermelho, .login-block input#username_vermelho:focus {
  border: 2px solid #ff656c; }

.login-block input#password_vermelho, .login-block input#password_vermelho:focus {
  border: 2px solid #ff656c; }

.login-block input#username {
  background-color: #eeeeee; }

.login-block input#password {
  background-color: #eeeeee; }

.login-block input#username:active, .login-block input#username:focus {
  background-color: #f4f8f0; }

.login-block input#password:active, .login-block input#password:focus {
  background-color: #f4f8f0; }

.login-block button, .register-block button {
  margin-top: 25px;
  margin-left: 30%;
  width: 40%;
  height: 40px;
  background: #095AA5;
  box-sizing: border-box;
  border-radius: 5px;
  border: 1px solid #095AA5;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  outline: none;
  cursor: pointer; }

.login-block button:hover, .register-block button:hover {
  background: #444444;
  border: 1px solid #444444; }

.login_titulo {
  margin-top: 0px;
  color: #095AA5;
  font-size: 30px;
  text-align: center;
  cursor: default; }

.login_erro {
  margin-top: 0px;
  color: #ff656c;
  font-size: 15px;
  text-align: center;
  cursor: pointer; }

.login-block h2 {
  margin-top: 20px;
  color: grey;
  font-size: 100%;
  text-align: center;
  cursor: pointer; }

.flex_title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  align-content: space-around; }

#register_form, #login_form {
  color: #555;
  margin: 50px 25px 0px 25px;
  flex-direction: row;
  text-align: center;
  font-size: 180%; }

/*Fim: ├írea de Rodap├®---------------------------------------------------------*/

/*# sourceMappingURL=login.css.map */