/*stili per il layout fluido*/
html,body{margin: 0;padding:0}
body{font-family: arial,sans-serif;font-size: 76%;  background-color: #F3DFD3; }
div#container{position: relative; left:5%; width:90%;  border-right:1px solid #993300;  border-left:1px solid #993300; border-bottom:1px solid #993300;  background-color: #FFFFFF;}

/*stili generici, su header e footer*/
div.header{height: 140px;color: #5C743D;background-color:#D5EDB3;}
div.header img{float:left; height:140px; border:0px;}
h1,h2{margin: 0;padding:0}
h1{	font: italic bold 2.3em/28px Arial, Helvetica, sans-serif;
	letter-spacing:.25em;
	color: #5C743D;
	margin: 0;
	padding: 10px 0px 0px 10px;}
h2{color: #5C743D;font-size: 1.5em}
div.header p{
	font: italic 16px Arial, Helvetica, sans-serif;
	text-indent:30px;
	color: #993300;
	padding: 0px 0px 0px 30px;
}


div#footer a{color: #993300;font-weight: bold;text-decoration: underline}

/*stili specifici per il layout*/
div#navigation{background-color: #D5EDB3;position: absolute; top: 165px; left: 1px; font: bold 11px Arial, Helvetica, sans-serif;
    width: 209px;padding: 1em 0 0 0px;border-right-width:1px; border-right-color:#993300; border-right-style:solid;}
div#content{margin: 0 0 0 210px;padding: 1em 10px;font-size: 130%;}
div#footer{text-align:center; padding: 5px 0; color: #000;background-color:#D5EDB3;}

/*stili per la navigazione*/
div#navigation ul{margin: 0;padding: 0; list-style-type: none}
div#navigation li{background-color:#D5EDB3;margin: 0;padding: 0}
div#navigation a{	border-bottom: 1px solid #cccccc;	display: block;
	padding: 2px 0px 2px 10px;color: #5C743D;font: normal bold 1.2em/1.4em arial,sans-serif;text-decoration: none;}
div#navigation a:hover{display: block;color:#993300;background-color: #99CC66;text-decoration: underline;}
div#navigation h3{ margin-top:10px; margin-bottom:0px;padding: 5px 0 0 5px; font-size:140%;letter-spacing:.15em;background-color: #5C743D;color: #D5EDB3;text-decoration: none}
div#navigation p{font-size: 90%}

div#esterno iframe{ width:100%; height:40px; border:0;
}

div#flags a{float: left;
	border:0
}
div#flags a:hover{
	background-color:#D5EDB3;
}
div#flags img{	
	border:0	
}

div.primo{ text-align: left;}
div.primo h2{padding: 30px 0px 5px 0px;	text-align: center;}
div.primo img{
	width:40%;
	max-height:600px;
	max-width:590px;
	float: right;
	padding: 10px 10px 10px 10px;
}

div.primo object{
	max-height:600px;
	max-width:590px;
	float: right;
	margin: 10px 10px 10px 10px;
	width:430px;
	height:300px;
}

div.secondo{
	clear: both;
	padding: 10px 0px 0px 0px;
	border-top: 2px dotted #99CC66;
	text-align:left;
}

div.secondo h2{
	padding: 0px 0px 0px 10px;
}
div.secondo img{
	width:20%;
	border:0;
	padding: 10px 10px 10px 10px;
	float: right;
}
div.secondo p{
	padding: 0px 0px 10px 20px;
}

div#globalNav{
	background-color: #99CC66;
	padding: 5px 10px 5px 10px;
	border-top: 1px dashed #CCC;
	border-bottom: 1px dashed #CCC;
	color: #993300;
	font:11px Arial, Helvetica, sans-serif;
	letter-spacing:.2em;
	text-align:right;
}

div.terzo{
	clear: both;
	padding: 10px 0px 0px 0px;
	border-top: 2px dotted #99CC66;
	text-align:left;
}


div.terzo img{
	width:12%;
	border:0;
	padding: 10px 10px 10px 10px;
	float: right;
}
