html, body {  margin : 0; padding : 0; } 

body { 
   font : 73% "Trebuchet MS", Helvetica, Tahoma, sans-serif;
   background : #cdb86e url(../img/fundo_menu.jpg) repeat-x;
   color : #555;
   padding : 0;
   margin-bottom : 0;
}

#usercontainer { 
   float: right;
   width: 40%;
   height : 22px;
   font-family: Helvetica, Arial, Verdana, sans-serif; 
   font-weight: bold;
   color: #000;
   font-size: 15px;
   padding-top: 7px;
   text-align: right;
   padding-right: 20px;
}

#menucontainer { 
   position : absolute;
   top: 0px;
   left: 0 px;
   height : 22px;
   width : 60%;
   font-family: Helvetica, Arial, Verdana, sans-serif; 
   font-weight: bold;
   font-size: 15px;
   padding-top: 7px;
   padding-left: 20px;
   float: left;
} 

#menunav { 
   position : relative;
   height : 23px;
   font-size : 14px;
   text-transform : uppercase;
   font-weight : bold;
   background : url(../img/menu_bg.gif) repeat-x bottom left;
   padding : 0 0 0 20px; 
}

#menunav ul { 
   margin : 0;
   padding : 0;
   list-style-type : none;
   width : auto;
   float : left; 
} 

#menunav ul li { 
   display : block; 
   float : left; 
   padding : 0 1px; 
} 

#menunav ul li a { 
   display : block;
   float : left;
   color : #000;
   text-decoration : none;
   padding : 0 0 0 0px; 
   height : 23px;
}

#menunav ul li a span { 
   padding : 0px 20px 0px 20px; 
   height : 23px; 
   float : left;
} 

#menunav ul li a:hover { 
   color : #fff;
   background : transparent url(../img/menu_bg-OVER.gif) repeat-x bottom left; 
   height: 30px;
   margin-top: -7px;
} 

#menunav ul li a:hover span { 
   display : block; 
   width : auto; 
   cursor : pointer; 
   padding-top: 7px;
} 

#menunav ul li a.current, #menunav ul li a.current:hover { 
   color : #fff;
   background : #013d61 url(../img/menu_left-ON.gif) repeat-x top left;
   height: 28px;
   margin-top: -7px;
} 

#menunav ul li a.current span { 
   display : block; 
   width : auto; 
   cursor : pointer; 
   padding-top: 7px;
}