/* @group Page Dimensions */

#navigation ul, #page, .pagefragment {
	width: 800px;
}

/* @end */








/* @group Navigation */

#navigation {
	display: block;
	background: url(art/barratitolo.png) repeat-x 50% 100%;
	padding: 0 40px 1px;
	font-size: 11px;
}

#navigation * {
	padding: 0;
	margin: 0;
}

#navigation ul {
	display: block;
	margin: 0 auto;
	background: url(art/logo.png) no-repeat 100% 50%;
}

#navigation li {
	display: block;
	float: left;
}

#navigation li:hover {
	background-color: #f9f9f9;
	
}

#navigation li.active {
	background-color: #8FC9FF;
	/*background-color: #c9c9c9;*/
}

#navigation li a {
	display: block;
	padding: 75px 7px 30px;
	color: #444;
	font-weight: normal;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 50% 0;
	text-align: center;
	width: 6.7em;
}

#navigation li a:hover {
	background-image: url(art/IconsHover.png);
	text-decoration: underline;
}

#navigation li.active a, #navigation li.active a:hover {
	font-weight: bold;
	background-image: url(art/IconsActive.png);
	color: #f8f8f8;
	/*text-shadow: #444 0 1px 0;*/
}








/* @group Auto-clearing */

#navigation:after, #navigation ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#navigation, #navigation ul { display: inline-block }

/* Hides from IE-mac \*/
* html #navigation, * html #navigation ul { height: 1% }
#navigation, #navigation ul { display: block }
/* End hide from IE-mac */
	
/* @end */







/* @group Sections */

/****************
#navigation li#nav-home0 a {
	background: url(art/nome.png) no-repeat 0 50%;
	width: 13px;
	padding-left: 0;
	padding-right: 0;
	overflow: hidden;
	text-indent: -1000em;
	margin-right: 15px;
	margin-left: -28px;
}
****************/

#navigation li#nav-home a {
	background-image: url(art/icona_1_home.png);
}

#navigation li#nav-services a {
	background-image: url(art/icona_2_services.png);
	background-color: #CCFFB3;
}
/*
#navigation li#nav-services a:hover {
	background-color: red;
}
*/
#navigation li#nav-software a {
	background-image: url(art/icona_3_software.png);
	background-color: #FFFF8F;
}

#navigation li#nav-personnel a {
	background-image: url(art/icona_4_personnel.png);
	background-color: #FFBFB3;
}

#navigation li#nav-events a {
	background-image: url(art/icona_5_events.png);
	background-color: #BBEBFF;
}

#navigation li#nav-collaborations a {
	background-image: url(art/icona_6_collaborations.png);
	background-color: #D5CCFF;
}

#navigation li#nav-contacts a {
	background-image: url(art/icona_7_contacts.png);
	background-color: #FFCCCD;
}




/****************
#navigation li#nav-home a:hover {
	background-position: -20px 50%;
}
****************/




/* @end */