/* 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: normal 14px Tahoma, Arial, Verdana; color:#804000; }

/* 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: 90%; top: 2px; }
.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;}*/


.menu-tab * { margin: 0; padding: 0;}
.menu-tab ul li { list-style: none; float: left; height: 1%; }
.menu-tab ul li a { display: block; }
.menu-tab ul li ul { position: absolute; visibility: hidden  }
.menu-tab ul li ul li { float: none; white-space: normal; display: inline; position:static; }
.menu-tab ul li ul li ul { position: absolute; left: 90%; top: 2px; }
.menu-tab ul li ul li ul li { float: none; white-space: normal; display: inline; position:relative; }
.menu-tab ul li ul ul ul { position: absolute; left: 90%; top: 2px; }
  
.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 li li:hover ul, .menu-tab li li.over ul { visibility: visible }
.menu-tab li li:hover ul ul, .menu-tab li li.over ul ul { visibility: hidden }
.menu-tab li li li:hover ul, .menu-tab li li li.over ul { visibility: visible }

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

.menu-tab ul li a, .menu-tab ul li a span {
	background:url(images/tabs.png) no-repeat;	
	display:block;
	font-weight:bold;	
	min-width:64px;
	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:10px 15px 0 0;	
	height:25px;
}

.menu-tab ul li a, .menu-tab ul li a:visited {
	background:url(images/tabs.png) 0 left;
	padding:0 0 0 15px;
	display: block;	
	color:#804000; /* cor dos itens de menu */
}

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


/* MOUSE OVER */
.menu-tab ul li a:hover {	
	background:url(images/tabs.png) left -36px;
	color:#d0970f; /* cor dos itens de menu quando o mouse está em cima */
	text-decoration:none;
}

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

/* SELECTED */  
.menu-tab ul li.menu-tab-selected a, .menu-tab ul li.menu-tab-selected a:visited,
.menu-tab ul li.current_page_item a, .menu-tab ul li.current_page_item a:visited {
	background:url(images/tabs.png) 0 -36px;
	color:#d0970f; /* cor dos itens de menu quando o mouse está em cima */
}
	
.menu-tab ul li.menu-tab-selected a span, .menu-tab ul li.menu-tab-selected a:visited span,
.menu-tab ul li.current_page_item a span, .menu-tab ul li.current_page_item a:visited span {
	background:url(images/tabs.png) right -36px;
}

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

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


.menu-tab ul li ul li a, .menu-tab ul li ul li a:visited { /*links dos itens do menu */
	color:#804000;
	background-image:none;
	display:block;	
	/*height:25px;*/
	width:150px;
	padding:8px;
	font-weight:normal;	
}

.menu-tab ul li ul li a:hover {
	border:0;
	color:#d0970f;
	background-image:none;
	font-weight:normal;		
}

.menu-tab ul li ul li a span, .menu-tab ul li ul li a:hover span { padding:0; margin:0; height:auto; text-align:left; background-image:none; }

.menu-tab ul li ul li a:visited span,
.menu-tab ul li ul li.page_item a, .menu-tab ul li ul li.page_item a span,
.menu-tab ul li ul li.page_item a:visited, .menu-tab ul li ul li.page_item a:visited span,
.menu-tab ul li ul li.page_item a:hover, .menu-tab ul li ul li.page_item a:hover span,
.menu-tab ul li ul li.page_item.current_page_item a, .menu-tab ul li ul li.page_item.current_page_item a span,
.menu-tab ul li ul li.page_item.current_page_item a:visited, .menu-tab ul li ul li.page_item.current_page_item a:visited span,
.menu-tab ul li ul li.page_item.current_page_item a:hover, .menu-tab ul li ul li.page_item.current_page_item a:hover span { background-image:none;white-space:normal; }

.menu-tab ul li ul li.page_item.current_page_item ul li a,
.menu-tab ul li ul li.page_item.current_page_item ul li a:visited { color:#804000; }

/* 3 Nivel*/
.menu-tab ul li ul li ul {
	z-index:150;	
	/*margin:0;
	padding:5px;*/
}

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

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