body {font-size: 75%; font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, Swiss, sans-serif; margin:0;padding:0;background: url(../img/body_sfo.gif) repeat-x 0 0; }
table {font-size: 1em;margin:0;border-collapse:collapse}
td {padding:1px 5px 2px 5px;}
h1 {font-weight:bold;font-size:1.5em;font-family:Verdana, sans-serif;}
h2 {font-weight:bold;font-size:1.5em;}
h3 {font-weight:bold;font-size:1.1em;}
#corpo h1 {text-indent:10px;position:relative;left:0;display:block;width:760px;height:1.6em;color:gray;background-color:#d3d3d3;margin:0;padding:0 2px 0 0;}
#pagina h1 {text-align:center;position:relative;width:740px;height:auto;color:gray;background-color:transparent;padding:0 0 0 10px;}
#home h1 {display:inline;width:auto;height:auto;color:gray;background-color:transparent;margin:2px 0 0 0 ;padding:0 0 0 5px;}

#colSx {position:relative;width:172px;height:420px;float:left;margin:0;}
#colDx {position:relative;width:560px;height:390px;float:right;border:1px solid silver;margin:0;}
#colDx h1 {margin:0;padding:0;}
#colDx p {margin:0;}
#colCentro {position:relative;top:-30px;width:100%;float:none;clear:both;}

#news,
#agenda{display:block; height:189px;width:170px;margin-right:10px;border:1px solid silver}
#agenda h1,
#news h1{padding:0;padding-bottom:5px}
#agenda marquee,
#news marquee{clip: rect(40px, 160px, 70px, 20px);overflow:hidden;margin-top:5px;margin-left:5px;height:130px;width:160px;font-size: 0.8em}
.scrollTitle{font-weight:bold;font-size: 1.1em;margin:-8px 0 -10px 0}
.scrollData{font-weight:bold;font-size: 1.1em;color:red;}
.scrollText{font-weight:normal;margin-top:-8px}
.scrollLink{text-align:right;border-bottom:1px solid silver;margin:-10px 0 10px 0;padding-bottom:5px}

a, a:link, a:visited, a:active {color: #4f7ddb; font-weight: bold; text-decoration: none; background: url(../img/bot_gen.gif) no-repeat 0 3px; padding:0 0 0 14px;}
a:hover {color:#660000;background-position:-1px -17px; background-color:transparent;}
a:active {color: #d96262}
a:focus {color: #d96262}

input,button,select,option {border:1px solid silver;font-size:0.8em;}
cite:before { content:open-quote }
cite:after { content:close-quote }


#corpo{background-color:#ffffff;margin-top: 0px; margin-left: -380px;position: relative; left: 50%; width: 760px}
#pagina {width: 750px;min-height:360px;height:auto !important;height:360px;position:relative;background-color:#ffffff;padding: 0 5px 0 5px;border: 1px solid white}
#home {width: 740px;text-align:center;background-color:#ffffff;padding: 0 10px 0 10px;border: 1px solid white}
#home div {margin-bottom:10px;}
#home img {margin:5px 0 5px 0}
.barra {position:relative;border-bottom:1px solid silver;padding-bottom:4px;padding-top:3px;width:99%}

#header span {display:none}
#header li {list-style-type:none}
#header ul {font-size:0px;}
#lingue li {display:inline;width:19px;height:13px}

#lingue {padding:0;margin:3px;position:absolute;top:4px;right:0;width:auto;height:14px}
#lingue:before {content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#it {float:left;font-size:1px;border:1px solid black;margin:0 2px 0 2px;background: url(../img/it.gif) no-repeat 0 0 ;}
#it a, #it a:link, #it a:visited, #it a:hover, #it a:active {display:block;width:auto;height:13px;background: url(../img/it.gif) no-repeat 0 0 ;}

#en {float:left;font-size:1px;border:1px solid black;margin:0 2px 0 2px;background: url(../img/en.gif) no-repeat 0 0 ;}
#en a, #en a:link, #en a:visited, #en a:hover, #en a:active {display:block;width:auto;height:13px;background: url(../img/en.gif) no-repeat 0 0 ;}

#es {font-size:11px;border:1px solid black;margin:0 2px 0 2px;background: url(../img/es.gif) no-repeat 0 0 ;}
#es a, #es a:link, #es a:visited, #es a:hover, #es a:active {width:19px;height:13px;background: url(../img/es.gif) no-repeat 0 0 ;}

#de {font-size:11px;border:1px solid black;margin:0 2px 0 2px;background: url(../img/de.gif) no-repeat 0 0 ;}
#de a, #de a:link, #de a:visited, #de a:hover, #de a:active {width:19px;height:13px;background: url(../img/de.gif) no-repeat 0 0 ;}

#fr {font-size:11px;border:1px solid black;margin:0 2px 0 2px;background: url(../img/fr.gif) no-repeat 0 0 ;}
#fr a, #fr a:link, #fr a:visited, #fr a:hover, #fr a:active {width:19px;height:13px;background: url(../img/fr.gif) no-repeat 0 0 ;}

#nl {font-size:11px;border:1px solid black;margin:0 2px 0 2px;background: url(../img/nl.gif) no-repeat 0 0 ;}
#nl a, #nl a:link, #nl a:visited, #nl a:hover, #nl a:active {width:19px;height:13px;background: url(../img/nl.gif) no-repeat 0 0 ;}

#sl {font-size:11px;border:1px solid black;margin:0 2px 0 2px;background: url(../img/sl.gif) no-repeat 0 0 ;}
#sl a, #sl a:link, #sl a:visited, #sl a:hover, #sl a:active {width:19px;height:13px;background: url(../img/sl.gif) no-repeat 0 0 ;}

#message{height:360px;background-color:#ffffff;padding: 0 10px 0 10px;border: 1px solid white}

/*stile delpič di pagina*/
#footer{clear:both;position:relative;height:100px;width:100%;margin:0 0 0 0;background: url(../img/foot_sfodx.gif) no-repeat bottom;}
#footer a, #footer a:link, #footer a:visited  { background: none; padding: 0px }
#footer a:hover  { background: none; padding: 0px }
#footer a:active  { background: none; padding: 0px }
#footer #pag_init {position:relative;top:-16px;left:620px;white-space: nowrap;}
#footer #pag_init a, #footer #pag_init a:visited, #footer #pag_init a:link {text-indent:16px;color: black; font-size: 10px;display:block; width:15px; height:15px;background: url(../img/pag_up_b.gif) no-repeat 0 0 ;}
#footer #pag_init a:hover {background-position: 0 -15px;}
#footer #pag_init a:active{background-position: 0 0;}
#footer #disclaimer{position:absolute;top:-5px;left:20px;color: black; font-size: 0.8em;display:block; width:500px; height:15px;white-space: nowrap;}
#footer #footercn {font-size:1em;display:block;margin-left: -380px;position:absolute;left: 50%;bottom:0px;width:760px; height:59px;z-index: 5}
#footer #valid{position:absolute;bottom:18px;left:20px;color: black; font-size: 0.8em;width:200px; height:15px;white-space: nowrap;}

/*stile dei bottoni di pagina*/
#pag_b{clear:both;position:relative;bottom:0px;left:0px;z-index: 9;padding-top:20px}
#pag_b #pag_bkd_b{position:absolute;top:0px;left:200px;white-space: nowrap}
#pag_b #pag_bkd_b a, #pag_b #pag_bkd_b a:link,  #pag_b #pag_bkd_b a:visited  {color: black; font-size: 10px;display:block; width:15px; height:15px;background: url(../img/pag_bkd_b.gif) no-repeat 0 0 ;}
#pag_b #pag_bkd_b a:hover {background-position: 0 -15px;}
#pag_b #pag_bkd_b a:active{background-position: 0 0;}
#pag_b #pag_up_b{position:absolute;top:0px;left:320px;white-space: nowrap}
#pag_b #pag_up_b a, #pag_b #pag_up_b a:link, #pag_b #pag_up_b a:visited  {color: black; font-size: 10px;display:block; width:15px; height:15px;background: url(../img/pag_up_b.gif) no-repeat 0 0 ;}
#pag_b #pag_up_b a:hover {background-position: 0 -15px;}
#pag_b #pag_up_b a:active{background-position: 0 0;}
#pag_b #pag_fwd_b{position:absolute;top:0px;left:430px;white-space: nowrap;}
#pag_b #pag_fwd_b a, #pag_b #pag_fwd_b a:link, #pag_b #pag_fwd_b a:visited  {color: black; font-size: 10px;display:block; width:15px; height:15px;background: url(../img/pag_fwd_b.gif) no-repeat 0 0 ;}
#pag_b #pag_fwd_b a:hover {background-position: 0 -15px;}
#pag_b #pag_fwd_b a:active{background-position: 0 0;}

#pag_g{clear:both;position:absolute;top:6px;right:350px;}
#pag_g #pag_bkd_g{position:absolute;top:0px;left:0px;white-space: nowrap}
#pag_g #pag_bkd_g a, #pag_g #pag_bkd_g a:link,  #pag_g #pag_bkd_g a:visited  {color: black; font-size: 10px;display:block; width:15px; height:15px;background: url(../img/pag_bkd_g.gif) no-repeat 0 0 ;}
#pag_g #pag_bkd_g a:hover {background-position: 0 -15px;}
#pag_g #pag_bkd_g a:active{background-position: 0 0;}
#pag_g #pag_up_g{position:absolute;top:0px;left:120px;white-space: nowrap}
#pag_g #pag_up_g a, #pag_g #pag_up_g a:link,  #pag_g #pag_up_g a:visited  {color: black; font-size: 10px;display:block; width:15px; height:15px;background: url(../img/pag_up_g.gif) no-repeat 0 0 ;}
#pag_g #pag_up_g a:hover {background-position: 0 -15px;}
#pag_g #pag_up_g a:active{background-position: 0 0;}
#pag_g #pag_fwd_g{position:absolute;top:0px;left:230px;white-space: nowrap;}
#pag_g #pag_fwd_g a, #pag_g #pag_fwd_g a:link,  #pag_g #pag_fwd_g a:visited  {color: black; font-size: 10px;display:block; width:15px; height:15px;background: url(../img/pag_fwd_g.gif) no-repeat 0 0 ;}
#pag_g #pag_fwd_g a:hover {background-position: 0 -15px;}
#pag_g #pag_fwd_g a:active{background-position: 0 0;}

/*stile del titolo*/
#barratitolofoto{display:block;height:28px;width:100%;background-color:#584939;padding:0 0 0 10px; border-bottom: white 1px solid}
#barratitolofoto .titlewhite { color: #dcc6b0; font-weight: bold; font-size: 18px; font-family: Verdana, sans-serif }
#barratitolofoto .notewhite { color: #cabfb3; font-style: italic; font-size: 10px; vertical-align: baseline }
#barracommento{display:block;padding: 5px 5px 5px 5px;position: relative; left:0;width:752px;color: black; font-size: 0.8em;background-color:#ffffff}
.pallini {text-indent:0;padding-left:10px;padding-top:2px;margin-right:5px;background: url(../img/bot_gen.gif) no-repeat 6px 10px; width: auto; height: 24px}
h1 marquee {padding-top:5px;color: black; width:740px;font-weight: bold; font-size: 0.7em}

/*stili vari*/
h1 a,
.foto a,
.foto a:link,
.foto a:visited, 
.foto a:hover,
.foto a:active,
.foto1 a, 
.foto1 a:link,
.foto1 a:visited,
.foto1 a:hover, 
.foto1 a:active, 
.foto2 a, 
.foto2 a:link,
.foto2 a:visited, 
.foto2 a:hover,
.foto2 a:active {background: none; padding: 0px}
.nobutton a, .nobutton a:link, .nobutton a:visited { color: #4f7ddb; font-weight: bold; text-decoration: none; background: none; padding: 0px }
.nobutton a:hover  { background: none; padding: 0px }
.nobutton a:active { color:#d96262; background: none; padding: 0px }

.notenere { color: black; font-size: 0.8em }
.notebianche { color: white; font-size: 0.8em }
.paragrafi { margin-left:4px;color: white; font-weight: bold; font-size: 12px }
.paragrafi2 { color: black; font-weight: bold; font-size: 12px }
.righe { font-weight: bold; font-size: 12px; border-top: 2px solid white }
.righeloffie { font-weight: normal; border-top: 2px solid white }
.scrittine { color: gray; font-size: 12px }
.scrittinebianche { color: white; font-size: 12px }
.scrittinenere { color: black; font-size: 12px }
.testo  { color: black; font-size: 12px }
.testoindentato    { color: black; font-size: 12px; line-height: 14px; text-align: justify; text-indent: 8px; padding-right: 40px; padding-left: 40px }
.title { color: gray; font-weight: bold; font-size: 18px }
.title1 { color: gray; font-weight: 900; font-size: 16px }
.titlewhite { width:100%;color: white; font-weight: bold; font-size: 18px; padding: 0 0 3px 10px }
table.tripad { padding-top: 2px; padding-bottom: 2px; padding-left: 4px }
table.contorno { border: solid 1px #c0c0c0 }
tr.rigarossa  { background-color: #c04d4d; padding:2px 0px 2px 5px }
tr.rigablu { background-color: #36c; padding:2px 0px 2px 5px }
tr.rigaverde { background-color: #696; padding:2px 0px 2px 5px }
.fotobordo a, .fotobordo a:link, .fotobordo a:visited { border: solid 1px #000; background: none; padding: 0px }
.fotobordo a:hover { border: solid 1px #c00; background: none; padding: 0px }
.fotobordo a:active{ border: solid 1px #000; background: none; padding: 0px }
hr { color: #d3d3d3; background-color: #d3d3d3; height: 1px }
.mail div {margin:13px 0 3px 100px}
.mail input, .mail button, .mail select {border:1px solid silver;font-size:0.8em;width:12em;position:absolute; left:300px}
.mail option {font-size:0.9em;}
.mail .avviso{font-weight:bold;font-size:1.1em;color:red}

/*stili per i popup*/
#popupHead{width:460px;height:40px;display:block;background: url(../img/popup.jpg) no-repeat 0 0;border-bottom:1px solid black}
#popupPage{position:relative;height:340px;background-color:white}
#popupGrayStrip {z-index:0;position:absolute;top:0;width:100%; height:1.75em;display:block;background-color:#dcdcdc;}
#popupColSx{float:left;z-index:1;position:relative;font-size:0.8em;display:inline;height:340px;background-color:#dcdcdc;border-right:1px solid #ff8c00;border-bottom:1px solid #ff8c00;padding-left:10px;padding-right:10px}
#popupColSx img {border:1px solid black;margin:10px 0 10px 0}
.anchor,
#popupColSx a,
#popupColSx a:link,
#popupColSx a:visited,
#popupColSx a:hover,
#popupColSx a:active {background: none; padding: 0px}
#popupColDx{float:left;z-index:2;position:relative;display:inline;width:310px;height:100%;background-color:white}
#popupTitle{position:relative;top:0;width:100%; min-height:1.25em;height:auto !important;height:1.25em;display:block;font-size:1.4em;font-weight:bold;background-color:#dcdcdc;}
#modello {position:relative; top:0;left:-0.5em; display:inline;}
#anno {font-style:italic; position:absolute; top:0;right:15px; display:inline;color:gray}
#popupColDx div {margin: 0 0 1.2em 0;padding-left:0.5em}
#popupFoot{font-size:0.8em;display:block;height:16px;position:relative; bottom:0px;width:100%;padding: 0 5px 0px 0;background-color:transparent;}
#closePop{margin-left:10px;position:absolute; bottom:0;left:0; display:inline;}
#printPop{margin-right:10px;position:absolute; bottom:0;right:0; display:inline;}
#popupCredits{position:relative;height:100%;background-color:white; padding: 20px 10px 10px 10px}
#popupCredits div {margin-bottom:10px}
.creditsTitle{font-weight:bold;font-size:1.1em;}
.creditsName{position:relative;right:-100px;top:-14px}
.popupNote{ text-align:center;color: black; font-size: 0.8em }

/*stili per foto*/
#paginafoto{background-color:#cabfb3; height:100%;overflow:auto}
#paginafoto #foto {width:70%;text-align:center;margin:5px 0 0 5px;display:inline;float:left}
#paginafoto #foto img {border:1px solid black;}
#paginafoto #testo {width:20%;padding-left:5px;margin:5px 15px 0 0;display:inline;float:right}
#paginafoto #testo .note  { margin-top:0.8em;color: #fff; font-size: 0.8em }
#paginafoto #testo .commento { margin-top:0.2em;color: black; font-size: 1em }
#paginafoto #testo .testowhite { color: #cabfb3; font-size: 12px; vertical-align: baseline }
#paginafoto #testo .title  { color: #584939; font-weight: bold; font-size: 1.4em }
#barratitolofoto .titlewhite { vertical-align: middle;color: #dcc6b0; font-weight: bold; font-size: 1.5em; font-family: Verdana, sans-serif }
#barratitolofoto .notewhite { vertical-align: middle;width:25%;position:absolute;right:10px;bottom:4px;color: #cabfb3; font-style: italic; font-size: 0.8em;}
#thumb {background-color:#cabfb3}
#thumbfoto {background-color:#cabfb3; height:100%;text-align:center}
#thumbfoto img {border:1px solid black;margin: 3px}
#thumbfoto a,
#thumbfoto a:link,
#thumbfoto a:visited,
#thumbfoto a:hover,
#thumbfoto a:active {background: none; padding: 0px}

.backoffice {position:relative;text-indent:0;font-size:14px;height:14px;width:14px;background: url(../img/bot_edit.gif) no-repeat 0 0;margin:2px 0 0 0;padding:0;border:1px solid black}
.backoffice a, .backoffice a:link, .backoffice a:visited {position:absolute;padding:0;height:13px;width:14px;background: url(../img/bot_edit.gif) no-repeat 0 0;}
.backoffice a:hover {background-position:0 -16px;}
.backoffice a:active {background-position:0 0;}
.icotess {height:14px;width:14px;background: url(../img/bot_tess.gif) no-repeat 0 0;margin:0;padding:0;}
#corpo h1 .backoffice {position:relative;top:6px;}
#corpo h1 .backoffice a {border:1px solid black;}

/*div {border: 1px solid #000000}*/

.fotobordo2 a, .fotobordo2 a:link, .fotobordo2 a:visited { border: none; background: none; padding: 0px }
.fotobordo2 a:hover { border: none; background: none; padding: 0px }
.fotobordo2 a:active{ border: none; background: none; padding: 0px }
.fotobordo2 img { border: none;}
.notenere2 { color: black; font-size: 0.8em;margin:-20px;padding:0 }

/*bottoni comuni*/
#header #bot_home{position:absolute;top:0px;left:0px;background: url(../img/bot_home.gif) no-repeat 0 0 ;}
#header #bot_home a, #header #bot_home a:link, #header #bot_home a:visited  {display:block; width:76px; height:19px;background: url(../img/bot_home.gif) no-repeat 0 -58px;}
#header #bot_home a:hover {background-position: 0 -135px;}
#header #bot_home a:active{background-position: 0 -0;}
#header #bot_link{position:absolute;bottom:0px;left:210px;background: url(../img/bot_link.gif) no-repeat 0 0 ;}
#header #bot_link a, #header #bot_link a:link, #header #bot_link a:visited  {display:block; width:49px; height:77px;background: url(../img/bot_link.gif) no-repeat 0 0 ;}
#header #bot_link a:hover {background-position: 0 -77px;}
#header #bot_link a:active{background-position: 0 -0;}
#header #bot_foru{position:absolute;bottom:0px;left:252px;background: url(../img/bot_foru.gif) no-repeat 0 0 ;}
#header #bot_foru a, #header #bot_foru a:link, #header #bot_foru a:visited  {display:block; width:58px; height:77px;background: url(../img/bot_foru.gif) no-repeat 0 0 ;}
#header #bot_foru a:hover {background-position: 0 -77px;}
#header #bot_foru a:active{background-position: 0 -0;}
#header #bot_docs{position:absolute;bottom:0px;left:294px;background: url(../img/bot_docs.gif) no-repeat 0 0 ;}
#header #bot_docs a, #header #bot_docs a:link, #header #bot_docs a:visited  {display:block; width:50px; height:77px;background: url(../img/bot_docs.gif) no-repeat 0 0 ;}
#header #bot_docs a:hover {background-position: 0 -77px;}
#header #bot_docs a:active{background-position: 0 -0;}
#header #bot_back{position:absolute;top:51px;left:448px;  z-index: 1;}
#header #bot_back a, #header #bot_back a:link, #header #bot_back a:visited  {display:block; width:114px; height:18px;background: url(../img/bot_back.gif) no-repeat 0 0 ;}
#header #bot_back a:hover {background-position: 0 -18px;}
#header #bot_back a:active{background-position: 0 -0;}
#header #head_faro{position:absolute;top:0px;left:340px;  z-index: 0; background: url(../img/head_faro.jpg) no-repeat 0 0 ;}
#header #head_faro a, #header #head_faro a:link, #header #head_faro a:visited  {display:block; width:106px; height:72px;background: url(../img/head_faro.jpg) no-repeat 0 0 ;}
#header #head_faro a:hover {background-position: 0 -72px;}
#header #head_faro a:active {background-position: 0 -0;}