html, body     { background-color: #000 }
body      { font-size: 120% }
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: #f00; background-color: #000 }
a:visited    { color: #f0f; background-color: #000 }
form  { background-color: #000; 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-weight: normal; background-color: #000; letter-spacing: 0.2em }
small  { }
#pagina         { color: #fff; background-color: #000; background-repeat: repeat; margin: 0 7%; padding: 0; width: 86% }
#testa              { color: #fff; background-color: #000; background-image: none; margin: 0; padding: 0; width: 100%; height: 100px; float: left; clear: both }
#stemma          { background-color: #000; background-image: url("img/hc_testata.jpg"); background-repeat: no-repeat; background-position: left top; width: 450px; height: 100px; float: left }
#stemma img { visibility: hidden; width: 0; height: 0 }
#stemma p     { color: #fff; background-color: #000; text-align: right; padding-top: 52px; padding-right: 1em }
#stemma ul { text-align: right; padding-top: 52px }
#stemma ul li { display: inline }
#testatapagine  { background-image: none; margin: 0; padding: 0; width: 380px; height: 100px; float: right }
#testatapagine img { visibility: hidden }
#corpo        { color: #fff; background-color: #000; width: 100%; float: left; clear: both }
#testatina    { color: #fff; background-color: black; background-repeat: no-repeat; background-position: center top; z-index: -1; width: 100%; height: 0; clear: both }
#accessibilita   { color: #fff; background-color: #000; width: 350px; float: right }
#accessibilita ul  { list-style-type: none; display: inline; margin: 0 0 0 1em; padding: 0 }
#accessibilita ul li   { text-align: left; list-style-type: square; display: inline }
#accessibilita a  { color: #fff; text-decoration: none; background-color: #000 }
#accessibilita a:hover { color: #fff; text-decoration: underline; background-color: #000 }
#sinistra        { color: #fff; background-color: #000; width: 25%; float: left; clear: both; border-right: 1px solid #333 }
#contenuto        { color: #fff; text-align: left; margin: 0; width: 70%; float: right }
#centrale, #centralelarge         { color: #fff; text-align: justify; padding-right: 1%; padding-left: 2%; width: 68%; max-width: 850px; float: left; border-right: 1px solid #333; border-left: 1px solid #333 }
#centralelarge  { background-color: #000; width: 90% }
#centrale  { background-color: #000; width: 66% }
#centrale h1, #centralelarge h1  { color: #f00; font-size: 1.6em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; background-color: #000; letter-spacing: 1px; margin-top: 0; margin-bottom: 0.5em; padding: 0 0 0.2em 0.2em }
#centrale h1.titolocentrale, #centralelarge h1.titolocentrale  { color: #f00; font-size: 2em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #000; border-bottom: 1px solid #fff }
#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 }
#centrale h3 { color: #f00; background-color: #000 }
#centrale ul    { color: #fff; background-color: #000; list-style-type: square; margin-left: 0; padding-left: 2em }
#centrale ul li    { color: #fff; background-color: #000; margin-top: 0.5em }
.imgsx    { margin-right: 5px; margin-bottom: 5px; float: left; border: solid 1px #333 }
#centrale img, #centralelarge img  { visibility: hidden; margin: 3px; width: 0; height: 0 }
#elencodoc h3  { color: #40e0d0; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #000; margin-top: 20px; border-bottom: 1px solid #fff }
.separatore { margin-bottom: 2px; height: 3px; clear: both; border-bottom: 1px dotted #ff8c00 }
.blu, .verde  { background-color: #000; margin: 0; padding: 0; width: 100%; float: left; clear: both }
.verde h1, .blu 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 }
.blu, .verde     { color: #fff; background-color: #000 }
ul.verde, ul.blu{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.blu li, ul.verde li     { text-align: left; margin: 0; padding: 0; border: 0 }

ul.blu li a, ul.verde a   { text-decoration: none; display: block !important; padding: 3px 12px 3px 15px }
ul.blu li a, ul.verde li a    { color: #0ff; background-color: #000; border-width: 0 }
ul.blu li a:hover, ul.verde a:hover  { color: #0ff; text-decoration: underline; background-color: #000 }
#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-type: none; list-style-image: none }
#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: none; 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 }
.notesto { visibility: hidden; width: 0; height: 0 }
.testo  { font-size: 0.7em; line-height: 1.3em; margin: 2px 5px 5px }
.altrenotizie    { color: #fff; background-color: #000; margin: 0 5px 5px 10px; padding: 0; width: auto; border-style: solid none none; border-width: 4px 0 0; border-color: #333   }
.datanotizie    { color: #cf6; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #000; display: block; margin-left: 0.4em; width: 100% }
p.testoaltrenotizie    { color: #fff; font-size: 1em; line-height: 1.3em; background-color: #000; margin: 5px }
h3.titoloaltrenotizie { color: #f00; font-size: 1.3em; font-weight: bold; background-color: #000; margin: 5px; padding: 5px }
.testoaltrenotizie img  { visibility: hidden; margin-bottom: 10px; margin-left: 10px; border: solid 1px #696969 }
.fotonotizia { margin: 0 0 5px 15px; padding: 0; float: right; border: solid 1px }
.banner { text-align: center; margin-bottom: 2em; width: 100% }
#menubanner  { background-color: #000; margin-top: 20px }
#menubanner img { text-align: center; padding-top: 10px }
.hrpuntini hr  { border-style: none }

