/**
 * Campiello Viaggi
 * Stile dell'intestazione della pagina
 *
 * marco(dot)pegoraro(at)gmail(dot)com
 * 15-12-09
 */


#header {
	position:							relative;
}


/**
 * Titolazione H1 con sostituzione d'immagine applicata ad uno span
 * interno al link.
 */
#header h1 {
	display:							block;
	width:								790px;
	height:								90px;
	
	margin:								0;
	
	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:							#6e6443;
	}
		#header h1 a span {
			position:					absolute;
			top:						0;
			left:						0;
			
			display:					block;
			width:						790px;
			height:						90px;
			
			background-image:			url(campiello/sprite.jpg);
			background-position:		0 -43px;
			
			cursor:						pointer;
		}



/**
 * Menu istituzionale
 */
#main-menu {
	display:							block;
	width:								790px;
	height:								65px;
	overflow:							hidden;
}

	#main-menu ul {
		list-style:						none;
	}
		
	#main-menu ul li {
		display:						inline;
	}
		
	#main-menu ul li a {
		position:						relative;
		
		display:						block;
		width:							130px;
		height:							65px;
		float:							left;
		overflow:						hidden;
		
		cursor:							pointer;
		
		text-align:						center;
		font-size:						0.9em;
		padding-top:					20px;
		color:							#270C4F;
	}
	#main-menu ul li a span {
		position:						absolute;
		top:							0;
		left:							0;
		
		display:						block;
		width:							130px;
		height:							65px;
		
		background:						url(campiello/sprite.jpg);
	}
	
	/**
	 * Specifiche dei singoli elementi del menu.
	 */
	
	#main-menu ul li#home a,
	#main-menu ul li#home a span {
		width:							121px;
		background-position:			0 -133px;
	}
	
	#main-menu ul li#terre-vicine a,
	#main-menu ul li#terre-vicine a span {
		width:							134px;
		background-position:			-263px -133px;
	}
	
	#main-menu ul li#terre-lontane a,
	#main-menu ul li#terre-lontane a span {
		
		width:							142px;
		background-position:			-121px -133px;
	}
	
	#main-menu ul li#luxury-hotel a,
	#main-menu ul li#luxury-hotel a span {
		width:							127px;
		background-position:			-397px -133px;
	}
	
	#main-menu ul li#business-travel a,
	#main-menu ul li#business-travel a span {
		width:							150px;
		background-position:			-524px -133px;
	}
	
	#main-menu ul li#offers a,
	#main-menu ul li#offers a span {
		width:							116px;
		background-position:			-674px -133px;
	}


#service-menu {
	position:								absolute;
	top:									20px;
	left:									50%;
	
	height:									43px;
	width:									790px;
	
	margin-left:							-395px;
	text-align:								right;
	
	z-index:								999;
	
	font-size:0.8em;
	font-weight:bold;
}
	#service-menu ul {
		list-style:none;
	}
	
	#service-menu ul li {
		display:inline;
		background:url(campiello/sf_service_menu.jpg) 1px 3px no-repeat;
		padding: 3px 0 0 10px;
	}
	#service-menu ul li.first {
		background:none;
	}
	
	#service-menu ul li a {
		color:#180e88;
	}