/*ATENÇÃO:
fazendo menu horizontal com display:inline não permite definir altura..
meter float:left e display:block, dps definir altura..
no IE6 e anterior é necessário patch, pois não suporta elemento:hover

17.09.09
METI A 
width:120px;
EM TODOS OS ESTADOS

laranja escuro:
#cc3300

*/

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

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

.menu li {
	display: block;
	color: #000000;
	margin: 0;
	/*mete o menu na horizontal, para ser vertical, meter block*/
	/*display: inline;*/
	float: left; 
	font-size:11px;
	/*font-weight:bolder;*/
	text-shadow: 1px 1px 2px black;
	font-family:Georgia, Times;
}

.menu li a {
	float: left; 
	display: block;
	height:20px;
	/*min-width:80px;*/
	width:100px;
	/*COMPACTAR!*/
	padding-left:18px;
	padding-right:18px;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;
	
	color:#000000;
	/*border-bottom: 1px solid #330033;
	border-right: 1px solid #330033;
	border-top: 1px solid #330033;*/
	text-decoration: none;
	vertical-align:middle;
	background: #cc3300;/* url(images/seta.png) no-repeat left;*/
	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:20px;
	width:100px;
	/*COMPACTAR!*/
	padding-left:18px;
	padding-right:18px;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;

	color:#000000;
	/*border-bottom: 1px solid #fff;
	border-right: 1px solid #330033;
	border-top: 1px solid #330033;*/
	text-decoration: none;

	/*background: #ccff66; url(images/seta.png) no-repeat left;*/
	background:#ffffff;
	text-transform:uppercase;
}	


.menu li.selected:hover ul{
	position: absolute;
	/*ASSIM ESCONDE QUANDO SE PASSA POR CIMA, NÃO FAZENDO O DROPDOWN...*/ 
	/*display: block;*/
	/*em menu horizontal, tem de se definir o espaço top, senão sobrepõe..*/	
	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;
	width:100px;
	/*COMPACTAR!*/
	padding-left:18px;
	padding-right:18px;
	padding-top:10px;
	padding-bottom:10px;
	/*font-weight:bold;*/
	
	color:#000000;
	/*border-bottom: 1px solid #0084A9;*/
	text-decoration: none;
	vertical-align:middle;
	background: #fc0;/* url(images/seta.png) no-repeat left;*/
	text-transform:uppercase;
}

.submenuNetos li a {
	float: left; 
	display: block;
	height:20px;
	width:100px;
	/*COMPACTAR!*/
	padding-left:18px;
	padding-right:18px;
	padding-top:10px;
	padding-bottom:10px;
	/*font-weight:bold;*/
	
	color:#000000;
	/*border-bottom: 1px solid #0084A9;*/
	text-decoration: none;
	vertical-align:middle;
	background: #ffc;/* url(images/seta.png) no-repeat left;*/
	text-transform:uppercase;
}

.submenu li a:hover {
	float: left; 
	display: block;
	height:20px;
	min-width:100px;
	/*COMPACTAR!*/
	padding-left:18px;
	padding-right:18px;
	padding-top:10px;
	padding-bottom:10px;
	/*font-weight:bold;*/
	
	/*color:#999;*/
	/*border-bottom: 1px solid #0084A9;*/
	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:20px;
	width:100px;
	/*COMPACTAR!*/
	padding-left:18px;
	padding-right:18px;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;
	
	color:#000000;;
	/*border-bottom: 1px solid #0084A9;
	border-top: 1px solid #330033;*/
	text-decoration: none;
	vertical-align:middle;
	/*background: #ffff33; url(images/seta.png) no-repeat left;*/
	background:#ffffff;
	text-transform:uppercase;
}


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