#slider, #items{
	height:315px;
	text-align:center;
	margin:0;
	padding: 0;
}
#slider{
	width: 100%;
	background:url(../imagens/fundo_banner.jpg) repeat-x;
	margin: 0 auto;
	overflow: hidden;
	position:relative;
	height:315px;
}
#items{
	width: 2000em;
	position: absolute;
}
#items > li, #items > div{
	float: left;
	overflow: visible;
	margin: 0;
	padding: 0;
}
#items > div > div{
	margin: 0 auto;
}

@media screen and (max-width: 1920px) {
	#items > div > div, #navigation-wrapper, #site-nav {
		width: 1000px;
	}
}
@media screen and (max-width: 1440px) {
	#items > div > div, #navigation-wrapper, #site-nav {
		width: 1000px;
	}
}
@media screen and (max-width: 1280px) {
	#items > div > div, #navigation-wrapper, #site-nav {
		width: 960px;
	}
}
@media screen and (max-width: 1024px) {
	#items > div > div, #navigation-wrapper, #site-nav {
		width: 768px;
	}
}
@media screen and (max-width: 768px) {
	#items > div > div, #navigation-wrapper, #site-nav {
		width: 640px;
	}
}
@media screen and (max-width: 768px) {
	#items > div > div, #navigation-wrapper, #site-nav {
		width: 640px;
	}
}
@media screen and (max-width: 640px) {
	#items > div > div, #navigation-wrapper, #site-nav {
		width: 480px;
	}
}
@media screen and (max-width: 480px) {
	#items > div > div, #navigation-wrapper, #site-nav {
		width: 460px;
	}
}
@media screen and (max-width: 320px) {
	#items > div > div, #navigation-wrapper, #site-nav {
		width: 300px;
	}
}
.left, .right{margin-top:10px;}
.left, #navigation li{float:left;}
.right{float:right;}
#navigation-wrapper,#navigation{margin:10px auto 0px auto;}
#navigation{clear:both; margin:10px auto 10px auto; width: 120px;}
#navigation li{width:15px;height:15px;list-style:none;border-radius:8px;border:1px solid #ccc;margin: 5px;}
#navigation li:hover, .left:hover, .right:hover{cursor:pointer;}
.active{background-color:#F58431;cursor:default;}
.disabled{display:none;}