/* CSS Document */

/*stili per il layout fisso con posizionamenti assoluti*/
html,body{margin: 0;padding:0}
body{font-family: arial,sans-serif;font-size: 76%;text-align: center}
div#container{
	position: relative;
	width:760px;
	margin: 0 auto;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #A6E3FF url(3rightcol.jpg) repeat-y right top;
}
div#container2{background: url(3leftcol.jpg) repeat-y top left;text-align: left}

/*stili generici, su header e footer*/
div#header{
	height: 80px;
	background-color:#36C;
	color: #ff0;
	background-image: url(fondomare.jpg);
	padding-left: 10px;
}
h1,h2{margin: 0;padding:0}
h1{padding-left:0px;font: bold 2.3em/80px arial,sans-serif}
h2{color: #69f;font-size: 1.5em}
div#footer a{color:#fff;font-weight: bold;text-decoration: underline}

/*stili specifici per il layout*/
div#navigation{
	position: absolute;
	top: 80px;
	left: 0;
	width: 160px;
	\width:170px;
	w\idth:160px;
	padding: 1em 0 0 10px;
	height: 958px;
	background-color: #A6E3FF;
}
div#extra{
	position: absolute;
	top: 281px;
	right: 0;
	width: 220px;
	\width:170px;
	w\idth:160px;
	padding: 1em 5px;
	left: 382px;
	height: 490px;
	background-color: #FFFFFF;
}
div#content{
	margin: 0 170px;
	padding: 1em 10px;
	background-color: #fff;
	text-align: justify;
	width: 350px;
	height: auto;
        min-height: 948px;
}
div#footer{text-align:center; padding: 5px 0;
    background-color: #69c; color: #000}

/*stili per la navigazione*/
/*stili per la navigazione*/
div#navigation ul{
	padding: 0;
	list-style-type: none;
	float: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	top: 50px;
}
div#navigation ul a{
	display:block;
	width: 140px;
	border-bottom: 1px solid #367a6f;
	color:#333333;
	font-weight:bold;
	text-decoration: none;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-color: #367a6f;
	border-right-color: #367a6f;
	border-left-color: #367a6f;
	padding-top: 3px;
	padding-left: 5px;
	margin-top: 2px;
	padding-bottom: 3px;
}
div#navigation ul a:hover{
	color: #666666;
	border-left-width: medium;
	border-left-style: solid;
	border-left-color: #367a6f;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #57DADD;
}
div#navigation ul a#activelink{color: #f00;text-decoration: none}
div#minilink a{margin: 20px 0;display: block;border: 1px inset #666;width:90px;line-height: 40px;
    background-color: #fff;color: #000;text-align: center;text-decoration: none}
div#minilink a:hover{font-size: 2em;font-weight: bold;color: #ccc}
#extra2 {
	background-color: #A6E3FF;
	height: 762px;
	width: 210px;
	position: absolute;
	left: 547px;
	top: 80px;
}
#extra3 {
	background-color: #FFFFFF;
	width: 200px;
	position: absolute;
	left: 650px;
	top: 80px;
}
div#content2 {
	margin: 0 180px 0 170px;
	padding: 1em 10px 1em 2px;
	background-color: #fff;
	text-align: left;
	width: 370px;
}
div#extra4 {
	position: absolute;
	top: 281px;
	right: 0;
	width: 160px;
	\width:170px;
	w\idth:160px;
	padding: 1em 5px;
	left: 382px;
	height: 460px;
	background-color: #FFFFFF;
}