/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 360px;
  height:120px;

	/* custom decorations */
	/*border:1px solid #ccc;*/
	/*background-image:url(/img/global/gradient/h300.png) repeat-x;*/
	background-color:#e6e6e6;
	margin-bottom:10px;
}

/*
	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 .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
	padding-left:5px;
}

.items div {
	float:left;
	width:410px;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 5px 20px 5px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	width:100px;
	height:75px;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}


/* styling for the image wrapper  */
	#image_wrap {
		/* dimensions */
		width:445px;
		/*margin:15px 0 15px 40px;*/
		padding:15px 0;
  	/*height:410px;*/
		/* centered */
		text-align:center;

		/* some "skinning" */
		background-color:#Fafafa;
		/*border:2px solid #E6E6E6;*/
		margin-top:1px;
		/*outline:1px solid #ddd;*/
		-moz-ouline-radius:4px;
	}
	
	#image_wrap img{

  }

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollablePlanimetria {
	float:left;
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 360px;
  height:120px;

	/* custom decorations */
	/*border:1px solid #ccc;*/
	/*background-image:url(/img/global/gradient/h300.png) repeat-x;*/
	background-color:#e6e6e6;
	margin-bottom:10px;
}

/*
	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.
*/
.scrollablePlanimetria .itemsPlanimetria {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
	padding-left:5px;
}

.itemsPlanimetria div {
	float:left;
	width:410px;
}

/* single scrollable item */
.scrollablePlanimetria img {
	float:left;
	margin:20px 5px 20px 5px;
	background-color:#fafafa;
	padding:2px;
	border:1px solid #ccc;
	width:100px;
	height:75px;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollablePlanimetria .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}


/* styling for the image wrapper  */
	#image_wrap_planimetria {
		/* dimensions */
		/*width:445px;
		margin:15px 0 15px 40px;
		padding:15px 0;
		height:410px;*/

		/* centered */
		/*text-align:center;*/

		/* some "skinning" */
		/*background-color:#efefef;
		border:2px solid #fff;
		outline:1px solid #ddd;
		-moz-ouline-radius:4px; */

		/* Li sovrascrivo coi seguenti */
		
				/* dimensions */
		width:445px;
		/*margin:15px 0 15px 40px;*/
		padding:15px 0;
  	/*height:410px;*/
		/* centered */
		text-align:center;

		/* some "skinning" */
		background-color:#fafaFa;
		/*border:2px solid #E6E6E6;*/
		margin-top:1px;
		/*outline:1px solid #ddd;*/
		-moz-ouline-radius:4px;
	}

	#image_wrap_planimetria img{

  }