
/* root element for scrollable */
div.scrollable {  
	
	/* required settings */
	clear:both;
	position:relative;
	overflow:hidden;	


	/* vertical scrollers have typically larger height than width */	
	height: 138px;	 
	width: 140px;	
	
	/* decoration */
	padding:0px 0px;
	
	
	background: url(../../img/rotimgfundo.jpg) no-repeat;
}

/* root element for scrollable items */
div.scrollable div.items {	
	position:absolute;
	left:0px;
	
	/* this time we have very large space for height */	
	height:20000em;	
	
	/* decoration */
	margin-top:8px;

}

/* 
	same settings as in horizontal scroller except that these items 
	are not floated
*/
div.scrollable div.items div {
	text-align:center;
	width:140px;
	padding:11px 0px;
	font-size:10px;
	font-family: Verdana, Geneva, sans-serif;
	/*background-color: #ddd;*/
	-moz-border-radius:5px;
	margin-bottom:10px;
	/*border: solid 1px #000;*/
	cursor:pointer;
	font-weight:bold;
}


/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:140px;
	height:16px;
	background:url(../../img/up.jpg) no-repeat;
	/*float:left;*/
	margin:0px 0px;
	cursor:pointer;
}
/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(../../img/down.jpg);
	clear:right;	
}

/* disabled navigational button */
a.disabled {
	/*visibility:hidden !important;	*/	
}
/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	/*background-position:0px -18px;	*/	
}
#esqDestaquesRotativos{
	float:left;
	}
#dirDestaquesRotativos{
	float:left;
	width:227px;
	height:170px;
	}
