html,body{margin: 0; padding:0}

body{font-family: arial,sans-serif; text-align: center; font-size:12px; background-image:url(immagini/mare_blu.jpg);}

#container{
width:730px;
margin: 0 auto;text-align: left;
background-color:#FFFFFF;
}

#header{
width:730px;

}

#content{
width:730px;


}

#footer{
width:730px;
}

div.index-01 {
float: left;
width:207px;
}

div.index-02 {
float:left;
width:523px;
}

div.index-03 {
background-image:url(immagini/index_03.jpg);
float:left;
width:207px;
height:311px;
}

div.navigation {
margin-left:20px;
margin-top:70px;
font-size:15px;
color: #ffffff;
}

div.navigation ul{margin: 0;padding: 0; list-style-type: none;}
div.navigation li{ margin: 0 0 0 1em;padding: 0} /*nota display: inline*/
div.navigation a{color: #fff;text-decoration: none; font-size:16px;}
div.navigation a:hover{color: #fff;text-decoration: underline; font-size:16px;}


div.index-04 {
float:left;
width:288px;
}

div.index-05 {
float:left;
width:215px;
height:254px;
margin-left:10px;
margin-right:10px;
font-size:12px;
}

div.index-06 {
float:left;
width:235px;
}

div.index-07 {
float:left;
width:455px;
margin-left:20px;
margin-right:20px;
margin-top:10px;
margin-bottom:10px;
text-align:justify;

}

div.index-08 {
position:relative;
background-image:url(immagini/index_08.jpg); background-repeat:no-repeat;
background-color: #c3d684;
float:left;
width:235px;
height:800px;

}

h1 {
color:#da8801;
font-weight:normal;
}

#w3c {
	position:absolute;
	bottom:10px;
	left:74px;
}

#content a{
font-weight:bold;
color:#da8801;
text-decoration:none;
}

#content a:hover{
font-weight:bold;
color:#000000;
text-decoration:none;
}