*{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:260px;}
#menu-header{width:800px; margin:10px auto;height:60px;}
#menu-list{list-style-type:none;}
#menu-list li{display:inline; float:left;}
.left{float:left}
.right{float:right}

#content{float:right;
	width:740px;
	  margin-top:50px;
	 }
#sidebar{float:left;
        text-align:left;;
		width:190px;
	   margin-left:3px;
	   margin-top:50px;
		border:1px solid black; background:#fff;

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

#sidebar div{width:160px}
#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;
		padding:7px 0;
		}
#banner{margin:10px auto;}

/**/
.clear{clear:both;}
#scrollable{height:800px; }
#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:200px;padding:5px;overflow:hidden;background:#fff; border:1px solid black;text-align:center;}
.img-preview{width:240px;text-align:center;float:left;}
.dettagli-foto p{text-align:justify;margin:0 auto;width:580px;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;}
#slide-foto-tramonti{width:700px;}
   
   .scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 670px;
	height:120px;
	margin:20px auto;
}

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

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
}
  
  .img-wind{width:150px; height:100px; overflow:hidden;margin:5px;border:1px solid #ccc;padding:3px}
  .img-wind div{width:150px; height:100px; overflow:hidden;}
  
  .commenti{width:290px;}
  .fb_protected_wrapper{width:290px;}
  .comment_body {width:290px;}
  
#banner_dmarat{width:100%; height:100%; position:absolute;z-index:100;text-align:center;
   top:0;
    left:0;
   
    }
	
	
#banner_dmarat_new{width:100%; height:100%; z-index:100;text-align:center;  margin:40px auto;display:none   }
    
 #banner_dmarat h2 {font-size:20px;color:#000;background:#ffff00;height:30px;line-height:29px;clear:right;}
 #banner_dmarat_new h2 {font-size:16px;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;
   }
   
  #banner_dmarat_text_new{width:680px; height:470px; z-index:200;text-align:center;background: #fff;
  -moz-box-shadow: rgba(0,0,0,0.70) 0px 0px 30px 10px;
    -webkit-box-shadow: rgba(0,0,0,0.70) 0px 0px 30px 10px;
    box-shadow: rgba(0,0,0,0.70) 0px 0px 30px 10px;    }
   #google_btn{    float: left;
    left: 1030px;
    position: absolute;
    width: 70px;
    z-index: 101;}
 .chiudi{display:none}
 #banner_dmarat_text img {display:none;margin-top:15px}
.centrato{margin:10px auto}

#box-top-pdt{width:700px;height:75px;}
#menu-foto{margin-left:12px; float:left;width:190px}
.clear{clear::both;}
#social_bar{width:200px}