* { padding: 0; margin: 0;}
html { padding: 0; margin: 0; border: 0;}
body { padding: 0; margin: 0; border: 0; text-align: center; font-size: 72.5%; font-family: Arial, Helvetica, sans-serif; background: #535353 url("vista-background.jpg") repeat-y center top;}
h2 { font-size: 1.5em; padding: 5px 0 0px 32px; color: #333;}
h3 { margin: 2px 0 3px 0; color: #333;}
p { padding-top: 5px; padding-bottom: 5px; line-height: 1.4em;}
a { text-decoration: none; color: #002dcb;}
a:hover {text-decoration: underline; }
/*inizio page_bgr *************/
#page_bgr { text-align: left; width: 960px; margin: 0 auto; position: relative;}
p#welcome{ color:#fff; text-align: right; padding: 10px 6px 6px 6px;}
p#welcome a { text-decoration: none; color: #fff;}
p#welcome a:hover { text-decoration: underline; color: #fff; }
h1 { text-align: left; margin-left: 9px; height: 52px; width: 281px; /*background: url(windowsclient_logo.gif) bottom left no-repeat;*/ }
h1 span { color:white ;/*visibility: hidden;*/ }
h1 a:hover { display:block; text-decoration: none;height: 52px; width: 281px; }
h1 a { display:block; text-decoration: none;height: 52px; width: 281px; }
img{border-radius: 10px;}
.cleaner { clear: both;}
.separator { padding: 0 5px; }
/*inizio header *************/
#header{ background: url("Vista-Header.gif");text-align: left;vertical-align:middle ;position: relative;width: 960px;height: 33px; padding: 15px 0 0 0; margin: 0;}
#header a{ margin:0 0 0 10px; text-align:left;font-size:16pt;text-decoration:none; color:white }
#titoloDoc{color:#fff;font-size:16pt;font-weight:bold;float:left}
#titoloDoc span {color:#ccc; font-size:14pt;font-weight:bold;cursor:pointer }
#titoloDoc span:hover { color:#fff}
#header div{text-align:right; padding:2px 8px 0 0}
#headerBox { position: absolute; top: 16px; left: 698px; width: 250px; font-size: 0.8em; text-align: right; height:30px;}
#headerBox a { text-decoration: underline; }
#headerBox table { float: right; }
#headerBox table tr td { padding: 0; margin: 0; }
#headerBox input#WLSearchBoxInput { height: 22px; border: solid 1px #666; padding: 0; margin: 0;}
#WLSearch { margin-top: 15px;}
#WLSearchBoxButton { background: url("search.jpg") no-repeat; border: none; height: 24px; width: 25px; cursor: pointer;}
#WLSearchBoxInput { width: 180px; margin-left: 42px; text-align: left; font-size: 16px; height: 22px; padding: 0px; margin-bottom: 0px; vertical-align: bottom;}
.VertAllignMiddle input{color: Red; vertical-align: bottom;}
.headerTitolino{margin-left: 10px; margin-top: 15px; height: 28px; color:white ; text-align:left; font-size:16pt}
/*Fine header *************/
/*Fine page_bgr *************/
/*inizio page *************/
#page { text-align: left; width: 960px; margin: 0 auto; position: relative; background: #f0f0f0 url("Vista-Page.gif") repeat-y left top; padding-bottom: 15px;}
/*inizio top menu ****************/
#top_menu_bar{ margin: 0 6px; background: #3b789c url("Vista-NavBar.gif") no-repeat top left; height: 33px;}
ul#top_menu { margin: 2px 0 0 0; padding: 0 2px; list-style: none; float:left;}
ul#top_menu li { float: left; }
ul#top_menu li a { color: #fff; float: left; width: 157px; height: 30px; font-size: 1.4em; line-height:30px; text-align: center; font-weight: bold; overflow:hidden;}
ul#top_menu li#community a { width: 159px; }
ul#top_menu li#getstarted a { width: 159px; }
ul#top_menu li#home a { width: 159px; }
ul#top_menu li.menu_last a { background: url("top_menu_bgr_l.jpg") ; }
ul#top_menu li a.active_menu { background: url("Vista-NavBar-Active.gif"); }
ul#top_menu .activeTab { background: url("Vista-NavBar-Active.gif") no-repeat bottom left; }
ul#top_menu .hoverTab { background: url("Vista-NavBar-Active.gif") no-repeat bottom left; }
ul#top_menu2 li#homepage a{ background: url("home.jpg") no-repeat bottom left; }
ul#top_menu li a:hover{ text-decoration: none; }
/*fine top menu ****************/
/*inizio top box ***************/
#top_box { width: 932px;padding: 20px 0; margin: 0 14px; background-color: #f0f0f0; border-bottom: solid 1px #999;}
#top_box .heading2{ padding-top: 10px; padding-left: 13px; background: #f0f0f0;}
#top_box img { float: left; display: block; margin: 0 22px 20px 0;}
#top_box h3 { padding: 0px;}
#top_box p { padding: 0px 0 4px 0;}
#bread_crumb { padding-left: 10px;}
#page_description { width: 500px; padding-top: 10px; padding-left: 10px;}
#top_box_empty { width: 932px; height: 7px; padding: 0; margin: 0 14px; background-color: #f0f0f0; border-bottom: solid 1px #999; }
#t_box_content { width: 571px; position: relative; }
#t_box_content { height: auto; background-color: #fff; padding: 0; width: 640px; border: 6px solid #BFBFBF;}
#t_box_content .inner { padding: 0 13px;}
#cPre{ height:270px; width: 640px; margin:10px 0 0 20px;}
#cPre .box {float: left; width: 200px;height: 125px; margin:0 5px 10px 5px;overflow:hidden;text-overflow: ellipsis; }
#cPre .box h3 {margin: 0;padding: 6px 6px 0 6px; border: solid 1px #999999;vertical-align:middle; height:20px; background:#F0F0F0; font-size: 1.15em; }
#cPre .box h3:hover {background:#BFBFBF;}
#cPre .box h3 a{color:#999999;margin:0 0 0 0px}
#cPre .box h3 a:hover {color:#fff;text-decoration:none }
#cPre .box img{ float:left;width:64px;height:48px; margin: 5px 10px 0 0px;border:none; }
#cPre .box p{ font-weight: bold; color: #666;padding:5px 0 10px 0 ;line-height: 1.3em;font-size: .98em;font-weight: normal;}
#cArt{width: 900px;min-height:300px;margin:5px 10px 10px 20px; font-size:12pt}
#cArt .colonne2{-webkit-column-count: 2;-webkit-column-rule: 1px solid #bbb;-webkit-column-gap: 2em;-moz-column-count: 2;-moz-column-rule: 1px solid #bbb;-moz-column-gap: 2em;column-count: 2;column-rule: 1px solid #bbb;column-gap: 2em;}
#cArt .colonne3{-webkit-column-count: 3;-webkit-column-rule: 1px solid #bbb;-webkit-column-gap: 2em;-moz-column-count: 3;-moz-column-rule: 1px solid #bbb;-moz-column-gap: 2em;column-count: 3;column-rule: 1px solid #bbb;column-gap: 2em;}
#cArt .colonne4{-webkit-column-count: 4;-webkit-column-rule: 1px solid #bbb;-webkit-column-gap: 2em;-moz-column-count: 4;-moz-column-rule: 1px solid #bbb;-moz-column-gap: 2em;column-count: 4;column-rule: 1px solid #bbb;column-gap: 2em;}
#cArt .colonne5{-webkit-column-count: 5;-webkit-column-rule: 1px solid #bbb;-webkit-column-gap: 2em;-moz-column-count: 5;-moz-column-rule: 1px solid #bbb;-moz-column-gap: 2em;column-count: 5;column-rule: 1px solid #bbb;column-gap: 2em;}
#cArt .cTit{font-size:14pt;border-bottom:1px gray solid;height:22px ;vertical-align:middle;margin:0 0 10px 0}
#cArt .cTit a { text-decoration:none; padding:0 0 3px 0px;position:relative ;top:-5px;color:gray }
#cArt .cTit a:hover { font-style: italic ;color:navy}
#cArt .cTit a img {border-radius: 0px; position:relative ;top:5px;margin:0 10px 0 0 ;padding:0; border:none }
#cArt .arBox{overflow:auto; height:350px;}
#cArt .arBox .arBoxN{ background-color:#E3E9F2; padding: 5px 15px 5px 10px; margin: 3px 0;}
#cArt .arBox .arBoxN.alter{ background-color:#EBEFF5}
#cArt .arBox .arBoxN:hover {background-color:#fff;}
#cArt .arBox .arBoxN h3{font-size: 1.05em;}
#cArt .arBox .arBoxN h3 a {font-size: 1.05em;}
#cArt .arBox .arBoxN h3{font-size: 1.05em;}
#cArt .arBox .arBoxN img{float: left; margin-right: 15px;width:64px;height:48px;border:none;}
#cArt .arBox .arBoxN p.data{font-size: 0.9em;font-weight: bold;margin: 0px;color: #979797;}
#cArt .arBox .arBoxN p.text{font-size: 0.9em;margin-bottom: 8px;}
#cArt .arBox .arBoxN a{color:#333333}
#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;}
#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 -640px;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;height:50px;margin:0; padding:5px; font-size: 9pt;text-overflow: ellipsis; overflow: hidden;}
#hText .treeOne ul.treeGr ul li:hover{ color:#000;background:#F4F4F4}
#hText .treeOne ul.treeGr ul li a{ line-height:48px;text-overflow: ellipsis;}
#hText .treeOne ul.treeGr ul li a img{ float:left; width:64px;height:48px;border-radius: 10px; border:thin white solid}
#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;height:48px; margin:0; padding:5px; font-size: 9pt; overflow: hidden;}
#hText .treeOne ul.treeAr ul li:hover{ color:#000;background:#E5E5E5}
#hText .treeOne ul.treeAr ul li a{ line-height: 48px; text-overflow: ellipsis;}
#hText .treeOne ul.treeAr ul li a img{ float:left; width:64px;height:48px;border-radius: 10px;}
#linkOne{margin:10px 0; padding:0;list-style-type: disc;list-style-position:inside;}
#linkOne a{ color:#8C8C8C}
#linkOne a:hover { color:#3A3A3A;text-decoration:none ;text-shadow: rgba(0, 0, 0, 0.5) 0 5px 5px;}
#fotoTop{margin:0 0 0 5px; width:650px; height:240px; }
#fotoTop #fotoHC1 {float:left;z-index:10;text-align:left;margin:0;padding:0px; border: none;}
#fotoTop #fotoH1{padding:0px; margin:0px;width:320px;height:240px;border-radius: 10px;}
#fotoTop #fotoHC2 {float:right ;z-index:10;text-align:left;margin:0;padding:0px; border: none;}
#fotoTop #fotoH2{padding:0px; margin:0 0 0 10px;width:320px;height:240px;border-radius: 10px;}
#tabFoto320{width:640px;height:250px;border-radius: 15px;}
#tabFoto320 #fotoHC{ float:left;width:320px;height:240px; margin:5px 10px 5px 5px;padding:0;border-radius: 10px;}
#tabFoto320 #fotoH{width:320px;height:240px;cursor:pointer;}
#tabFoto320 #gallery320 { margin:5px 0 0 0 ; padding:0; }
#tabFoto320 #gallery320 li {float:left;margin:0px;list-style:none;}
#tabFoto320 #gallery320 li img{ margin:2px; border:1px #5A5A5A solid ;width:64px;height:48px;border-radius: 5px;}
#tabFoto320 #gallery320 li img:hover { border-radius: 24px;}
#tabFoto640{ width:640px;height:480px;border: none}
#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 }
#gallery640 { margin:0; padding:0;float:none;border:none }
#gallery640 ul{ margin:0; padding:0 }
#gallery640 li {float:left;margin:2px;list-style:none;}
#gallery640 li img{ border:none;}
/*inizio right_col *******/
#right_col { position: absolute; top: 53px; left: 680px; /*border: 10px solid #9f9f9f; width:200px;*/}
.rc_content { border-top: solid 1px #999999; padding: 0 10px; }
.rc_box { border: solid 1px #999999; background-color: #ffffff; width: 250px; margin: 5px; padding: 0; }
.rc_box h2 { background-color: #f0f0f0; margin:1px; padding: 0 0 0 10px; font-weight: normal; font-size:13pt}
.rc_box h2 a { background-color: #f0f0f0; margin: 1px; padding: 0; font-weight: normal; font-size:13pt; color: #002dcb;}
.rc_box h2 img { vertical-align: middle; width: 29px; height:30px; padding: 0 5px 0 5px; }
.rc_box h3 { padding: 9px 0; margin: 0; }
.rc_box_NoIconHeader h2 { line-height: 39px; vertical-align: middle; padding-left: 10px; }
#rc_ad { width: 250px; height: 250px; background-color: #bbb; margin-bottom: 15px; }
.rc_box_bottom { margin-bottom: 15px; }
.AdvertiseLink{ text-align: right; font-size:10pt; color:#C0C0C0}
.AdvertiseLink a{ color: #3E79AA; text-decoration: none }
.AdvertiseLink a:hover { color: #FF6600; /*text-decoration: underline;*/ }
/*fine right_col *******/
/*Fne page *************/
#page_bottom { height: 16px; background: url("Vista-Bottom.gif"); text-align: left; width: 960px; margin: 0 auto; margin-bottom: 4px;}
/*inizio footer *******/
#footer { color: #fff;font-size: 0.9em;text-align:left;width:960px;margin:0 auto 50px auto;position:relative;}
#footer p { margin: 0;padding: 0 0 2px 4px; text-align: left; /*width: 960px;*/ margin-bottom: 4px;}
#footer a { color: #fff; text-decoration: none ;}
@media print{
.noPrint{ display:none }
#titoloDoc span{display:none}
h2 {font-size: 1.5em; padding: 5px 0 0px 32px; color: #333;}
h3 {margin: 2px 0 3px 0; color: #333;}
p { padding-top: 5px;padding-bottom: 5px;line-height: 1.4em;color: #000;}
a { text-decoration: none; font-style: italic ; color: #000;}
h1 span { color:#000 ;}
}