/*
© 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;
}


#banner { 
 width: 902px;
 height: 300px;
 margin: 0px 0px 0px 10px;
 padding: 40px 0px 10px 10px;
}
.slideshow {
	width:723px; 
	height: auto; 
	float:right; 
	padding: 1px;
}


#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;
 padding-left: 5px;
 width: 180px;
 float: left;
 font-family: Verdana;
 font-size: 10px;
}
#credits { 
 display: inline;
 color: #FFF;
 padding: 10px;
 width: 100px;
 height: 100px;
 float: left;
 font-family: Verdana;
 font-size: 11px;
}

#rightcolumn {
 float: right;
 color: #FFF;
 margin: 0px;
 padding: 0px;
 width: 723px;
 display: inline;
}

#BOX{
 float: left;
 margin: 0px;
 padding: 0px;
 width: 350px;
 display: inline;
}

.Title_THEME1 {
	width:346px; 
	padding: 5px 0 0 8px;
	height: 20px; 
	float: left;
	background: #FFFFFF; 
	color: #333333;
}
.Title_THEME1:hover {
	width:346px; 
	padding: 5px 0 0 8px;
	height: 20px; 
	float: left;
	background: #FF9900; 
	color: #333333;
}
.Title_THEME2 {
	width:351px;
	height: 20px;
	padding: 5px 0 0 8px; 
	float: right;
	background: #FFFFFF; 
	color: #333333;
}
.Title_THEME2:hover {
	width:351px;
	height: 20px;
	padding: 5px 0 0 8px; 
	float: right;
	background: #FF9900; 
	color: #333333;
}
.BOX_THEME1 {
	width:346px; 
	height: 110px;
	padding: 5px 0 0 8px; 
	float:left; 
	color:#FFFFFF;
}
.BOX_THEME1:hover {
	width:346px; 
	height: 110px;
	padding: 5px 0 0 8px; 
	float:left;
	font-color:#CCFF00;
	background: url(images/sub_home.gif) no-repeat;
	background-position:top left;
	cursor:none;
}
.BOX_THEME2 {
	width:351px; 
	height: 110px;
	padding: 5px 0 0 8px; 
	float: right;
	color:#FFFFFF;
}
.BOX_THEME2:hover {
	width:351px; 
	height: 110px;
	padding: 5px 0 0 8px; 
	float:right;
	font-color:#CCFF00;
	background: url(images/sub_home.gif) no-repeat;
	background-position:top left;
	cursor:none;
}

#footer {
 float: right;
 width: 703px;
 clear: both;
 color: #FFF;
 margin: 10px 0 5px 0;
 padding: 10px 10px 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;
}

.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: 16635px;
}

.overlayTHEME1 {
	position: absolute;
	display: inline;
	top: 500px;
	bottom: 0px;
	left: 199px;
	background: #333;
	opacity: 0.70;
	-moz-opacity: 0.70;
	filter:alpha(opacity=70);
	width: 354px;
	height: 130px;
}
.overlayTHEME2 {
	position: absolute;
	display: inline;
	top: 500px;
	bottom: 0px;
	left: 563px;
	background: #333;
	opacity: 0.70;
	-moz-opacity: 0.70;
	filter:alpha(opacity=70);
	width: 359px;
	height: 130px;
}
.overlayTHEME3 {
	position: absolute;
	display: inline;
	top: 638px;
	bottom: 0px;
	left: 199px;
	background: #333;
	opacity: 0.70;
	-moz-opacity: 0.70;
	filter:alpha(opacity=70);
	width: 354px;
	height: 130px;
}
.overlayTHEME4 {
	position: absolute;
	display: inline;
	top: 638px;
	bottom: 0px;
	left: 563px;
	background: #333;
	opacity: 0.70;
	-moz-opacity: 0.70;
	filter:alpha(opacity=70);
	width: 359px;
	height: 130px;
}

.overlayFOOTER {
	position: absolute;
	display: inline;
	top: 778px;
	bottom: 0px;
	left: 199px;
	background: #333;
	opacity: 0.70;
	-moz-opacity: 0.70;
	filter:alpha(opacity=70);
	width: 723px;
	height: 40px;
}
.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: 185px;
}

.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: 230px;
}

.overlayNEWS {
 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: 297px;
}


#Wrapper .contenteiner {
width: 703px;
}

#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;
} 
.content {
position: relative;
float: left;
height: auto;
} 
/*----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;}

	
/*----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----*/


/*---- NEWS ----*/
.NEWS {
 position: absolute;
 display: inline;
 top: 177px;
 left: 5px;
 background: #333;
 opacity: 0.70;
 -moz-opacity: 0.70;
 filter:alpha(opacity=70);
 width: 184px;
 height: 300px;
}
