/*root element for the scrollable. when scrolling occurs this element stays still.*/ 
.slider {          
	/* required settings  */   
 	position:relative;
 	overflow:hidden;
 	float:left;
 	width:850px;         
 	height:90px;     
 }  
 /*root element for scrollable items. Must be absolutely positioned and it should 
 have a super large width to accomodate scrollable items.it's enough that you set width 
 and height for the root element and not for this element. */ 
 .slider div.items 
 {         
 	/* this cannot be too large 
 	width:20000em;         */ 
 	width:20000em;/*2000px aumentato a 2200px per spazio insufficiente*/
 	position:absolute;   
 	      
 }  
 /*a single item. must be floated on horizontal scrolling typically this element is the one 
 that *you* will style the most. */ 
 .slider div.items div{     
 	float:left;
 	padding:3px; 
 	
 } 
 
 
 .slider div.items div img{     
 	width:115px; 
 	
 }
 /*4D Software Hack */
  
/*you may want to setup some decorations to active item */
 div.items div.active {     
 /* border:1px inset #ccc;   
 background-color:#fff; 
*/          
  border:0px inset #ccc;            
 background-color:#8aa942; 
 }
 
 
 /* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	/*display:block;*/
	width:40px;
	height:90px;
    background:url('../images/slider/larrow.jpg') no-repeat;
    float:left;
	/*margin:43px 10px;*/
  	cursor:pointer;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	/*background-position:0px -18px;*/
}

/* Nasconde prev/next quando non sono abilitati */
a.disabled 
{
/*	visibility:hidden !important; */
}

/* next button uses another background image */
a.next, a.nextPage 
{	background-image:url('../images/slider/rarrow.jpg');
	/*clear:right;	*/
}