.menulist, .menulist ul { 
 margin: 0px;
 padding: 0px;
 width: 180px;
 list-style: none;
 background-image: url("/Imagens/FundoMenu.png");
}

.menulist ul {
 display: none;
 position: absolute;
 top: 0;
 left: 180px;
}

.menulist li {
 position: relative;
}


/* Links inside the menu */
.menulist li a {
 display: block;
 padding: 8px 3px 8px 25px;
 color: #000000;
 text-decoration: none; 
 vertical-align: middle; 
 font-size:13px;
 font-weight: bold;
 border: 0px;  
 font-family: arial;
}


* html .menulist li a {
 border-width: 1;
 margin: 0px;
}


/*
 Lit items: hover/focus = the current item. 'highlighted' = parent items to visible menus.
 Here, active items are given a border, and a padding tweak to 'elevate' the text within.
 Feel free to use background-image:url(file.gif) instead of background-color:#nnn here...
*/

.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #000;  /*  Cor do texto do menu quando selecionado */
 font-size:13px;
 font-weight: bold;
 background-image: url("/Imagens/FundoMenu2.png");
 border-bottom: 0px solid #cacab6;
 text-decoration: none;
 padding: 8px 3px 8px 25px;
}

.menulist a.highlighted {
 color: #000;
 background-image: url("/Imagens/FundoMenu3.png");

}


/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.menulist a .subind {
 float: right;
}


* html .menulist li {
 float: left;
 height: 1%;
}
* html .menulist a {
 height: 1%;
}