.menu {
    float: left;
	width: 100%;
	background: #cc3300;
	z-index:1;
	
}

.menu ul {
	list-style: none;
	list-style-type: none;
	margin: 0;
	
}

.menu li, .menu li a {
	display: block;
	color: #000000;
	margin: 0;
	float: left; 
	font-size:14px;
	font-weight: bold;
	height:30px;
	line-height:30px;	
	width:150px;
	text-align:center;
}

.menu li a {
	float: left; 
	display: block;
	font-weight:bold;	
	color:#000000;
	text-decoration: none;
	vertical-align:middle;
	background: #cc3300;
	text-transform:uppercase;
}

.menu li a:hover {
	background: #fc0;
}

.menu ul li {
	display: block;
	position: relative;
}
	
.menu li ul {
	position: absolute;
	/*left: 149px; /*usar este se for menu vertical */
	/*top: 3px;/*usar este se for menu horizontal..a altura é a altura do menu li*/
	display: none;
}

/*the magic*/
.menu li :hover ul{
	/*position: absolute;*/ 
	display: block;
	/*em menu horizontal, tem de se definir o espaço top, senão sobrepõe..*/	
	top:40px;
}


.menu li.selected {
	float: left; 
	display: block;
	height:30px;
	font-weight:bold;
	color:#000000;
	text-decoration: none;
	background:#ffffff;
	text-transform:uppercase;
}	


.menu li.selected:hover ul{
	position: absolute;
	top:40px;
	left:0px;
}

/*--------------SUBMENU!----------------------------------*/

.submenu {
    float: left;
	width: 100%;
	background: #fc0;
	
}

.submenuNetos {
    float: left;
	width: 100%;
	background: #ffc;
}

.submenu li{
	font-size:10px;
}

.submenu li a {
	float: left; 
	display: block;
	height:20px;
	font-size: 11px;	
	color:#000000;
	text-decoration: none;
	vertical-align:middle;
	background: #fc0;
	text-transform:uppercase;
}

.submenuNetos li a {
	float: left; 
	display: block;
	height:20px;
	width:100px;
	color:#000000;
	text-decoration: none;
	vertical-align:middle;
	background: #ffc;
	text-transform:uppercase;
}

.submenu li a:hover {
	float: left; 
	display: block;
	height:30px;
	min-width:100px;
	text-decoration: none;
	vertical-align:middle;
	background: #ffc;/* url(images/seta.png) no-repeat left;*/
	text-transform:uppercase;
}

.submenu li.selected {
	float: left; 
	display: block;
	height:30px;
	color:#000000;;
	text-decoration: none;
	vertical-align:middle;
	background:#ffffff;
	text-transform:uppercase;
}


/*--------------SUBMENU!----------------------------------*/