/* CSS Document */

html{
margin: 0;
padding:0;
}
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	text-align: center;
	margin: 0;
	padding:0;
	background-color: #D7DBDB;
}
#container{
	position:relative;
	width: 760px;
	margin: 0 auto;
	text-align: left;
}
/* inizio header */  
#container #header{
	height: 225px;
}
/* inizio header */

/* inizio container 2 */  
#container #container2 {
	position:relative;
	background-image: none;
	background-repeat: repeat;
	background-color: #B1C0CC;
}
/* inizio container 2 */

/* inizio content */ 
#container #container2 #content {
	padding: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 15em;
	background-color: #FFFFFF;
	margin-top: 0px;
	top: 0px;
} 
#container #container2 #content h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #5e8f99;
	font-size: 1.3em;
	padding-right: 15px;
	padding-left: 15px;
	margin: 0px;
	padding-top: 20px;
	text-align: center;
}
#container #container2 #content p {
	padding-right: 15px;
	padding-left: 15px;
	color: #5e8f99;
	line-height: 2em;
	text-align: left;
	padding-top: 0px;
	margin: 0px;
	top: 0px;
}
#container #container2 #content a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000066;
	text-decoration: none;
}
#container #container2 #content a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #990000;
	text-decoration: underline;
}
/* fine content */

/* inizio navigation */
#container #container2 #navigation {
	top: 0px;
	width: 15em;
	position: absolute;
	padding-top: 50px;
}
#container #container2 #navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#container #container2 #navigation li{
	margin: 0 0 0 1em;
	padding: 0;
}
#container #container2 #navigation a{
	color:#FFFFFF;
	font: normal 1em/2em Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#container #container2 #navigation a:hover{
color: #5e8f99;
}
#container #container2 #navigation a#activelink{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
#container #container2 #navigation h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 20px;
	margin: 0 0 10px 1em;
	text-align: left;
}
/* fine navigation */  

/* inizio footer */
#container #footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0em 1em 1em;
	background-color: #5e8f99;
	clear:both;
}
#container #footer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #FFFFFF;
	margin: 0.5em;
	padding: 0.5em;
	text-align: center;
}
/* fine footer */

/* inizio immagini */
img#css {
	width: 57px;
	height: 20px;
	border: 0px;	
	margin: 0px 0px 0px 5px;
}
img#xml {
	width: 57px;
	height: 20px;
	border: 0px;
	margin: 0px 0px 0px 300px;
}
img#verde {
	width: 160px;
	height: 43px;
	border: 0px;
	float: left;
	margin: 0px 0px 0px 10px;
}
img#f1 {
	width: 200px;
	height: 150px;
	border: 0px;
	float : right;
	margin: 10px 0px 10px 10px;
	position: relative;
	}
img#f2 {
	width: 200px;
	height: 150px;
	border: 0px;
	float : left;
	margin: 10px 10px 10px 0px;
	position: relative;
	}
img#f3 {
	width: 20px;
	height: 20px;
	border: 0px;
	float : left;
	margin: 3px 10px 0px 0px;
	position: relative;
}
img#f4 {
	width: 20px;
	height: 20px;
	border: 0px;
	float : left;
	margin: 3px 10px 0px 0px;
	position: relative;
}
img#f5 {
	width: 20px;
	height: 20px;
	border: 0px;
	float : left;
	margin: 3px 10px 0px 0px;
	position: relative;
}

img#f6 {
	width: 20px;
	height: 20px;
	border: 0px;
	float : left;
	margin: 3px 10px 0px 0px;
	position: relative;
}
img#f7 {
	width: 20px;
	height: 20px;
	border: 0px;
	float : left;
	margin: 3px 10px 0px 0px;
	position: relative;
}
img#f8 {
	width: 20px;
	height: 20px;
	border: 0px;
	float : left;
	margin: 3px 10px 0px 0px;
	position: relative;
}
img#f9 {
	width: 105px;
	height: 51px;
	border: 0px;
	position: relative;
}
img#f10 {
	width: 105px;
	height: 46px;
	border: 0px;
	position: relative;
}
img#f11 {
	width: 105px;
	height: 43px;
	border: 0px;
	position: relative;
}
img#f12 {
	width: 105px;
	height: 25px;
	border: 0px;
	position: relative;
}
img#f13 {
	width: 105px;
	height: 43px;
	border: 0px;
	position: relative;
}
img#f14 {
	width: 68px;
	height: 60px;
	border: 0px;
	position: relative;
	margin: 0px 0px 0px 30px;
}
img#f15 {
	width: 57px;
	height: 60px;
	border: 0px;
	position: relative;
	margin: 0px 0px 0px 30px;
}
img#f16 {
	width: 54px;
	height: 60px;
	border: 0px;
	position: relative;
	margin: 0px 0px 0px 25px;
}
img#f17 {
	width: 60px;
	height: 60px;
	border: 0px;
	position: relative;
	margin: 0px 0px 0px 30px;
}
img#f18 {
	width: 68px;
	height: 60px;
	border: 0px;
	position: relative;
	margin: 0px 0px 0px 25px;
}
img#f19 {
	width: 60px;
	height: 80px;
	border: 0px;
	position: relative;
	margin: 0px 0px 0px 30px;
}
img#f20 {
	width: 102px;
	height: 60px;
	border: 0px;
	position: relative;
	margin: 0px 0px 0px 30px;
}
img#contatore {
	border: 0px;
	}
/* fine immagini */