@charset "utf-8";
/* 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 { float:right; letter-spacing:1px;  }

/* 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 ul li { height:29px; margin-left:10px; }
.menu-tab ul li a, .menu-tab ul li a span {	
	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;
	border:0;
}

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

.menu-tab ul li a {
	/*background:url(images/tabs.jpg) 0 0 no-repeat;*/
	padding:0 0 0 10px;	
	display: block;
	color:#42929D; /* cor dos itens de menu */
	text-transform:uppercase;
}

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


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

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

.menu-tab ul li.current_page_item a,
.menu-tab ul li.current_page_ancestor a {
	background:url(images/tabs.jpg) 0 -30px;
	color:#FFF; /* cor dos itens de menu quando o mouse está em cima */
}
	
.menu-tab ul li.current_page_item a span,
.menu-tab ul li.current_page_ancestor a span{
	background:url(images/tabs.jpg) right -30px;
}

/* 2 Nivel */
.menu-tab ul ul { 
	background-color:#f5f5f5; /* os outros niveis iro herdar esses valores */
	border: 1px solid #ccc;
	border-top-color:#eee;
	border-right-color:#999;
	border-bottom-color:#999;	
	width:160px;
	height:auto;
	z-index:2;	
	font-weight:normal;
	display:block;
	padding:0 5px 5px 5px;
}

.menu-tab ul ul li { /*itens do menu */
	display:block;		
	height:auto;
	width:auto;
	padding:5px;
	margin-left:0;
	border-bottom:1px dashed #ccc;
}

.menu-tab ul ul li a { /*links dos itens do menu */
	color:#333;
	background:none;
	font-weight:normal;
	padding-left:3px;
	white-space: normal;
	background-image:none;
	text-transform:none;
}

.menu-tab ul ul li a:hover {	
	display:block;	
	height:auto;		
	width:auto;
	background:#9CC;
	border:1px solid #333;	
	color:#fff;
	font-weight:normal;
}

.menu-tab ul li ul li a,
.menu-tab ul li ul li a span { white-space: normal; text-align:left; background-image:none; font-weight:normal; color:#333; line-height:normal; height:auto; }

.menu-tab ul li ul li a:hover,
.menu-tab ul li ul li a:hover span { background-image:none; height:auto; color:#fff; }

.menu-tab ul li ul li.current_page_item,
.menu-tab ul li ul li.current_page_item a,
.menu-tab ul li ul li.current_page_item span,

.menu-tab ul li.current_page_item ul li,
.menu-tab ul li.current_page_item ul li a,
.menu-tab ul li.current_page_item ul li span { background-image:none; font-weight:normal; color:#333; }

.menu-tab ul li.current_page_ancestor ul li,
.menu-tab ul li.current_page_ancestor ul li a,
.menu-tab ul li.current_page_ancestor ul li span,
.menu-tab ul li.current_page_parent ul li,
.menu-tab ul li.current_page_parent ul li a,
.menu-tab ul li.current_page_parent ul li span{ background-image:none; }

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