* { padding: 0; margin: 0; }

body {
	background: url(../gfx/background.jpg) no-repeat fixed #130804 center;
	margin: 0;
	paddig: 0;
	color: #9a8869;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
}

a { 
	outline: none;
	color: #c07c08;
	text-decoration: underline;
	font-weight: bold;
}

a:hover { 
	text-decoration: none;
}

h1 {
	font-size: 16px;
	color: #c7baa9;
	margin-top: 7px;
	font-weight: normal;
	text-transform: uppercase;
	font-family: "Times New Roman", Times, serif;
	padding-bottom: 10px;
}

h2 {
	font-size: 22px;
	color: #c7baa9;
	margin-top: 25px;
	margin-bottom: 25px;
	font-weight: normal;
	text-transform: uppercase;
	font-family: "Times New Roman", Times, serif;
	background: url(../gfx/headings-sepa.gif) repeat-x bottom;
	padding-bottom: 10px;
}

h3 {
	font-size: 18px;
	color: #c7baa9;
	margin-top: 25px;
	margin-bottom: 15px;
	font-weight: normal;
	text-transform: uppercase;
	font-family: "Times New Roman", Times, serif;
}

h4 {
	font-size: 14px;
	color: #c7baa9;
	margin-top: 25px;
	margin-bottom: 5px;
	font-weight: normal;
	text-transform: uppercase;
	font-family: "Times New Roman", Times, serif;
}

ul li {
	margin-left: 35px;
	list-style-image: url(../gfx/li.gif);
}

#wrapper { 
	margin: 0 auto;
	width: 1000px;
}

#header {
	margin: 0 auto;
	width: 1000px;
	height: 364px;
	background: url(../gfx/head.png) no-repeat center;
}

#content { 
	width: 1000px;
	overflow:auto;
	display: inline;
	margin-left: 60px;
}

	#left-wrap {
		width: 300px;
		float: left;
		display: block;
	}
	

	#right-wrap {
		width: 583px;
		float: left;
		display: block;	
	}
		
		.text {
			text-align: justify;
			width: 526px;
			margin-left: 23px;
			line-height: 18px;
		}
		
			.text img {
				float: left;
				margin-right: 20px;
				margin-bottom: 10px;
				margin-top: 7px;
				border: 2px solid #4f412a;
				background: #bfaf93;
				padding: 4px;
			}
			
		
		.szallashelyek-link a {
			width: 576px;
			height: 319px;
			background: url(../gfx/szallashelyek.png) no-repeat;
			text-indent: -90000px;
			display: block;
			margin-left: 5px;
			margin-bottom: 25px;
		}

#nav {
	width: 876px;
	height: 73px;
	margin-left: 71px;
}

ul#navlist {
	width: 1100px;
	height: 73px;
}

ul#navlist li {
	display: inline;
	list-style: none;
}

ul#navlist li a {
	outline: none;
	margin: 0;
	padding: 0;
	display: block;
	height: 73px;
	float: left;
	text-indent: -90000em;
	text-decoration: none;
	background: url(../gfx/nav_sprite.jpg) no-repeat;
}

/* Bemutatkozás */
ul#navlist li a#bemutatkozas {
	width: 182px;
	background-position: 0 0;
	outline: none;
}

ul#navlist li a#bemutatkozas:hover, ul#navlist li#active a#bemutatkozas {
	background-position: 0 -73px;
}

/* Torténet */
ul#navlist li a#tortenet {
	width: 157px;
	background-position: -182px 0;
}

ul#navlist li a#tortenet:hover, ul#navlist li#active a#tortenet {
	background-position: -182px -73px;
}

/* Térkép */
ul#navlist li a#terkep {
	width: 140px;
	background-position: -339px 0;
}

ul#navlist li a#terkep:hover, ul#navlist li#active a#terkep {
	background-position: -339px -73px;
}

/* Önkormányzat */
ul#navlist li a#onkormanyzat {
	width: 209px;
	background-position: -479px 0;
}

ul#navlist li a#onkormanyzat:hover, ul#navlist li#active a#onkormanyzat {
	background-position: -479px -73px;
}

/* Vállalkozások */
ul#navlist li a#vallalkozasok {
	width: 188px;
	background-position: -688px 0;
	
}

ul#navlist li a#vallalkozasok:hover, ul#navlist li#active a#vallalkozasok {
	background-position: -688px -73px;
}



#footer {
	width: 1000px;
	height: 88px;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url(../gfx/footer.png);
	text-indent: -90000px;
	float:left;
	display: block;
	margin-bottom: 50px;
}



/* 2. NAVIGATION */

.menu01 {
	background:url(../gfx/menu_01.png) no-repeat;
	width: 246px;
	height: 51px;
	text-indent: -90000px;
	float: left;
	display: block;
	margin-bottom: 7px;
}

.menu01-up, .menu01:hover {
	background:url(../gfx/menu_01_hover.png) no-repeat;
	width: 246px;
	height: 51px;
	text-indent: -90000px;
	float: left;
	display: block;
	margin-bottom: 7px;
}


.menu02 {
	width: 246px;
	height: 51px;
	background:url(../gfx/menu_02.png) no-repeat;
	text-indent: -90000px;
	float: left;
	display: block;
	margin-bottom: 7px;
}

.menu02-up, .menu02:hover {
	background:url(../gfx/menu_02_hover.png) no-repeat;
	width: 246px;
	height: 51px;
	text-indent: -90000px;
	float: left;
	display: block;
	margin-bottom: 7px;
}

.menu02_01 {
	width: 246px;
	height: 26px;
	background:url(../gfx/menu_02_01.jpg) no-repeat;
	text-indent: -90000px;
	float: left;
	display: block;
	margin-bottom: 2px;
	margin-left: 30px;
}

.menu02_01-up, .menu02_01:hover {
	background:url(../gfx/menu_02_01_hover.jpg) no-repeat;
}

.menu02_02 {
	width: 246px;
	height: 26px;
	background:url(../gfx/menu_02_02.jpg) no-repeat;
	text-indent: -90000px;
	float: left;
	display: block;
	margin-bottom: 2px;
	margin-left: 30px;
}

.menu02_02-up, .menu02_02:hover {
	background:url(../gfx/menu_02_02_hover.jpg) no-repeat;
}

.menu02_03 {
	width: 246px;
	height: 26px;
	background:url(../gfx/menu_02_03.jpg) no-repeat;
	text-indent: -90000px;
	float: left;
	display: block;
	margin-bottom: 2px;
	margin-left: 30px;
}

.menu02_03-up, .menu02_03:hover {
	background:url(../gfx/menu_02_03_hover.jpg) no-repeat;
}

.menu02_04 {
	width: 246px;
	height: 26px;
	background:url(../gfx/menu_02_04.jpg) no-repeat;
	text-indent: -90000px;
	float: left;
	display: block;
	margin-bottom: 2px;
	margin-left: 30px;
}

.menu02_04-up, .menu02_04:hover {
	background:url(../gfx/menu_02_04_hover.jpg) no-repeat;
}

.menu02_05 {
	width: 246px;
	height: 26px;
	background:url(../gfx/menu_02_05.jpg) no-repeat;
	text-indent: -90000px;
	float: left;
	display: block;
	margin-bottom: 2px;
	margin-left: 30px;
}

.menu02_05-up, .menu02_05:hover {
	background:url(../gfx/menu_02_05_hover.jpg) no-repeat;
}

.menu02_06 {
	width: 246px;
	height: 26px;
	background:url(../gfx/menu_02_06.jpg) no-repeat;
	text-indent: -90000px;
	float: left;
	display: block;
	margin-bottom: 2px;
	margin-left: 30px;
}

.menu02_06-up, .menu02_06:hover {
	background:url(../gfx/menu_02_06_hover.jpg) no-repeat;
}




.menu03 {
	width: 246px;
	height: 51px;
	background:url(../gfx/menu_03.png) no-repeat;
	text-indent: -90000px;
	float: left;
	display: block;
	margin-bottom: 7px;
}

.menu03-up, .menu03:hover {
	background:url(../gfx/menu_03_hover.png) no-repeat;
	width: 246px;
	height: 51px;
	text-indent: -90000px;
	float: left;
	display: block;
	margin-bottom: 7px;
}

.menu04 {
	width: 246px;
	height: 51px;
	background:url(../gfx/menu_04.png) no-repeat;
	text-indent: -90000px;
	float: left;
	display: block;
	margin-bottom: 7px;
}

.menu04-up, .menu04:hover {
	background:url(../gfx/menu_04_hover.png) no-repeat;
	width: 246px;
	height: 51px;
	text-indent: -90000px;
	float: left;
	display: block;
	margin-bottom: 7px;
}


.menu05 {
	background:url(../gfx/menu_05.png) no-repeat;
	width: 246px;
	height: 51px;
	text-indent: -90000px;
	float: left;
	display: block;
	margin-bottom: 7px;
}

.menu05:hover {
	background:url(../gfx/menu_05_hover.png) no-repeat;
	width: 246px;
	height: 51px;
	text-indent: -90000px;
	float: left;
	display: block;
	margin-bottom: 7px;
}

.menu06 {
	width: 246px;
	height: 51px;
	background:url(../gfx/menu_06.png) no-repeat;
	text-indent: -90000px;
	float: left;
	display: block;
	margin-bottom: 7px;
}

.menu06-up, .menu06:hover {
	background:url(../gfx/menu_06_hover.png) no-repeat;
	width: 246px;
	height: 51px;
	text-indent: -90000px;
	float: left;
	display: block;
	margin-bottom: 7px;
}


#search-box {
	width: 180px;
	height: 32px;
	margin-left: 750px;
	margin-bottom: 32px;
}

#search-box .input-mezo {
	width: 140px;
	height: 27px;
	background:url(../gfx/search-input.jpg) no-repeat;
	border: none;
	padding: 7px;
	color: #d69e81;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
}



/* SZÁLLÁSHELYEK */

a.szallashelyek-containers {
	width: 231px;
	height: 1px;
	float: left;
	display: block;
	background: url(../gfx/szallashelyek-image.gif) no-repeat;
	text-align: center;
	margin: 30px;
	color: #f0d5a6;
	font-size: 11px;
	text-decoration: none;
	padding-top: 182px;
	cursor: pointer;
}

a.szallashelyek-containers:hover {
	background: url(../gfx/szallashelyek-image_hover.gif) no-repeat;
	color: white;
	cursor: pointer;
}

a.szallashelyek-gosztola {
	width: 231px;
	height: 1px;
	float: left;
	display: block;
	background: url(../gfx/szallashelyek-image_gosztola.gif) no-repeat;
	text-align: center;
	margin: 30px;
	color: #f0d5a6;
	font-size: 11px;
	text-decoration: none;
	padding-top: 182px;
}

a.szallashelyek-gosztola:hover {
	background: url(../gfx/szallashelyek-image_gosztola_hover.gif) no-repeat;
	color: white;
}

a.szallashelyek-bedo {
	width: 231px;
	height: 1px;
	float: left;
	display: block;
	background: url(../gfx/szallashelyek-image_bedo.gif) no-repeat;
	text-align: center;
	margin: 30px;
	color: #f0d5a6;
	font-size: 11px;
	text-decoration: none;
	padding-top: 182px;
}

a.szallashelyek-bedo:hover {
	background: url(../gfx/szallashelyek-image_bedo_hover.gif) no-repeat;
	color: white;
}

a.szallashelyek-tallai {
	width: 231px;
	height: 1px;
	float: left;
	display: block;
	background: url(../gfx/szallashelyek-image_tallai.gif) no-repeat;
	text-align: center;
	margin: 30px;
	color: #f0d5a6;
	font-size: 11px;
	text-decoration: none;
	padding-top: 182px;
}

a.szallashelyek-tallai:hover {
	background: url(../gfx/szallashelyek-image_tallai_hover.gif) no-repeat;
	color: white;
}

a.szallashelyek-aloe {
	width: 231px;
	height: 1px;
	float: left;
	display: block;
	background: url(../gfx/szallashelyek-image_aloe.gif) no-repeat;
	text-align: center;
	margin: 30px;
	color: #f0d5a6;
	font-size: 11px;
	text-decoration: none;
	padding-top: 182px;
}

a.szallashelyek-aloe:hover {
	background: url(../gfx/szallashelyek-image_aloe_hover.gif) no-repeat;
	color: white;
}


#gallery a img {
	background: none;
}


/* HEADERS */

.header-bemutatkozas, .header-tortenet, .header-terkep, .header-onkormanyzat, .header-vallalkozasok, .header-hirek, 
.header-kepviselo-testulet, .header-rendeletek, .header-projectek, .header-kozzetetel, .header-hirdetmenyek, .header-szallashelyek, 
.header-latnivalok, .header-polgarmester_koszontoje, .header-galeria, .head-normativ-hatarozatok {
	width: 586px;
	height: 71px;
	text-indent: -90000px;
	margin-bottom: 10px;
	display: block;
}

.header-bemutatkozas		 { background:url(../gfx/head-bemutatkozas.png) no-repeat; }
.header-tortenet			 { background:url(../gfx/head-tortenet.png) no-repeat; }
.header-terkep				 { background:url(../gfx/head-terkep.png) no-repeat; }
.header-onkormanyzat		 { background:url(../gfx/head-onkormanyzat.png) no-repeat; }
.header-vallalkozasok		 { background:url(../gfx/head-vallalkozasok.png) no-repeat; }
.header-hirek				 { background:url(../gfx/head-hirek.png) no-repeat; }
.header-kepviselo-testulet	 { background:url(../gfx/head-kepviselo-testulet.png) no-repeat; }
.header-rendeletek			 { background:url(../gfx/head-rendeletek.png) no-repeat; } 
.head-normativ-hatarozatok	 { background:url(../gfx/head-normativ-hatarozatok.png) no-repeat; } 
.header-projectek			 { background:url(../gfx/head-projectek.png) no-repeat; }
.header-kozzetetel			 { background:url(../gfx/head-kozzetetel.png) no-repeat; }
.header-hirdetmenyek		 { background:url(../gfx/head-hirdetmenyek.png) no-repeat; }
.header-szallashelyek		 { background:url(../gfx/head-szallashelyek.png) no-repeat; }
.header-latnivalok			 { background:url(../gfx/head-latnivalok.png) no-repeat; }
.header-polgarmester_koszontoje	{ background:url(../gfx/head-polgarmester_koszontoje.png) no-repeat; }
.header-galeria { background:url(../gfx/head-galeria.png) no-repeat; }



#cimer {
	width: 200px;
	height: 260px;
	text-indent: -90000px;
	display: block;
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-top: 7px;
	background:url(../images/cimer.png) no-repeat;
}



#onkorm-hirado {
	width: 246px;
	height: 170px;
	display: block;
	float: left;
	background: url(../gfx/menu_onkorm-hirado.png) no-repeat;
	padding-top: 55px;
}

#onkorm-hirado2 {
	width: 246px;
	height: 180px;
	display: block;
	float: left;
	background: url(../gfx/menu_onkorm-hirado2.png) no-repeat;
	padding-top: 55px;
}



#varhato-idojaras {
	width: 246px;
	height: 172px;
	display: block;
	float: left;
	background: url(../gfx/menu_varhato-idojaras.png) no-repeat;
	padding-top: 26px;
	padding-left: 63px;
}


.rovat {
	width: 520px;	
	height: 160px;
	float: left;
	display: block;
	font-size: 10px;
	line-height: 14px;
	margin-bottom: 30px;
}

.rovat a img:hover {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-top: 7px;
	border: 5px solid #c07c08;
	background: #bfaf93;
	padding: 1px;
}

.kep {
		float: none;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-top: 0px;
		border: none;
		background: none;
		padding: 0px;
}