﻿
html{
   font-family:Trebuchet MS;font-size:14px; color:#666666;
   margin:0px; padding:0px; background-image:url(images/sfnd_body.jpg);background-repeat:repeat-x; text-align:center;}

body 
{
   font-family:Trebuchet MS;font-size:14px; color:#666666;
   margin:0px; padding:0px; 
   background-image:url(images/sfnd_body.jpg);background-repeat:repeat-x; text-align:center;
}

body
{
   font-family:Trebuchet MS;font-size:14px; color:#666666;
   margin:0px; padding:0px;background-image:url(images/sfnd_body.jpg);
   background-repeat:repeat-x; text-align:center;
}


.box_sito{margin:auto;padding:auto;width:960px; display:table; text-align:left;}

/*--- hadeer  ---*/

.box_logo{width:404px; height:235px; float:left; background-image:url('images/sfnd_logo.jpg'); background-repeat:no-repeat;margin:20px 0px 0px 0px; text-align:center}
.img_logo{padding:20px 0px 0px 0px}

.menutop {width: 520px;height: 60px;margin: 0 auto;float:left;margin-top:178px; margin-left:25px;}


.menutop ul {margin:0;padding:0;list-style: none;}

.menutop li {display: block;float: left;width: 104px;padding:0px 0px 0px 0px;height: 78px;vertical-align:middle;margin-right:3px;}

.menutop a {font-size:12px;display: block;width: 104px;height: 78px;padding: 24px 0px 0px 0px;background: url(images/sfnd_menutop_3.jpg) no-repeat;text-align: center;color: #666666;}

.menutop a:hover {display: block;width: 104px;height: 78px;padding: 24px 0px 0px 0px;;text-align: center;color: #666666;
text-decoration:underline; font-weight:bold}





/*--- hadeer  ---*/

.clear { clear:both}

/*--- navigazione sinistra  ---*/
.navigation_box {width:400px; float:left; display:table;}
.navi_box{width:304px;margin-left:10px;padding-top:10px;display:table;}

.navi_box #center{text-align:left; background-color:#ffffff;background-image:url('images/navi_center_2.jpg'); 
background-repeat:no-repeat;border-left:2px solid #e8e8e8;border-right:2px solid #e8e8e8; width:300px}

.navi_box #bottom{background-image:url('images/navi_bottom_2.jpg');display:table;
background-repeat:no-repeat; background-position:top;height:43px;width:304px;}

.navi_box #topa{background-image:url('images/navi_top.jpg'); display:table;
background-repeat:no-repeat; background-position:bottom;height:25px;
width:304px}

.navi_box ul{margin-left: 35px; word-spacing:2;margin-top:0px;padding-bottom:-10px}

.navi_box li{text-align: left;}

.navi_box hr{width:95%; height:1px; color:#cccccc; text-align:center; 
border:1px dotted #cccccc; border-style:noshade;}


.navi_box h1{font-size:18px; padding:0px 0px 0px 0px; margin-bottom:10px;margin-left:10px; margin-top:0px;color:black; letter-spacing:0px; font-weight:bold}

.navi_box a
{text-decoration:none; font-size:13px; color:#1474AD}

.navi_box a:hover
{text-decoration:underline; font-size:13px; color:#77B23A}


.indirizzo
{
	padding-top:0px; font-size:12px;padding-left:15px;color:#1474AD;padding-right:5px;
}

.indirizzo a
{
text-decoration:underline; font-size:11px; color:#1474AD
}

.indirizzo a:hover
{
text-decoration:underline; font-size:11px; color:#77B23A	
}


/*--- navigazione sinistra  ---*/


/*--- content  ---*/
.content_box {width:520px; float:left; display:table;text-align:justify;margin-left:-10px;padding-top:16px; padding-bottom:30px;}

.content_box h1{font-size:26px; padding:0px 0px 0px 0px; color:#999999;font-weight:bold; border-bottom:1px solid #e1e1e1}

.img_3
{
	margin-top:7px;background-image:url('images/sfnd_img.jpg');padding:18px 5px 20px 21px; background-repeat:no-repeat;
}

.testo
{
	font-size:14px; color:#868686; letter-spacing:1px;word-spacing:2; text-align:left
}

.testo_privacy
{
	font-size:11px; color:#868686; letter-spacing:1px;word-spacing:2
}


/*--- content  ---*/


/* LIGHTBOX Photogallery */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#lightbox a img{ border: none; }
#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#imageContainer{
	padding: 10px;
}
#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover {background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}
#imageData {padding:0 10px; color: #666;}
#imageData #imageDetails {width: 70%; float: left; text-align: left;}	
#imageData #caption {font-weight: bold;}
#imageData #numberDisplay {display: block; clear: left; padding-bottom: 1.0em;}			
#imageData #bottomNavClose {width: 66px; float: right;  padding-bottom: 0.7em;}	
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}
/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
}
* html .lbContent { /* IE6 */
	margin-left: -790px;
    position:relative;
}
* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
}
/* Clearfix */	
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 



/*---  attrezzature ---*/

/* set millions of background images */
.rbroundbox { background: url(images/nt.gif) repeat; }
.rbtop div { background: url(images/tl.gif) no-repeat top left; }
.rbtop { background: url(images/tr.gif) no-repeat top right; }
.rbbot div { background: url(images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 174px;
height: 7px;
font-size: 1px;
display:table;
}
.rbcontent { margin: 0 10px; display:table;}
.rbroundbox { width: 50%; margin: 1em auto; display:table;}







