/**
 * BuoniPasto.it
 * Stile dell'intestazione della pagina
 *
 * marco(dot)pegoraro(at)gmail(dot)com
 * 8/1/10
 */


#header {}


#header-logo {
	position:							absolute;
	top:								0;
	right:								0;
	
	
	display:							block;
	width:								530px;
	height:								225px;
	background-image:					url(buonipasto/sprite_header.jpg);
	background-position:				-530px -552px;
}
#home #header-logo {
	height:								327px;
	background-position:				0 -552px;
	}

/**
 * Titolazione H1 con sostituzione d'immagine applicata ad uno span
 * interno al link.
 */

#header h1 {
	display:							block;
	width:								400px;
	height:								130px;
	
	margin:								0;
	border:								none;
	
	font-size:							1.5em;
	font-family:						Times;
	letter-spacing:						6px;
	word-spacing:						30px;
	text-transform:						uppercase;
}
	#header h1 a {
		display:						block;
		text-align:						center;
		padding-top:					50px;
		color:							#ED7342;
	}
		#header h1 a span {
			position:					absolute;
			top:						0;
			left:						0;
			
			display:					block;
			width:						400px;
			height:						130px;
			
			cursor:						pointer;
			background-image:			url(buonipasto/sprite_header.jpg);
			background-position:		0 0;
		}
		#home h1 a span {
			background-position:		0 -225px;
		}

/**
 * Menu istituzionale
 */
#main-menu {
	position:							absolute;
	bottom:								0;
	left:								23px;
	
	display:							block;
	width:								525px;
	height:								86px;
	
	/*background-color:					#e3e0da;*/
	background-image:					url(buonipasto/sprite_main_menu.png);
	color:								#fff;
	
	font-size:							1em;
	
	text-transform:						uppercase;
	
}
	#main-menu ul {
		list-style:						none;
	}
		
	#main-menu ul li {
		display:						inline;
	}
	
	#main-menu ul li a {
		position:relative;
		display:						block;
		float:							left;
		width:							105px;
		height:							86px;
		overflow:						hidden;
		text-align:						center;
		
		color:							#006b79;
		text-decoration:				none;
		font-size:0.6em;
	}
	#main-menu ul li a span.main-menu-link-wrap {
		display:						block;
		padding-top:					40px;
		padding-bottom:					30px;
	}
	#main-menu ul li a:hover span.main-menu-link-wrap {
		/*background:						#F4F1E8;*/
	}
	#main-menu ul li a span.main-menu-link-image {
		position:						absolute;
		top:							0;
		left:							0;
		
		display:						block;
		width:							200px;
		height:							200px;
		overflow:						hidden;
		
		background-image:				url(buonipasto/sprite_main_menu.png);
		cursor:							pointer;
	}
	
	
	/**
	 * Definizioni specifiche per elemento identificato.
	 */
	
	#main-menu ul li#buoni a {												width:73px; }
	#main-menu ul li#buoni a span.main-menu-link-image {					background-position: 0 -86px; }
	#main-menu ul li#buoni a:hover span.main-menu-link-image,
	#main-menu ul li#buoni a.selected span.main-menu-link-image { 			background-position: 0 -172px; }
	
	
	#main-menu ul li#societa a {											width:104px; }
	#main-menu ul li#societa a span.main-menu-link-image {					background-position: -73px -86px; }
	#main-menu ul li#societa a:hover span.main-menu-link-image,
	#main-menu ul li#societa a.selected span.main-menu-link-image { 		background-position: -73px -172px; }
	
	
	#main-menu ul li#ristoratori a {										width:125px; }
	#main-menu ul li#ristoratori a span.main-menu-link-image {				background-position: -177px -86px; }
	#main-menu ul li#ristoratori a:hover span.main-menu-link-image,
	#main-menu ul li#ristoratori a.selected span.main-menu-link-image { 	background-position: -177px -172px; }
	
	
	#main-menu ul li#complementari a {										width:122px; }
	#main-menu ul li#complementari a span.main-menu-link-image {			background-position: -302px -86px; }
	#main-menu ul li#complementari a:hover span.main-menu-link-image,
	#main-menu ul li#complementari a.selected span.main-menu-link-image { 	background-position: -302px -172px; }
	
	
	#main-menu ul li#aggiuntivi a {											width:101px; }
	#main-menu ul li#aggiuntivi a span.main-menu-link-image {				background-position: -424px -86px; }
	#main-menu ul li#aggiuntivi a:hover span.main-menu-link-image,
	#main-menu ul li#aggiuntivi a.selected span.main-menu-link-image { 		background-position: -424px -172px; }
	
	
	/**
	 * SubMenu
	 */
	
	#main-menu ul li#buoni ul li a,
	#main-menu ul li#societa ul li a,
	#main-menu ul li#ristoratori ul li a,
	#main-menu ul li#complementari ul li a,
	#main-menu ul li#aggiuntivi ul li a {
		width:								auto;
	}
	
	
	#main-menu ul li ul {
		position:							absolute;
		top:								86px;
		left:								0;
		z-index:							9999;
	
		display:							block;
		width:								880px;
		height:								37px;
		overflow:							hidden;
		background-color:					#FF7902;
		background-image:					url(buonipasto/sprite_main_menu.png);
		background-position:				0 -300px;
		
		font-family:						Verdana;
		font-size:							1em;
		font-weight:						bold;
		color:								#fff;
		
		display:none;
		
	}
		#main-menu ul li ul li a {
			display:						block;
			width:							auto;
			height:							37px;
			overflow:						auto;
			float:							left;
			
			color:							#fff;
		}
		#main-menu ul li ul li a:hover {
			background-color:				#FFB878;
			background-image:				url(buonipasto/sprite_main_menu.png);
			background-position:			0 -337px;
		}
		
		#main-menu ul li ul li a span.main-menu-link-image {
			display:						none;
		}
		
		#main-menu ul li ul li a span.main-menu-link-wrap {
			display:						block;
			background:						none;
			padding:						12px 20px 0 10px;
		}
		#main-menu ul li ul li a:hover span.main-menu-link-wrap {
			background:						none;
		}




/**
 * Menu istituzionale posto in alto nella pagina.
 * A livello di struttura pu˜ essere spostato anche dopo il content.
 */
#base-menu {
	position:								absolute;
	top:									35px;
	right:									20px;
	
	display:								block;
	height:									30px;
	overflow:								hidden;
	
	font-family:							Verdana;
	font-size:								0.75em;
	color:									#ff7902;
}

	#base-menu ul {
		list-style:							none;
		text-align:							right;
	}
	
	#base-menu ul li {
		display:							inline;
		padding:							0 0 0 15px;
	}
	
	#base-menu ul li a {
		color:								#ff7902;
		text-decoration:					none;
		white-space: 						nowrap;
	}
	
	#base-menu ul li a:hover, #base-menu ul li a.selected {
		color:								#579ea6;
	}