/* colore del testo e body */

html, body { margin:0; padding:0; }
body { color:#AAAAAA; background-color:#3F3F3F; text-align:center; font:90% "Lucida Grande", Lucida, Verdana, sans-serif; }

/* stili e tipografia */

a:link, a:active, a:visited { font-weight:bold; text-decoration:none; color:#FD8813; }
a:hover { color:#FEAE5F; }
p { margin:0; padding:0; text-align:justify; font-size:1em; line-height:1.5em; }
.cima { text-align:right; font-size:11px; }
.sottolinea { text-align:left; font-weight:bold; color:#F5C91B; background-color:#4D4D4D; text-indent:2px; letter-spacing:3px; }
.altro { text-align:left; font-weight:bold; color:#F9D64A; }
.quota { margin:0 30px 10px 30px; font-style:italic; color:#F5C91B; }
span { font-style:italic; }
.link { text-align:center; }
strong { color:#F8B418; }

/* struttura */

#container {width:800px; text-align:left; margin-left:auto; margin-right:auto;}
#header {margin-bottom:10px; width:800px; height:120px; background:url(header1.jpg) no-repeat top center; text-align:center;}
#navigation {float:left; width:150px; margin-bottom:20px; padding-top:5px;}
	#navigation ul {list-style:none; margin:0; padding:0;}
	#navigation li {border-bottom:1px solid #4D4D4D; margin:0; padding:0; font-size:80%;}
	#navigation li.current a:link, #navigation li.current a:active, #navigation li.current a:hover, #navigation li.current a:visited {margin:3px; display:block; padding:5px 5px 0.5em; border-left:8px solid #FF6600; border-right:4px solid #FF6600; text-decoration:none; color:#FFCC00;}
	#navigation li a:link, #navigation li a:visited {margin:3px; display:block; padding:5px 5px 0.5em; border-left:8px solid #FF6600; border-right:4px solid #FF6600; background-color:#4D4D4D; text-decoration:none; color:#FF6600;}
	#navigation li a:hover {background-color:#FF6600; color:#FFCC00;}
#content {width:600px; padding-top:5px; margin-bottom:20px; margin-left:165px;}
	#content p {text-align:justify; font-size:90%;}
	#content img, #content p.foto-links {text-align:center; font-size:90%;}
#footer {background-color:#4D4D4D; color:#AAAAAA; width:800px; margin:0; padding:0; text-align:center;}
	#footer p {font-size:10px; line-height:12px; text-align:center; padding:0; margin:0;}
	#footer span {font-style:normal; color:#FF6600;}
.clearer {clear:both; margin-top:10px;}

/* icone gallery */

.titolo {font-size:12px; font-weight:normal; letter-spacing:2px; margin-bottom:5px;}
.descrizione {letter-spacing:2px; margin-bottom:55px;}
.album {display:block; width:99%; position:relative;}
.icona {text-align:center; position:relative; float:left; margin-bottom:50px; margin-right:28px;}
	.icona-quadrato {position:absolute; bottom:0; left:0;}
	.icona-quadrato img {margin:auto; border:1px solid #F8E28F;}
	.icona-scritta {margin:0; padding:0; width:100%; height:38px; display:block; font-size:90%;}

	
	#s3slider
{
	width: 600px;
	/* important to be same as image width */
	height: 450px;
	/* important to be same as image height */
	position: relative;
	/* important */
	overflow: hidden;
	/* important */
}



ul#s3sliderContent
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#s3sliderContent
{
	width: 600px;
	/* important to be same as image width or wider */
	height: 450px;
	/* important to be same as image height */
	position: absolute;
	/* important */
	top: 0;
	/* important */
	left: 10px;
}

.s3sliderImage
{
	float: left;
	/* important */
	position: relative;
	/* important */
	display: none;
	/* important */
}

.s3sliderImage span
{
	position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    letter-spacing: 2px;
	width: 574px;
	background-color: #000;
	/*
   filter: alpha(opacity=70); 
   -moz-opacity: 0.7;  
   -khtml-opacity: 0.7;  
   opacity: 0.7;  
   */
	color: #F4A571;
	display: none;
	/* important */
	
}
.bottom {
	bottom: 0;
	left: 0;
}

/*galleria*/
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:50px;height:50px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}