/*stili per il layout fisso*/
html,body{margin: 0;padding:0}
html{margin-top:20px;}
body{font-family: arial,sans-serif;font-size: 76%;text-align: center;background: #0000CC;margin-top:20px;margin-bottom:20px}
a{font-weight:bold}
a:link, a:visited, a:active{color: #FFCC00}
a:hover{color: #FFFF00}
div#container{width: 760px;margin: 0 auto;text-align: left;
    border: 1px solid #ffffff;background: #030ADF}

/*stili generici, su header e footer*/
div#header{background-color:#36C;color: #ff0; background-image:url(images/header2.jpg); background-position: 50% 50%; background-repeat:no-repeat; height:142px}
h1,h2{margin: 0;padding:0}
h1{padding-left:0.5em;font: bold 2.3em/80px arial,serif}
h2{color: #ffffff;font-size: 1.5em; font-style:italic}
div#footer{text-align:center;padding: 0.5em;
    background-color: #030ADF; color: yellow; border-top: 1px dashed #FFFFFF}
div#footer a{color: #fff;font-weight: bold;text-decoration: underline}
div#counter{font-weight:bold; text-align:center; margin:auto}

/*stili specifici per il layout*/
div#navigation{background-color:#9cf}
div#content{padding: 1em; background:#030ADF; color:#FFFFFF; font-size:120%}
img.left {float:left;position:relative;top:0;left:0;padding:10px;border:1px solid #000;margin:0 10px 10px 0;background-color:white}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px;background:#030ADF} 
.title{font-size:1.3em; font-weight:bold; font-style:italic}

/*stili per la navigazione*/
div#navigation ul{margin: 0;padding: 0; list-style-type: none;}
div#navigation li{display: inline; margin: 0 0 0 1em;padding: 0} /*nota display: inline*/
div#navigation a{color:#369;font: normal bold 1.2em/2.5em arial,sans-serif;text-decoration: none}
div#navigation a:hover{color: #fff;text-decoration: underline}
div#navigation a#activelink{color: #033;text-decoration: none}