#page-wrap { /* igual ao #geral */
	position:absolute;

	width:100%;
	height:632px; /* ALT SLD. + paddings do LI */

	top:50%;
	left:0;
	margin-top:-316px;
}

.anythingSlider {}

#wrapper {}

#wrapper ul {
	width: 99999px; /* Largura absurda para caber todas as imagens do slide-show */
	list-style:none;
}
	#wrapper ul li.myImage {
		display: block;
		float: left;

		/* padding top e bottom para respiro do background. Ja os padding left e right serao definidos no js do html. Sao eles que dao os espacos entre um frame e outro */
		padding:34px 0 34px 0;
		
		margin:0;
		
		width:846px; /* LARG SLD. */
		height:564px; /* ALT SLD. */
		overflow:hidden;
		
		background:url(../images/bg_li.png) 50% 0px  no-repeat;
		
		text-align:center;
	}
	#wrapper ul li.myImage img {
		/*display:none;*/
		width:846px; /* LARG SLD. */
		height:564px; /* ALT SLD. */
		overflow:hidden;
	}
	#wrapper ul li.myImage a {
		display: block;
		float: left;
		
		width:846px; /* LARG SLD. */
		height:564px; /* ALT SLD. */
		overflow:hidden;
		
		background:#fff url(../images/loading.gif) 50% 50% no-repeat;
	}

.arrow {
	/*position:absolute;*/ position:fixed; z-index:99;
	top:50%;
	display:block;
	height:124px;
	width:68px;
	margin:-62px 0 0 0;
	
	background:url(../images/arrows.png) 0 0 no-repeat;
	text-indent: -9999px;
	
	cursor: pointer;
}
.forward {
	background-position:-68px 0;
	right:0; /* posicionamento redefinido no js do hmtl */
}
.forward:hover {
	background-position:-68px -124px;
}
.back {
	background-position:0 0;
	left: 0; /* posicionamento redefinido no js do hmtl */
}
.back:hover {
	background-position:0 -124px;
}




	








/*
  Prevents
*/
#wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
#wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }