@charset "UTF-8";
/* CSS Document */

#caroselloFooter {
        position: relative;
		width: 980px;
		height: 193px;
		margin-left: -10px;
		background-color: #f2f2f2;
}

#caroselloTop {
	position: relative;
	width: 934px;
	height: 26px;
	padding: 20px 23px 0 23px;
	background: url(../arts/980_roundcorners.gif) top left no-repeat;
	font-size: 16px;
	line-height: 16px;
}

#caroselloBottom {
	width: 960px;
	height: 44px;
	padding: 0 10px;
}
	
#caroselloTop ul {
	position: absolute;
	top: 20px;
	right: 23px;
	width: 500px;
	height: 16px;
	font-size: 13px;
}

#caroselloTop ul li {
	display: block;
	float: right;
	list-style: none;
}

#caroselloTop ul li .sep {
	margin: 0 0.5em;
}

#caroselloTop ul li a, #caroselloTop ul li a:visited {
	text-decoration: underline;
	color: #333;
}

#caroselloTop ul li a:hover, #caroselloTop ul li a:active {
	color: #000;
}






#caroselloHome {
        position: relative;
		width: 957px;
		height: 103px;
		padding-left: 23px;
}

.caroselloholder {
        position: relative;
		width: 934px;
		height: 103px;
		overflow: hidden;
}

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

.carosello li {
		width: 108px;
		height: 103px;
		padding-right: 10px;
		font-size: 13px;
		line-height: 13px;
}

.carosello li img {
	display: block;
	margin-bottom: 2px;
}



a.prev {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 23px;
	height: 56px;
	background: url(../arts/jcarousel/home_left.gif) 0px 0px no-repeat;
}

a.next {
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 23px;
	height: 56px;
	background: url(../arts/jcarousel/home_right.gif) 0px 0px no-repeat;
}

a.prev:hover, a.next:hover {
	background-position: -23px 0px;
}

a.prev.disabled, a.next.disabled {
	background-position: -46px 0px;
}