html,body{
	margin: 0;
	padding:0;
	height: 100%;
	background-color: #ADD8E6;
	text-align: center; /*centra in IE*/
}

#container{
	font-family: Lucida Console;
	background-color: #ADD8E6;
	/*font-size: 76%;*/
	margin: 0px auto;   /*centra negli altri browsers*/
	text-align: left;
	height: 100%;
	width: 1024px;
	min-height: 600px;
	min-width: 800px;
}

/*Header: immagine superiore e titolo*/
#header{
	width: 100%;
	height: 9em;
	float: left;
	text-align: left;
	background-image: url('./images/monteRosa.jpg');
}

#header img{
	float: left;
	margin: 1.5em;
}

#header h1{
	float: left;
	color: #0000aa;
}

/*link e-mail*/
#header a:link, #header a:visited{
	color: #0000aa;
	text-decoration: none;
}

#header a:hover{
	color: #0000ff;
	text-decoration: underline;
}

#navigation{
	float: left;
	clear: left;
	background-color: #191970;
	border-top: 0.15em groove #0000ff;
	border-left: 0.15em groove #0000ff;
	width: 20%;
	font-size: 1em;
}

#navigation ul{
	margin: 0;
	padding-left: 0;
	list-style: none;
}

#navigation li{
	font-size: 1.1em;
	margin: 0;
	padding: 0;
}

#navigation a{
	float:left;
	padding: 2%;
	color: #ffffff;
	text-decoration: none;
	border-bottom: 0.15em groove #0000ff;
	width:96%;/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
}
#navigation a:hover, #navigation a:focus, #navigation a:active{
	color: #1e90ff;
	text-decoration: underline;
	text-transform: uppercase;
}

#navigation img{
	height: 23px;
	width: 40px;
	display: inline;
	color: #191970;
	border: none;
}

#half, #half1{
	width: 48%;
}
/*.link{
	clear: left;
	padding: 0.3em;
	border-bottom: 0.15em groove #0000ff;	
}*/

/*contenuto principale*/
#content{
	display: inline;
	text-align: center;
	float: left;
	width: 79%;
	min-width: 490px;
}

#content h1{
	color: #191970;
}

/*tabella news*/
#news{
	padding-top: 1em;
	margin: auto;
	text-align:left;
	width: 79%;
	margin-bottom: 3em;
	font-size: 83%;
}

a:link, a:visited{
	color: #0000aa;
}

#consiglio .table{
	margin: 1%;
	border: 2px solid #0000aa; 
	float: left;
	width: 99%;
	overflow: auto;
}

/*angolo anlot-dx*/
.up-left{
	float: left;
}
.up-left img{
	margin-left:1px;
	margin-top: 1px;
	width: 6px;
	height: 6px;
}
/*lato alto*/
.up{
	float: left;
	width: 95%;
}
.up img{
	width: 100%;
	height: 7px;
}
/*angolo alto-dx*/
.up-right{
	float: left;
}
.up-right img{
	margin-top: 1px;
	width: 6px;
	height: 6px;
}
/*lato sx*/
.left{
	float: left;
	clear: left;
	height: 20em;
}
.left img{
	width:7px;
	height:100%;
}
/*lato dx*/
.right{
	float: left;
	height: 20em;
}
.right img{
	width:7px;
	height:100%;
}
/*angolo basso-sx*/
.down-left{
	clear: left;
}
.down-left img{
	float: left;
	width: 6px;
	height: 6px;
	margin-left:1px;
}
/*lato basso*/
.down{
	width: 95%;
	float: left;
}
.down img{
	width: 100%;
	height: 7px;
}
/*lato basso-dx*/
.down-right{
	float: left;
}
.down-right img{
	/*float: left;*/
	width: 6px;
	height: 6px;
}
/*div tabella*/
#news .table{
	float: left;
	width: 95%;
	overflow: auto;
	height: 20em;
}

#consiglio .table{
	float: left;
	/*width: 99%;*/
	overflow: auto;
}

#news .table ul{
	font-size: 1.3em;
}

#news .table ul  li{
	padding: 2%;
	list-style: disc;
	list-style-position: outside;
}

#consiglio table ul{
	font-size: 85%;
	margin: 0.2em;
	list-style: disc;
}

#consiglio table ul  li{
	padding: 1%;
	list-style-position: inside;
}

#text table{
	float: left;
	width: 99%;
	overflow: auto;
}

/*tabella*/
table{
	table-layout: fixed;	
}
/*titolo tabella*/
h2{
	text-align:center;
	font-size: 1.5em;
	margin: 1%;
}

h2 img{
	width: 5em;
	height: 3em;
}

h3{
	font-size: 1.3em;
	color: #6699FF;
}
/*formato colonne*/
.col1{
	width: 30%;	
	text-align: center;
	font-weight: bold;
}
.col2{
	width: 69%;
}

.col3{
	width: 50%;
	text-align:center;
	font-weight: bold;
}

/*formato righe*/
tr{
	width: 100%;
}
/*formato celle*/
td{
	border: 1px solid #0000aa;
	padding: 1em;
}

#text{
	width: 97%;
	margin: 0.5em;
	padding: 1%;
	text-align: left;
	border: 2px solid #0000aa;
}

#obiettivi li{
	list-style: lower-alpha;
	padding: 1%;
}

iframe{
	overflow: auto;
	width: 720px; 
	height: 300px; 
	/*width: 97%;*/
	margin: 0.5em;
	background-color: #ADD8E6;
}

div#wrapper { 
	width: 100%;
height: 33em;	
	float: left;
    
}

#wrapper img{
	width: 49%;
	height: 49%;
}

#text .imgInline{
	width: 25em;
	float: left;
	margin-right: 1em;
}