.scrollable {
	float:left;	
	position:relative;
	overflow:hidden;
	width: 520px;
	height:230px;
	margin-left:3px;
	margin-top:3px;
}

.scrollable .items {
	/* this cannot be too large */
	width:2000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:520px;
	height:230px;
	overflow:visible;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}

.ft-content2 {
width:510px;
min-height:220px;
font-family: "Trebuchet MS", sans-serif;
font-size:12px;
line-height:1.5em;
text-align:justify;
}

.ft-content2 img{
vertical-align:middle;
float:left;
margin-right:4px;
border-right: 1px solid #dddada;
border-left: 1px solid #dddada;
border-top: 1px solid #dddada;
border-bottom: 1px solid #dddada;
padding: 2px;
}

#controlli{
clear:left;
position:relative;
width:520px;
height:33px;
}

.controllo_sinistra{
position:absolute;
left:0px;
top:0px;
width:328px;
height:34px;
margin: 0px 0px 3px 1px;
text-align:right;
font-size:26px;
background: url("images/bg.jpg");
}

.controllo_sinistra img {
border:0px none;
height:30px;
margin-left:10px;
width:40px;
padding-top:5px;
vertical-align:middle;
}

a.ctrl-prev {background: url("images/indietro.png") no-repeat scroll 0%;}
a.ctrl-prev:hover {background: url("images/indietro_hover.png") no-repeat scroll 0%;}
a.ctrl-next { background: url("images/avanti.png") no-repeat scroll 0%;}
a.ctrl-next:hover { background: url("images/avanti_hover.png") no-repeat scroll 0%;}

.controllo_destra{
width:201px;
height:34px;
background: url("images/bg.jpg");
position:absolute;
left:328px;
top:0px;
text-align:right;

}
.controllo_destra a{
font-family: "Trebuchet MS",sans-serif;
font-size:13px;
font-weight:bold;
text-decoration: underline; 
color:#424242;
line-height:2.5em;
margin-right:5px;
}
.controllo_destra a:hover{
    color:black;
}



/* position and dimensions of the navigator */
.navi {
    float:left; 
  	/*margin-left:328px;*/
	width:100px; 
	height:20px;
	text-align:right; 
	margin-left:24px;
    display:inline /*Fix IE floating margin bug*/; 
    overflow:visible !important /*Firefox*/; 
     overflow:hidden /*IE6*/; 
}


/* items inside navigator */
.navi a {
	width:16px;
	height:16px;
	float:left;
	margin:4px;
	background:url(quadratini.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -16px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -32px;     
}