/**************************************************************************************************/
/** Login - Geral *********************************************************************************/
/**************************************************************************************************/

body {
  
  background-color:#204379;
}



/**************************************************************************************************/
/** Login - Topo **********************************************************************************/
/**************************************************************************************************/

header h1 {

  display:block;
  
  width:40.000rem;
  height:8.200rem;
  
  margin:8.000rem auto 5.000rem auto;
  
  text-indent:-20000px;
  overflow:hidden;
  
  background-image:url('../../imagens/login/logo-zoeweb.png');
  background-repeat:no-repeat;
}


section form a {
  
  font-family:MyriadProRegular,Arial,Geneva,sans-serif;
  font-size:1.400rem;
  color:#90A1BC;
}
 


/**************************************************************************************************/
/** Login - Formulário ****************************************************************************/
/**************************************************************************************************/

section form {
  
  width:40.000rem;
  margin:0 auto 2.000rem auto;
}


section form fieldset {
  
  margin-bottom:3.000rem;
  padding-bottom:2.000rem;
  
  border-bottom-width:0.200rem;
  border-bottom-style:solid;
  border-bottom-color:#1A3661;
}


section form fieldset legend {
  
  display:none;
}


section form fieldset label {
  
  display:block;
  
  font-family:MyriadProRegular,Arial,Geneva,sans-serif;
  font-size:1.800rem;
  color:#90A1BC;
}


section form fieldset input {
  
  display:block;
  width:100%;
  
  margin:0.300rem 0 2.000rem 0;
  padding:1.000rem;
  
  font-family:MyriadProRegular,Arial,Geneva,sans-serif;
  font-size:2.000rem;
  font-weight:normal;
  color:#FFFFFF;
  
  outline:none;
  
  border-bottom-width:0.200rem;
  border-bottom-style:solid;
  border-bottom-color:#2F5387;
  border-radius:0.800rem;
  
  background-color:#1A3661;
  background-position:right center;
  background-repeat:no-repeat;
}


section form fieldset input#usuario {
  
  background-image:url('../../imagens/login/icon-pessoa.png');
}


section form fieldset input#senha {
  
  background-image:url('../../imagens/login/icon-cadeado.png');
}


section form fieldset input#botao-logar {
  
  font-family:MyriadProSemiBold,Arial,Geneva,sans-serif;
  font-size:2.400rem;
  text-align:center;
  text-transform:uppercase;
  color:#FFFFFF;
  
  cursor:pointer;
  border-bottom-color:#1A3661;
  
  background-color:#FF9326;
}



/**************************************************************************************************/
/** Login - Rodape ********************************************************************************/
/**************************************************************************************************/

footer {
  
  display:none;
}



/**************************************************************************************************/
/** Responsivo ************************************************************************************/
/**************************************************************************************************/

@media only screen and (max-width: 320px) {
  
  header h1 {
    margin-top:2.000rem;
  }
  
  header h1, section form {
    width:30.000rem;
  }
}