/*
© Centro Studi PIM | Alla rights reserved
Designed by Angelo Armentano
http://www.pim.mi.it/
mailto: angelo.armentano@pim.mi.it	  
*/

* { padding: 0; margin: 0; }
ul{list-style-type:none;}

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 background-color: #fff;
 background-attachment: fixed;
 background-repeat: no-repeat;
}
#wrapper { 
 margin: inherit;
 width: 922px;
}
#menu { 
 width: 723px;
 margin: 0px 4px 10px 0px;
 float: right;
 display: inline;
}
#column {
 width:723px;
 float:right; 
 margin-bottom: 5px;
 margin-right:4px;
 overflow: auto;
 }
#header {
 float: right;
 color: #FFF;
 margin: 40px 0 0 0;
 padding: 5px;
 width: 900px;
 height: 200px;
 display: inline;
 background-image:url(images/header.jpg);
 background-repeat:no-repeat;
 background-position:right; 
}
#rightcolumn {
 float: right;
 color: #333;
 margin: 0 0 5px 0;
 padding: 10px;
 width: 700px;
 display: inline;
 background-image:url(images/bg.png);
 background-repeat:repeat;
 border: Solid 1px #DADADA;
 }
#homecolumn {
 float: right;
 color: #333;
 margin: 0 0 8px 0;
 padding: 10px;
 width: 700px;
 height: 412px;
 display: inline;
 background-image:url(images/bg.png);
 background-repeat:repeat;
 border: Solid 1px #DADADA;
 } 
#footer {
	position: absolute;
	left: 3px;
	width: 902px;
	clear: both;
	color: #333333;
	margin: 0 0 5px 0;
	padding: 10px;
	font-size: 11px;
	top: 10px;
}
#credits {
 float: right;
 color: #999999;
 margin: 0 0 5px 0;
 padding: 2px;
 width: 700px;
 display: inline;
 font-size:10px;
}
#enter {
 float: left;
 color: #333333;
 margin: 40px 10px 10px 10px;
 padding: 10px 10px 10px 40px;
 width: 500px;
 display: inline;
 background-image:url(images/skip.png);
 background-repeat:no-repeat;
 background-position:left;
}
/*----IMAGE Boxes----*/
.photo {
	width:150px;
	height: auto;
	border:1px solid #DADADA;
	background-color: #FFFFFF;
	color:#FFFFFF;
	padding: 2px;
	float:left;
	margin-right: 10px;

}
.image1 {
	width:325px;
	height: auto;
	position:absolute;
	border:1px solid #DADADA;
	background:none;
	color:#FFFFFF;
	left: 216px;
	top: 271px;
	padding: 2px;
}
.image1:hover {
	width:325px;
	height: auto;
	position:absolute;
	border:1px solid #CCCCCC;
    padding: 2px;
	background: #D8D8D8;
	color:#FFFFFF;
	left: 216px;
	top: 271px;
}
.image2 {
	width:325px;
	height: auto;
	position:absolute;
	border:1px solid #DADADA;
	background:none;
	color:#FFFFFF;
	left: 566px;
	top: 271px;
    padding: 2px;
}
.image2:hover {
	width:325px;
	height: auto;
	position:absolute;
	border:1px solid #CCCCCC;
    padding: 2px;
	background: #D8D8D8;
	color:#FFFFFF;
	left: 566px;
	top: 271px;
}
.image3 {
	width:325px;
	height: auto;
	position:absolute;
	border:1px solid #DADADA;
	background:none;
	color:#FFFFFF;
	left: 216px;
	top: 475px;
    padding: 2px;
}
.image3:hover {
	width:325px;
	height: auto;
	position:absolute;
	border:1px solid #CCCCCC;
    padding: 2px;
	background: #D8D8D8;
	color:#FFFFFF;
	left: 216px;
	top: 475px;
}
.image4 {
	width:325px;
	height: auto;
	position:absolute;
	border:1px solid #DADADA;
	background:none;
	color:#FFFFFF;
	left: 566px;
	top: 475px;
    padding: 2px;
}
.image4:hover {
	width:325px;
	height: auto;
	position:absolute;
	border:1px solid #CCCCCC;
    padding: 2px;
	background: #D8D8D8;
	color:#FFFFFF;
	left: 566px;
	top: 475px;
}
/*----IMAGE Boxes----*/


/*------ MENU-----*/
ul#nav{font: 11px Verdana,"Tahoma",sans-serif}
ul#nav,ul#nav li,ul#nav ul,ul#nav ul li{margin:0;padding:0;list-style-type:none;}
ul#nav{height:30px;line-height:29px;background: #3B5998;color: #fff}
ul#nav a{display:block;padding: 0 15px;text-decoration: none; color:#FFF}
ul#nav li{float: left;position: relative}
ul#nav li li{float: none;line-height: 30px;display:block !important;display: inline; /*IE*/}
ul#nav ul{position: absolute;top: 23px;left: -9999px;width: 150px;background: #fff;color: #3B5998}
ul#nav ul{padding: 7px 0;border: 1px solid #3B5998}
ul#nav ul,ul#nav li li a{background-color: #FFF;color: #3B5998}
ul#nav li:hover,ul#nav a:hover{background-color: #5C75AA;color: #FFF;height:30px;}
ul#nav li:hover ul,ul#nav li.sfhover ul{left: -1px;z-index: 100;height:auto;width:150px;}

/*regole per separatore e le icone */
ul#nav li.sep{height: 34px;background: #fff}
ul#nav li.sep span{display: block;height: 1px;overflow: hidden;
    margin: 6px 5px 0;background: #CCC}
ul#nav li li.icon a{padding-left: 24px}
ul#nav li li.settings a{background: url(icon_settings.gif) no-repeat 3px 3px}
ul#nav li li.privacy a{background: url(icon_padlock.gif) no-repeat 3px 3px}
/*------ MENU-----*/