@import url(../css/shoulder.css);
@import url(../css/shoulder_engine.css);
@import url(../css/footer.css);
@import url(../css/engine.css);
@import url(../css/contentslider.css);
@import url(../css/content.css);
@import url(../css/generic.css);
@import url(../css/gate.css);

html, body {
    background: url(../image/global/body_bg.gif) repeat-x top #2470A0;
}
body {
    padding: 0px 0px 0px 0px;
    margin: 0px;
    font: normal 11px Arial, Helvetica, Verdana, Geneva, Swiss, Sans-serif;
    color: #003652;
    text-align: center;
}
A:link,
A:visited {
	font-weight: bold;
    color: #003652;
	/*color: #ff0099;*/
	text-decoration: underline;
	outline: none;
}
A:hover {
	/*color: #FB0F0C;
	text-decoration: underline;*/
}
IMG {
	border: 0px;
}
FORM {
	padding: 0px;
	margin: 0px;
}
#tape {
	background: url(../image/global/tape_bg.gif) repeat-x 0px 110px;
    width: 100%;
	float: left;
    padding: 0px;
    margin: 0px;
    overflow: visible;
}
#page {
	/*background: pink;*/
    position: relative;
    width: 1000px;
    margin: auto;
    padding: 0px;
}
.clear {
    clear: both;
}
#principale {
	background: url(../image/global/principale_bg.gif) repeat-x #FFF;
    width: 1000px;
    min-height:1280px;	
    padding: 0px 0px 20px 0px;
    margin: 193px 0px 0px -220px;
    float: right;
	display: block;
	height: auto;
	text-align: left;
	/*border-bottom: 20px solid #FFF;*/
}
#principale2 {
 background: url(../image/global/principale_bg.gif) repeat-x #FFF;
    width: 780px;
 /*min-height: 1200px;*/
    padding: 0px 0px 20px 0px;
    margin: 0px 0px 0px 0px;
 text-align: left;
 /*border-bottom: 20px solid #FFF;*/
}

#logo {
	background: url(../image/global/logo.gif) no-repeat;
	top: 0px;
	left: 10px;
	position: absolute;
	z-index: 3;
	width: 200px;
	height: 100px;
	overflow: visible;
}
	#logo A {
		width: 200px;
		height: 100px;
		display: block;
	}
		#logo A SPAN {
			display: none;
		}
.head {
    position: absolute;
    left: 0px;
    top: 110px;
    z-index: 4;
    width: 1000px;
    height: 83px;
    padding: 0px;
    margin: auto;
    overflow: visible;
}
	.head.home {
		background: url(../image/global/head_home_bg.gif) no-repeat bottom;
	}
	.head.offlast {
		background: url(../image/global/head_offlast_bg.gif) no-repeat bottom;
	}
	.head.voli {
		background: url(../image/global/head_voli_bg.gif) no-repeat bottom;
	}
	.head.volihotel {
		background: url(../image/global/head_volihotel_bg.gif) no-repeat bottom;
	}
	.head.gate {
		background: url(../image/global/head_gate_bg.gif) no-repeat bottom;
	}
	.head UL {
		list-style: none;
		padding: 0px;
		margin: 0px 0px 0px 4px;
		float: left;
		display: inline;
	}
		.head UL LI {
			/*background: cyan;*/
			width: 193px;
			height: 40px;
			padding: 0px;
			margin: 0px 0px 0px 2px;
			float: left; 
			display: inline;
		}
			.head UL LI A:link,
			.head UL LI A:visited {
				padding: 12px 15px 12px 0px;
				margin:0;
				width: 178px;
				height: 16px;
				display: block;
				font-size: 14px;
				color: #FFF;
				text-decoration: none;
				text-align: right;
			}
			.head UL LI A.home {
				background: url(../image/global/menu_home.gif);
			}
				.head UL LI A.home_active {
					background: url(../image/global/menu_home_active.gif);
				}
			.head UL LI A.offlast {
				background: url(../image/global/menu_offlast.gif);
				letter-spacing: -0.05em;
			}
				.head UL LI A.offlast_active {
					background: url(../image/global/menu_offlast_active.gif);
					letter-spacing: -0.05em;
				}
			.head UL LI A.voli {
				background: url(../image/global/menu_voli.gif);
			}
				.head UL LI A.voli_active {
					background: url(../image/global/menu_voli_active.gif);
				}
			.head UL LI A.volihotel {
				background: url(../image/global/menu_volihotel.gif);
			}
				.head UL LI A.volihotel_active {
					background: url(../image/global/menu_volihotel_active.gif);
				}
			.head UL LI A:hover {
				background-position: 100% -40px;
			}
				.head UL LI A.gate_active {
					background: url(../image/global/menu_gate_active.gif);
					padding: 12px 19px 12px 0px;
					width: 189px;
				}
				.head UL LI A.gate_active:hover {
					background-position: 0px;
				}


/* LETS GATE */
#head_gate {
	/*background: violet;*/
	width: 200px;
    position: absolute;
    right: 10px;
    top: 110px;
    z-index: 10;
    padding: 0px;
    margin: auto;
}
	#head_gate .gate_view {
		background: url(../image/shoulder/gate/view.gif);
		width: 200px;
		height: 40px;
		padding: 0px;
		margin: 0px 0px 0px 0px;
		text-decoration: none;
		display: inline;
		float: right;
		/*cursor: hand;*/
		cursor: pointer;
	}
		#head_gate A {
			float: right;
			padding: 12px 15px 12px 0px;
			width: 178px;
			height: 16px;
			display: block;
			font-size: 14px;
			color: #FFF;
			text-decoration: none;
			text-align: right;
		}
		#head_gate .gate_view:hover {
			background-position: 0px -40px;
		}

		#head_gate A SPAN {
			font-weight: normal;
		}

	#head_gate .gate_view_on {
		background: url(../image/shoulder/gate/view_on.gif);
		background-position: 0px -40px;
		width: 200px;
		height: 40px;
		padding: 0px;
		margin: 0px 0px 0px 0px;
		font-size: 14px;
		color: #FFFFFF;
		text-decoration: none;
		display: inline;
		float: left;
		/*cursor: hand;*/
		/*cursor: pointer;*/		
	}		
	#gate_box {
		position: absolute;
		right: 0px;
		top: 35px;
		width: 200px;
		height: auto;
		padding: 0px;
		margin: 0px 0px 0px 0px;
		z-index: 10;
		visibility: hidden;
		background: url(../image/shoulder/gate/box_login.gif) no-repeat bottom #2470A0;
	}
		#gate_box .middle {
			/*background: blue;*/
			width: 200px;
			height: auto;
			padding: 20px 0px 0px 0px;
			float: left;
			display: inline;
		}
			#gate_box .middle A.forgot {
				font: normal 11px Arial;
				color: #FFF;
				text-decoration: none;
				display: inline;
				width: auto;
			}
			#gate_box .middle A.forgot:hover {
				text-decoration: underline;
			}
		
			#gate_box .middle UL {
				list-style: none;
				width: 180px;
				padding: 0px;
				margin: 0px 10px 0px 10px;
				float: left;
				display: inline;
			}
				#gate_box .middle UL LI {
					width: 180px;
					padding: 0px;
					margin: 0px;
					float: left;
					text-align: left;
					display: inline;
					border-bottom: 1px solid #92B8D0;
				}
				#gate_box .middle UL LI A {
					background: url(../image/shoulder/gate/list_li.gif) no-repeat 3px 4px;
					display: block;
					width: 146px;
					padding: 3px 10px 3px 24px;
					margin: 0px;
					float: left;
					font: normal 14px Arial;
					text-align: left;
				}
					#gate_box .middle UL LI A:hover {
						background-color: #FB0F0C;
					}
			#gate_box .middle A.logout {
				background: url(../image/shoulder/submit_red.gif) repeat-x;
				width: auto;
				padding: 2px 5px 2px 5px;
				margin: 10px 10px 10px 0px;
				font: bold 12px Arial, Helvetica, sans-serif;
				color: #FFF;
				text-align: center;
			}
				#gate_box .middle A.logout:hover {
					background-image: none;
					background-color: #0099DA;
					text-decoration: none;
				}
		
		
		/*
		#gate_box .bottom {
			background: pink;
			width: 200px;
			height: 11px;
			font-size: 0px;
		}
		*/		
		
/* BANNER HEAD 728x90 */
#head_ads {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 4;
    width: 728px;
    height: 90px;
    padding: 0px;
    margin: auto;
    overflow: visible;
}
	.head #location {
		width: 980px;
		padding: 20px 0px 0px 20px;
		margin: 0px;
		font-size: 12px;
		color: #FFFFFF;
		text-align: left;
		float: left;
		clear: both;
	}
		.head #location A {
			font-size: 12px;
			color: #FFFFFF;
			font-weight: bold;
			text-decoration: none;
		}
		.head #location A:hover {
			color: #FFFFFF;
			text-decoration: underline;
		}



/* BOX LOADING POST */
DIV.loading {
	background: url(../image/global/loading_bg.png);
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1000;
	/*display: none;*/
	width: 100%;
	height: 100%;
	text-align: center; 
}
	DIV.loading .text {
		position: relative;
		width: 100%;
		height: 200px;
		padding: 0px 0px 0px 0px;
		top: 20%;
		margin-top: -100px;
		text-align: center;
		border: 0px solid #FF6600;
	}
		DIV.loading .text H2 {
			padding: 0px 0px 10px 0px;
			margin: 0px;
			font: normal 30px Georgia;
			color: #FFF;
		}	
		DIV.loading .text H3 {
			padding: 10px 0px 0px 0px;
			margin: 0px;
			font: normal 20px Georgia;
			color: #FFF;
			border: 0px;
		}
		

	
/* AUTOCOMPLETER */		
.completionListHighligh{
	background-color: #B4CEDE;
	font-size: 10px;		
	font-weight: lighter;
	padding:0px 2px 0px 2px;
}

.completionListItem{
	font-size: 10px;		
	font-weight: lighter;
	padding:0px 2px 0px 2px;
}


#welcome{
	display: block;
	color: #ffffff;
	font-weight: bold; 
	float:right; 
	position:relative; 
	top:-30px; 
	right: 20px; 
	z-index:999; 	
}

#welcome a:link, #welcome a:hover, #welcome a:visited
{
	text-decoration: none;
	color: #FFDA40;
}