/* 
TABS ---------------------------- */	
.MenuTab
{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #c7c7c7;
	background: #f7f7f7 url(../img/navbar-bg.gif) repeat-x bottom;
	width: 100%;
	clear:both;
}
.MenuTab {display:inline-block;}	/* Para o IE.. */
.MenuTab {display:block;}
.MenuTab:after
{
	content: ".";
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}
ul.level1
{
	float: left;
	width: 100%;
	padding-left: 17px !important;
	background: url(../img/rounded-left.png) no-repeat;
	/*background: url(../img/rounded-right.png) no-repeat right top; */
	/* Para qd o CSS3 chegar a vias de facto, retirar o moz e temos rounded borders sem imagens
	border: 1px solid #c7c7c7;
	border-bottom: 0px;
	-moz-border-radius: 6px 6px 0 0;
	*/
}
ul.level1 {display:inline-block;}
ul.level1 {display:block;}
ul.level1:after
{
	content: ".";
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}
ul.level1 li
{
	float: left;
}
ul.level1 li a
{
	display: block;
	padding: 11px 15px 11px 17px;
	font-weight: bold;
	color: #666;
	border-left: 1px solid #fff;
	border-right: 1px solid #d2d2d2;
	background-position: 12px center;
	background-repeat: no-repeat;
}
ul.level1 li a img {
	position: relative;
	left: -5px;
	top: 2px;
}
ul.level1 li a:hover
{
	color: #06c;
	background-color: #f9f9f9;
}
li.level1-Selected 
{
	background-color: #f9f9f9;
}

li.level1-Selected a
{
	color: #333 !important;
}
/* adiciona o border à esquerda do primeiro elemento */
ul.level1 li:first-child
{
	border-left: 1px solid #d2d2d2;
}
/*ul.level1 li:last-child
{
	background:url(../img/rounded-right.png) no-repeat right top;
}*/