@charset "utf-8";
/* CSS Document */

#bar {
	height:60px;
	background-position: center top;
	margin: 0;
	padding: 0px;
	margin-top: 0px;
	background-image: url(../images/sfondo_bar.png);
	background-repeat: repeat-y;
}

#menu{
	position: relative;
	height: 60px;
	overflow: hidden;
}
	
#menu ul,#menu li{margin: 0;padding: 0;list-style: none}
#menu a{
	position: absolute;
	top: 0;
	height: 60px;
	text-indent: -9999px;
	background-image: url(../images/sfondo_menu.gif);
	margin-top: 0px;
	margin-right: 17px;
	margin-bottom: 0px;
	margin-left: 17px;
	background-repeat: no-repeat;
	background-position: center center;
	
}

#home a{width: 128px; left: 0px;background-position: -0px 0; }
#chi_siamo a{width: 127px; left: 128px;background-position: -128px 0}
#prodotti a{width: 127px; left: 255px;background-position: -255px 0}
#storia a{width: 127px; left: 382px;background-position: -382px 0}
#filosofia a{width: 127px; left: 509px;background-position: -509px 0}
#contatti a{width: 127px; left: 636px;background-position: -636px 0}

#home a.active{background-position: 0 -60px}
#chi_siamo a.active{background-position: -128px -60px}
#prodotti a.active{background-position: -255px -60px}
#storia a.active{background-position: -382px -60px}
#filosofia a.active{background-position: -509px -60px}
#contatti a.active{background-position: -636px -60px}


/*parte per JQuery*/


#menu span{display: none;position: absolute;
    top: 0;left: 0; height: 60px;
    background-image: url(../images/sfondo_menu.gif);cursor: pointer}
#home span{width:128px; background-position: 0 -60px}
#chi_siamo span{width:127px; background-position: -128px -60px}
#prodotti span{width:127px; background-position: -255px -60px}
#storia span{width:127px; background-position: -382px -60px}
#filosofia span{width:127px; background-position: -509px -60px}
#contatti span{width:127px; background-position: -636px -60px}





/*barra top*/



#menu_top {
	background-position: center top;
	padding: 0px;
	margin-top: 0px;
	width: 495px;
	height: 43px;
	overflow: hidden;
	position: absolute;
	top: 26px;
	right: 30px;

}

#menu_top ul,#menu_top li{
	margin: 0;
	padding: 0;
	list-style: none;
}


#menu_top a{
	position: absolute;
	top: 0;
	height: 43px;
	text-indent: -9999px;
	background-image: url(../images/top_bar/top.gif);
	background-repeat: no-repeat;
}

#carrello a{width: 97px; left:0px;	background-position: -0px 0;}
#informazioni a{width: 133px; left: 97px;background-position: -97px 0}
#supporto a{width: 115px; left: 230px;background-position: -230px 0}
#spedizioni a{width: 150px; left: 345px;background-position: -345px 0}

#carrello a:hover{background-position: 0 -43px}
#informazioni a:hover{background-position: -97px -43px}
#supporto a:hover{background-position: -230px -43px}
#spedizioni a:hover{background-position: -345px -43px}
#links a:hover {
	color: #FFFF33;
}



/*barra services*/

#services {
	float: left;
	width: 399px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: relative;
	padding: 0px;
	margin: 0px;
}



#services_bar {
	padding: 0px;
	height: 48px;
	position: relative;
	overflow: hidden;
	margin-left: 24px;
	margin-top: 26px;
	width: 243px;
}

#services_bar ul,#services_bar li{
	margin: 0;
	padding: 0;
	list-style: none}
	
#services_bar a{
	position: absolute;
	top: 0; 
	width: 243px;
	height: 47px;
   	background-image: url(../images/services/services_bar.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -9999px}
	
#condizioni a{width: 79px; left:0px;	background-position: -0px 0;}
#privacy a{width: 55px; left: 79px;background-position: -79px 0}
#credits a{width: 57px;left: 134px;background-position: -134px 0}
#mappa a{width: 52px; left: 191px;background-position: -191px 0}

#condizioni a:hover{background-position: 0 -47px}
#privacy a:hover{background-position: -79px -47px}
#credits a:hover{background-position: -134px -47px}
#mappa a:hover{background-position: -191px -47px}