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

	/* required settings */
	position:relative;
	overflow:hidden;
	width:84px;
	height:69px;
	margin:0 0px 0 60px;

	/* custom decorations 
	border:1px solid #ccc;
	background:url(/img/global/gradient/h300.png) repeat-x;*/
}

/*
	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.
*/
.hLoja .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.hLoja .item {
	float:left;
	margin:0;
	background-color:;
	width:210px;
	height:223px;
	
}

.hLoja .item .rounded {
	background:#FFF; text-align:center; padding:10px 0 0; width:210px; height:116px; margin-bottom:5px;
}

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

.next { background:url(../img/parceiros/setas.gif) no-repeat center bottom; width:24px; height:46px; position:absolute; margin:15px 0 0 155px; z-index:9999; cursor:pointer; }
.prev { background:url(../img/parceiros/setas.gif) no-repeat center top; width:24px; height:46px; position:absolute; margin:15px 0 0 23px; z-index:9999; cursor:pointer; }
.next.disabled,.prev.disabled { cursor:default; opacity:0.3; -moz-opacity:0.2; filter:alpha(opacity=20); }

#over_hLoja {
	position:absolute;
	margin:0;
	background:url(../imagens/bg/over_hLoja.gif) no-repeat left top;
	width:210px;
	height:223px;
	z-index:9998;
}