body{font-family: Arial, Helvetica, Geneva, sans-serif; background-color:#F0F0F0;padding:0;margin:0}
img{border-style:none;}
a:active { border-style:none }
a{ color:#888;text-decoration:none }
a:hover{ color:#000}

#canvasWrapper{ width: 100% !important; margin:0; padding:0; background: #F0F0F0 url('bokeh-header.jpg') repeat-x  scroll center bottom  }
#canvas{width: 944px;height: 620px; margin: 0 auto 0 auto;color:#666666}

#topTab{ width:100%;height:405px; }
#topTab .logo{ width:350px; text-align:center;vertical-align:middle;}
#topTab .logo img{ width:300px; height:297px;}
#topTab .topMenu{ height:26px;text-align:right;vertical-align:middle;color: #606060;letter-spacing: 1px; font-size: 11px;}
#topTab .topMenu a{ color: #606060; text-decoration: none;}
#topTab .topMenu a:hover { color: #888;text-shadow: #fff 5px 5px 20px;}
#topTab .hedMenu{ text-transform: uppercase;font-size:11pt;letter-spacing:3px;text-align:right;padding:30px 0 0 0}
#topTab .hedMenu a{ color:#777; text-decoration:none; padding:0 0 0 20px; }
#topTab .hedMenu a:hover{ color:#ddd;text-shadow: #fff 5px 5px 20px; }
#topTab .titolo{ font-size:32pt; color:#fff; text-shadow: #fff 0px 0px 30px;padding:60px 0 0 0}
#topTab .down{ text-align:right; }
#topTab .down a {background-image:url('btD1.png');background-attachment:inherit; background-repeat:no-repeat; background-position:left center }
#topTab .down a:hover { background-image: url('btD0.png'); color:#fff; text-shadow: #fff 5px 5px 20px;}
#topTab .down a { text-decoration: none;font: 18pt/60px Arial, Helvetica, sans-serif;padding:20px 0px 10px 70px;color: #aaa; }

/*#bodySt{background: url('bokeh-header.jpg') #F0F0F0 repeat-x scroll center top }*/

#hText{ position:absolute ;top:420px;width: 944px;height:155px;clear:both }
#hText td{ width:33%;vertical-align:top; font-size:12px;line-height:1.8em;color:#777;padding:5px}
#hText h2 a{ text-decoration:none; font-size:20px; letter-spacing:0px;color:#333; font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif}

#hText .treeOne { margin:0; padding:0 0 0 0px;background: url('giu.png') no-repeat scroll right 5px ; clear:both }
#hText .treeOne ul{ padding:0;clear:both }
#hText .treeOne ul li {list-style: none ;font-size: 16pt;margin:0;padding:0;	text-align:left }
#hText .treeOne ul li hr{ margin:3px}
#hText .treeOne ul li a { text-decoration:none; }
#hText .treeOne ul ul{ margin:0;padding:0}
#hText .treeOne ul ul li {list-style:none;float:left;width:24.5%;margin:0; padding:0;	font-size: 10pt;}

#hText .treeOne ul.treeGr{ padding:10px 0 0 0;width:auto}
#hText .treeOne ul.treeGr li a{ color:#888}
#hText .treeOne ul.treeGr li a:hover{ color:#000}
#hText .treeOne ul.treeGr li ul{ display:none;clear:both}
#hText .treeOne ul.treeGr li:hover ul{ display:block;position:absolute;margin:-10px 0 0 30px;z-index:1}
#hText .treeOne ul.treeGr ul{ width:860px;padding:5px;border:medium solid #fff;background:#E5E5E5 }
#hText .treeOne ul.treeGr ul li{list-style:none;float:left;width:200px;margin:0; padding:5px; font-size: 9pt; }
#hText .treeOne ul.treeGr ul li:hover{ color:#000;background:#F4F4F4}

#hText .treeOne ul.treeAr { padding:10px 0 0 0;width:auto}
#hText .treeOne ul.treeAr li a{ color:#000}
#hText .treeOne ul.treeAr li a:hover{ color:#888}
#hText .treeOne ul.treeAr li ul{ display:none;clear:both}
#hText .treeOne ul.treeAr li:hover ul{ display:block;position:absolute;margin:-10px 0 0 30px}
#hText .treeOne ul.treeAr ul{ width:860px;padding:5px;border:medium solid #fff;background:#F4F4F4 }
#hText .treeOne ul.treeAr ul li{list-style:none;float:left;width:200px;margin:0; padding:5px; font-size: 9pt; }
#hText .treeOne ul.treeAr ul li:hover{ color:#000;background:#E5E5E5}

#hText #link1 .btRig{ margin:15px 0 3px 0; padding:0; border-bottom:thin #888 solid }
#hText #link1 .linkOne{ position:absolute; margin:-5px 0 0 -500px; display:none; clear:both; width:860px; padding:5px; border:medium solid #fff; background:#E5E5E5 }
#hText #link1:hover .linkOne{ display:block; z-index:1 }
#hText #link1 .linkOne li{ list-style:none; float:left; width:200px; margin:0; padding:5px; font-size: 9pt; }
#hText #link1 .linkOne li:hover{ color:#000; background:#F4F4F4 }

#tabHed{width:100%}
#tabHed td{width:33%}
#tabHed .hedMenu{ text-transform: uppercase;font-size:10pt;letter-spacing:1px;text-align:right;padding:0}
#tabHed .hedMenu a{ color:#777; text-decoration:none; padding:0 0 0 10px; }
#tabHed .hedMenu a:hover{ color:#222; text-shadow: #fff 0px 0px 40px; }

#tabFoto640{}
#tabFoto640 #foto640{ height:560px; text-align:center ;padding:0px;background:url('foto1.png') transparent no-repeat scroll; }
#tabFoto640 #fotoHC { padding:0px; z-index:10 }
#tabFoto640 #fotoH { padding:0px; }
#tabFoto640 #fotoHC #play { display:none; width:55px; height:55px; position:absolute; background: url('Tstop.png') no-repeat center center; cursor:pointer;text-align:center ;vertical-align:middle;font-size:10pt; z-index:18}
#tabFoto640 #fotoHC:hover #play { display:block }
#tabFoto640 .gallery { margin:0; padding:0; }
#tabFoto640 .gallery li {float:left;margin:2px;list-style:none;}


#tabFoto320 .gallery { margin:0; padding:0; }
#tabFoto320 .gallery li {float:left;margin:2px;list-style:none;}

#pageMainWrapper{ width: 100% !important; margin:0; padding:0; clear:both;}
#pageMain { width: 944px;height:300px; margin: 0 auto 0 auto;color:#666666;height:auto ;clear:both;}
#pageMain #fotoHC1 { float:left ; padding:0px; z-index:10; background: url('bg320.png') transparent no-repeat scroll;width:360px;height:280px;text-align:left;margin:0; }
#pageMain #fotoH1{padding:0px; margin:20px;}
#pageMain #fotoHC2 { float:right; padding:0px; z-index:10; background: url('bg320.png') transparent no-repeat scroll;width:360px;height:280px;text-align:left;margin:0; }
#pageMain #fotoH2{padding:0px; margin:20px;}

#pageSubWrapper{ width: 100% !important; margin:0; padding:0; clear:both;}
#pageSub { width: 944px; margin: 0 auto 0 auto;color:#666666;clear:both;}
#pageSub .col270 {float: left; width: 290px;height:430px; margin:10px; text-align:center }
#pageSub .col270 img{width: 280px;height:210px; border:medium #18191D solid }
#pageSub .col270 h2{ }
#pageSub .col270 h2 a{ text-decoration:none; color:#555}
#pageSub .col270 h2 a:hover { color:#444;text-shadow: #000 2px 2px 10px;}
#pageSub .col270 p{ text-align:justify }


#pageFooterWrapper { width: 100% !important;	background: url(footer-bg.jpg) repeat-x scroll;	background-position: center bottom;height: 385px;margin:0;padding:0; clear:both;}
#pageFooter { width: 944px; margin: 0 auto 0 auto;padding:80px 0 0 0 ; color:#777;}
#pageFooter a{ color:#888;text-decoration:none }
#pageFooter a:hover{color:#ccc; text-shadow: #fff 5px 5px 20px;}
#pageFooter table td{width:20%;vertical-align:top;text-align:justify }
#pageFooter ul{ padding:5px; margin:2px;font-size:8pt;line-height:14pt;letter-spacing:1px}
#pageFooter H5{ margin:2px}
#pageFooter .dowFot div { clear:both;font-size:12pt;padding:0 0 0 70px ;background-image:url('btD1.png');background-attachment:inherit; background-repeat:no-repeat; background-position:left center }
#pageFooter .dowFot div:hover{  background-image: url('btD0.png'); color:#eee;text-shadow: #fff 5px 5px 20px; cursor:pointer }
#pageFooter .dowFot p { font-size:10pt;padding:0; }



#fotoZ {visibility: hidden;	display: inherit;	position: fixed;	top: 0%;	left: 0%;	width: 100%;	height: 100%;	background:url('bg02-70.png');z-index:20}
#fotoZ #fotoZimg {width: 640px;	height: 480px;	display: block;	position: absolute;	top: 50%;	left: 50%;	margin: -240px 0 0 -320px;}

@media print {
	.horizontalNavigationBar { display: none; }
}