/* CSS Document */

#menu-principal {
	position: relative;
	float: left;
	height: 43px;
	width: 690px;
	background: #606a83;
	padding: 3px 0 0;
	margin: 0px 0;
	overflow: hidden;
	background-color: #8E7356;
}


#menu-principal ul{
	margin: 0;
	padding-top: 0;
	padding-right: 4px;
	padding-bottom: 0;
	padding-left: 0px;
}

/* Don't apply padding here (offsetWidth will differ in IE)
If you need padding add it to the child anchor */
#menu-principal ul li{
	float: left;
	list-style: none;
}

#menu-principal ul li a, #menu-principal ul li span {
	/*text-indent: -500em;*/
	color: #FFF;
	font-family: "century Gothic", Arial, Verdana;
	font-size: 14px;
	text-decoration: none;
	text-transform: none;
	z-index: 10;
	display: block;
	float: left;
	height: 43px;
	position: relative;
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 9px;
	padding-right: 31px;
	padding-left: 32px;
}

#menu-principal li.background {
	z-index: 8;
	position: absolute;
	visibility: hidden;
	background-image: url(../images/bg_menu_right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#menu-principal .background .left {
	height: 43px;
	margin-right: 16px; /* 7px is the width of the rounded shape */
	background-image: url(../images/bg_menu.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#menu-principal .current a:link, #menu-principal .current a:visited{color:black}