*{margin:0;padding:0 ; font-family:Trebuchet Ms;}
html{height:100%; background-color:#663333;
}
body{font-size:76%;text-align: center}

#container{  position:relative;/*box principale che contiene tutte le sezione*/
				width:1280px;
				height:auto;

				border:none;
				background:url(../Image/page-top.jpg) no-repeat top center ;
				}

#background{width:1280px;
            margin:0 auto;
            background:url(../Image/page-container.jpg) repeat-y 0 0 ;
            }
#inner-container{width:950px;
                height:auto;
                margin:0 auto;
                padding-top:80px ;}
#header{height:170px;}
#menu-header{width:800px; margin:10px auto;height:60px;}
#menu-list{list-style-type:none;}
#menu-list li{display:inline; float:left;}

#content{float:right;
	width:740px;
	  margin-top:50px;
	  text-align:justify;
	 }
	 #content h3{padding:0.3em; font-size:1.6em}
	 #content h4{padding:0.3em; font-size:1.2em}
#sidebar{float:left;
        text-align:left;;
		width:200px;
	   margin-left:3px;
	   margin-top:50px;
	
			}
			.clear{clear:both;}
			#categorie{width:200px;height:120px;margin:0;text-align:left;background:#fff;text-aling:center}
#mini-menu-lat{list-style-type:none; }
#mini-menu-lat li{display:inline; float:left;width:90px;padding:0;}

#menu-foto ul{list-style-type: circle;text-align:justify; margin:-5px;}
#menu-foto ul li{margin: 10px 0; border-bottom:1px dashed black;}

#footer{height:250px;
		clear:both;
		background:url(../Image/page-footer.jpg) no-repeat center bottom ;}

a,img{border:0}

.foto{width:670px;border:1px solid black; background:#fff; padding:15px 20px;}
.titolo{font-size:21px;
		font-family:Trebuchet Ms;
				
		}
		
#banner{margin:10px auto;}

/**/
.clear{clear:both;}
#scrollable{height:800px; }
.item{background:#fff;padding:1em;height:190px;}

#riepilogo-foto{text-align:center;width:730px;margin:0 auto;}

#riepilogo-foto ul{list-style-type: none; border:1px solid black;background:#fff;}
#riepilogo-foto ul li{ margin:5px 0;}

.img-preview img{width:350px;vertical-align: middle;padding:5px; border:1px solid #000;margin-top:-50px;}
.img-preview{width: 360px; height: 120px;
  line-height: 120px; text-align: center;
  overflow:hidden;
  float:left;padding:5px; 
  margin:0 5px;
}

.dettagli-foto{text-align:justify;margin:0 auto;padding-left:20px;float:left;width:300px}
.dettagli-foto p{text-align:justify;margin:0 auto;padding-left:20px;}
hr{margin:10px 0;}

/*slider foto pagine dettaglio*/

#mini-photo-slider{width:740px;height:120px; overflow:hidden;position:relative;border:1px solid #CCCCCC;background:#000}
#scrollable{float:left;}
.img-preview-slider{width:180px;float:left;height:150px;overflow:hidden;}

   
    .scrollable {

	/* required settings */
	position:relative; 
    overflow:hidden; 
    width: 660px; 
    height:90px;

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

/*
	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-slider {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	width:100px;
	height:75px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}