/* CSS Document */
body{
margin:auto;
width:900px;
background:url(img/sfondo.jpg) top center repeat-x #080808;
font-family:Arial, Helvetica, Verdana, sans-serif;
color:white;
}
p{
padding-bottom:15px;
}
.act{
color:#661d00;
text-decoration:none;
font-weight:bold;
}
.pipe  li {
	margin-left:10px;
	background-image: url(img/lista.jpg);
	background-repeat: no-repeat;
}

li.no_pipe {
	margin-left: 0;
	padding-left: 0;
	background-image: none;
}
.big_white {
font-size:24px;
}
.orange {
color:#bb4c0e;
}
.big_orange {
font-size:36px;
color:#bb4c0e;
}
.white {
font-size:17px;
}
a.opacity:hover img {
filter: alpha(opacity=60);
   -moz-opacity:0.6;
   opacity:0.6;
}
a.opacity img {
filter: alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
.cat_box_img{
	padding:25px;
}
/* top */
#top {
position:relative;
top:0;
left:0;
}
#header {
position:relative;
top:0;
left:0;
text-align:center;
padding-top:5px;
height:58px;
}
#link {
position:relative;
top:0;
left:0;
background:url(img/sfondo_link.jpg) top center repeat-x;
height:29px;
font-size:13px;
text-align:center;
}
#link ul{
padding-top:8px;
}
#link ul li{
display:inline;
padding-left:15px;

}
#link ul li a{
color:white;
text-decoration:none;
}
#link ul li a:hover{
color:#661d00;
text-decoration:none;
}
/* middle */
#middle, #middle_staff {
position:relative;
top:0;
left:0;
background:url(img/sfondo_middle.jpg) top center repeat-x #0e0e0e;
}
#middle #content, #middle_staff #content{
position:relative;
top:0;
left:0;
width:777px;
margin-left:63px;
font-size:12px;
line-height:18px;
}
#middle #content_portfolio{
position:relative;
top:0;
left:0;
width:777px;
margin-left:83px;
font-size:12px;
line-height:18px;
padding-bottom:10px;
}
#content2{
position:relative;
top:0; left:0;
width:777px;
}
#content2 a{
color:#fff;
text-decoration:none;
}
#content2 a:hover{
color:#BEBEBE;
}
#middle #content #fl{
position:relative;
top:0;
left:0;
padding-top:10px;
padding-bottom:20px;
}
#middle #content img{
/*padding:25px;*/
}
#middle #content td{
padding:5px;
margin:5px;
}
/* bottom */
#bottom {
clear:both;
position:relative;
top:0;
left:0;
background:#d95811;
font-size:12px;
text-align:center;
height:19px;
padding-top:10px;
}
#bottom a{
color:white;
}
/*mappa del sito */
#mappa {
position:relative;
top:0;
left:0;
font-size:11px;
text-align:center;
padding-top:10px;
}
#mappa a{
color:white;
text-decoration:none;
}
#mappa a:hover{
color:#BEBEBE;
}
/* staff scrollabile jquery */


	/* this makes it possible to add next button beside scrollable */
	.scrollable {
		float:left;	
	}

	/* prev, next, prevPage and nextPage buttons */
	a.prev, a.next, a.prevPage, a.nextPage {
		display:block;
		width:18px;
		height:18px;
		background:url(img/left.png) no-repeat;
		float:left;
		margin:43px 10px;
		cursor:pointer;
		font-size:1px;
	}

	/* mouseover state */
	a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
		background-position:0px -18px;		
	}

	/* disabled navigational button */
	a.disabled {
		visibility:hidden !important;		
	}

	/* next button uses another background image */
	a.next, a.nextPage {
		background-image:url(img/right.png);
		clear:right;	
	}



	/*********** navigator ***********/


	/* position and dimensions of the navigator */
	.navi {
		margin-left:328px;
		width:200px;
		height:20px;
	}


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

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

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



	/* main vertical scroll */
	#main {
		position:relative;
		overflow:hidden;
		height: 450px;
	}
	
	/* root element for pages */
	#pages {
		position:absolute;
		height:20000em;
	}
	
	/* single page */
	.page {
		padding:10px;
		height: 450px;
		background:#222 url(http://static.flowplayer.org/img/global/gradient/h600.png) 0 0 repeat-x;
		width:520px;
	}
	
	/* root element for horizontal scrollables */
	.scrollable {
		position:relative;
		overflow:hidden;
		width: 510px;
		height: 450px;
	}
	
	/* root element for scrollable items */
	.scrollable .items {
		width:20000em;
		position:absolute;
		clear:both;
	}
	
	/* single scrollable item */
	.item {
		float:left;
		cursor:pointer;
		width:500px;
		height:450px;
		padding:10px;
	}
	
	/* main navigator */
	#main_navi {
		float:left;
		padding:0px !important;
		margin:0px !important;
	}
	
	#main_navi li {
		background-color:#333;
		border-top:1px solid #666;
		clear:both;
		color:#FFFFFF;
		font-size:12px;
		height:75px;
		list-style-type:none;
		padding:10px;
		width:190px;
		cursor:pointer;
	}
	
	#main_navi li:hover {
		background-color:#444;
	}
	
	#main_navi li.active {
		background-color:#555;
	}
	
	#main_navi img {
		float:left;
		margin-right:10px;
	}
	
	#main_navi strong {
		display:block;
	}
	
	#main div.navi {
		margin-left:0px;
		cursor:pointer;
		width:800px;
	}
	#main div.navi a{
		color:#fff;
		padding-right:10px;
		padding-left:10px;
		padding-top:10px;
		padding-bottom:20px;
		text-decoration:none;
		font-weight:bold;
		background:url(img/sfondo_link.jpg) top center repeat-x;
	}
	.titolo_staff h1{
	font-size:24px;
	color:#D15612;
	border-bottom:1px solid #fff;
	padding-top:10px;
	padding-bottom:5px;
	}	
	.titolo_staff h2{
	color:#fff;
	font-size:13px;
	padding-top:10px;
	}
	

/* fine ---- staff scrollabile jquery */