body {
    margin:0;
    
}
input:hover {
  background-color: #87CEEB;
}
form {
    height:auto;
    width:100%;
	max-width:286px;
	border-style:solid;
	border-radius:5px;
	border-color:gray;
	margin:auto;
	text-align:center;
	background-color:#E0FFFF;

}
.imagemlogo {
    border-collapse: separate;
    border-spacing: 2px;
    text-align:center;
    
}
hr {
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);

}

form p a {
    color:#fff;
    height: 40px;
    text-decoration:none;
    border-style:none;
    border-radius:5px;
    background-color:#6495ED;
    padding: 10px 5px;
    line-height: 40px;
    font-family: Arial;

}
form p a:hover {
    color:#000;
    background-color:#6495ED;
    padding:15px 10px;
}
form p a:active {
    color:#000;
    background-color:blue;
    padding:15px 10px;
}
form button {
    color:#fff;
    height: 20px;
    text-decoration:none;
    border-style:none;
    border-radius:5px;
    background-color:#6495ED;
    padding: 1px 15px;
    line-height: 20px;
    font-family: Arial;
    vertical-align:middle;
}
form button:hover {
    color:#000;
    background-color:#6495ED;
    padding:1px 20px;
}
form button:active {
    color:#000;
    background-color:blue;
    padding:1px 20px;
}
@media only screen and (max-width: 800px) {
  form {
    width:500px;
    height:auto;
  }
}
@media only screen and (max-width: 500px) {
  form {
    width:320px;
    height:auto;

  }
  body {
      
  }
}