@charset "utf-8";
/* CSS Document */

* {margin: 0px; padding: 0px; font-family: verdana; font-size: 12px; border: 0; color: #434343;}
ul {list-style: none; }
a {text-decoration: none;}
img {margin: 0; padding: 0; font-size: 0;}

body {background: #030303 url(../i/sf_body.jpg) repeat-x; }

.main {width: 960px; margin: 0 auto; position:relative;}
.main .top {padding-top: 75px; height: 215px; background: url(../i/sf_top.jpg) no-repeat;}

.main .top .logo { position: absolute; top: 0; left: 0;}

.main .top .menu { height: 29px; background:url(../i/sf_menu.jpg) repeat-x; }
.main .top .menu ul {margin-left: 195px; }
.main .top .menu ul li { display:block; padding: 7px 15px 0 10px; float: left;}
.main .top .menu ul li a {color: #febf00; font-weight: bold;}
.main .top .menu ul li a:hover, .main .top .menu ul li a.qui {color: #e6e6e6; font-weight: bold;}

.main .rosso {height: 40px; background: url(../i/sf_rosso.gif) no-repeat; }
.main .rosso .colonna{width: 480px; text-align: center; float: left;}
.main .rosso .colonna h2 a, .main .rosso .colonna h2 a:hover {margin-top: 7px; font-size: 20px; font-weight: bold; color: #e6e6e6; display:block;}
.main .rosso .colonna h2 a:hover {text-decoration: underline;}
.main .rosso .colonna h3 a, .main .rosso .colonna h3 a:hover {margin-top: 10px; font-size: 17px; font-weight: bold; color: #e6e6e6; display:block;}
.main .rosso .colonna h3 a:hover {text-decoration: underline;}

.main .middle { width: 960px; background: url(../i/sf_middle.jpg) repeat-y; }
.main .middle .content {width: 900px; margin: 0 auto;}
.main .middle .content a {color: #434343; font-weight: bold; font-size: 12px;}
.main .middle .content a:hover { color: #ab0000;}
.main .middle .content .sx {width: 500px; margin-right: 20px; float: left; padding: 20px 0;}
.main .middle .content .sx h2 {margin: 5px 0; font-weight: bold; font-size: 12px; color: #434343}
.main .middle .content .sx h1 {margin-bottom: 20px; padding: 5px 0 5px 10px; font-size: 14px; color: #ab0000; background: #cfcfcf;}

.main .middle .content .sx ul.piloti {margin: 20px; }
.main .middle .content .sx ul.piloti li {margin: 15px 0; list-style-type: circle; }

.main .middle .content .dx {width: 380px; float: left;}
.main .middle .content .dx .cont {padding: 20px; background: #8b8b8b;}
.main .middle .content .dx .cont h4 {padding: 5px 0 5px 10px; font-weight: bold; font-size: 14px; color: #ab0000; background: #cfcfcf;}
.main .middle .content .dx .cont .comunicati {padding: 10px 0; border-bottom: 1px solid #c6c6c6;}
.main .middle .content .dx .cont .comunicati h6 {margin: 5px 0; font-weight: bold; font-size: 12px; color: #e6e6e6}
.main .middle .content .dx .cont .comunicati h5 {margin: 5px 0; font-weight: bold; font-size: 14px; color: #fece38}
.main .middle .content .dx .cont .comunicati p {color: #e6e6e6; text-align:justify;}
.main .middle .content .dx .cont .comunicati a{color: #e6e6e6; }
.main .middle .content .dx .cont .comunicati a:hover{color: #434343; }

.main .middle .content .noCol {padding: 20px 0}
.main .middle .content .noCol h1 {margin-bottom: 20px; padding: 5px 0 5px 10px; font-size: 14px; color: #ab0000; background: #cfcfcf;}
.main .middle .content .noCol .col {width: 450px; float: left;} 
.main .middle .content .noCol .col h2 {margin: 5px 0; font-weight: bold; font-size: 12px; color: #ab0000}
.main .middle .content .noCol .col p {line-height: 20px;}
.main .middle .content .noCol .col img {margin-right: 20px; float: left;}


.main .bottom { width: 960px;  background: url(../i/sf_bottom.png) repeat-y; }
.main .bottom .colonna {width: 480px; float: left;}
.main .bottom h4 {padding: 2px 0 2px 10px; font-weight: bold; width: 300px; font-size: 13px; color: #ab0000; background: #cfcfcf;}
.main .bottom .partCont {width: 440px; margin: 10px auto;}
.main .bottom .partCont .comuni {text-align: center; float: left;}
.main .bottom .partCont a {color: #434343; }
.main .bottom .partCont a:hover {color: #ab0000; }

.main .footer, .main .footer a {margin: 20px 0; text-align: center; font-weight: bold; font-size: 12px; color: #e6e6e6 }
.main .footer a:hover {color: #cfcfcf; text-decoration: underline;}

/* spacer */
.hs10px { font-size: 1px; margin: 0px; padding: 0px; height: 10px;}
.hs30px { font-size: 1px; margin: 0px; padding: 0px; height: 30px;}
.os20px {font-size: 1px; margin: 0px; padding: 0px; width: 20px; float:left;}

/* stili */
.clear {clear: both; font-size: 0px; margin: 0px; padding: 0px; height: 0px;}
.L {float: left;}
.R {float: right;}
.block {color: #BBB;}
.blockM {color: #5f4c13;}
