/*stili per il layout fluido*/
body{margin: 0;padding:0; font-family: arial,sans-serif;font-size: 76%; text-align: center;}
div#container{position: relative; width: 770px; margin: 0 auto; background-color: #BDDEFF; text-align: left}
#assperind {
	float:left;
	padding:0px;
	margin:0px 5px 0px 0px;
	background-color: #FFFFFF;
	border-top: 1px none #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}
/*stili generici, su header e footer*/
div#header   {
	color: #ff9;
	background-color: #6699cc;
	width: 770px;
	height: 81px;
}
h1,h2{margin: 0;padding:0}
h1 {font: bold 16pt/45px arial, sans-serif; padding-left: 10px }
h2 {color: #69f;font-size: 1.5em}
div#simbolo img {
	float: left;
	clear: both;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	background-color: #FFFFFF;
	border: 1pt solid #000000;
}
div#simbolo h2{margin-left: 10px}
div#footer p a{
	color:#fff;
	font-weight: bold;
	text-decoration: underline;
	font-size: 9px;
}

/*stili specifici per il layout*/
div#navigation{position: absolute; top: 119px; left: 0px;
    width: 160px;\width:170px;w\idth:160px;padding: 1em 0 0 10px}
div#extra{position: absolute; top: 118px; right: 0;
    width: 160px;\width:170px;w\idth:160px;padding: 1em 5px 1em 5px}
div#content{margin: 0 170px;padding: 1em 10px;background-color: #fff}
div#content img.cartina {
	text-align: center;
}
div#footer { color: black; font-weight: bold; background-color: #6699cc; text-align: center; padding: 5px 0; width: 770px }

/*stili per la navigazione*/
div#navigation ul{margin: 0;padding: 0; list-style-type: none}
div#navigation li{margin: 0;padding: 0}
div#navigation a{color:#369;font: normal bold 1.2em/1.4em arial,sans-serif;text-decoration: none}
div#navigation a:hover{color: #033;text-decoration: underline}
div#navigation a#activelink{color: #033;text-decoration: none}
div#navigation p{font-size: 90%; margin: 0}
div#navigation div.newsbox     {
	font-size: 90%;
	background-color: #ff9;
	margin-bottom: 2em;
	border: dashed 1pt teal;
	width: 145px;
}

/*stili per la sezione extra*/
div#extra div.newsbox    {
	font-size: 90%;
	background-color: #ff9;
	margin-bottom: 2em;
	border: 1pt dashed teal;
	width: 150px;
}
div#extra div.newsbox h2 a  {
	color: #999;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}
div#extra div.newsbox p{margin: 0}

/* Stili menu orizzontale */
div#hormenu  { background-color: #c1c1c1; float: left; margin: 0; padding: 0; width: 100% }
div#hormenu ul {
margin: 0;
padding: 0;
list-style-type: none;
}
div#hormenu li    { color: #ffffff; font-weight: bold; float: left; margin: 0; padding: 0; width: 100px }
div#hormenu a {
display: block;
padding: 5px;
color: black;
text-decoration: none;
}
div#hormenu a:hover {
background-color: #000033;
color: #FFFFFF;
text-decoration: none;
}

div#hormenu li ul {display: none}
div#hormenu li:hover ul {
position: absolute;
display: block;
z-index:1;
width:150px;
padding: 0;
margin: 0 0 0 0px;
border:1px solid black;
background: white;
}
div#hormenu li li {border: none; width: 150px;}	
div#hormenu li li a {padding: 2px 2px 2px 10px;}

div#iniziale {
	text-align: center;
}