body
{
  background: #ADD8E6;
}

@media screen and (max-width:480px)
{
    #area 
    { 
      width: 100%; 
    }
}

#fundo
{
  width:100%;
  height:100%;
  margin-top: 10px;
}

#area
{   
  /*background-image: url(../imagens/informativofinal.jpg);*/
  background-repeat:no-repeat;
  background-size: cover;
  width:50%;
  height:20%;
  border: 2px solid #191970;
  position: relative;
  margin-left: auto;
  margin-right: auto;  
  border-radius: 10px;
}

img {border-radius: 10px;}

#login
{
  margin-top: 10px;
  background: #00BFFF;
  width:50%;
  height:240px;
  padding: 15px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px;
  color: #000000;
}

#login1
{
  margin-top: 10px;
  background: #00BFFF;
  width:50%;
  height:240px;
  padding: 15px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px;
  color: #000000;
}

#mensagem
{
  margin-top: 10px;
  background: #00BFFF;
  width:50%;
  height:100px;
  padding: 15px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px;
}

#login a {
  text-decoration: none;
}

#login a:link {
  color: #000000;
  text-decoration: none;
}

a:visited {
  color: #000000;
}

#login a:hover {
  color: #F00;
 }

.par 
{
  color: #000000;
}