@charset "utf-8";
/* CSS Document */

body {
	background:#E1D2C6;
	font-family:arial;
	font-size:100%;
	margin:0;
	padding:0;
	}
#container {
	width:1300px;
	height: 1150px;
	background:url(../kepek/contbgk.jpg) repeat-y;
	margin-left:auto;
	margin-right:auto;
	}
.fullcontent {
	width:1200px;
	height: 900px;
	margin-left:42px;
	background:#ede4dc;
	}
#fejlec {
	width:1200px;
	height:247px;
	margin-left:42px;
	background:url(../kepek/fejlec.jpg) no-repeat top;
	}
#fejlec div {width:10%;position:absolute;top:3%;left:76%;color:#666;}
#fejlec div a {text-decoration:underline;color:#666;}
#fejlec div a:hover {text-decoration:underline;color:#990000;}
#fomenu {
	float:left;
	width:1200px;
	height:36px;
	background:#E1D2C6;
	border-bottom:4px solid #AD8563;
	margin-left:42px;
	margin-top:0;
	
		}
ul.menu {
	float:left;
	margin-left:180px;
	margin-top:0;	
		}

ul.menu li{
	float:left;
	font-family:Arial;
	font-size:140%;
	color:#990000;
	margin-left:30px;
	margin-top:6px;
	list-style:none;
	cursor:pointer;
		}
ul.menu a {
	color:#000;
	text-decoration:none;
	}
ul.menu a:hover {
	color:#AD8563;
	text-decoration:none;
	}
#fomenu a: {
	font-family:Arial;
	font-size:1.3em;
	color:#00000;
	}
#fomenu a:hover {
	color:#AD8563;
	text-decoration:none;
	}
#cimsor {
	float:left;
	width:1200px;
	height:110px;
	background:#ede4dc;
	}

h1 {
	float:left;
	width:230px;
	height:76px;
	margin-left:130px;
	margin-top:20px;
	font-family:arial;
	font-size:1.9em;
	color:#000000;
	font-weight:normal;
	background:#EDE4DC url(../kepek/cimdisz.png)no-repeat;
	background-position:center bottom;
/*	border:1px solid #333;*/
	text-align:center;
	}

#weblap_tabs {
	float:left;
	width:1200px;	
	}

h2 {
	width:535px;
	height:25px;
	margin:0;
	padding-left:40px;
	padding-top:5px;
	padding-bottom:0px
	font-family:arial;
	font-size:15pt;
	font-weight:bold;
	color:#000000;
	background:url(../kepek/tabcimbg.png)no-repeat left;
	
	}
#box1 {
	position:relative;
	float:left;
	width:290px;
	height:280px;
	background:#ad8563;
	/*margin-top:80px;
	margin-left:100px;*/
	}
.tabs { 
	float:left;
	width:280px;
	list-style:none; 
	margin-left:100px; 
	padding:0;
	height:33px; /* A fülek magassága */
	border:0;
}

.tabs li { 
	float:left;	 
	width:280px;
	text-indent:0;
	padding:0;
	margin:0;
	border:1px solid #f3f3f3;
	list-style-image:none; 
	background: #ad8563;
	font-size:15pt; /* betűméret */
	font-family: Arial;
	display:block;
	height: 33px; /* magasság */
	line-height:33px;
	text-align:left;	
	margin:0px;	
	border:1px #f3f3f3 solid;
	cursor: pointer;
}

 /* A fülek általános tulajdonságai */
.tabs a { 
	background: #e1d2c6; /* háttérszín */
	font-size:15pt; /* betűméret */
	font-family: Arial;
	display:block;
	width:280px;
	height: 33px; /* magasság */
	line-height:33px;
	text-align:left;	
	text-decoration:none;
	color: #000000; /* betűszín */
	padding-left:6px;
	margin:0px;	
	border:1px #f3f3f3 solid;
	cursor: pointer;
}
.aktiv {width:280px;font-weight:bold}
.aktiv a { 
	background: #ad8563; /* háttérszín */
	font-size:15pt; /* betűméret */
	font-family: Arial;
	display:block;
	width:280px;
	height: 33px; /* magasság */
	line-height:33px;
	text-align:left;	
	text-decoration:none;
	color: #000000; /* betűszín */
	padding-left:6px;
	margin:0px;	
	border:1px #f3f3f3 solid;
	cursor: pointer;
}

.tabs a:hover {
	color:#000000;
	background: #cfcfcf; /* annak a fülnek a háttérszíne amelyik fölött az egérrel állunk */
	cursor: pointer;
	font-weight:bold;
}


/* a blokkok (oldalak) tulajdonságai */ 
.multipanes {
  float:left;
  margin-top:0;
  margin-left:20px;	
  background:#EDE4DC;  /* háttérszín */
  color:#00000;
  width:700px;  /* oldalak szélessége */
  padding:20px;
  font-family: arial;
  font-size:12pt;
  height:auto;
  text-align:left;
  border:0;  
}
.multipanes img {width:110px;height:110px}
div.galeri {margin-top:20px;}
.lapoz {
	height:60px;
	padding-top:10px;
	font-family:Arial;
	font-weight:bold;
	padding-right:5px;
	color:#000000;
	}
.lapoz a {
	font-family:Arial;
	font-weight:bold;
	padding-right:10px;
	padding-left:10px;
	color:#000000;
	text-decoration:none;
	}
.lapoz a:hover {
	font-family:Arial;
	font-weight:bold;
	padding-right:10px;
	color:#ad8563;
	text-decoration:none;
	}	
#lablec {
	width:1300px;
	height:94px;
	background:url(../kepek/footerbgk.jpg) no-repeat;
	margin-left:auto;
	margin-right:auto;

	}
#lablec ul.menu {
	padding-left:160px;
		}
	
@media only screen 
and (min-width:641px)
and (max-width:800px) {
	#container {width:740px;margin:20 0 0 20;padding:0;height:1410px;box-shadow:1px 1px 1px #ad8563;	}
	#fejlec {width:740px;margin:0;padding:0;background:url(../kepek/fejlec.jpg) no-repeat top;}
	#fejlec div {width:18%;position:absolute;top:2%;left:78%;font-size:95%}
	.fullcontent {width:740px;margin:0;padding:0;height:1090px;padding:0;}
	nav#fomenu {width:740px;font-size:80%;margin:0 auto;}
	ul.menu {width:600px;margin-left:60px;}
	ul.menu li{margin-left:20px;padding-top:3px;text-shadow:0.35px 0.35px 0.35px #666;	}
	ul.menu li a:hover{text-shadow:0.35px 0.35px 0.35px #666;	}
	#cimsor {display:none;}
	#weblap_tabs {width:740px;margin:0;}
	#weblap_tabs ul.tabs { float:block;width:350px;height:160px;margin-left:200px;border:0;}
    #weblap_tabs ul.tabs li a { width:280px;font-size:95%}
	.multipanes { float:block;height:auto;width:640px;padding-left:40px;}
	.multipanes img {max-width:100%;max-height:100%}
	#lablec {float:left;width:740px;height:40px;margin:0;padding:0;font-size:80%;padding:0;background:#ede4dc;	}
	#lablec ul.menu {padding-left:40px;}

}
@media only screen 
and (min-width:571px)
and (max-width:640px) {
	#container {width:600px;margin:20 0 0 20;padding:0;height:1320px;box-shadow:1px 1px 1px #ad8563;}
	#fejlec {width:600px;height:200px;margin:10px 0 auto;padding:0;background:url(../kepek/fejlec_600.jpg) no-repeat top;	}
	#fejlec div {width:22%;position:absolute;top:2%;left:78%;font-size:95%}
	.fullcontent {width:600px;margin:0;height:1050px;padding:0;}
	#fomenu {width:600px;font-size:80%;margin-left:0;margin-top:0;padding:0;}
	ul.menu {width:500px;margin-left:60px;padding:0;}
	ul.menu li{ margin-left:10px;margin-top:10px;text-shadow:0.35px 0.35px 0.35px #666;	}
	ul.menu li a:hover{text-shadow:0.35px 0.35px 0.35px #666;	}
	#cimsor {display:none}
	h2 {width:300px;background:url(../kepek/tabcimbg300.png)no-repeat left;}
	#weblap_tabs {width:500px;}
	#weblap_tabs ul.tabs { float:block;width:380px;height:160px;margin-left:100px;border:0;}
    #weblap_tabs ul.tabs li a { width:380px;font-size:95%}
	.multipanes {float:left;width:530px;height:auto;margin:20px;padding:0;}
	.multipanes img {width:100px;height:100px}
	.galeri {width:530px;margin:20px;}
	#lablec {float:left;width:600px;height:40px;font-size:75%;padding:0;margin:0;background:#ede4dc;}
	#lablec ul.menu {padding-left:10px;}
	
}

@media only screen 
and (min-width:481px)
and (max-width:570px) {
	#container {width:530px;margin:20 0 0 20;padding:0;height:1570px;box-shadow:1px 1px 1px #ad8563;}
	#fejlec {width:530px;height:200px;margin:10px 0 auto;padding:0;background:url(../kepek/fejlec_530.jpg) no-repeat top;	}
	#fejlec div {width:25%;position:absolute;top:3%;left:74%;font-size:95%}
	.fullcontent {width:530px;margin:0;height:1300px;padding:0;}
	#fomenu {width:510px;font-size:70%;margin-left:0;margin-top:0;padding-left:20px;}
	ul.menu {width:460px;margin-left:30px;padding:0;}
	ul.menu li{ margin-left:10px;margin-top:10px;	}
	#cimsor {display:none}
	#weblap_tabs {width:400px;}
	#weblap_tabs ul.tabs { float:block;width:300px;height:100px;margin-left:100px;border:0;}
    .tabs { width:300px;margin-left:10px; }
	.tabs li {width:300px;height: 20px;line-height:20px;font-size:90%}
	.tabs a { width:300px;height: 20px;line-height:20px;font-size:90%}
	.aktiv {width:300px;font-size:90%}
	.aktiv a {width:300px;height: 20px;line-height:20px;font-size:90%}
	div.galeri {width:500px;}
	.multipanes { float:block;height:auto;width:480px;margin-left:5px;}
	.multipanes img {max-width:50%;max-height:50%}
	h2 {width:450px;background:url(../kepek/tabcimbg250.png)no-repeat left;font-size:90%;height:20px;}
	#lablec {float:left;width:530px;height:40px;font-size:80%;padding:0;margin:0;background:#ede4dc;}
	#lablec ul.menu {padding-left:40px;font-size:80%}

	}
	
@media only screen 
and (min-width:361px)
and (max-width:480px) {
	#container {width:440px;margin:20 0 0 20;height:1750px;box-shadow:1px 1px 1px #ad8563;}
	#fejlec {width:440px;height:166px;margin:0;background:url(../kepek/fejlec_440.jpg) no-repeat top;	}
	#fejlec div {width:28%;position:absolute;top:1%;left:71%;font-size:92%}
	.fullcontent {width:440px;margin:0;height:1500px;padding:0;}
	#fomenu {width:440px;font-size:65%;margin-left:0;margin-top:0;padding:0;}
	ul.menu {width:400px;margin-left:35px;padding:0;}
	ul.menu li{ margin-left:8px;margin-top:10px;	}
	#cimsor {display:none}
	#weblap_tabs {width:300px;;}
	#weblap_tabs ul.tabs { float:block;width:220px;height:100px;margin-left:100px;border:0;}
    .tabs { width:220px;margin-left:10px; }
	.tabs li {width:220px;height: 20px;line-height:20px;font-size:90%}
	.tabs a { width:220px;height: 20px;line-height:20px;font-size:90%}
	.aktiv {width:220px;font-size:90%}
	.aktiv a {width:220px;height: 20px;line-height:20px;font-size:90%}
	div.galeri {width:400px;}
	.multipanes { float:block;height:auto;width:360px;margin-left:25px;}
	.multipanes img {max-width:50%;max-height:50%}
	h2 {width:280px;background:url(../kepek/tabcimbg250.png)no-repeat left;font-size:90%;height:20px;}
	#lablec {float:left;width:440px;height:40px;font-size:80%;padding:0;margin:0;background:#ede4dc;}
	#lablec ul.menu {padding-left:10px;font-size:80%}
	.lapoz {font-size:90%}
}

@media only screen 
and (min-width:320px)
and (max-width:360px) {
	#container {width:340px;margin:20 0 0 20;padding:0;height:2270px;box-shadow:1px 1px 1px #ad8563;}
	#fejlec {width:340px;height:125px;margin:0;padding:0;background:url(../kepek/fejlec_340.jpg) no-repeat top;	}
	#fejlec div {width:35%;position:absolute;top:1%;left:65%;font-size:90%}
	.fullcontent {width:340px;margin:0;height:2060px;padding:0;}
	#fomenu {width:340px;height:55px;font-size:65%;margin-left:0;margin-top:0;padding:0;}
	ul.menu {width:320px;margin-left:5px;padding:0;}
	ul.menu li{ margin-left:10px;margin-top:10px;line-height:100%;	}
	#cimsor {display:none}
	#weblap_tabs {width:300px;padding:0;}
	#weblap_tabs ul.tabs { float:block;width:220px;height:100px;margin-left:50px;border:0;padding:0;}
    .tabs { width:220px;margin-left:10px; }
	.tabs li {width:220px;height: 20px;line-height:20px;font-size:90%}
	.tabs a { width:220px;height: 20px;line-height:20px;font-size:90%}
	.aktiv {width:220px;font-size:90%}
	.aktiv a {width:220px;height: 20px;line-height:20px;font-size:90%}
	div.galeri {width:260px;}
	.multipanes { float:block;height:auto;width:250px;margin-left:45px;padding:0;}
	.multipanes img {max-width:50%;max-height:50%}
	h2 {width:260px;background:url(../kepek/tabcimbg250.png)no-repeat left;font-size:90%;height:20px;padding-left:20px;}
	#lablec {float:left;width:340px;height:55px;font-size:80%;padding:0;margin:0;background:#ede4dc;}
	#lablec ul.menu {padding-left:5px;font-size:80%;padding:0;}
	.lapoz {font-size:80%}
}


@media only screen 
and (min-width:234px)
and (max-width:319px) {
	#container {width:250px;margin:20 0 0 20;height:4170px;padding:0;box-shadow:1px 1px 1px #ad8563;}
	#fejlec {width:250px;height:108px;margin:0;padding:0;background:url(../kepek/fejlec_300.jpg) no-repeat top;	}
	#fejlec div {width:20%;position:absolute;top:1%;left:75%;font-size:70%}
	.fullcontent {width:250px;margin:0;height:3980px;}
	#fomenu {width:250px;height:55px;font-size:52%;margin-left:0;margin-top:0;}
	ul.menu {width:245px;margin-left:5px;padding:0;}
	ul.menu li{ margin-left:10px;margin-top:10px;line-height:100%;	}
	#cimsor {display:none}
	#weblap_tabs {width:220px;;}
	#weblap_tabs ul.tabs { float:block;width:220px;height:100px;margin-left:10px;border:0;}
    .tabs { width:220px;margin-left:10px; }
	.tabs li {width:220px;height: 20px;line-height:20px;font-size:90%}
	.tabs a { width:220px;height: 20px;line-height:20px;font-size:90%}
	.aktiv {width:220px;font-size:90%}
	.aktiv a {width:220px;height: 20px;line-height:20px;font-size:90%}
	div.galeri {width:180px;}
	.multipanes { float:left;height:auto;width:180px;margin-left:5px;}
	.multipanes img {max-width:100%;max-height:100%;padding:5px;margin-left:40px;}
	h2 {width:180px;background:url(../kepek/tabcimbg220.png)no-repeat left;font-size:90%;height:20px;}
	#lablec {float:left;width:250px;height:55px;padding:0;margin:0;background:#ede4dc;}
	#lablec ul.menu {padding-left:5px;font-size:52%}
	}