#topo #menu { width:521px; float:right; padding-top:inherit; font-size:0px; margin: 0 auto 0; padding:0;} 
#topo #menu a { height:38px; float:left; background-repeat:no-repeat; text-indent:-8000px; }
#topo #menu a#arecriativi 		 { width:138px; background-image:url(../imagens/menu_recriativi.gif); min-width:170px; }
#topo #menu a:hover#arecriativi  { width:138px; background-image:url(../imagens/menu_recriativi_on.gif); }
#topo #menu a#portfolio		 { width:71px; background-image:url(../imagens/menu_portfolio.gif); min-width:100px;} 
#topo #menu a:hover#portfolio { width:71px; background-image:url(../imagens/menu_portfolio_on.gif); }
#topo #menu a#clientes  		 { width:128px; background-image:url(../imagens/menu_clientes.gif); min-width:160px;}
#topo #menu a:hover#clientes  { width:128px; background-image:url(../imagens/menu_clientes_on.gif); }
#topo #menu a#contato 		 { width:66px; background-image:url(../imagens/menu_contato.gif); }
#topo #menu a:hover#contato  { width:66px; background-image:url(../imagens/menu_contato_on.gif); }

#topo #submenu {
	width:770px;
	clear:both;
	position:relative;
	top:0px;
	font-size:11px;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	left: 0px;
	text-decoration:none;
	font-weight: normal;
}
#topo #submenu ul { width:180px; float:left; position: absolute; margin:0px; padding:5px;  display:none; text-decoration: none;}
#topo #submenu ul li{ margin:0px; padding:0px; list-style:none; text-decoration: none;}
#topo #submenu ul li a { width:180px; float:left;  padding:3px ; padding-left:3px; color:#a0d057; text-decoration: none;}
#topo #submenu ul li a:hover { width:180px; float:left; text-decoration: none; color:#7b72a9; }

#topo #submenu_portfolio { left:410px; }
#topo #submenu_arecriativi   { left:240px; }