/*	CSS RESET	*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body{line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, 
q:before, q:after{content:''; content:none;}
:focus{outline:0;}
ins, a{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse; border-spacing:0;}

/*	GLOBALS	*/
body {
	background: #44372a url(../images/bg_pattern.jpg) repeat scroll left top;
	font: normal 11px Tahoma,Arial,Helvetica,sans-serif;
}
.current {
	color: #FFF !important;
}
#container {
	margin: 110px auto 0;
	width: 610px;
}

/* default: ascunse */

/*	LOGO	*/
h1 a.logo {
	background: transparent url(../images/xtravel_logo.png) no-repeat left top;
	display: block;
	width: 222px;
	height: 72px;
	text-indent: -9999px;
	position: absolute;
	bottom: 20px;
	left: 20px;
}

/*	PAGES	*/
.home {
	background: transparent url(../images/home_pg_bg.png) no-repeat center top;
	position: relative;
	width: 610px;
	height: 578px;
}

/* GALERIE IMAGINI */
#galerie_imagini {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 500;
	width: 450px;
	height: 360px;
}
#galerie_imagini img {
	position: absolute;
	top: 0px;
	left: 0px;
}

/* OFERTE */
	#oferte {
		height: 190px;
		padding: 90px 0 0 10px;
	}
	.oferte_img {
		position: absolute;
		top: -7px;
		left:0px;
		background: transparent url(../images/oferte.png) no-repeat center top;
		width: 256px;
		height: 93px;
	}
	.oferte_img p {
		color:#FEEBB4;
		float:right;
		font-family:tahoma;
		font-size:10px;
		font-weight:bold;
		left:130px;
		position:absolute;
		top:79px;
	}
	 .scrollable {
		margin: 0;
		padding: 15px 0 0 0;
		width: 370px;
		height:  170px;
		overflow:hidden;
	}
		.scrollable p{
			font-size: 10px;
			font-color: #473115;
			margin: 0 0 10px 0;
		}
		.scrollable strong {
			color:#01821c;
		}
	

/* ADPRINT */
	.adprint_img {
		background: transparent url(../images/adprint.png) no-repeat center top;
		position: absolute;
		top: 30px;
		left: 10px;
		width: 368px;
		height: 228px;
	}


/* TRIMITE START */
	#trimite_start textarea {
		background-color:transparent;
		border:1px solid #B19664;
		color:#473115;
		font-family:tahoma;
		font-size:11px;
		height:165px;
		left:10px;
		padding:5px;
		position:absolute;
		top:90px;
		width:190px;
	}
	#trimite_start .right {
		position: absolute;
		top: 90px;
		left: 230px;
		width: 140px;
		height: 175px;
	}
		#trimite_start .right label { 
			display: block;
			margin: 10px 0 2px 0;
			color:#473115;
		}
		#trimite_start #trimite {
			width:50px;
			height: 17px;
			color: #fee19f;
			background-color: #9a7e4d;
			font-family:tahoma;
			font-size:11px;
			opacity: 0.5;
			margin: 10px 0 0 0;
			float: right;
		}
	#trimite_start input {	
		background-color:transparent;
		border:1px solid #B19664;
		width: 140px;
		height: 15px;
	}

/* CONTACT */

	/* DANE VESTI si XTL */
	#danevesti {
		background:transparent url(../images/danevesti.png) no-repeat scroll center top;
		height:50px;
		left:10px;
		position:absolute;
		top:58px;
		width:206px;
	}
	#xtl {
		background:transparent url(../images/xtl.png) no-repeat scroll center top;
		height:37px;
		left:240px;
		position:absolute;
		top:110px;
		width:55px;
	}
	#contact .content{
		color:#473115;
		height:166px;
		left:20px;
		position:absolute;
		top:110px;
		width:200px;
	}
	#contact .xtl_text {
		color:#473115;
		top: 160px;
		left: 240px;
		position: absolute;
		width: 110px;
		height: 100px;
	}


/* PAGINA PRINCIPALA */

	/* UNDE */
	#undemergem {
		background: transparent url(../images/undemergem.png) no-repeat center top;
		position: absolute;
		top: 20px;
		left: 25px;
		width: 239px;
		height: 60px;
	}

	/*	CONTENT	*/
	.content {
		width: 210px;
		position: absolute;
		color: #473115;
		right: 30px;
		top: 90px;
	}
	.content p.subtitle {
		font: normal 11px Tahoma,Arial,Helvetica,sans-serif;
	}
	.content h3 {
		text-transform: uppercase;
	}
	.content form label {
		display: inline;
	}
	.content form .pret {
		width: 40px;
		background: #b19563;
		color: #fff;
		border: none;
	}
	.content form .locatie {
		width: 160px;
		background: #b19563;
		color: #fff;
		border: none;
	}
	.content form p {
		margin: 0 0 2px 0;
	}
	.content form .okbtn {
		width: 35px;
		height: 16px;
		color: transparent;
		text-indent: -9999px;
		background: transparent url(../images/ok_btn.jpg) no-repeat scroll center top;
		border: none;
	}
	.content form .okbtn:hover {
		background: transparent url(../images/ok_btn.jpg) no-repeat scroll center bottom;
	}

	/*	SIDEBAR	*/
	.sidebar {
		width: 100px;
		position: absolute;
		color: #473115;
		left: 30px;
		top: 110px;
		list-style: inside disc;
	}
	.sidebar_title {
		text-transform: uppercase;
		color: #473115;
		margin: 0 0 20px 0;
		position: absolute;
		left: 30px;
		top: 90px;
	}
	
	.sidebar li a {
		color: #473115;
	}
	.sidebar li a:hover {
		color: #fff;
	}
	
	
/*	NAVIGATION	*/
.navigation {
	height: 20px;
	font: bold 10px/20px Tahoma,Arial,Helvetica,sans-serif;
	margin: -45px 0 0 195px;
	color: #fee4a4;
}
.navigation li {
	float: left;
	display: block;
	padding: 0 1px 0;
}
.navigation li a {
	color: #fee4a4;
}
.navigation li a:hover {
	color: #fff;
}

/* div png link fix */
a {
	position: relative;
	z-index: 500;	
}

/* Div Pt. Anim */
.animate {
	position: absolute;
	top:246px;
	left:190px;
	width: 390px;
	height: 280px;
}
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #ac8f5b;
}
.jScrollPaneDrag {
	position: absolute;
	background: #473115;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}