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

.sliderbutton {position: absolute; padding: 0; top:90px; 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:90px; width:88px; margin:0; z-index:9999; left: 480px;}
.sliderbutton2 img {cursor:pointer}
.sliderbutton2 img:hover {background-image:url(../images/seta_banner_d_on.png)}
#slideshow {float:left; width:558px; height:285px;background:#fff}
#slides {position:relative; width:558; height:285px; list-style:none; overflow:auto;}
#slides li {width:558px; height:285px}

.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: 210px;
	top: 263px;
}
.pagination li {float:left; cursor:pointer; padding: 0 3px 0 0 ; margin: 0; background:url(../images/pagonacao2_off.png) top left no-repeat; width: 11px; height:12px;}
.pagination li:hover { padding: 0 3px 0 0 ; background: url(../images/pagonacao2_on.png) top left no-repeat}
li.current {padding: 0 3px 0 0 ; background: url(../images/pagonacao2_on.png) top left no-repeat}

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