#box_scroll {float: left; background: transparent url(../img/portfolio/bg_scroll_portfolio.jpg) 0 0 no-repeat; height:400px; width:218px; padding-top:25px; padding-left:20px;}

.scroll-pane {
	width: 190px;
	height: 303px;
	overflow: auto;
	float: left;
}

#list_portfolio ul{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}

#list_portfolio ul li{
	padding-bottom: 4px; /*bottom spacing between menu items*/
}

#list_portfolio ul li a{
	color: #fff;
	background: url(../img/comuni/bullet.png); /*custom bullet list image*/
	display: block;
	padding: 4px 0;
	padding-left: 10px; /*link text is indented 19px*/
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #333;
	font-size: 90%;
}

#list_portfolio ul  li a:hover{ /*hover state CSS*/
	color: #06b4e9;
}

.wide {
	width: 400px;
}

.super-wide {
	width: 700px;
}

.tall {
	height: 400px;
}



.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #transparent;
}
.jScrollPaneDrag {
	position: absolute;
	background: #434343;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}



#descrizione{
	font-size:11px;
	text-transform:capitalize;
	position:absolute;
	top:280px;
	left:30px;
	width:678px;
	padding:0px 5px;
	background-color:rgb(0,0,0);
	filter: alpha(opacity=90);
	opacity:0.9;
	z-index:1000;
	}

/*Box ajax con richieste*/

/*AJAX LOADER
-------------------*/
#loading{
    position: absolute;
    top: 180px;
    left: 320px;
    z-index: 5000;
    background-color: #000;
	border:1px solid #999;
    color: white;
	font-size:12px;
    padding: 10px;
}
#tappo {
    position:absolute;
    top:38px;
    left:30px;
    height: 300px;
}

#ajax_port{
	float:right;
	width:740px;
	height:400px;
	background: transparent url(../img/portfolio/bg_portfolio.jpg) 0 0 no-repeat;
	position:relative;
}


#slideshow {
    position:relative;
    height:300px;
}

#slideshow IMG{
    position:absolute;
    top:38px;
    left:30px;
    z-index:8;
    opacity:0.0;
    height: 300px;
}


#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}