/* Alterado por Jofran Lirio - jofranlirio@gmail.com */
/* Basic code - don't modify */
 
ul.dropdown  { display:block; clear:right; position: relative; }
ul.dropdown  li { display:block; float:left; position: relative; }
ul.dropdown  a { display:block; height:40px; text-indent:-9000px; }
ul.dropdown  ul { display: none; position: absolute; left: 0; }
* html ul.dropdown  ul { line-height: 0; } /* IE6 "fix" */
ul.dropdown  ul a { zoom: 1; } /* IE6/7 fix */
ul.dropdown  ul li { float: none; }
ul.dropdown  ul ul { top: 0; }
    
/* Essentials - configure this */

ul.dropdown  ul { position:absolute; }
ul.dropdown  ul ul { left: 165px; }


/* posicionamento por causa do inferno do IE */
ul.dropdown li a#botao01 { position:absolute; left:0;}
ul.dropdown li a#botao02, ul.dropdown ul#submenu01 { position:absolute; left:86px;}
ul.dropdown li a#botao03, ul.dropdown ul#submenu02 { position:absolute; left:207px;}
ul.dropdown li a#botao04 { position:absolute; left:300px;}
ul.dropdown li a#botao05, ul.dropdown ul#submenu03 { position:absolute; left:392px;}
ul.dropdown li a#botao06 { position:absolute; left:507px;}
ul.dropdown li a#botao07 { position:absolute; left:598px;}
ul.dropdown li a#botao08 { position:absolute; left:676px;}



/* Everything else is theming */

ul.dropdown li a#botao01 { width:86px; background:transparent url(../img/menu.gif) no-repeat 0 0; }
ul.dropdown li a#botao01:hover, ul.dropdown li a#botao01.ativo { width:86px; background:transparent url(../img/menu.gif) no-repeat 0 -40px; }
ul.dropdown li a#botao02 { width:121px; background:transparent url(../img/menu.gif) no-repeat -86px 0; }
ul.dropdown li a#botao02:hover, ul.dropdown li.hover a#botao02.ativo { width:121px; background:transparent url(../img/menu.gif) no-repeat -86px -40px; }
ul.dropdown li a#botao03 { width:93px; background:transparent url(../img/menu.gif) no-repeat -207px 0; }
ul.dropdown li a#botao03:hover, ul.dropdown li a#botao03.ativo { width:93px; background:transparent url(../img/menu.gif) no-repeat -207px -40px; }
ul.dropdown li a#botao04 { width:92px; background:transparent url(../img/menu.gif) no-repeat -300px 0; }
ul.dropdown li a#botao04:hover, ul.dropdown li a#botao04.ativo { width:92px; background:transparent url(../img/menu.gif) no-repeat -300px -40px; }
ul.dropdown li a#botao05 { width:115px; background:transparent url(../img/menu.gif) no-repeat -392px 0; }
ul.dropdown li a#botao05:hover, ul.dropdown li a#botao05.ativo { width:115px; background:transparent url(../img/menu.gif) no-repeat -392px -40px; }
ul.dropdown li a#botao06 { width:91px; background:transparent url(../img/menu.gif) no-repeat -507px 0; }
ul.dropdown li a#botao06:hover, ul.dropdown li a#botao06.ativo { width:91px; background:transparent url(../img/menu.gif) no-repeat -507px -40px; }
ul.dropdown li a#botao07 { width:78px; background:transparent url(../img/menu.gif) no-repeat -598px 0; }
ul.dropdown li a#botao07:hover, ul.dropdown li a#botao07.ativo { width:78px; background:transparent url(../img/menu.gif) no-repeat -598px -40px; }
ul.dropdown li a#botao08 { width:91px; background:transparent url(../img/menu.gif) no-repeat -676px 0; }
ul.dropdown li a#botao08:hover, ul.dropdown li a#botao08.ativo, ul.dropdown li.hover a#botao08.ativo { width:91px; background:transparent url(../img/menu.gif) no-repeat -676px -40px; }


ul.dropdown  ul { top: 40px; background:transparent url(../img/bkg_menu.gif) no-repeat center bottom; width:165px; padding:0 0 5px 5px; }
ul.dropdown ul li a	 { display: inline-block; width:155px; font-size:0.75em; height:23px; background:url(../img/bkg_menu_item.gif) no-repeat right top; text-decoration:none; color:#fff; padding:2px 0 0 10px; text-indent:0; } 
ul.dropdown ul li a:hover { display: inline-block; width:155px; font-size:0.75em; height:23px; padding:2px 0 0 10px; background:url(../img/bkg_menu_item.gif) no-repeat right bottom; color:#fff; text-decoration:none; text-indent:0; }

/*
ul.dropdown  { background-color: #30A8C3; border:1px solid red;  } 
ul.dropdown  *:hover { background-color: none; }
ul.dropdown  li.hover a { background-color: #5E5A5A; }
ul.dropdown  ul li a { background-color: #5E5A5A; }
ul.dropdown  ul a.hover { background-color: #30A8C3; }
ul.dropdown  ul a { opacity: 0.9; filter: alpha(opacity=90); }
/* ul.dropdown  ul a { border-bottom: none; } - I also needed this for IE6/7 */

