/*es_principal.css ===============================================

Folha de estilo principal do site www.aba.com.br
Responsável: Joilson Marques joilsonmarques[at]gmail.com
Local: /css
Data criação:04.03.07 
==========================================================*/

/*Setando um default para algumas tags
---------------------------------------------------------------*/
/*menu*/
#menu { 
	width:520px;
	float:left;
	z-index:100;
	
}
#menu ul{
	margin: 0;
	padding: 0;
	float:left;
}

#menu ul li.linkMenu{
	height:100%;
	float:left;
	margin:1px;
	list-style:none;
	margin-bottom:2px;
	margin-top:3px;
}

#menu li.linkMenu h3 a{
	display:block;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	cursor:pointer; cursor:hand;
	padding-left:5px;
	margin-right:5px;
	
}
#menu li.linkMenu h3 a span{
	display:block;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	position:relative; right:-5px;
	color:#fff;
	font:15px 'Arial', 'Verdana', 'Trebuchet MS', 'Helvetica';
}
#menu li.atual h3 a,
#menu li.linkMenu h3 a:hover,
#menu li.linkMenu h3.teste a{
	background:url('../imgs/topmenu.gif') no-repeat left top ;
	color:#2E3940;
}
#menu li.atual h3 a span,
#menu li.linkMenu h3 a:hover span, 
#menu li.linkMenu h3.teste a span{ 
	background:url('../imgs/topmenu.gif') no-repeat right top ;
	color:#2E3940;
}

#menu li.linkMenu  ul.submenu {
	display: none;
	list-style:none;
	z-index:100;
	position:absolute;
	background:url('../imgs/submenu.gif') no-repeat 1px bottom ;
}

#menu ul.submenu li a{
	width:125px;
	text-decoration:none;
	font:13px 'Helvetica', 'Arial';
	font-weight:normal;
	color:#666;
	display:block;
	padding:3px;
	border-bottom:1px dotted #ccc;
	position:relative; left:8px;
}
#menu ul.submenu li span.ultimo{ 
	width:125px;
	height:20px;
	display:block;
	clear:both;
}
#menu ul.submenu li span.ultimo hr{ 
	display:none;
}


#menu ul.submenu li a:hover {
	color:#003399;
}

/* Hack. IE \*/
* html #menu ul li { float: left; height: 1%; }
* html #menu ul li a { height: 1%; }
/* End */

#menu li:hover ul.submenu, #menu li.over ul.submenu { display: block;} /* O segredo! haha */

#menu li ul {
	width:150px;
}