* {margin:0; padding:0}
#wrapper {width:558; margin:75px auto}

.sliderbutton {position: absolute; padding: 0; top:158px; left: 25px; margin:0px; float:left; z-index:9999}
.sliderbutton img {cursor:pointer}
.sliderbutton img:hover { background-image:url(../images/seta_banner_e_on.png)}
.sliderbutton2 {position: absolute; padding: 0; top:158px; width:88px; margin:0; z-index:9999; left: 850px;}
.sliderbutton2 img {cursor:pointer}
.sliderbutton2 img:hover {background-image:url(../images/seta_banner_d_on.png)}
#slideshow {float:left; width:940px; height:445px;background:#fff}
#slides {position:relative; width:940px; height:445px; list-style:none; overflow:auto;}
#slides li {width:940px; height:445px}

.pagination {
	bottom: auto;
	margin:0px;
	z-index:9999; /* sobrepor imagem do banner*/
	list-style:none;
	height:25px;
	position: absolute; /* paginação na horizontal ou vertical*/
	float: left;
	background: none;
	padding: 0;
	left: 430px;
	top: 410px;
}
.pagination li {float:left; cursor:pointer; padding: 0 3px 0 0 ; margin: 0; background:url(../images/pagonacao_off.png) top left no-repeat; width: 15px; height:15px;}
.pagination li:hover { padding: 0 3px 0 0 ; background: url(../images/pagonacao_on.png) top left no-repeat}
li.current {padding: 0 3px 0 0 ; background: url(../images/pagonacao_on.png) top left no-repeat}

li#content {width:464px; height:270px; padding:0; background:#fff}