body {background-color: #eeeeee; background-image: url(img/sfnew.jpg); background-size: 100%; background-repeat: no-repeat; background-attachment: fixed; background-position: top; margin:0; padding:0; font-family: Verdana, Arial, Helvetica, Sans Serif; color: #000000; }
a:link, a:visited, a:active { color=#666655; text-decoration: none;  font-family: Verdana, Arial, Helvetica, Sans Serif; font-size: 12px;}
a:hover {color=#777766; text-decoration: none; font-family: Verdana, Arial, Helvetica, Sans Serif; font-size: 12px; }
.testata {padding:0px; margin:0px; border-spacing:0; }
.sottotitolo {background: #eeeeee url(/img/sfst.png) repeat-x; color=#000000; font-family: Verdana, Arial, Helvetica, Sans Serif; font-size: 10px; padding:0px; margin:0px; border-spacing:0; }
.fondo {color=#000000; font-family: Verdana, Arial, Helvetica, Sans Serif; font-size: 10px; text-align:center;}
.menu {color=#000000; font-family: Verdana, Arial, Helvetica, Sans Serif; font-size: 12px; padding:0px; margin:0px; border-spacing:0; }
.centrale {color=#000000; font-family: Verdana, Arial, Helvetica, Sans Serif; font-size: 12px; padding:0px; margin:0px; border-spacing:0; }
.eventi {background-color: #eeeeee; color=#000000; font-family: Verdana, Arial, Helvetica, Sans Serif; font-size: 12px; padding:0px; margin:0px; border-spacing:0; }
.tab1 {text-align: center; border-style: dotted; border-width: 2px; background-color: #aabbcc; border-bottom-color: #887777; border-left-color: #aa8888; border-right-color: #887777; border-top-color: #aa8888; }
.tab2 {text-align: center; color=#000000; font-family: Verdana, Arial, Helvetica, Sans Serif; font-size: 12px; }
.bottone {color:#887777; background:#aabbcc; font-weight:bold; border-width:thin; font-family:Verdana;}
.input {color:#887777; background:#eeeeee; border-style:solid; border-width:thin; border-color:#aa8888;}
.input:focus {outline: 1px solid green; background:#ffffff;}
.cercabot {color:#887777; background:#aabbcc; font-weight:bold; border-width:thin; font-family:Verdana;}
.cercainput {color:#887777; background:#eeeeee; border-style:solid; border-width:thin; border-color:#aa8888;}
.cal { display: block; float: left; text-align: center; width: 46px; height: 53px; padding-top: 3px; margin-right: 3px; margin-left: -1px; background: url(img/day.png) no-repeat; cursor:default; }
.calmese { display: block; font-size: 11px; line-height: 13px; font-weight: bold; color: #FFFFFF; text-align: center; text-transform: lowercase; }
.caldata { display: block; font-family: Verdana, Serif; font-size: 22px; padding: 0px; margin-top: -4px; text-align: center; color:blue; }
.calgiorno { color:#919191; display: block; font-size: 10px; line-height: 8px; padding: 0px; margin-top: -3px; text-align: center; padding: 0 0 0 1px; font-weight: normal; }
#hintbox{ position:absolute; top: 0; background-color: #eeeeee; width: 150px; padding: 3px; border:1px solid blue; font:normal 11px Verdana; line-height:18px; z-index:100; border-right: 3px solid blue; border-bottom: 3px solid blue; visibility: hidden; }
.hintanchor{ font-weight: bold; color: navy; margin: 3px 8px; }
.tabcom1 {text-align: right; border-style: dotted; border-width: 1px; background-color: #aabbcc; border-bottom-color: #887777; border-left-color: #aa8888; border-right-color: #887777; border-top-color: #aa8888; }
.tabcom2 {text-align: left; border-style: dotted; border-width: 1px; background-color: #aabbcc; border-bottom-color: #887777; border-left-color: #aa8888; border-right-color: #887777; border-top-color: #aa8888; }
.tabcom3 {text-align: center; border-style: dotted; border-width: 1px; background-color: #eeeeee; border-bottom-color: #887777; border-left-color: #aa8888; border-right-color: #887777; border-top-color: #aa8888;}
.tabcom4 {text-align: left; border-style: dotted; border-width: 1px; border-bottom-color: #887777; border-left-color: #aa8888; border-right-color: #887777; border-top-color: #aa8888; }
.tabson1 {text-align: right; border-style: dotted; border-width: 1px; border-bottom-color: #887777; border-left-color: #aa8888; border-right-color: #887777; border-top-color: #aa8888; }
.tabson2 {text-align: center; border-style: dotted; border-width: 1px; border-bottom-color: #887777; border-left-color: #aa8888; border-right-color: #887777; border-top-color: #aa8888; }
.tabson3 {text-align: left; border-style: dotted; border-width: 1px; border-bottom-color: #887777; border-left-color: #aa8888; border-right-color: #887777; border-top-color: #aa8888; }
.tit1 {position: relative; color: #0000CC; font: Bold 14px/1.0 Verdana; left: 10px; top: 2px; z-index: 2; margin: 0px; }
.tit2 {position: relative; color: #999999; font: Bold 14px/0.1 Verdana; left: 11px; top: -6px; z-index: 1; margin: 0px; }
table.gb {border-width: 2px; border-spacing: 2px; border-style: outset; border-color: green; border-collapse: separate;}
table.gb td {border-width: 2px; padding: 3px; border-style: outset; border-color: blue; -moz-border-radius: 9px;}
div.pic img{display: block; border: 1px solid; border-color: #CCC #CCC #AAA #CCC; padding: 5px; background:#fff url('img/loadfoto.gif') 50% 50% no-repeat;}
div.pic2 img{text-align: center; display: block; border: 0.5px solid; border-color: #CCC #CCC #AAA #CCC; padding: 2px; background: #f6f6f6}
div.captionbox {float: left; margin: 10px; border: 2px solid #999 -moz-border-radius: 9px}
div.captionbox img {border:0; display:block}
div.captionbox a {position: relative; float: left; color: #FFF; text-decoration: none}
div.captionbox span {position:absolute; bottom: 0; width: 100%; padding: 3px 0; background: url(img/opacity.png) repeat-x 0 -100px; cursor: pointer;text-align: center}
div.captionbox a:hover span {background-position: 0 -200px}
ul#pagination { font:12px Arial,sans-serif; margin: 1em 0;padding: 0; list-style: none;text-align: center}
ul#pagination li { display: inline;margin-right: 0.5em}
ul#pagination a { text-decoration: none; border: 1px solid #1258CC;padding: 0 3px; background: #3C86FF;color: #FFF}
ul#pagination a:visited { background: #EEE;color: #003EA5; border-color: #89B5FF}
ul#pagination a:hover { background: #FFF;color: #003EA5}
ul#pagination li#currentpage a { border: 0px;background: #FFF; color: #000;cursor: default}
hr { color: #aabbcc; background-color: #aabbcc; border-style: dotted}
a.ovalbutton{ background: transparent url('img/oval-blue-left.gif') no-repeat top left; display: block; float: left; font: normal 13px Tahoma; line-height: 16px; height: 24px; padding-left: 11px; text-decoration: none;}
a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{ color: #494949; }
a.ovalbutton span{ background: transparent url('img/oval-blue-right.gif') no-repeat top right; display: block; padding: 4px 11px 4px 0; }
a.ovalbutton:hover{ background-position: bottom left;}
a.ovalbutton:hover span{ background-position: bottom right; color: black;}
.buttonwrapper{ overflow: hidden; width: 100%;}

b.rtop, b.rbottom{display: block; background: #eee; width:124px;}
b.rtop b, b.rbottom b{display: block; height: 1px; overflow: hidden; background: #FF0000; }
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px; height: 2px} 
.testobox{background: #FF0000; width:124px; color:#FFFFFF; font:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:center}

.box1 {background:#ccc; width:180px; margin:0 auto;}
.box1 .top, .box1 .bottom {display:block; background:transparent; font-size:1px;}
.box1 .b1, .box1 .b2, .box1 .b3, .box1 .b4, .box1 .b1b, .box1 .b2b, .box1 .b3b, .box1 .b4b {display:block; overflow:hidden;}
.box1 .b1, .box1 .b2, .box1 .b3, .box1 .b1b, .box1 .b2b, .box1 .b3b {height:1px;}
.box1 .b2 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #eee;}
.box1 .b3 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #ddd;}
.box1 .b4 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #aaa;}
.box1 .b4b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #999;}
.box1 .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #999;}
.box1 .b2b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #999;}
.box1 .b1 {margin:0 5px; background:#fff;}
.box1 .b2, .box1 .b2b {margin:0 3px; border-width:0 2px;}
.box1 .b3, .box1 .b3b {margin:0 2px;}
.box1 .b4, .box1 .b4b {height:2px; margin:0 1px;}
.box1 .b1b {margin:0 5px; background:#999;}
.box1 .boxcontent {display:block;  background:#ccc; border-left:1px solid #fff; border-right:1px solid #999;}

.boxdx { border: 0px; margin: 0px; padding: 0px;}
.boxdxcont { background:#58a6cd; height: 100px; border: 0px; margin: 0px; padding: 0px;}
.boxdxright { background:url(img/right2b.png); width: 8px; border: 0px; margin: 0px; padding: 0px;}
.boxdxbottom { background:url(img/bottom2b.png); height: 8px; border: 0px; margin: 0px; padding: 0px;}
.boxdxbottomright { background:url(img/corner2.png); width: 8px; height: 8px; border: 0px; margin: 0px; padding: 0px;}