/* CSS Document - Menu Dropdown */
#topo #menu-principal * { margin: 0; padding: 0;}
#topo #menu-principal a { display: block; }
#topo #menu-principal li { list-style: none; float: left; height: 1%; }
#topo #menu-principal li ul { position: absolute; visibility: hidden; display: inline;}
#topo #menu-principal li ul li { float: none; white-space: normal; display: inline; }
#topo #menu-principal li ul li ul { position: absolute; left: 100%; top: 0; }
#topo #menu-principal li:hover ul, #topo #menu-principal li.over ul { visibility: visible;}
#topo #menu-principal li:hover ul ul, #topo #menu-principal li.over ul ul { visibility: hidden;}
#topo #menu-principal ul ul li:hover ul, #topo #menu-principal ul ul li.over ul { visibility: visible;}


#topo #menu-principal ul li { 
	float:left;			
	width:80px;
	height:66px;
	background:url(../images/bg-itens-menu.jpg) no-repeat;								
}

#topo #menu-principal ul li a {
	width:75px;
	height:38px/*58px*/;
	padding-top:20px;						
	display:block;			
	text-align:center;
	color:#333;
}
#topo #menu-principal ul li a:hover {
	height:48px/*58px*/;
	padding-top:10px;			
	background:#ccc;
	font-weight:bold;
	color:#000;
}

/*** 2º nivel ****/
#topo #menu-principal ul ul {
	background:#ddd;
	width:164px/*180px*/;
	height:auto;
	padding:8px;
	margin-top:1px;	
}

#topo #menu-principal ul ul li {
	background:#ddd;
	width:100%;
	height:auto;	
}

#topo #menu-principal ul ul li a {
	height:auto;
	width:100%;
	padding:3px;
	text-align:left;
	border-bottom:1px solid #eee;
	display:block;
}

#topo #menu-principal ul ul li a:hover {
	background:none;
	width:100%;
	height:auto;
	padding:3px;
	color:#FF0000;
}