html,body {
margin:0 px;
padding:0 px;
font: 12px verdana, sans-serif;
text-align:center;
background-color: #558DB7;
}

#box{
float:left;
width:950px;
}

#header {
height:128px;
width:950px;
line-height:80px;
margin:0px; 
padding-left:0px;
background: #3A6B9D;
background-image: url(header.gif);
background-repeat: no-repeat;
position:relative;
}

	#logo {
	padding-left:15px;
	padding-top:36px;
	}
	
	#title {
	position:absolute;
	top: 67px;
	left:210px;
	}	

#container {
margin:0 auto;
text-align:left;
width:950px;
background-image: url(sfondo.gif);
background-repeat: repeat;
border: 1px solid #558DB7;
}

a {
color: #0E428F;
}

td {
text-align: left;
font: 11px verdana, sans-serif;
color: #fff;
border-bottom: 1px solid #fff;
}

.asso {
text-align: left;
font: 0.8em arial, sans-serif;
color: #0A4F93;
border-bottom: 1px solid #fff;
}

.center {
text-align: center;
font: 0.8em arial, sans-serif;
color: #0A4F93;
border-bottom: 1px solid #fff;
}

#content {
margin: 0px 0px 0px 198px;
width:558px;
height: auto;
background-image: url(content.gif);
background-repeat: no-repeat;
}

#content_box {
background-color: #5A83AC;
margin: 0px 4px 0px 0px;
height: auto;
padding-bottom:9px;
text-align: center;
}

#content_p {
display: block;
background-color: #F7F9FB;
margin: 0px 8px 0px 8px;
padding: 50px;
height: auto;
text-align: justify;
color: #0E428F;
line-height: 1.4;
}

#content p {
padding: 5px;
background: #C9D9E8;
width:430px;
}

#content_flash {
background-color: #5A83AC;
margin: 0px 4px 0px 0px;
width:554px;
height: auto;
padding-bottom:9px;
text-align: center;
position: relative;
}

#pallino {
position: absolute;
}	

ul {
margin: 5px;
}

li {
list-style: square outside;
}

#navigation {
color: #fff;
float:left;
width:198px;
height:417px;
background-image: url(navigation.gif);
background-repeat: no-repeat;
margin-left:-950px;
}

#navigation p {
margin: 0px 0px 0px 16px;
}

#extra {
float:left;
width:194px;
height:417px;
background-image: url(extra.gif);
background-repeat: no-repeat;
margin-left:-194px;
}

#extra_foto1 {
margin: 37px 0px 0px 2px;
}

#extra_foto2 {
margin: 2px 0px 0px 47px;
}

#extra_lingue {
margin: 86px 0px 0px 56px;
}

#extra_citta {
margin: 155px 0px 0px 46px;
}

#footer {
clear:left;
font: 0.9 em arial, sans-serif;
text-align: right;
padding-right: 28px;
width:950px;
height: 30px;
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
 text-decoration: none;
 color: #fff;
}
#footer a:hover {
 text-decoration: none;
 color: #9DB2CC;
}

.area {
margin: 1px; 		
width: 270px; 
height: 50px; 
color: #515151;
font: 11px verdana, sans-serif;
border: #555 1px solid;
background-color: #ffffff;
}

.select {
margin: 1px; 		
width: 270px; 
color: #515151;
border: #555 1px solid;
background-color: #ffffff;
font: 11px verdana, sans-serif;
}

.input {
border-left: #555 1px solid;
border-top: #555 1px solid;
border-bottom: #555 1px solid;
border-right: #555 1px solid;   
background: #fff;
width: 150px;
color: #515151;
font: 11px verdana, sans-serif;
}

.select2 {
margin: 1px; 		
width: 150px; 
color: #515151;
border: #555 1px solid;
font: 11px verdana, sans-serif;
background-color: #ffffff;
}

.button {
border-left: #555 1px solid;
border-top: #555 1px solid;
border-bottom: #555 1px solid;
border-right: #555 1px solid;   
background: #fff;
width: auto;
height: 19px;
color: #515151;
font: 11px verdana, sans-serif;
}

/* ******************************************************************* ESTERO */
#content #esteri {
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: auto;
}
#esteri a {
	display: block;
	width:430px;
	background-color: #678DB3;
	color: #fff;
	background-color: #678DB3;
	font-weight: bold;
	text-decoration: none;
	padding: 3px 2px;
	margin-bottom: 2px;
	font-size: 11px;
}
#esteri a:hover {
	background-color: #4472A1;
}
#esteri li {
	float: left;
	width:430px;
}
.back:link, .back:visited, .back:hover, .back:active {
	background-color: #336699;
	display: block;
	width: 66px;
	padding: 6px 0;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	margin: 10px 0 4px 0;
}
.back:hover {
	background-color: #5A83AC;
}
/* ******************************************************************* FINE ESTERO */