#pictures .carosello {
        position: relative;
		left: -350px;
		top: 0px;
}

#pictures .carosello .jCarouselLite {
		width: 560px;
		height: 370px;
		top: 0;
        /* Needed for rendering without flicker */
        position: relative;
        visibility: hidden;
        left: -5000px;
		background-color: #333;
}


#pictures .carosello .jCarouselLite ul li img {
		background-color: #333;
		width: 560px;
		height: 370px;
}


#pictures .carosello .jCarouselLite ul li {
	position: relative;
	height: 370px;
}


/* __________________ DIDASCALIE __________________ */


#pictures .carosello .jCarouselLite ul li p {
	position: absolute;
	bottom: 28px;
    left: 0;
	width: 560px;
	background-color: #FF4800;
	padding: 14px 0px 14px 17px;
}


/* __________________ BOTTONI __________________ */


#pictures a.prev {
	z-index: 3;
	position: absolute;
	left: 183px;
	top: 315px;
	line-height: 11px;
        text-decoration: none;
		width: 11px;
		height: 11px;
        background: url(../arts/navLeft.gif) left top no-repeat;
}

#pictures a.next {
	z-index: 3;
	position: absolute;
	right: 183px;
	top: 315px;
	line-height: 11px;
        text-decoration: none;
		width: 11px;
		height: 11px;
        background: url(../arts/navRight.gif) left top no-repeat;
}

#pictures a.next:hover {
        background-image: url(../arts/navRight-hover.gif);
}

#pictures a.prev:hover {
        background-image: url(../arts/navLeft-hover.gif);
}    

#pictures a.next:active {
        background-image: url(../arts/navRight-down.gif);
}

#pictures a.prev:active {
        background-image: url(../arts/navLeft-down.gif);
}    

#pictures a:hover, #pictures a:active {
        border: none;
        outline: none;
}