body, html {
background-color:#fff;
background-size: cover;
font-family:Arial, Helvetica, sans-serif;
font-size:1.0em;
color: #fff;
}
.cont{
  width: 100%;
  text-align: center;
}
.cont img{
 margin-bottom:-220px;
 max-width: 350px;
 height: auto;
}
#box{
  max-width: 400px;
  margin: 215px auto;
  padding: 20px 10px 10px 20px;
  background: #66BB6A;
  border-radius:10px;
  border:1px solid #fff;
  color:#fff;
}
/*form*/
#result{
  margin-top:10px;
  color:#FC0;
}
#log {
  max-width: 700px;
  text-align: center;
  margin: 20px auto;
}
#log input {
  border: 1px;
  outline: 0;
  padding: 0.6em;
  border: 2px solid #8fbc8f;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border: 10px 10px 10px 10px;
  display: block;
  width: 92%;
  font-family: 'Arial', sans-serif;
  font-size:1.0em;
  resize: none;
}
.pulsante{
  width:65px;
  height: 28px;
}
#login {
  color: #333;
  background: yellow;
  cursor: pointer;
  width:100%;
  border: 2px solid #ff0033;
  border-radius: 10px;
  padding:0.3em 0.6em 0.3em 0em;
}
#login:hover{
  background: yellow;
  color:#333;
  border:2px solid #fff;
}
p {
  margin-top:18px;
  font-size: 0.8em;
  text-align: right;
}
p a{
  color:#fff;
}