body{
  font-family: 'Open Sans', sans-serif;
  background:white;
  margin: 0 auto 0 auto;  
  width:100%; 
  text-align:center;
  margin: 100px 0px 30px 0px;   
}

p{
  font-size:12px;
  text-decoration: none;
  color:#ffffff;
}

h1{
  font-size:1.5em;
  color:#525252;
}

.box{
  background:white;
  width:300px;
  border-radius:6px;
  margin: 0 auto 0 auto;
  padding:0px 0px 70px 0px;
  border: #525252 2px solid; 
}

.inputlogin{
  background:#ecf0f1;
  border: #ccc 1px solid;
  border-bottom: #ccc 2px solid;
  padding: 8px;
  width:250px;
  color:#AAAAAA;
  margin-top:10px;
  font-size:1em;
  border-radius:4px;
}

.password{
  border-radius:4px;
  background:#ecf0f1;
  border: #ccc 1px solid;
  padding: 8px;
  width:250px;
  font-size:1em;
}

.btnLogin{
  background:#AAAAAA;
  width:125px;
  padding-top:5px;
  padding-bottom:5px;
  color:white;
  border-radius:4px;
  border: black 1px solid;
  
  margin-top:10px;
  margin-bottom:20px;
  float:left;
  margin-left: 90px;
  font-weight:800;
  font-size:0.8em;
}

.btnLogin:hover{
  background:white; 
  color:#AAAAAA;
}

.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 5px 18px;
padding: 9px 0px 9px 0px;
background-repeat: no-repeat;
background-position: 10px center;
font-size:0.8em;
display: block;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('../images/info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('../images/success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('../images/warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('../images/error.png');
}
.noView {
display: none;
}