.picture {
        left: 101px;
		top: 165px;
}

.picture .carosello {
		width: 870px;
		height: 248px;
		top: 0;
        /* Needed for rendering without flicker */
        position: relative;
        visibility: hidden;
        left: -5000px;
}

.picture .carosello ul {
		width: 870px;
		height: 248px;
}

.picture .carosello ul li {
		width: 87px;
		height: 248px;
}

.picture .carosello li div.timeline {
	display: block;
	position: relative;
	left: 0;
	top: 0;
	width: 87px;
	height: 23px;
	background: #fff url(../arts/dotted.gif) left top repeat-x;
}

.picture .carosello li div.timeline span {
	background-color: #fff;
	padding-right: 2px;
}


.picture .carosello li div.dida {
	  position: relative;
	  height: 82px;
	  overflow: visible;
}

.picture .carosello li div.dida div.titolo {
	  position: absolute;
	  top: 4px;
	  left: 0;
	  width: 261px; 
	  height: 72px;
}

.picture .carosello li img {
		background-color: #ccc;
		width: 72px;
		height: 72px;
		margin-right: 15px;
}


#refresher {
	width: 870px;
	height: 143px;
	position: absolute;
	top: 290px;
	left: 101px;
	background-color: #fff;
}


#hider {
	width: 189px;
	height: 248px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
	background: url(../arts/progetti/hider.gif) left top repeat-x;
}


div.next, div.prev {
	display: block;
	width: 12px;
	height: 14px;
	position: absolute;
	z-index: 200;
	cursor: pointer;
}

div.next {
	top: 52px;
	right: 162px;
	background: url(../arts/arrows.gif) left top no-repeat;
}

div.prev {
	top: 52px;
	left: -27px;
	background: url(../arts/arrows.gif) -12px top no-repeat;
}

div.next.disabled {
	cursor: default;
	background-position: left -14px;
}

div.prev.disabled {
	cursor: default;
	background-position: -12px -14px;
}