/*

CSS FRONT-END VER. 1


© Interattiva e-comunicazione
  www.lineagrafica.it

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

#menu { display:block; position: absolute; top: 60px; left: 0px;}
	#menu li {display: block; float: left; margin: 0 25px 0 0;}
		#menu li a {
			display: block;
			text-decoration: none;
			color: #fff;
			text-transform: uppercase;
			padding: 5px 3px;
			border-bottom:2px solid #111;
			font-size: 1.2em;}
			#menu li a:hover, #menu li.selected a { border-bottom:2px solid #d9b00d; color: #d9b00d;}


		#menu li ul { border: none;}
		#menu li ul li  {
			position: relative;
			background: url(../images/bg_menu.gif) repeat-x left top;
			border-top: 1px solid #505050;
			border-left: none;}
	        #menu li ul li a {
				padding: 5px 10px 5px 0;
				color: #d9b00d;
				font-size: 1.1em;}

				#menu li ul li a:hover { border-right:5px solid #d9b00d; padding: 5px 5px 5px 20px;}
				#menu li ul li.selected a {
					color: #fff;
					border-right:5px solid #fff;
					padding: 5px 5px 5px 0;}

#submenu {
	position: absolute;
	right: 0px;
	top: 42px;
	background: transparent url(../images/bg_submenu.jpg) no-repeat left top;
	padding: 20px;
	min-height: 431px;
	width: 215px;}
	#submenu ul li {}
	#submenu ul li a { display: block; font-size: 1.3em; padding: 2px 0; font-weight: bold;}

	#submenu ul li ul { margin: 0 0 10px 20px; font-size: 1.0em;}
	#submenu ul li ul li {background: transparent url(../images/bullet.png) no-repeat left center; padding: 2px 0 2px 18px;}
	#submenu ul li ul li a {font-size: 1.2em; color: #fff; font-weight: normal;}