/* CSS Barra */

#barra {
	width:100%;
	height:42px;
	background:url(../img/barra/bg_barra.jpg) repeat-x top left;
	margin:auto;
}

#barra .container {
	width:1000px;
	margin:auto;
}

#barra .left, #barra .right {
	width:5px;
	height:42px;
}

#barra .left {
	float:left;
	background:url(../img/barra/barra_left.jpg) no-repeat top;
}

#barra .right {
	float:right;
	background:url(../img/barra/barra_right.jpg) no-repeat top;
}

#barra .div {
	width:10px;
	height:42px;
	background:url(../img/barra/div_barra.jpg) no-repeat top;
	float:left;
}

#barra img {
	float:left;
	margin:3px 15px 0 15px;
}

#barra ul {
	list-style:none;
	margin:0;
	padding:13px 0 15px 21px;
	float:left;
	width:548px;
	x-overflow:hidden;
}

#barra ul li {
	background:url(../img/barra/seta.gif) no-repeat left center;
	float:left;
	padding:0 0 0 8px;
	margin:0 35px 0 0;
}

#barra ul .last {
	margin-right:0;
}

#barra ul li a {
	font-size:11px;
	color:#999;
	text-decoration:none;
	float:left;
}

#barra ul li a:hover {
	color:#ffff99;
}