/*	===========================
	estilos do menu.	
	===========================
*/

.menu {float:left; margin-right:10px;}
.menu li {position:relative;}

.menu a {
	position:relative;
	width:80px;
	height:30px;
	padding:0 15px;
	font-size:1em;
	font-weight:bold;	
	line-height:30px;
	text-decoration:none;
	color:#000;
	background:url(../img/sprite-botoes.gif) no-repeat left -112px;
}
.menu li .menu_active {
	width:78px;
	height:29px;
	border-top:1px solid #000;
	border-right:1px solid #000;	
	border-left:1px solid #000;
        border-bottom: 1px dashed #000 !important;
	line-height:29px;	
	color:#0083c2;
	z-index:100;
	background:#fff url(../img/bg-menu.gif) repeat-x;
}


ul.submenu {
        display:none;
	position:absolute;
	left:0;
	top:31px;        
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
}

/*	===========================
	BUG DE ELEMENTOS FLUTUANTES
	QUE SOBREPOEM O MENU
	===========================
*/
ul.menu * {z-index:100;}

/*	===========================
	??????????????????????????
	===========================
*/
ul.submenu li {}

ul.submenu li a, .menu ul .menu_active {
	width:180px;
	height:23px;
	padding-left:15px;	
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px dashed #999999;
	font-weight:normal;
	line-height:23px;
	background-color:#FFF;
	background-image:none;
}

.menu .submenu li a:hover {
	width:180px;
	height:23px;
	border-top:none;
	border-left:none;
	border-right:none;
	display:block;	
	line-height:23px;
	color:#000;
	background: url(../img/sprite-botoes.gif) repeat-x 0 -89px;
}
.primeiro-item{background: url("../img/bg-li-primeiro-item.jpg") repeat-x !important;}

.primeiro-item{background: url("../img/sprite-botoes.gif") repeat-x bottom !important;}