@CHARSET "UTF-8";
/***********************************************/
/* Fly and Ride - flyandride.hu		           */
/* CSS and Xhtml author: Ughoo - Mecs Gergely  */
/***********************************************/

	html, body, div, span, p, h1, h2, h3, h4, h5, h6, ul, ol, li {
		margin:0px;padding:0px;border:0px none;outline:0px;
		list-style-type: none;
		font-size: inherit;
		color: inherit;
	}

	html, body { width:100%; height:100%; font-family: Arial, Verdana, sans-serif; font-size: 12px; }
	div.clr { clear:both; font-size:1em; }
	span.fir { position:absolute;display:block;	width:100%; height: 100%; top:0;left:0; }

	a, a:link, a:visited, a:active, a:focus { text-decoration: none;  }
	a:hover { text-decoration: underline; }

	a img { border: 0px none; }

	:focus, a:focus { outline: 0; }

	.left { float:left; margin-right: 18px; }
	.right { float:right; margin-left: 18px; }

	.highlight { color:#ab7d05; }
	.highlight2 { color:#d9b34f; }

/* site */

html {
	background-color: #e5e1d5;
}

body {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	background-color: #e5e1d5;
	color:#4c4c4c;
}

div#wrap {
	width: 100%;
	height:100%;
	text-align: center;
}

div#site {
	width: 778px;
	height: auto;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 40px;

}

	div#header {
		position:relative;
		display:block;
		width: 778px;
		height: 309px;
		overflow:hidden;
		clear:both;
		background: transparent url(img/head.jpg) left top no-repeat;
	}

		div#header h1 { float:left;}

		div#header h1, div#header h1 a {
			position:relative;
			display:block;
			width: 778px !important;
			height: 245px;
			overflow:hidden !important;
			text-align:center;
		}

			div#header h1 a span.fir {
				display:block;
				width: 778px !important;
				height: 245px;
		 		background: url(img/head.jpg) left top no-repeat;
			}

		div#header ul {
			list-style-type:none;
			display:Block;
			float:left;
			width: auto;
			height: 65px;
			padding-left: 20px;
			background: url(img/head.jpg) left -309px no-repeat;
			}

			div#header ul li {
				position:relative;
				display:Block;
				width: 125px;
				height:65px;
				overflow:hidden;
				float:left;
			}

			div#header ul li a {
				font-size: 12px;
				line-height: 13px;
				color:#fff;
				display:Block;
				width: 125px;
				height:45px;
				padding-top:20px;
				text-align:right;
			}

				div#header ul li a .fir {
					width: 125px;
					height:65px;
					background-image: url(img/head.jpg);
					background-repeat: no-repeat;
				}

					li#m01 a .fir { background-position: -20px -245px }
					li#m02 a .fir { background-position: -145px -245px }
					li#m03 a .fir { background-position: -270px -245px }
					li#m04 a .fir { background-position: -395px -245px }


	div#hull {
		position:relative;
		displaY:block;
		width:auto;
		height:auto;
		overflow:hidden;
		background: transparent url(img/site.gif) left top repeat-y;
	}
		div#hull-body {
			background: transparent url(img/hull-body.gif) left bottom no-repeat;
			padding-bottom:75px;
		}

		div#hull-inner {
			background: transparent url(img/head.jpg) left -409px no-repeat;
		}


	div#rightbar {
		display:block;
		position:relative;
		width: 258px;
		height: auto;
		overflow:hidden;
		float:right;
	}

		div#ajanlo-head {
			position:relative;
			display:block;
			width: 258px;
			height: 98px;
			background: transparent url(img/head.jpg) -520px -309px no-repeat;
			margin-bottom: -65px;
			_width:268px;
		}
			div#rightbar h2, div#rightbar h3 {
				position:relative;
				display:block;
			}

				div#rightbar h2 {
					font-size:24px;
					font-weight:bold;
					color:#d9b34f;
					padding-left:18px;
				}

				div#rightbar h3 {
					font-size: 14px;
					font-weight:bold;
					color:#4c4c4c;
					padding-bottom:25px;
					padding-left:18px;
				}

			div.ajanlobox,
			div.bannerbox {
				position: relative;
				display: block;
				width: 270px;
				margin-left: -3px;
				padding-top: 7px;
			}

			div.ajanlobox {
				height: 71px !important;
				height: 78px;
				background: transparent url(img/ajanlo_bg.gif) left top no-repeat;
			}

			div.bannerbox {
				height: 129px !important;
				height: 150px;
				background: transparent url(img/banner_bg.gif) left top no-repeat;
			}

			div.bannerbox img {
				margin: 2px 0px 0px 18px;
				padding: 0px;
			}

				div.ajanlobox h4,
				div.bannerbox h4 {
					font-size:13px;
					font-weight:bold;
					color:#d29b0b;
					padding-left:18px;
				}

				div.ajanlobox p,
				div.bannerbox p {
					font-size: 12px;
					font-weight:bold;
					color:#7d7b6f;
					padding-left:18px;
					display: inline;
				}

					div.ajanlobox div.tura_nfo,
					div.bannerbox div.tura_nfo {
						padding-left: 18px;
						font-size:14px;
						font-weight:bold;
						color:#2e76c2;
						float: left;
					}

					div.ajanlobox div.tura_nfo {
						line-height: 14px;
						padding-top: 15px;
					}

					div.bannerbox div.tura_nfo {
						padding-top: 4px;
						line-height: 15px;
					}


						span.tura_ar {
							padding-right:45px;
							float:right;
						}

			div.bannerbox a,
			div.bannerbox a:hover,
			div.ajanlobox a,
			div.ajanlobox a:hover {
				overflow: hidden;
				display: block;
				/* hack */
				font-size: 0px;
				text-decoration: none;
				color: #f8ebcb;
			}

/*
					div.tura_nfo a,
					div.tura_nfo a:hover {
						text-decoration: none;
						font-size: 14px;
						font-weight: bold;
						color: #2e76c2;
						display: block;
						top: 109px;
						left: 0px;
						padding-left: 18px;
						width: 150px;
					}
*/
/*
				div.ajanlobox a .fir {
					background-image: url(img/reszletek.gif);
					background-color: transparent;
				}

					a.details_blue .fir { background-position: left top; }
					a.details_gold .fir { background-position: left bottom; }
*/

				div.ajanlobox a .fir,
				div.bannerbox a .fir {
					/*border: 1px solid #000;*/
					/*position: absolute;*/
					/*display: block;*/
					width: 26px;
					height: 74px;
					overflow:hidden;
					/*right:9px;*/
					left: 235px;

					background-position: left top;
					background-color: transparent;
					background-repeat: no-repeat;
				}

				div.ajanlobox a .fir {
					top: -2px;
				}
				div.bannerbox a .fir {
					top: 26px;
				}

				div.ajanlobox a.details_blue .fir,
				div.bannerbox a.details_blue .fir { background-image: url(img/reszletek_kek.gif); }
				div.ajanlobox a.details_gold .fir,
				div.bannerbox a.details_gold .fir { background-image: url(img/reszletek_narancs.gif); }

	div#content {
		position:relative;
		display:block;
		width: 720px !important;
		width: 755px;
		height:auto;
		padding-left: 35px;
		padding-top:35px;
	}

		body#sidebar div#content { width: 485px !important; width: 515px; }

		div.post {
			color:#645038;
			font-size: 12px;
			line-height: 15px;
			padding-right: 15px;
			text-align: justify;
		}

			div.post a {
				color:#2e76c2;
				text-decoration: underline;
			}

				div.post a:hover { text-decoration: none; }

		div#content h1, div#content h2 {
			font-size:24px;
			color:#d9b34f;
			padding-bottom:7px;
		}
			div#content h3 {
				font-size:14px;
				font-weight:bold;
				color:#4c4c4c;
				padding-top:0px;
				padding-bottom:23px;
			}

			div#content h4 {
				font-size: 18px;
				color:#2e76c2;
				padding-top:14px;
				padding-bottom:3px;
			}


		body#sidebar div#content h1, body#sidebar div#content h2 {
			padding-bottom: 38px;
			}

			div.post p {
				padding: 9px 0 9px 0;
			}


		div#content table td {
			font-size: 12px !important;
		}

			table#table_signo {
				width: 480px;
				height:auto;
			}

				table#table_signo td {
					text-align:center;
				}

					table#table_signo strong { font-size: 14px; }

			table#table_links {
				background-color: #ffce8f;
				border-left: 1px solid #ffffff !important;
				border-top: 1px solid #ffffff !important;
			}

				table#table_links td {
					text-align:center;
					line-height: 26px;
					border-right: 1px solid #ffffff !important;
					border-bottom: 1px solid #ffffff !important;
				}

			div#szallas {
				padding: 0px 0px 30px 0px;
				margin: auto;
			}

			div#szallas_box {
				float: left;
				width: 195px;
				height: auto;
				text-align: center;
				background: url(img/szallas-box-bg.gif) repeat-y;
				margin: 0px 18px 15px 18px;
			}

			div#szallas_box .header {
				height: 6px;
				background: url(img/szallas-box-header.gif) no-repeat;
				overflow: hidden;
			}

			div#szallas_box .box {
				margin: 0px 16px 0px 9px;
			}

			div#szallas_box h4 {
				font-size: 14px;
			}

			div#szallas_box p,
			div#szallas_box a,
			div#szallas_box a:hover {
				margin: 0px;
				padding: 0px;
				line-height: 24px;
				font-weight: bold;
				font-size: 12px;
				line-height: 24px;
				border-top: 1px solid #fff;
				text-decoration: none;
			}

			div#szallas_box .rendeles {
				display: block;
				color: #f00;
				background: url(img/szallas-box-link.gif) bottom repeat-x;
			}

			div#szallas_box img {
				padding: 5px 0px 5px 0px;
			}

			div#szallas_box .footer {
				height: 15px;
				background: url(img/szallas-box-footer.gif) no-repeat;
				overflow: hidden;
			}

			div#szallasbox .image {
				margin: auto;
			}

			div.tura_box {
				width: 375px;
				height: auto;
				float:left;
			}

				div.boxatright { margin-right:-50px !important; }

				div.tura_box h4 {
					padding-left:4px;
					font-weight:normal;
					line-height:20px;
					padding-bottom:0px;
					margin-bottom: -2px;
					padding-top:0px !important;
				}

			div.tura_table {
				position:relative;
				display:block;
				width: 333px;
				height: 143px;
				background: transparent url(img/turabox_bg.gif) left top no-repeat;
				padding-left: 8px;
				padding-top:5px;
				margin-left: -4px;
			}

				div.tura_table table {
					position:Relative;
					display:block;
					width: 321px !important;
				}

					div.tura_table table td {
						line-height: 24px;
						border-bottom: 1px solid #ffffff !important;
						text-align: left;
					}

					div.tura_table table { border-bottom: 0px none !important; }


				td.darker { font-weight: bold; width:120px; text-indent: 10px; border-right: 1px solid #fff; }
				td.lighter { width:200px; text-indent: 10px; }

				div.orange td.darker { background-color: #ffce8f; }
				div.orange td.lighter { background-color: #f7da97; }

				div.blue td.darker { background-color: #c1daff; }
				div.blue td.lighter { background-color: #c8deff; }



		div#content .post ul li {
			display:block;
			float:left;
			width: 100%;
			padding-left: 10px;
			background: transparent url(img/dot_blue.gif) left 5px no-repeat;
			padding-bottom:3px;
			line-height: 15px;
			text-align:left;
		}

		div#content .post ul#floatedlist { float: left !important; width: 423px !important; }

			div#content .post ul#floatedlist li {
				width: 423px !important;
			}


	/* letoltes linkek, ikonokkal */

	a.icon {
		color:#2e76c2;
		line-height: 34px;
		text-decoration:none;
	}
		a.icon img { border: 0px none !important; float:left; }
		a.icon span {
			text-decoration: underline;
			line-height: 44px;
			padding-left:5px;
		}

		a.icon:hover {text-decoration: none;}
		a.icon:hover span  { text-decoration: none; }

div#footer {
	width: 778px;
	height: 70px;
	line-height: 18px;
	padding-bottom: 6px;
	padding-top:30px;
	padding-left: 35px;
	clear:both;
	background: transparent url(img/footer.gif) left 23px no-repeat;
}

	div#footer ul {
		position:relative;
		display:block;
		width: 778px;
		padding-bottom:7px;
	}


	div#footer ul li { display:inline; font-size: 12px; }
	div#footer a { text-decoration: none; color: #4c4c4c; }
	div#footer a:hover { text-decoration:underline; }
	div#footer p { font-size: 11px; line-height: 12px; }
