html, body { color: #fff; background-color: #000; text-align: center; margin: 0; padding: 0 }
body { font-size: 80%; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; margin: 0; padding: 0 }
blockquote { margin: 0 3em; padding-left: 1em; border-left: 1px solid #e0e0d0 }
h1, h1 a { color: #f00; font-size: 2em; font-weight: normal; text-decoration: none; background-color: #000; margin: 2em 0 0; padding: 0 }
h2, h2 a { color: #f00; font-size: 1.8em; font-weight: normal; background-color: #000; letter-spacing: 0.09em; margin: 0; padding: 0 }
h3 { color: #f00; font-size: 1.6em; background-color: #000; margin: 15px 0; padding: 0 }
h4 { color: #f00; font-size: 1.4em; font-weight: bold; background-color: #000; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-right: 0; padding-bottom: 0; padding-left: 0 }
img { border: none }
a { color: #0ff; text-decoration: underline; background-color: #000 }
a:hover { color: #000; background-color: #fc6 }
a:visited { color: #f0f; background-color: #000 }
form { margin: 0; padding: 0 }
p { font-size: 1.2em; line-height: 1.5em; text-align: justify }
ul li { font-size: 1.2em; font-family: Arial, Geneva, Swiss, SunSans-Regular; font-weight: bold; margin-top: 0; margin-bottom: 0 }
.zero { margin: 0 0 0; padding: 0 }
.data { color: #fff; font-size: 0.85em; font-weight: normal; background-color: #333; letter-spacing: 0.2em }
small { font-size: 0.8em; line-height: 1.2em }
#pagina { color: #fff; background-color: #000; background-repeat: repeat; margin: 0; padding: 0; width: 86% }
#testata { color: #fff; background-color: #000; background-image: none; background-repeat: repeat-x; background-position: left bottom; margin: 0; padding: 0; width: 100%; height: auto; clear: both }
#stemma { background-image: url("img/hc_testata.jpg"); background-repeat: no-repeat; background-position: left top; width: 100%; height: 86px; float: left }
#stemma img { visibility: hidden; width: 0; height: 0 }
#stemma p { text-align: right; padding-top: 52px; padding-right: 1em }
#stemma ul { text-align: right; padding-top: 52px }
#stemma ul li { display: inline }
#corpo { color: #fff; background-color: #000; width: 100%; float: left; clear: both }
#sinistra { width: 24%; float: left; clear: both }
#contenuto { text-align: left; margin: 0; width: 74%; float: right }
#centrale { width: 68%; max-width: 850px; float: left }
#centrale p { font-size: 1.2em; line-height: 1.5em; margin-bottom: 0; padding-bottom: 0 }
#centrale h1 { color: #f00; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; background-color: #000; letter-spacing: 1px; margin-bottom: 0.5em; padding: 0.2em 0 0.2em 0.2em; border-top: 4px solid #fc6 }
#centrale ul { list-style-type: square; margin-left: 0; padding-left: 2em }
#centrale ul li { margin-top: 0.5em }
.imgsx { margin-right: 5px; margin-bottom: 5px; float: left; border: solid 1px #333 }
#centrale img { margin: 3px }
.imgdx { margin: 0 0 5px 5px; float: right; border: solid 1px #333 }
.boxnews { background-color: #333; display: block; margin-top: 2em; padding-bottom: 1em; width: 100%; clear: both }
.boxnews h3 { color: #f00; font-family: Arial, Geneva, Swiss, SunSans-Regular; font-weight: bold; text-decoration: none; background-color: #333; text-align: left; margin: 0 0 0.5em; padding: 0 }
.boxnews p { color: #fff; font-weight: normal; background-color: #333; text-align: left; margin: 0 0 0 0; padding: 0 }
.boxnews img { visibility: hidden; width: 0; height: 0; float: left; border: solid 1px black }
.boxnews a { color: #0ff; background-color: #333 }
.boxnews p.data { color: #fff; font-size: 0.95em; font-weight: normal; background-color: #333; letter-spacing: 0.2em }
.separatore { margin-bottom: 2px; height: 3px; clear: both; border-bottom: 1px dotted #ff8c00 }
.rosso, .verde { background-color: #000; margin: 0; padding: 0; width: 100%; float: left; clear: both }
.verde h1, .rosso h1 { color: #f00; font-size: 1.8em; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; background-color: #000; margin: 0.5em 0 0.5em 0.2em }
.rosso, .verde { color: #fff; background-color: #000; border: solid 1px #fc6 }
ul.verde, ul.rosso{
list-style: none;
margin: 0;
padding: 0;
}
ul.rosso li, ul.verde li { text-align: left; margin: 0; padding: 0; border-bottom: 1px solid #eec982 }
ul.rosso li a, ul.verde a { text-decoration: none; display: block !important; padding: 3px 12px 3px 15px }
ul.rosso li a, ul.verde li a { color: #0ff; background-color: #000 }
ul.rosso li a:hover, ul.verde a:hover { color: #000; background-color: #fc6 }
.banner { text-align: center; margin-bottom: 2em; width: 100% }
.banner img { text-align: center }
#destra { color: #fff; background-color: #000; width: 28%; float: right }
#linkutili { color: #0ff; font-size: 0.9em; background-color: #000; text-align: left }
#linkutili h1 { color: #f00; font-size: 1.3em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; background-color: #000; text-align: left; margin-left: 1em }
#linkutili ul { list-style-image: url("img/dotarancione.gif") }
#linkutili ul li { margin-top: 0.5em; margin-left: 0.5em }
#linkutili ul li a { color: #0ff; text-decoration: none; background-color: #000 }
#linkutili ul li a:hover { color: #0ff; text-decoration: underline; background-color: #000 }
#piede { color: #fc6; background-color: #000; text-align: center; margin-top: 2em; width: 100%; height: 4em; clear: both; border-top: 1px solid #f93 }
.vai { background-image: url("img/vai.gif"); background-repeat: no-repeat; background-position: 0 center; text-indent: 12px }
.box-clear { font-size: medium; clear: both }
/* ====================================================================
nn4clear is as its name suggests, only required for NN4 compatibility
If you don't need that you can remove both this rule and the
relevant div from the html
-------------------------------------------------------------------- */
.nn4clear { display: none; }
#pollicino { color: #0ff; font-size: 0.9em; background-color: #333; word-spacing: 2px; letter-spacing: 1px; margin: 14px 0 25px }
#pollicino a { color: #0ff; background-color: #333 }
#elencodocumenti { }
#elencodocumenti ul { }
#elencodocumenti li { font-size: 1.2em; list-style-type: square; list-style-image: none; margin-top: 2em }
.attenzione { color: #000; font-size: 110%; font-weight: bold; line-height: 110%; background-color: #eec982 }
.notesto { visibility: hidden; width: 0; height: 0 }
#appuntamenti { width: 100%; float: left }
#appuntamenti h1 { color: #f00; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; background-color: #333; margin-bottom: 0.5em; padding: 0.2em 0 0.2em 0.2em; border-top: 4px solid #f00 }
#appuntamenti ul { list-style-image: url("img/dotarancione.gif"); margin-left: 0; padding-left: 2em }
#appuntamenti ul li { margin-top: 0.5em }
#appuntamenti a { color: #0ff; background-color: #333 }