span {
  position: absolute;
  display: block; /* So we can give the element a width */
  top: 0px;
  right: 0px;
}

a:link {color:#000000;text-decoration:none}
a:visited {color:#000000;text-decoration:none}
a:hover {color:gray;text-decoration:none}
a:active {color:gray;text-decoration:none}

a.class1:link {color:#FFFFFF;text-decoration:none}
a.class1:visited {color:#FFFFFF;text-decoration:none}
a.class1:hover {color:#0052A4;text-decoration:none}
a.class1:active {color:#0052A4;text-decoration:none}

ul.menubar
{
   margin: 0px;
   padding: 0px;
   background-color: #FFFFFF; /* IE6 Bug */
   font-size: 100%;
   }

ul.menubar .menuvertical
{
   margin: 0px;
     padding: 0px;
     list-style: none;
     background-color: gray;
   border: 1px solid #ccc;
   float:left;
}

ul.menubar ul.menu
{
   display: none;
   position: absolute;
   margin: 0px;
}

ul.menubar a
{
   padding: 5px;
   display:block;
   text-decoration: none;
   color: gray;
   padding: 5px;
}


ul.menu,
ul.menu ul
{
   margin: 0;
   padding: 0;
   border-bottom: 1px solid gray;
   width: 220px; /* Width of Menu Items */
   background-color: #FFFFFF; /* IE6 Bug */
}

ul.menu li
{
   position: relative;
   list-style: none;
   border: 0px;
}

ul.menu li hr
{
   width: 148px;
   padding: 0px;
   margin: 0px;
}

ul.menu li a
{
   display: block;
   text-decoration: none;
   border: 1px solid gray;/* Borda da tabela */
   border-bottom: 0px;
   color: gray;
   padding: 5px 10px 5px 5px;
}

/* Fix IE. Hide from IE Mac \*/
* html ul.menu li { float: left; height: 1%; }
* html ul.menu li a { height: 1%; }
/* End */

ul.menu ul
{
   position: absolute;
   display: none;
   left: 220px; /* Set 1px less than menu width */
   top: 0px;
}

ul.menu li.submenu ul { display: none; } /* Hide sub-menus initially */

/* ul.menu li.submenu { background: transparent url(preto.gif) left center no-repeat; } */

ul.menu li a:hover { color: gray; background-color: #F3F3F3; }

li.submenu a:visited { color: gray; }