body{
font-family: arial, helvetica, sans-serif;
font-size:100%;
position:absolute;
margin:0;
border:0;
padding:0;
}

#general{
margin: auto;
}

#superior{
background-color:#cccccc;
}

#superior h1{
font-size:1.2em;
text-align:center;

}

img.logo{
align:left;
}

img.logo2{
float:right;
}

.dreta{
text-align:right;
}

.saltar{
font-size:0.8em;
}
 
#lateral{
float:left;
padding:1em;
width:17%;
}

#lateral ul {
margin:1.5em 0 0 0;
padding:0;
list-style:none;
}

#lateral li {
margin:0 0 .4em 0;
padding:0;
}

.colorlateral{
color: #000000;
background-color: #cccccc;
}

a:link{
color:#000000;
}

.logo2 {
background-color:#ffffff;
}

#principal{
padding:1em .5em 2em .5em;
   margin-left:22%; 
}

.colorprincipal{
color:#000000;
background-color:#ffffff;
text-align: justify;
}

#principal h2{
text-align:center;
}

#peu{
background-color:#bbbbbb;
clear:both;
padding-top: 1.7em;
with:100%;
}

#peu p {
color:#000000;
text-align:center;
font-size: 0.9em;
}

.negreta {
font-weight: bold;
}

.centrar{
text-align:center;
}