/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .menu-tab-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .menu-tab {
        display: none;
    }
}

.menu-tab { font-family:Tahoma, Arial, Verdana; font-size:11px; color:#333; margin-top:18px; }

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

/* visual */
.menu-tab li { margin-right:3px; } /* distancia entre os itens do menu */

.menu-tab li a, .menu-tab ul li a span {	
	display:block;
	font-weight:bold;
	min-width:84px;
	outline: 0; /* prevent dotted border in Firefox */
	text-decoration:none;
	white-space: nowrap; /* required in IE 6 */    
    cursor:pointer;
}

.menu-tab ul li a span {
	text-align:center;
	padding:20px 10px 0 0;
	height:23px;	
}

.menu-tab ul li a {
	background:url(../images/tab.png) 0 0 no-repeat;
	padding:0 0 0 10px;
	display: block;
	color:#333; /* cor dos itens de menu */
}

.menu-tab ul li a span {	
	background:url(../images/tab.png) right 0;	
}


/* MOUSE OVER */
.menu-tab ul li a:hover {	
	background:url(../images/tab.png) 0 -43px;
	color:#FFF; /* cor dos itens de menu quando o mouse está em cima */
}

.menu-tab ul li a:hover span {
	background:url(../images/tab.png) right -43px;
	padding-top:10px;
	height:33px;
}



/* 2 Nivel */
.menu-tab ul li ul { 
	background-color: #5D7464; /* os outros niveis iro herdar esses valores */
	border: 1px solid #ccc;
	margin:0;
	width:auto;
	height:auto;
	z-index:1;
}

.menu-tab ul li ul li { /*itens do menu */
	display:block;		
	height:auto;
	width:auto;
	border-bottom:1px solid #ccc;
}


.menu-tab ul li ul li a { /*links dos itens do menu */
	color:#bfb901;
	background-image:none;
	display:block;	
	height:15px;
	padding:5px;
	width:auto;	
}

.menu-tab ul li ul li a:hover {
	border:0;
	background-image:none;
	background:#bfb901;
	display:block;
}

.menu-tab ul li ul li a.sub { /* coloca uma seta se houver subitens */
	background: transparent url(../images/arrow4.gif) center right no-repeat;
}

/* 3 Nivel*/
.menu-tab ul li ul li ul {
	z-index:2;
	margin:0;
}