/*
© Centro Studi PIM | Alla rights reserved
Designed by Angelo Armentano
Powered by Eventi Telematici
http://www.pim.mi.it/
mailto: staff@pim.mi.it	  
*/

* { padding: 0; margin: 0; }
ul{list-style-type:none;}

body {
 font-family: Verdana;
 font-size: 11px;
 background-color: #fff;
 background-image: url(images/Milano_VOLO_3.jpg);
 background-attachment: fixed;
 background-repeat: no-repeat;
}
#wrapper { 
 margin: inherit;
 width: 922px;
}
#menu { 
 width: 902px;
 margin: 0px 0px 10px 0px;
}
#column {
 margin-bottom: 5px;
 overflow: auto;
 width: 100%
}
#logo_TXT { 
 padding: 10px 0 0 195px;  
 float: left; 
 width: 600px;  
 font-family: Verdana;
 font-size: 13px;
 color:#ffffff;
}
#logo { 
 float: left; 
 width: 902px; 
 background-image: url(images/Logo_PIM.png); 
 background-position: left;
 background-repeat: no-repeat;
 cursor:pointer;
}
#header {
 color: #FFF;
 width: 902px;
 padding: 10px;
 height: 100px;
 margin: 10px 0px 5px 0px;
}
#leftcolumn { 
 display: inline;
 color: #FFF;
 margin: 0px;
 width: 180px;
 float: left;
 font-family: Verdana;
 font-size: 10px;
}
#credits { 
 display: inline;
 color: #FFF;
 padding: 4px 10px 4px 10px;
 width: 100px;
 height: 100px;
 float: left;
 font-family: Verdana;
 font-size: 11px;
}
#rightcolumn {
 float: right;
 color: #FFF;
 margin: 0px;
 padding: 10px;
 width: 703px;
 display: inline;
 border: Solid 1px #DADADA;
}
#footer {
 position: absolute;
 left: 0px;
 width: 902px;
 clear: both;
 color: #FFF;
 margin: 0 0 5px 0;
 padding: 10px;
 font-size: 10px;
}
.clear { clear: both; background: none; }



/*----Transparent effect BEGIN----*/
.overlay {
 position: absolute;
 display: inline;
 top: 177px;
 bottom: 0px;
 left: 198px;
 width: 723px;
 background: #333;
 opacity: 0.70;
 -moz-opacity: 0.70;
 filter:alpha(opacity=70);
 height: 1700px;
}

.overlay1 {
 position: absolute;
 display: inline;
 top: 177px;
 bottom: 0px;
 left: 198px;
 width: 723px;
 background: #333;
 opacity: 0.70;
 -moz-opacity: 0.70;
 filter:alpha(opacity=70);
 height: 14330px;
}

.overlay2 {
 position: absolute;
 display: inline;
 top: 177px;
 bottom: 0px;
 left: 198px;
 width: 723px;
 background: #333;
 opacity: 0.70;
 -moz-opacity: 0.70;
 filter:alpha(opacity=70);
 height: 596px;
}

.overlay3 {
 position: absolute;
 display: inline;
 top: 177px;
 bottom: 0px;
 left: 198px;
 width: 723px;
 background: #333;
 opacity: 0.70;
 -moz-opacity: 0.70;
 filter:alpha(opacity=70);
 height: 700px;
}

.overlay4 {
 position: absolute;
 display: inline;
 top: 177px;
 bottom: 0px;
 left: 198px;
 width: 723px;
 background: #333;
 opacity: 0.70;
 -moz-opacity: 0.70;
 filter:alpha(opacity=70);
 height: 1025px;
}

.overlay5 {
 position: absolute;
 display: inline;
 top: 177px;
 bottom: 0px;
 left: 198px;
 width: 723px;
 background: #333;
 opacity: 0.70;
 -moz-opacity: 0.70;
 filter:alpha(opacity=70);
 height: 1065px;
}

.overlay6 {
 position: absolute;
 display: inline;
 top: 177px;
 bottom: 0px;
 left: 198px;
 width: 723px;
 background: #333;
 opacity: 0.70;
 -moz-opacity: 0.70;
 filter:alpha(opacity=70);
 height: 1193px;
}

.overlay7 {
 position: absolute;
 display: inline;
 top: 177px;
 bottom: 0px;
 left: 198px;
 width: 723px;
 background: #333;
 opacity: 0.70;
 -moz-opacity: 0.70;
 filter:alpha(opacity=70);
 height: 3635px;
}

.overlay8 {
 position: absolute;
 display: inline;
 top: 177px;
 bottom: 0px;
 left: 198px;
 width: 723px;
 background: #333;
 opacity: 0.70;
 -moz-opacity: 0.70;
 filter:alpha(opacity=70);
 height: 1012px;
}

.overlay9 {
 position: absolute;
 display: inline;
 top: 177px;
 bottom: 0px;
 left: 198px;
 width: 723px;
 background: #333;
 opacity: 0.70;
 -moz-opacity: 0.70;
 filter:alpha(opacity=70);
 height: 777px;
}

.overlayDB {
 position: absolute;
 display: inline;
 top: 177px;
 bottom: 0px;
 left: 198px;
 width: 723px;
 background: #333;
 opacity: 0.70;
 -moz-opacity: 0.70;
 filter:alpha(opacity=70);
 height: 20250px;
}

.overlayCREDITS {
	position: absolute;
	display: inline;
	top: 177px;
	bottom: 0px;
	left: 930px;
	background: #333;
	opacity: 0.70;
	-moz-opacity: 0.70;
	filter:alpha(opacity=70);
	width: 130px;
	height: 195px;
}

.overlayMENU {
	position: absolute;
	display: inline;
	top: 177px;
	bottom: 0px;
	left: 5px;
	background: #333;
	opacity: 0.70;
	-moz-opacity: 0.70;
	filter:alpha(opacity=70);
	width: 184px;
	height: 250px;
}

.overlayORG {
 position: absolute;
 display: inline;
 top: 177px;
 bottom: 0px;
 left: 198px;
 width: 723px;
 background: #333;
 opacity: 0.70;
 -moz-opacity: 0.70;
 filter:alpha(opacity=70);
 height: 1025px;
}

.overlaySTORY {
 position: absolute;
 display: inline;
 top: 177px;
 bottom: 0px;
 left: 198px;
 width: 723px;
 background: #333;
 opacity: 0.70;
 -moz-opacity: 0.70;
 filter:alpha(opacity=70);
 height: 2260px;
}

.overlayENTI {
 position: absolute;
 display: inline;
 top: 177px;
 bottom: 0px;
 left: 198px;
 width: 723px;
 background: #333;
 opacity: 0.70;
 -moz-opacity: 0.70;
 filter:alpha(opacity=70);
 height: 802px;
}

.overlayORGANI {
 position: absolute;
 display: inline;
 top: 177px;
 bottom: 0px;
 left: 198px;
 width: 723px;
 background: #333;
 opacity: 0.70;
 -moz-opacity: 0.70;
 filter:alpha(opacity=70);
 height: 1477px;
}

.overlayRICERCHE {
 position: absolute;
 display: inline;
 top: 177px;
 bottom: 0px;
 left: 198px;
 width: 723px;
 background: #333;
 opacity: 0.70;
 -moz-opacity: 0.70;
 filter:alpha(opacity=70);
 height: 945px;
}

.overlayAC {
	position: absolute;
	display: inline;
	top: 177px;
	bottom: 0px;
	left: 198px;
	width: 723px;
	background: #333;
	opacity: 0.70;
	-moz-opacity: 0.70;
	filter:alpha(opacity=70);
	height: 4509px;
}

.overlayRENDICONTO {
 position: absolute;
 display: inline;
 top: 177px;
 bottom: 0px;
 left: 198px;
 width: 723px;
 background: #333;
 opacity: 0.70;
 -moz-opacity: 0.70;
 filter:alpha(opacity=70);
 height: 2878px;
}

.overlaySPAZIOSOCI {
	position: absolute;
	display: inline;
	top: 177px;
	bottom: 0px;
	left: 198px;
	width: 723px;
	background: #333;
	opacity: 0.70;
	-moz-opacity: 0.70;
	filter:alpha(opacity=70);
	height: 1265px;
}

#Wrapper .contenteiner {
width: 703px;
}

.content {
position: relative;
float: left;
height: auto;
} 

#WrapperCREDITS .contenteiner {
position: absolute;
top:: 177px;
left: 930px;
width: 200px;
}

.contentCREDITS {
	position: absolute;
	float: left;
	height: 140;
	display: inline;
	margin: 178px 0 0 10px;
	width: 100px;
	top: 0px;
	left: 921px;
} 
/*----Transparent effect END----*/




/*----IMAGE Boxes----*/
.image1 {
	width:133px; 
	height: auto; 
	float:right; 
	border:1px solid #DADADA; 
	margin: 0px 0px 0px 15px; 
	padding: 2px;
	background:none; 
	color:#FFFFFF;}
.image2 {
	width: auto; 
	height: auto; 
	float: left; 
	border:1px solid #DADADA; 
	padding: 2px;
	margin: 0px 10px 10px 0px; 
	background:none; 
	color:#FFFFFF;}
.image3 {
	width: auto; 
	height: auto; 
	float: left; 
	border:1px solid #DADADA; 
	padding: 2px;
	margin-right: 5px; 
	background:none; 
	color:#FFFFFF;}
.visitors {
	width: 702; 
	height: auto; 
	float: left; 
	border:1px solid #CCFF00; 
	padding: 5px;
	margin: 0px; 
	background:none; 
	color:#FFFFFF;}

.soci1 {
	width: 692px; 
	height: 65px; 
	float: left; 
	border-bottom: Solid 1px #DADADA;
	border-top: Solid 1px #DADADA; 
	padding: 5px;
	margin-bottom: 5px;
	color:#FFFFFF;}
.soci1:hover{
	width: 692px; 
	height: 65px; 
	float: left; 
	border-bottom: Solid 1px #DADADA;
	border-top: Solid 1px #DADADA; 
	padding: 5px;
	margin-bottom: 5px;
	background: url(images/Carpiano_down.jpg);
	color: #FF9900;}
.soci2 {
	width: 692px; 
	height: 65px; 
	float: left; 
	border-bottom: Solid 1px #DADADA;
	border-top: Solid 1px #DADADA; 
	padding: 5px;
	margin-bottom: 55px;
	color:#FFFFFF;}
.soci2:hover{
	width: 692px; 
	height: 65px; 
	float: left; 
	border-bottom: Solid 1px #DADADA;
	border-top: Solid 1px #DADADA; 
	padding: 5px;
	margin-bottom: 55px;
	background: url(images/Gaggiano_down.jpg);
	color: #FF9900;}
.soci3 {
	width: 692px; 
	height: 65px; 
	float: left; 
	border-bottom: Solid 1px #DADADA;
	border-top: Solid 1px #DADADA; 
	padding: 5px;
	margin-bottom: 5px;
	color:#FFFFFF;}
.soci3:hover{
	width: 692px; 
	height: 65px; 
	float: left; 
	border-bottom: Solid 1px #DADADA;
	border-top: Solid 1px #DADADA; 
	padding: 5px;
	margin-bottom: 5px;
	background: url(images/M2_down.jpg);
	color: #FF9900;}
.soci4 {
	width: 692px; 
	height: 65px; 
	float: left; 
	border-bottom: Solid 1px #DADADA;
	border-top: Solid 1px #DADADA; 
	padding: 5px;
	margin-bottom: 5px;
	color:#FFFFFF;}
.soci4:hover{
	width: 692px; 
	height: 65px; 
	float: left; 
	border-bottom: Solid 1px #DADADA;
	border-top: Solid 1px #DADADA; 
	padding: 5px;
	margin-bottom: 5px;
	background: url(images/SanDonato_down.jpg);
	color: #FF9900;}
.soci5 {
	width: 692px; 
	height: 65px; 
	float: left; 
	border-bottom: Solid 1px #DADADA;
	border-top: Solid 1px #DADADA; 
	padding: 5px;
	margin-bottom: 5px;
	background: url(images/Melegnano_up.png);
	color:#FFFFFF;}
.soci5:hover{
	width: 692px; 
	height: 65px; 
	float: left; 
	border-bottom: Solid 1px #DADADA;
	border-top: Solid 1px #DADADA; 
	padding: 5px;
	margin-bottom: 5px;
	background: url(images/Melegnano_down.png);
	color: #FF9900;}
.soci6 {
	width: 692px; 
	height: 65px; 
	float: left; 
	border-bottom: Solid 1px #DADADA;
	border-top: Solid 1px #DADADA; 
	padding: 5px;
	margin-bottom: 5px;
	background: url(images/MB_up.png);
	color:#FFFFFF;}
.soci6:hover{
	width: 692px; 
	height: 65px; 
	float: left; 
	border-bottom: Solid 1px #DADADA;
	border-top: Solid 1px #DADADA; 
	padding: 5px;
	margin-bottom: 5px;
	background: url(images/MB_down.png);
	color: #FF9900;}	
.soci7 {
	width: 692px; 
	height: 65px; 
	float: left; 
	border-bottom: Solid 1px #DADADA;
	border-top: Solid 1px #DADADA; 
	padding: 5px;
	margin-bottom: 5px;
	color:#FFFFFF;}
.soci7:hover{
	width: 692px; 
	height: 65px; 
	float: left; 
	border-bottom: Solid 1px #DADADA;
	border-top: Solid 1px #DADADA; 
	padding: 5px;
	margin-bottom: 5px;
	background: url(images/Garbagnate_down.jpg);
	color: #FF9900;}
.soci8 {
	width: 692px; 
	height: 65px; 
	float: left; 
	border-bottom: Solid 1px #DADADA;
	border-top: Solid 1px #DADADA; 
	padding: 5px;
	margin-bottom: 5px;
	color:#FFFFFF;}
.soci8:hover{
	width: 692px; 
	height: 65px; 
	float: left; 
	border-bottom: Solid 1px #DADADA;
	border-top: Solid 1px #DADADA; 
	padding: 5px;
	margin-bottom: 5px;
	background: url(images/Solaro_down.jpg);
	color: #FF9900;}
		
/*----PRINT PAGE Button----*/	
.printer {
	position: absolute;
	float: right;
	width: 146px;
	height: 20;
	left: 933px;
	top: 135px;
}



/*----LEFT MENU PANEL----*/
#leftmenu{width:180px; height:150px; float:left; margin: 0px 0px 0px 5px; color:#FFFFFF;}
#leftmenu ul{width:140px; float:left; height:20px; color:#FFFFFF; margin:5px 0px 0px 5px;}
#leftmenu ul li{width:140px; float:left; height:20px; color:#FFFFFF; margin:5px 0px 0px 5px;}
#leftmenu ul li a{width:140px; height:20px; float:left; display:block; background:url(images/button.gif) 0px 6px no-repeat; color:#FFFFFF; 
padding:4px 1px 0px 11px;}
#leftmenu ul li a:hover{background:url(images/button-hover.gif) 0px 6px no-repeat; float:left; color:#CCFF00; text-decoration:none; padding:4px 1px 0px 11px;}
#leftmenu p{padding:4px 1px 0px 11px; color:#FFFFFF;}
#leftmenu p.boldtext{padding:4px 1px 0px 11px; float:left; font-size:14px; background:#666666; color:#FFFFFF; font-weight:bold;}
/*----/LEFT MENU PANEL----*/

/*----LEFT MENU1 PANEL----*/
#leftmenu1{width:180px; height:170px; float:left; margin: 0px 0px 0px 5px; color:#FFFFFF;}
#leftmenu1 ul{width:140px; float:left; height:20px; color:#FFFFFF; margin:5px 0px 0px 5px;}
#leftmenu1 ul li{width:140px; float:left; height:20px; color:#FFFFFF; margin:5px 0px 0px 5px;}
#leftmenu1 ul li a{width:140px; height:20px; float:left; display:block; background:url(images/button.gif) 0px 6px no-repeat; color:#FFFFFF; 
padding:4px 1px 0px 11px;}
#leftmenu1 ul li a:hover{background:url(images/button-hover.gif) 0px 6px no-repeat; float:left; color:#CCFF00; text-decoration:none; padding:4px 1px 0px 11px;}
#leftmenu1 p{padding:4px 1px 0px 11px; color:#FFFFFF;}
#leftmenu1 p.boldtext{padding:4px 1px 0px 11px; float:left; font-size:14px; background:#666666; color:#FFFFFF; font-weight:bold;}
/*----/LEFT MENU PANEL----*/

