/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	z-index: 100;
	overflow:hidden;
	width: 1310px;
	height:250px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable .item {
	position:relative;
	float:left;
	margin:0 10px 0 0;
	border-width:3px 5px 7px; 
	border-style:solid; 
	border-color:#FFF;
	cursor:pointer;
	width:200px;
	height:200px;
}

/* active item */
.scrollable .active {
	z-index:9999;
	position:relative;
}

.scrollable .info {
	display:none;
	position:absolute;
	bottom:0;
	left:0;
	height:32px;
	width:196px;
	padding:4px;
	background-color:#FFF;
}

.item:hover .info {
	display:block;
}

.active .info {
	display:block;
}

.info h5 {
	font-size:12px;
	font-weight:bold;
	color:#A5CE3A;
	text-transform:none;
	margin:0;
}

.info h2 {
	font-size:18px;
	font-weight:bold;
	color:#A5CE3A;
	text-transform:none;
	margin:0;
}

/************ BOTOES *************/

div.navigator {
	position: absolute;
	bottom: 0;
	height: 20px;
	width: 100%;
	background-color: #FFF;
}

/* prev, next, prevPage and nextPage buttons */
/* right */
a.browse { display:block; width:157px; height:20px; color:#A5CE3A; font-size:17px; font-weight:bold; line-height:20px; text-transform:uppercase; cursor:pointer; }

a.right { position:absolute; right:0; bottom:0; text-transform:uppercase; background:url(../imagens/bt_scrollable_avancar.gif) right top no-repeat; }
 
/* left */
a.left { position:absolute; left:0; bottom:0; text-transform:uppercase; text-align:right; background:url(../imagens/bt_scrollable_voltar.gif) left top no-repeat; }



/* disabled navigational button */
a.disabled {
	cursor:default;
	visibility:visible !important;
	text-indent:999999px !important;
}