body {
	margin: 10px 0px 0px;
	font: 12px/14px Arial;
	color: #003471;
	background: #004494;
}

h1 { font: bold 24px Arial; color: #003471; margin: 0px 0px 30px 0px; }
h2 { font: bold 16px Arial; color: #003471; margin: 0px 0px 20px 0px; }
h3 { font: bold 16px Arial; color: #003471; margin: 0px 0px 10px 0px; }
h3 a, h3 a:link, h3 a:active, h3 a:visited { color: #003471; text-decoration: none; }
h4 { font: bold 12px Arial; margin-bottom: 5px; padding: 0px 0px 2px 2px; background: url('../images/block-title_bg.jpg') no-repeat bottom left; }

a, a:link, a:active, a:visited { color: #232323; }

#page {
	width: 990px;
	margin: 0px auto;
	overflow: hidden;
}

#center {
	float: left;
	width: 770px;
}

#header {
	height: 320px;
	padding: 10px 10px 0px 10px;
	text-align: center;
	background: url('../images/header-bg.jpg') no-repeat;
	}
	#header form {
		margin-top: 3px;
		height: 21px;
		font: bold 12px Arial;
		color: #fff;
		text-align: right;
		vertical-align: middle;
		}
		#header input.text {
			width: 135px;
			height: 15px;
			font-size: 100%;
			border: 1px solid #969696;
		}
		#header input.button {
			vertical-align: bottom;
		}
		#header a {
			color: #fff;
			text-decoration: none;
		}
		#header a:hover { text-decoration: underline; }
		
		#header span.phone {
			margin-left: 15px;
			font: bold 14px Arial;
			color: #bcd8ea;
		}


#content {
	position: relative;
	padding: 0px 40px 0px 60px;
	background: url('../images/content-bg.jpg') repeat-y;
	}
	#content.wide { padding: 0px 20px 0px 60px; }
	
	#content table {
		margin: 10px 0px 30px;
		border-collapse: separate;
		border-spacing: 1px;
		empty-cells: hide;
		}
		#content table th {
			padding: 2px 5px 2px 5px;
			border: 1px solid #3e9fd2;
			text-align: center;
			vertical-align: middle;
		}
		#content table td {
			padding: 2px 5px 2px 5px;
			border: 1px solid #3e9fd2;
		}
		
	#content table.invisible {
		margin: 0px 0px 30px;
		}
		#content table.invisible td {
			padding: 1px 10px 1px 0px;
			border: none;
		}
		
	ul { margin: 0px 0px 15px 30px; }
	
	ul#travels {
		margin: 0px 0px 0px -30px; padding: 0px;
		list-style-type: none;
		}
		ul#travels li {
			float: left;
			display: inline;
		}
		ul#travels li a {
			float: left;
			display: inline;
			width: 240px; height: 110px;
			text-indent: -9999px;
			background-image: url('../images/utazasok.png?20100506');
			background-repeat: no-repeat;
			}
			ul#travels li.kiemelt_ajanlatok a { background-position: 0px 0px; }
			ul#travels li.kiemelt_ajanlatok a:hover { background-position: -240px 0px; }
			ul#travels li.last_minute_utak a { background-position: 0px -110px; }
			ul#travels li.last_minute_utak a:hover { background-position: -240px -110px; }
			ul#travels li.elofoglalasi_akcio a { background-position: 0px -220px; }
			ul#travels li.elofoglalasi_akcio a:hover { background-position: -240px -220px; }
			ul#travels li.egzotikus_utak a { background-position: 0px -330px; }
			ul#travels li.egzotikus_utak a:hover { background-position: -240px -330px; }
			ul#travels li.korutazasok a { background-position: 0px -440px; }
			ul#travels li.korutazasok a:hover { background-position: -240px -440px; }
			ul#travels li.varoslatogatasok a { background-position: 0px -550px; }
			ul#travels li.varoslatogatasok a:hover { background-position: -240px -550px; }
			ul#travels li.luxus_hajoutak a { background-position: 0px -660px; }
			ul#travels li.luxus_hajoutak a:hover { background-position: -240px -660px; }
			ul#travels li.belfoldi_utak a { background-position: 0px -770px; }
			ul#travels li.belfoldi_utak a:hover { background-position: -240px -770px; }
			ul#travels li.sportutak a { background-position: 0px -880px; }
			ul#travels li.sportutak a:hover { background-position: -240px -880px; }
			ul#travels li.eskuvoi_ajanlatok a { background-position: 0px -990px; }
			ul#travels li.eskuvoi_ajanlatok a:hover { background-position: -240px -990px; }
			ul#travels li.unnepi_ajanlatok a { background-position: 0px -1100px; }
			ul#travels li.unnepi_ajanlatok a:hover { background-position: -240px -1100px; }
			ul#travels li.repuloteri_transzferek a { background-position: 0px -1210px; }
			ul#travels li.repuloteri_transzferek a:hover { background-position: -240px -1210px; }
			
			
	ul.pagination {
			margin: 0px 0px 10px;
			text-align: center;
			}
			ul.pagination li {
				display: inline;
				margin: 0px 2px;
				}
				ul.pagination li.inactive, ul.pagination li a {
					display: inline;
					padding: 2px 5px;
					font: 12px/12px Arial;
					color: #003471;
					text-decoration: none;
					border: 1px solid #8BBDDF;
					background: #BEDDEF;
				}
				ul.pagination li.inactive { color: #8BC1DF; }
				ul.pagination li.active a {
					color: #fff;
					border: 1px solid #004494;
					background: #004494;
				}
				
				
	.nav {
		position: absolute;
		top: 0px; right: 20px;
		width: 235px; height: 20px;
		margin-right: -10px; padding-right: 15px;
		background: url('../images/functions-bg.jpg') no-repeat;
		}
		.nav a {
			float: right;
			margin-left: 10px;
			font: bold 12px/20px Arial;
			text-decoration: none;
			color: #3797cd;
		}
		
	.title {
		height: 40px;
		padding: 70px 0px 0px; margin: 0px 0px 20px -30px;
		font: bold 24px Arial; 
		color: #003471;
		}
		.title div {
			float: left;
			display: inline;
			width: 240px; height: 110px;
			margin-top: -70px;
			margin-right: 10px;
			background-image: url('../images/utazasok.png?20100506');
			background-repeat: no-repeat;
		}
		.title .kiemelt_ajanlatok { background-position: -240px 0px; }
		.title .last_minute_utak { background-position: -240px -110px; }
		.title .elofoglalasi_akcio { background-position: -240px -220px; }
		.title .egzotikus_utak { background-position: -240px -330px; }
		.title .korutazasok { background-position: -240px -440px; }
		.title .varoslatogatasok { background-position: -240px -550px; }
		.title .luxus_hajoutak { background-position: -240px -660px; }
		.title .belfoldi_utak { background-position: -240px -770px; }
		.title .sportutak { background-position: -240px -880px; }
		.title .eskuvoi_ajanlatok { background-position: -240px -990px; }
		.title .unnepi_ajanlatok { background-position: -240px -1100px; }
		.title .repuloteri_transzferek { background-position: -240px -1210px; }
		
	ul.places {
		list-style-type: none;
		}
		ul.places li {
			float: left;
			display: inline;
			width: 200px; height: 18px;
			line-height: 18px;
			margin: 0px 2px 2px 0px; padding: 0px 5px;
			}
			ul.places li a {
				text-decoration: none;
				color: #003471;
			}
			ul.places li.marked { background: #d7f1fa; }
			
	.travel {
		padding: 5px;
		}
		.travel img {
			float: left;
			width: 120px; height: 80px;
			margin-right: 10px;
			padding: 1px;
			border: 1px solid #72b7de;
			-ms-interpolation-mode: bicubic;
		}
		.travel div {
			float: left;
			width: 520px;
		}
		.travel a.details {
			float: right;
			font: bold 12px Arial;
			color: #3797cd;
		}
		
	.marked { background: url('../images/mark.jpg') repeat-y center center; }
	
	img.main-image {
		float: right;
		margin: 5px 0px 10px 10px; padding: 1px;
		border: 1px solid #72b7de;
	}
	
	div.block-text {
		margin-bottom: 25px; padding-left: 2px;
		text-align: justify;
		}
		div.block-text p {
			margin: 0px 0px 15px;
		}
	
	ul.downloads {
		list-style-type: none;
		margin: 5px 0px 15px 5px; padding: 0px;
		}
		ul.downloads li {
			height: 22px;
			line-height: 22px;
			padding-left: 22px;
			background: url('../images/pdf-icon.gif') no-repeat left center;
			}
			ul.downloads li a { text-decoration: none; }
			ul.downloads li a:hover { text-decoration: underline; }
		
	.image-cont {
		clear: both;
		margin-top: 20px;
		}
		.image-cont a img {
			float: left;
			margin-right: 4px;
			padding: 1px;
			border: 1px solid #72b7de;
		}
		
	#blocks {
		width: 650px;
		}
		.block {
			width: 650px;
			margin-bottom: 1px;
			border: 1px solid #003471;
			}
			.block .title {
				display: block;
				margin: 0px; padding: 2px 3px 2px 5px;
				width: 642px; height: auto;
				background: #003471;
				color: #fff;
				font: bold 12px Arial;
				}
				.block .title span { float: right; }
				.block .title span a {
					float: left;
					margin-left: 3px;
					width: 15px;
					text-align: center;
					color: #000;
					text-decoration: none;
					background: #efefef;
				}
				
			.block textarea {
				width: 100%;
				border: none;
			}
			
	form#booking {
		margin: 0px 0px 20px; padding: 0px;
		}
		form#booking table {
			background: #ffc000;
			margin: 0px auto;
			border: 1px solid #906f09;
		}
		form#booking table th {
			font-family: Arial, Helvetica, sans-serif;
		}
		form#booking table td {
			font-family: Arial, Helvetica, sans-serif; 
			font-size: 12px; 
			font-style: normal;
			padding: 2px;
			color: #000000;
			border: none;
			text-align: justify
		}
		form#booking .alcim {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 16px;
			font-style: normal;
			font-weight: bold;
			color: #FFFFFF;
			text-align: center;
		}
		form#booking .alcim1 {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
			font-style: normal;
			font-weight: bold;
			color: #000000;
			text-align: center;
		}
		form#booking .cim {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 24px;
			font-style: normal;
			font-weight: bold;
			color: #004494;
			text-align: center;
		}
		form#booking .szoveg {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: normal;
			color: #000000;
			text-align: justify;
			margin-right: 10px;
		}
		form#booking .calendar {
		  border-width: 1px;
		  font-size: 9px;
		}
		form#booking .calendar table { font-size: 9px; }
	
	.map {
		float: right;
		text-align: right;
		}
		.map iframe { border: 1px solid #72b7de; }
		.map a { font-size: 11px; }


#footer {
	padding: 30px 10px 0px 0px;
	color: #fff;
	text-align: center;
	background: url('../images/footer-bg.jpg') no-repeat center top;
	}
	
	#footer object { margin: 0px 0px 10px 10px; }
	
	#footer a img {
		float: left;
		margin: 0px 0px 10px 10px;
	}
	
	#footer ul {
		list-style-type: none;
		text-align: center;
		}
		#footer ul li {
			display: inline;
			}
			#footer ul li a {
				display: inline-block;
				height: 10px; line-height: 10px;
				padding: 0px 3px 0px 1px; margin-bottom: 2px;
				border-right: 1px solid #fff;
				color: #fff;
				font-size: 10px;
				text-decoration: none;
			}
			#footer ul li a:hover { text-decoration: underline; }
			#footer ul li.last a { border: none; }


.sidebar {
	float: left;
	width: 220px;
	padding: 10px 0px 60px; margin: 10px 0px 20px;
	text-align: center;
	background: #4073af url('../images/sidebar-bottom.jpg') no-repeat center bottom;
	}
	.sidebar a img, .sidebar form, .sidebar object {
		margin-bottom: 10px;
	}