html, body {
min-height: 100%;
}

* {
    margin: 0; 
    padding: 0;
    font-size: 11px; 
    font-family: Verdana, Tahoma, Arial, sans-serif;
    color: #51515B;
    line-height: 16px;
}

a {
    outline: none;
    color: #662117;
}

a:hover {
    text-decoration: none;
}

p {
    padding: 0 0 10px 0;
}


img {padding:0px; border:0px;}

img a {padding:0px; border:0px;}

body {
/*	background: url(kepek/bg_fo.jpg) left top repeat-x; */
	background-color: #B7B781;
	color: #745F2D;
   text-align: center;
}


#keret, #keret_fo, #fejlec, #bg_fo, #bg {
	width: 770px;
}

#bg_fo {
	background: url(kepek/fo_bg.jpg) left top no-repeat;
	position: relative;
	height: 550px;
}

#bg {
	background: #EBEBC6;
	position: relative;
}


#keret_fo {
	background: url(kepek/bg_fo_r.png) left top;
	position: relative;
	height: 550px;
}

#keret { 
	background:#EBEBC6 url(kepek/bg_fo_r.png) left top;
	text-align:left;
   margin: 0px auto;
	float: left;
	


}

#fejlec {
	height: 132px;
	overflow: hidden;
	float: left;
}

#nav {
    margin: 0;
    padding: 0;
    width: 167px;
	 float: left;
	 height: 308px;
}

#nav:after {
    content: "";
    display: block;
    height: 0;
    clear: both;

}

#nav li {
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
}

#nav a {
    float: left;
    display: block;
    text-decoration: none;
/*    text-indent: -9999px; */
	text-align: left;
	color: #F2EFD4;
	padding: 0 0 0 10px;
   width: 167px;
   overflow: hidden;
	letter-spacing: -1px;
	font-weight: bold;
}

#nav a#fooldal {    background: url(kepek/menu_1.png) top left no-repeat;    height: 44px;	 }
#nav a#hazaink {    background: url(kepek/menu_2.png) top left no-repeat;    height: 59px;	 }
#nav a#foto {    background: url(kepek/menu_3.png) top left no-repeat;    height: 49px;	 }
#nav a#hazirend {    background: url(kepek/menu_4.png) top left no-repeat;    height: 54px;	 }
#nav a#program {    background: url(kepek/menu_5.png) top left no-repeat;    height: 48px;	 }
#nav a#elerhetoseg {    background: url(kepek/menu_6.png) top left no-repeat;    height: 55px;	 }

#nav a:hover#fooldal, body#fooldal-on a#fooldal {    background: url(kepek/menu_1.png) bottom left no-repeat; font-weight: bold;}
#nav a:hover#hazaink, body#hazaink-on a#hazaink {    background: url(kepek/menu_2.png) bottom left no-repeat;}
#nav a:hover#foto, body#foto-on a#foto {    background: url(kepek/menu_3.png) bottom left no-repeat;}
#nav a:hover#hazirend, body#hazirend-on a#hazirend {    background: url(kepek/menu_4.png) bottom left no-repeat;}
#nav a:hover#program, body#program-on a#program {    background: url(kepek/menu_5.png) bottom left no-repeat;}
#nav a:hover#elerhetoseg, body#elerhetoseg-on a#elerhetoseg {    background: url(kepek/menu_6.png) bottom left no-repeat;}

#padd_fooldal { 	color: #F2EFD4;	position: relative;	margin-top: 6px; }
#padd_hazaink { 	color: #F2EFD4;	position: relative;	margin-top:21px; }
#padd_foto { 	color: #F2EFD4;	position: relative;	margin-top:12px; }
#padd_hazirend { 	color: #F2EFD4;	position: relative;	margin-top:18px; }
#padd_program { 	color: #F2EFD4;	position: relative;	margin-top:13px; }
#padd_elerhetoseg { 	color: #F2EFD4;	position: relative;	margin-top:9px; }

#logo a {float: left; width: 188px; height: 128px; margin-top: 17px; margin-left: 0px; background: url(kepek/logo.png) left top; display: block;}
#nev {float: left; width: 201px; height: 143px; margin-top: 17px; margin-left: 6px;}
#vonal_logo {float: left; width: 1px; height: 145px; margin-top: 20px; margin-left: 32px; background: url(kepek/vonal.png) left top;}



#belsolap_fent { float:left;  width: 320px; height: 130px; margin-top: 21px; margin-left: 35px; color:#fff; overflow: hidden;}
#belsolap_fent p{ color:#fff; }

#foto_fent { float:left;  width: 205px; height: 143px; margin-top: 22px; margin-left: 0px; color:#fff; overflow: hidden;}


#body {
	float: left;
	margin-top: 0px;
}

#footer {
    clear: both;
    width: 770px;
}
#footer_i {
	position: absolute;
	top: 555px;
   width: 770px;
}

#footer div, #footer div a {
    color: #5B5B5B;
    font-size: 10px;
}

#footer-bal {
    padding: 12px 0 20px 0;
}

#footer-jobb {
    float: right;
    padding: 2px 0 20px 0;
}
#footer-jobb a{
		 text-decoration: none;
	 font-size: 9px;
	 font-style: italic;
}

dt {
    padding: 10px 15px 5px 15px;
    border-top: 1px solid #ECBF6E;
    border-left: 1px solid #ECBF6E;
}

dt a {
    color: #E0E0E0;
}

dd {
    padding: 5px 15px 10px 15px;
    border-left: 1px solid #ECBF6E;
}

dd strong {
    font-size: 10px;
}


#bal {
    float: right;
	 position: relative;
    width: 603px;
}

#bal-padding {
    padding: 13px 13px 15px 12px;
	text-align: left;
	overflow: hidden;
	}

#bal-padding-foto {
    padding: 13px 13px 15px 50px;
	text-align: left;
	overflow: hidden;
	}	
	
#zod {
		background: url(kepek/menu_bg.png) left top;
		float: left;
		width: 167px;
		height: 100%;
}

#menu {
	width: 167px;
	float: left;
	background: url(kepek/menu_bg.png) left top;
	height: auto;
}

#keretezo {
	width: 770px;
	border: 1px black solid;
}

#bal_p {
	width: 167px;
	float: left;
	background-color: Black;
}
#jobb_p {
	width: 601px;
	float: left;
	background-color: Gray;
}


#zodkeret a{
	background: url(kepek/zodkeret.png) left top no-repeat;	
	position: absolute;
	width: 175px;
	height: 23px;
	top: 6px;
	left: 220px;
	color: #EBEBC6;
	padding-top: 3px;
	font-weight: bold;
	text-decoration: none;
}

#piroskeret{
	position: absolute;
	width: 575px;
	height: 34px;
	top: 369px;

	left: 13px;
	color: #EBEBC6;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	z-index: 10;
}

#piroskeret a{
	color: #F6F6E6;
	text-decoration: none;
}
#haznev{
	width: 151px;	

	text-align: left;
	text-decoration: none;
}

#haznev a{
	display: block;
	background: url(kepek/nyilacska_z.png) no-repeat center right;		
	width: 151px;
	text-decoration: none;
}

#haznev a:hover{
	background: url(kepek/nyilacska_p.png) no-repeat left center;		
	width: 151px;
	text-decoration: none;
}

.paddhazc {
	width: 133px;
}

#haz {
	float: left;
	width: 185px;
	padding: 3px;
}

.haziko {
	margin: 0 0 3px 0;
}

#nagyhaz {
	margin: 0px 10px 5px 0;
	float: left;
}

.haznev {
	color: #006940;
	font-size: 20px;
	font-family: Georgia;
	font-weight: bold;
}
.datum {
	color: #006940;
	font-size: 16px;
	font-family: Georgia;
	font-weight: bold;
}
#galh {
	float: left;
	width: 153px;
	height: 153px;
	border: solid 1px black;
	margin: 17px 0;
	position: relative;
}
#dummy{
	float: left;
	width: 17px;
	height: 153px;
	display: block;
	position: relative;
	margin: 17px 0;
}

#urescsik{
	float: left;
	height: 20px;
	position: relative;
	display: block;
	width: 573px;
	
}

#gal_h_cont {
   width: 573px;
	position: relative;
	display: inline;
	padding: 0px;
	margin-top: 15px;
	margin-bottom: 20px;
	margin-left: 15px;
	margin-right: 15px;	
	float: right;
		}

#foto_a{
	width: 440px;
	position: relative;
	float: left;
	margin: 14px 0 0 0;
}
#foto_cim a{
	background: #94943C url(kepek/nyilacska_p.png) no-repeat right center;
   width: 300px;
	display: block;
	padding: 2px 5px;
	color: White;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	float: left;p
	position: relative;
}

#foto_cim a:hover{
	background-color: #006940;
}

#eler1{
	position: absolute;
	float: left;
	z-index: 3;
	width: 100px;
	top: 135px;
	left: 240px;
}

#eler2{
	position: absolute;
	float: left;
	z-index: 3;
	width: 100px;
	top: 60px;
	left: 440px;
}

#nyelv_hu a{
	position: absolute;
	margin-top: 36px;
	margin-left: 19px;
	width: 20px;
	height: 16px;
	display: block;
	z-index: 2;
	border: solid 1px transparent;
	text-decoration: none;
	padding: 3px;
}

#nyelv_ro a{
	position: absolute;
	margin-top: 69px;
	margin-left: 19px;
	width: 20px;
	height: 16px;
	display: block;
	z-index: 2;
	border: solid 1px transparent;	
	text-decoration: none;
	padding: 3px;
}

#nyelv_en a{
	position: absolute;
	margin-top: 100px;
	margin-left: 19px;
	width: 20px;
	height: 16px;
	display: block;
	z-index: 2;
	border: solid 1px transparent;
	text-decoration: none;
	padding: 3px;
}

#nyelv_ro a:hover, #nyelv_hu a:hover, #nyelv_en a:hover, #nyelv_ro.ro-on a, #nyelv_en.en-on a, #nyelv_hu.hu-on a{
	border: solid 1px #BD3B2D;
}
