*{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:18px;font-family:Trebuchet Ms;
				
		}
		
#banner{margin:0 auto;}
#content-title{width:480px}
#social{width:210px;}

/**/
.clear{clear:both;}
.left{float:left}
.right{float:right}
#scrollable{height:800px; }
.item{ background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    height: 170px;
    margin: 10px;
    padding: 1em;
    width: 700px;}

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

#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{ float: left;
    margin: 0 auto;
    padding-left: 5px;
    text-align: justify;
    width: 280px;}
.dettagli-foto p{text-align:justify;margin:5px;}
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;
}
/*facebook fan */
.FB_SERVER_IFRAME{/*margin-left:-15px;*/}
#banner_dmarat{width:100%; height:100%; position:absolute;z-index:100;text-align:center;
   top:0;
    left:0;
    display:none
    }
    
 #banner_dmarat h2 {font-size:20px;color:#000;background:#ffff00;height:30px;line-height:29px;clear:right;}
 #chiudi_btn_place{float:right;width:100px;}
 #chiudi_btn_place a{color:#000;cursor:pointer}
 #banner_dmarat_text{width:680px; height:470px; position:absolute;z-index:200;text-align:center;background: #fff;
  -moz-box-shadow: rgba(0,0,0,0.70) 0px 0px 300px 305px;
    -webkit-box-shadow: rgba(0,0,0,0.70) 0px 0px 300px 305px;
    box-shadow: rgba(0,0,0,0.70) 0px 0px 300px 305px;
    top:60px;
    left:280px;
   
    
 }
 .chiudi{display:none}
 #banner_dmarat_text img {display:none;margin-top:15px}
.centrato{margin:10px auto}