/***********************
  NAVIGAZIONE LINGUE 
*****************************************************************************************************/
#language { width: 64px; height: 71px; background:url(../grafica/bg_lang.png) no-repeat right top; position: absolute; z-index: 10000; right:30px; top:0px;}
#language ul {
	position: absolute;
	top:57px;
	left:39px;
	height:20px;
	overflow:hidden;
}
#language ul li { background:url(../grafica/dw_arr.png) no-repeat left center; padding-left: 10px;}
#language ul li a, #language ul li a:visited { font-size:12px; color:#c8c8c8; text-decoration:none; font-weight:bold;}
#language ul li a:hover{color:#900;}


/***********************
  NAVIGAZIONE PRINCIPALE
*****************************************************************************************************/

#header-menu {  background-image: url(../grafica/bg_globalnav-bg.png);background-position: -1px 0; width: 620px; height: 75px; position: absolute; z-index: 9998; top:0px; right:94px; }
#header-menu #globalnav { margin: 0; padding: 0; }
#header-menu #globalnav li { display: inline; }
#header-menu #globalnav li a { float: left; width: 123px; height: 0; padding-top: 75px; overflow: hidden}
#header-menu #globalnav li a{ background-image: url(../grafica/bg_globalnav.png); _background-image: url(../grafica/bg_globalnav.gif); background-repeat: no-repeat; }

/* BUTTONS */
#header-menu #globalnav li#gn-ideazione a { background-position: 0 0; }
#header-menu #globalnav li#gn-progettazione a { background-position: -123px 0; }
#header-menu #globalnav li#gn-produzione a { background-position: -246px 0; }
#header-menu #globalnav li#gn-prodotto a { background-position: -369px 0; }
#header-menu #globalnav li#gn-distribuzione a { background-position: -492px 0; }


/* OVER STATES */

#header-menu #globalnav li#gn-ideazione a:hover { background-position: 0px -75px; }
#header-menu #globalnav li#gn-progettazione a:hover { background-position: -123px -75px; }
#header-menu #globalnav li#gn-produzione a:hover { background-position: -246px -75px; }
#header-menu #globalnav li#gn-prodotto a:hover { background-position: -369px -75px; }
#header-menu #globalnav li#gn-distribuzione a:hover { background-position: -492px -75px; }


/* PRESSED STATES */

#header-menu #globalnav li#gn-ideazione a:active { background-position: 0 -150px; }
#header-menu #globalnav li#gn-progettazione a:active { background-position: -123px -150px; } 
#header-menu #globalnav li#gn-produzione a:active { background-position: -246px -150px; }
#header-menu #globalnav li#gn-prodotto a:active { background-position: -369px -150px; }
#header-menu #globalnav li#gn-distribuzione a:active { background-position: -492px -150px; }





/***********************
  NAVIGAZIONE SEZIONI 
*****************************************************************************************************/


#sideLeft ul { text-align:left;background:#1d1d1d url(../grafica/bg_seznav.png) repeat-y right top; border-style:solid; border-width:0 1px 1px 1px; border-color:#101010; float:left; width:224px;}
#sideLeft ul li {background:url(../grafica/sep_seznav.png) no-repeat right top; padding:20px 0px 15px 20px;}
#sideLeft ul li a, #sideLeft ul li a:visited{ color:#c3c3c3; font-size:13px; text-decoration:none;  display:block;}
#sideLeft ul li a:hover, #sideLeft ul li.selected a { color:#900;}
#sideLeft ul li a span { display:block;}




/***********************
  NAVIGAZIONE FOOTER 
*****************************************************************************************************/

#bottom{ width: 676px; height: 100px;  z-index: 9999;}
#bottom #bottomnav { margin: 0; padding: 0; }
#bottom #bottomnav li { display: inline; }
#bottom #bottomnav li a { float: left; width: 135px; height: 0; padding-top: 100px; overflow: hidden}
#bottom #bottomnav li a{ background-image: url(../grafica/bg_bottomnav.png); _background-image: url(../grafica/bg_bottomnav.gif); background-repeat: no-repeat; }

/* BUTTONS */
#bottom #bottomnav li#bn-ideazione a { background-position: 0 0; }
#bottom #bottomnav li#bn-progettazione a { background-position: -135px 0; }
#bottom #bottomnav li#bn-produzione a { background-position: -270px 0; }
#bottom #bottomnav li#bn-prodotto a { background-position: -405px 0; }
#bottom #bottomnav li#bn-distribuzione a { background-position: -540px 0; width:136px;}


/* OVER STATES */

#bottom #bottomnav li#bn-ideazione a:hover { background-position: 0px -110px; }
#bottom #bottomnav li#bn-progettazione a:hover { background-position: -135px -110px; }
#bottom #bottomnav li#bn-produzione a:hover { background-position: -270px -110px; }
#bottom #bottomnav li#bn-prodotto a:hover { background-position: -405px -110px; }
#bottom #bottomnav li#bn-distribuzione a:hover { background-position: -540px -110px; width:136px;}


/* PRESSED STATES */

#bottom #bottomnav li#bn-ideazione a:active { background-position: 0 -220px; }
#bottom #bottomnav li#bn-progettazione a:active { background-position: -135px -220px; } 
#bottom #bottomnav li#bn-produzione a:active { background-position: -270px -220px; }
#bottom #bottomnav li#bn-prodotto a:active { background-position: -405px -220px; }
#bottom #bottomnav li#bn-distribuzione a:active { background-position: -540px -220px; width:136px;}


/***********************
  PLUS MINUS 
*****************************************************************************************************/

ul#circles { position: absolute; top:100px; left:150px;width:702px; height:304px;}

ul#circles li#circle1 {
position:absolute;
left:568px;
top:55px;
}

ul#circles li#circle2 {
position:absolute;
left:73px;
top:214px;
}

ul#circles li a,ul#circles li a:visited{
display:block;
width:20px;
height:20px;
background:url(../grafica/plus.gif) no-repeat center center;
}
ul#circles li a:hover{background:url(../grafica/minus.gif) no-repeat center center; text-decoration:none;}

ul#circles li a span, ul#circles li a:visited span { display:none;}
ul#circles li a span img { display:block; margin-bottom:5px;}
ul#circles li#circle1 a:hover span {display:block;position:absolute;left:30px;top:0px;width:200px; line-height:11px; font-weight:bold; text-align:left; color:#616161;}
ul#circles li#circle2 a:hover span {display:block;position:absolute;left:-200px;top:0px;width:200px; line-height:11px;font-weight:bold;text-align:left;color:#616161;}
