body{
  background-image: url('../images/pergamen.jpg');
  background-repeat: no-repeat;
  background-attachment:scroll;
  background-color: #C1995E;
  background-position: center top;
}

/*----------------------------------------------- MAIN --------------------------------------------*/
.main{
  width: 60%;
  height:85%;
  position: absolute;
  top:5%;
  left: 18%;
  overflow: auto;
}

/*------------------------------------------------FORM---------------------------------------------*/
.inputbox{
  font-size: 12px;
  background-color: #dcbc95;
  color: #673721;
  border-color: #c7aa85;
}

.inputbox:hover{
  font-size: 12px;
  background-color: #b59a79;
  color: #673721;
  border-color: #c7aa85;
}

.button{
  font-size: 12px;
  background-color: #dcbc95;
  color: #673721;
  border-color: #c6aa85;
}

.button:hover{
  font-size: 12px;
  background-color: #b59a79;
  color: #673721;
  border-color: #aa9272;
}

.disabled{
  font-size: 12px;
  background-color: #b59a79;
  color: #673721;
  border-color: #aa9272;
}

/*-----------------------------------------------LINKS---------------------------------------------*/

a{
  font-size: 12px;
  background-color: #dcbc95;
  text-decoration: none;
  color: #673721;
  border-top: thin outset white; 
  border-left: thin white outset; 
  border-bottom: thin brown outset; 
  border-right: thin brown outset;
}

a:hover{
  font-size: 12px;
  background-color: #dcbc95;
  text-decoration: none;
  color: #673721;
  border-top: thin outset white; 
  border-left: thin white outset; 
  border-bottom: thin brown outset; 
  border-right: thin brown outset;
}

a:visited{
  font-size: 12px;
  background-color: #dcbc95;
  text-decoration: none;
  color: #673721;
  border-top: thin outset white; 
  border-left: thin white outset; 
  border-bottom: thin brown outset; 
  border-right: thin brown outset;
}