/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable_uffici {
	/* required settings */
	position:absolute;
	width: 270px;
	overflow:hidden;
	height:250px;
	top:-37px;
	left:-6px;


}

*:first-child+html .scrollable_uffici {  /*	 HACK PER IE7  */
	top:-20px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable_uffici .items_uffici {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;	
}

/* single scrollable item */
.scrollable_uffici p {
	line-height:normal;
	float:left;	
	padding:10px;
	padding-left:0px;
	width:250px;
	height:250px;	
	/*
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	*/
}

/* active item */
.scrollable_uffici .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}
.span_titolo{
	color:#485E33; 
	display:block; 
	height:26px; 
	background-image:url(../../images/sfondo_striscia.png); 
	font-weight:bold;  
	padding-top:7px; 
	padding-left:10px; 
	background-repeat:no-repeat;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}
.span_titolo2{
	color:#990000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold; 
	display:block; 

	margin-left:20px;
}

.span_titolo2 a{
	color:#990000;
	text-decoration:none;
}

.span_titolo2 a:hover{
	color:#990000;
	text-decoration:underline;
}

#oggetto_uffici{	
	background-image:url(../../images/sfondo_accessorapido.png);
	background-repeat:no-repeat;
	width:270px;
	height:72px;
}