* {
margin:0;
padding:0;
list-style:none;
vertical-align:baseline;
}

html, body {
  height: 100%;
  min-height: 100%;
}

img {
   max-width: 100%;
}

body {
  background-image: url(../img/background-b2on.png);
  background-repeat: no-repeat;
  -moz-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  position: fixed; /* posição fixa para que a possível rolagem da tela não revele espaços em branco */
  width: 100%;
  height: 100%;
}

input:focus {
  outline: none;
}

button:focus {
  outline: none;
}

.input{     
  border-radius:0.9em;
  background-color: rgba(255, 255, 255, 0.1);
  border: none;
  width:22.5em;
  height: 3.75em;
  margin-bottom: 1.25em;
  font-weight: bold;
  padding-left: 50px;
  color:#FFFFFF;
}

#mail{
  background-image:url(../img/login-icon.png);
  background-repeat:no-repeat;
  background-position:1.25em;
  
}

#password{
  background-image:url(../img/senha-icon.png);
  background-repeat:no-repeat;
  background-position:1.25em;
}

input:hover{ 
  background-color: rgba(255, 255, 255, 0.2);
}

.button {
  border-radius:0.9em;
  background-color: #ED6D03;
  border: none;
  width:22.5em;
  height: 3.75em;
  font-weight: bold;
  color:#FFFFFF;
  margin-top: 1.55em;
}

button:hover {
  background-color:#D36103;
}

.logo img{
  margin-top: 5em ;
  margin-bottom: 5em;
  width: 20.063em;
  height: 8.438em;
  
}

a{
  color:rgba(255, 255, 255, 0.9);
  font-size: 0.625em;
  text-decoration: none;
  font-family: verdana;
}

a:hover{
  color:rgba(255, 255, 255, 0.7);
}

.link{
  margin-top: 1.25em;
}

.centraliza {
  height: 100%;
  min-height: 100%;

  /* habilita o flex nos filhos diretos */
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;

  /* centraliza na vertical */
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-flow: column nowrap;

  /* centraliza na horizontal */
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
}

p.alerta {
    background: #f0f0f0;
    color: red;
    font-family: Arial;
    font-size:20px;
    padding: 5px;
}