/*

CSS FRONT-END VER. 1

MENU

© Interattiva e-comunicazione
  www.lineagrafica.it

------------------------------------------------
*/

a#shop_online {
	display: block;
	position: absolute;
	right:-27px;
	top:43px;
	background: url(../images/shop_online.png) no-repeat left top;
	width: 221px;
	height: 155px;
	z-index: 0;}

#menu {
position: relative;
background: #666 url(../images/bg_menu.gif) no-repeat left top;
height: 15px;
z-index: 2000;
padding: 10px 20px;
margin: 0 25px;}

#menu ul { position: relative;}
	#menu ul li { position: relative; float: left; margin: 0 20px 0 0;}
	#menu ul li a {
		display: block;
		text-decoration: none;
		font-weight: bold;
		font-size: 0.9em;
		color: #000;}
		#menu ul li a:hover, #menu ul li.selected a { color: #c00;}

	#facebook {
		display: block;
		width: 82px;
		height: 22px;
		margin-top: -2px;
		background:  transparent url(../images/fb_button.png) no-repeat left top;}
		#facebook:hover {background:  transparent url(../images/fb_button.png) no-repeat left -22px;}



#sub_menu {
	width: 155px;
	position: absolute;
	top:0px;
	right: 0px;
	background: transparent url(../images/pixel.png) repeat-y left top;}

#sub_menu ul { position: relative;}
	#sub_menu ul li { position: relative;}
	#sub_menu ul li a {
		display: block;
		text-decoration: none;
		padding: 4px 0 4px 10px;
		font-size: 0.9em;
		border-bottom: 1px solid #e8e8e8;
		font-weight: bold;
		color: #419430;}
		#sub_menu ul li a:hover, #sub_menu ul li.selected a {
			color: #fff;
			background: #419430;}

#sub_menu ul li ul{ margin: 0 0 0 7px;}
#sub_menu ul li.selected ul li a { background: #fff; color: #419430; }
#sub_menu ul li.selected ul li a:hover, #sub_menu ul li.selected ul li.selected a {
color: #fff;
background: #cc0000;}

#sub_menu ul li.selected ul li a:active {
color: #fff;
background: #cc0000;
}