html, body { height: 100%; width: 100%; margin: 0; padding: 0; font-family: aria

l, verdana;}
ul { list-style: none; }
li { float: left; }
nav,ul { overflow: hidden; }
a { color: #000; text-decoration: none; }
#barra{
background: -moz-linear-gradient(top, #dedede, #fff); /*para o Firefox*/
background: -webkit-gradient(linear, center top, center bottom, from(#e8
e8e8), to(#fff)); /*para navegores Webkit*/
border-bottom: 1px solid #C2C2C2;
float: left;
height: 6%;
width: 100%;
padding: 0;
position: absolute;
max-height: 40px;
min-height: 40px;
z-index: 2;
}
#barra ul{
margin: 0;
padding: 0;
font-size: 0.95em;
height: 100%;
position: absolute;
}
#barra ul li{
padding: 0.8em 1em 0 1em;
background: white;
border-right: 1px solid #A8A8A8;
-moz-box-shadow: 1px 0 5px #666;
-webkit-box-shadow: 1px 0 5px#666;
box-shadow: 1px 0 5px #666;
margin-right: 1px;
display: block;
height: 100%;
}
#barra ul li a{ color: #920A0E; height: 100%;}
#barra ul .des{
border-right: 1px solid #E0E0E0;
background: #F1F1F1;
margin-right: 2px;
}
#barra ul .des a{ color: #666; }
#funcoesDireita{
background-image: -moz-linear-gradient(left, #9D9D9D, #f5f5f5, #f5f5f5,
#f5f5f5, #f5f5f5, #f5f5f5, #f5f5f5); /*para o Firefox*/
background: -webkit-gradient(linear, left center, right center, from(#9D
9D9D), color-stop(16%, #f5f5f5), to(#f5f5f5)); /*para navegores Webkit*/
float: right;
height: 100%;
width: 8%;
position: absolute;
right: 0;

z-index: 3;
}
#menuEsquerda{
background-image: -moz-linear-gradient(right, #9D9D9D, #f5f5f5, #f5f5f5,
#f5f5f5, #f5f5f5, #f5f5f5, #f5f5f5, #f5f5f5, #f5f5f5, #f5f5f5, #f5f5f5, #f5f5f5
, #f5f5f5); /*para o Firefox*/
background: -webkit-gradient(linear, left center, right center, from(#f5
f5f5), color-stop(92%, #f5f5f5), to(#9D9D9D)); /*para navegores Webkit*/
height: 100%;
width: 16%;
margin: auto;
float: left;
position: absolute;
z-index: 1;
}
#centro{
height: 100%;
width: 100%;
background: #ccc;
}