@charset "utf-8";
/* CSS Document */

* { margin:0px; padding:0px;}
img { border:0px;}


body {background-image:url(images/bkg_page.png);
background-position:top left;
background-repeat:repeat-x;
background-color:#000;
font-family: 'Cagliostro', sans-serif;
font-size:13px;
color:#FFF;}

h1 { font-size:24px;  line-height:24px; text-shadow: 1px 1px 2px #000;
margin-bottom:10px;}

h2 { font-size:18px;  line-height:22px; color:#ffb534; text-shadow: 1px 1px 2px #000;}

small { font-size:11px; color:#333; font-style:italic; margin-top:10px;}

a:link, a:visited {color:#fff;text-decoration:none;}

a:hover, a:active {color:#ffb534;  }

#splash a:link, #splash a:visited {color:#ffb534;text-decoration:none;}

#splash a:hover, #splash a:active { color:#fff; }

/* SPLASH PAGE*/

#splash { margin:0px auto;
padding:30px 20px;
width:996px;
text-align:center;
margin-top:8%;
background-image:url(images/bkg_white.png);
background-repeat: repeat;
-moz-box-shadow: 10px 10px 5px #000;
-webkit-box-shadow: 10px 10px 5px #000;
box-shadow: 10px 10px 5px #362c16;}

/*** Clouds ***/

#slider {
display:block;
overflow:hidden;
/*z-index:99;*/}





/*** Body Content ***/
#wrapper	{ 
	width:100%;
	position:absolute;
	top:0px;
	left:0;
	overflow:hidden;
}

#mask{ width:2000%; height:800px;}


.box {
width:1016px; /* 1 diviso la larghezza di mask*/
height:100%; 
float:left; 
position:relative;
/*z-index:100;*/
padding-bottom:80px;
}

#mask li { list-style:none;}

.sezione { width:966px; height:760px; float:left;
border:1px solid #604e27;
padding:15px;}

#sz1 { background-image:url(images/sz1.jpg);
background-position:top left;
background-repeat:no-repeat;}

#sz2 { background-image:url(images/sz2.jpg);
background-position:top center;
background-repeat:no-repeat;}

#sz3 { background-image:url(images/sz3.jpg);
background-position:top center;
background-repeat:no-repeat;}

#sz4 { background-image:url(images/sz4.jpg);
background-position:top center;
background-repeat:no-repeat;}

#sz5 { background-image:url(images/sz5.jpg);
background-position:top center;
background-repeat:no-repeat;}

#sz6 { background-image:url(images/sz6.jpg);
background-position:top center;
background-repeat:no-repeat;}

#sz7 { background-image:url(images/sz7.jpg);
background-position:top center;
background-repeat:no-repeat;}

#sz8 { background-image:url(images/sz8.jpg);
background-position:top center;
background-repeat:no-repeat;}

.stage {width:946px; height:700px; background-image:url(images/bkg_stage.png);
padding:10px;}

.intro { margin:0px auto;
width:860px;
font-size:14px;
color:#333;
}


/* quando ci sono 3 foto per pannello */		
#phgallery img { width:298px; height:148px; border:1px solid #fff; margin-right:12px;}

.txtbox { width:280px; height:420px; float:left; margin-right:14px; border-left:1px dotted #fff;
padding:0px 10px;}

/* quando ci sono 4 foto per pannello */		
#phgallery2 img { width:218px; height:148px; border:1px solid #fff; margin-right:12px;}

.txtbox2 { width:201px; height:420px; float:left; margin-right:14px; border-left:1px dotted #fff;
padding:0px 10px;}


/* ------------- FOOTER ---------------- */



#footer {position:fixed; bottom:0px; left:0px;
width:100%; height:50px;
z-index:999;
padding:10px 40px;
border-top:1px solid #fff;
background-color:#000;}

#footer ul li { float:left; margin-right:20px; font-size:12px;}

#recapiti {margin:10px 10px 0px 100px; 
float:left;}

#credits { margin:5px 0px 0px 10px; float:left;}