html, body{
margin: 0;
padding: 0;
}

div{
  box-sizing:border-box;
  border: 1px solid #333;
}

#pagina{
position: absolute;
 height: 100%;
 width: 100%;
}

#banner{
position: relative;
 width: 100%; 
 float: left; 
 background-color: #F0F0F0; 
 height: 10%;
 text-align: center;
 line-height: 4;
 }
 
#col_esquerda{
position: relative;
 width: 10%;
 height: 80%; 
 float: left;
 background-color: #D4D4D4; 
 
 }
 
 
/*AQUI COMEÇA CONFIGURAÇÕES DO MENU */
 
#menu { 
margin: 0; /* retira o recuo para alguns browsers */
padding:0; /* retira o recuo para outros browsers */ 
list-style-type: none; /* retira o marcador de listas*/ 
background-color: #fff; /* cor do fundo */ 
width:100%; /* uma largura para o menu */ 
}

#menu li {
border-bottom:1px solid #a4a0f5; /* coloca uma borda azul entre links */ 
}

#menu li a:link {
text-decoration: none; /* retira o sublinhado dos links */ 
font-family: Geneva, Arial, Helvetica, sans-serif; /* define o tipo de fonte */ 
font-size:14px; /* define o tamanho da fonte */ 
color:#5e0f50; /* define a cor da fonte */ 
}

#menu li a:hover {
background-color: #FFE4B5; /* cor do fundo */
color: #DAA520; /* cor da fonte */
display: block;
border-left:10px solid #FFD39B; /* troca a cor da barrinha */ 
}


/*Borda e espaçamento: colocando uma borda colorida e um espaçamento a esquerda:*/
#menu li a:link, #menu li a:visited {
border-left:10px solid #EEC591; /* uma barrinha a esquerda dos links */ 
padding-left:5px; /* espaçamento entre a barrinha e o texto do link */ 
display:block;
height:1%;
}
/*AQUI TERMINA CONFIGURAÇÕES DO MENU */


 
#area_central{
position: relative;
 float: left; 
 width: 80%; 
 height: 80%; 
 background-color: #CCC;    
 }
 
#col_direita{
position: relative; 
float: left;
 width: 10%; 
 height: 80%; 
 background-color: #C0C0C0; 
 text-align: center;
 border: 1px solid #000;
 }
 
#form1 input, #form2 input{
width: 80%;
}

#contentinfo1{
position: relative;
 float: left;
 width: 100%; 
 height: 10%;
 background-color: #666666;
 text-align: center;
 line-height: 1.8;
 }
 
 .distrib {color: #FFF;}