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

.scrollable {	/* required settings */	
	position:relative;
	overflow:hidden;
	width: 881px;
	height:341px;	/* custom decorations */
	float:left;	
}

/*	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: 2000em;
	position:absolute;
	clear: both;
}

.items div {	
	float:left;
	height:341px;
	width:881px;
	/*width: 824px;*/
}

.items .box-scroll img{
	height:341px;
	width:881px;
}



/* prev, next, prevPage and nextPage buttons */

a.browse {
	display:block;
	margin-top: 117px;
	width:63px;
	height:112px;
	position:absolute;
	cursor:pointer;
	font-size:1px;
	background-repeat:no-repeat;
	z-index: 2;
}

/* right */
a.right 				{ background-position: center; background-image:url('immagini/freccia-dx-restaurant-montebuoni-pasta-homemade-firenze.png');left:809px;}
/*a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } */


/* left */
a.left				{ background-position: center; background-image:url('immagini/freccia-sx-ristorante-montebuoni-bistecca-fiorentina-chianti.png');left:35px; } 
/*a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }*/

/* up and down */
/*
a.up, a.down		{ 
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}*/

/* up */
/*
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }*/

/* down */
/*
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } */


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}