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

body {
	background:#E1D2C6;
	font-family:arial;
	font-size:100%;
	margin:0;
	padding:0;
	}
#container {
	width:1300px;
	height:2880px;
	background:url(../kepek/contbgk.jpg) repeat-y;
	margin-left:auto;
	margin-right:auto;
	}
#fullcontent {
	float:left;
	width:1200px;
	height:2580px;
	margin-left:42px;
	background:#ede4dc;
	}
#content {
	float:left;
	width:1100px;
	height:auto;
	margin-top:3px;
	margin-left:40px;
	line-height:16pt;
	}
#content img {
	float:left;
	margin:30px;
	}
.elsosor {
	padding-top:40px;
	}
#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:200px;
	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;
	}

h1 {
	float:left;
	width:260px;
	height:76px;
	margin-left:100px;
	margin-top:40px;
	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;
	}

#cimsor1 {
	float:left;
	margin:0;
	width:1100px;
	height:110px;
	background:#ede4dc;
	}
#cimsor2 {
	float:left;
	margin-bottom:40px;
	width:1000px;
	height:110px;
	background:#ede4dc;
	}
#cimsor2 h1 {margin-left:20px;}

h3 {
	font-family:arial;
	font-size:22px;
	color:#000000;
	text-align:left;
	margin-top:5px;
	margin-left:20px;
	font-weight:bold;	
	}

hr {
	display: block;
    margin-top: 2em;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
	}
#imgcontent {
	margin-top:50px;
	}
.oklevel {
	display: block;
	width:1100px;
	height:auto;
	margin-top:20px;
	margin-left:120px;
	}
img.oklevelek {margin-top:5px;margin-left:5px;padding:3px;width:220px; height:300px;border:2px solid #AD8563;border-radius: 8px;
	}
img.oklevelek2 {margin-top:5px;margin-left:5px;padding:3px;max-width:300px; max-height:210px;border:2px solid #AD8563;border-radius: 8px;}

#lablec {
	float:left;
	width:1300px;
	height:94px;
	background:url(../kepek/footerbgk.jpg) no-repeat;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-top:0;
	padding-left:60px;
	}
.bullet-p {
	height:30px;
	background:url(../kepek/d3.jpg)no-repeat left;
	padding-left:35px;
	padding-top:8px;
	}
a.aktual a {color:#990000;}


@media only screen 
and (min-width:641px)
and (max-width:800px) {
	#container {width:740px;margin:20 0 0 20;height:4530px;box-shadow:1px 1px 1px #ad8563;}
	#fejlec {width:740px;margin: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:4170px;	}
	nav#fomenu {width:740px;font-size:80%;margin:0 auto;padding:0;}
	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;	}
	#cimsor1 {display:none;}
	#cimsor2 {margin-bottom:30px;;float:left;width:600px;}
	#cimsor2 h1 {margin-left:130px;font-size:130%}
	.oklevel {float:left;width:600px;margin:0 100px; }
	.oklevel img {margin:5px;}
	#content {float:left;width:660px;margin-left:30px;	}
	#content img {margin:50px 10px 10px 10px;width:40%; height:40%;}
	#lablec {width:740px;height:40px;margin:0;padding:0;font-size:80%;background:#ede4dc;	}
	
	}

@media only screen 
and (min-width:571px)
and (max-width:640px) {
	#container {width:600px;margin:20 0 0 20;height:4610px;box-shadow:1px 1px 1px #ad8563;}
	#fejlec {width:600px;height:200px;margin:0;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:4300px;padding:0;}
	#fomenu {width:600px;font-size:80%;margin:0;padding:0;}
	ul.menu {width:580px;margin-left:20px;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;	}
	#cimsor1 {display:none;}
	#cimsor2 {margin-bottom:30px;;float:left;width:500px;}
	#cimsor2 h1 {margin-left:120px;font-size:130%}
	.oklevel {float:left;width:550px;margin:0 50px; }
	.oklevel img {margin:5px;}
	#content {float:left;width:560px;margin-left:30px;	}
	#content img {margin:50px 10px 10px 10px;width:40%; height:40%;}
	#lablec {width:600px;height:40px;margin:0;padding:0;font-size:75%;background:#ede4dc;	}
	ul.menu {width:500px;margin-left:70px;padding:0;}
}

@media only screen 
and (min-width:481px)
and (max-width:570px) {
	#container {width:530px;margin:20 0 0 20;height:7520px;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;padding:0;height:7200px;}
	#fomenu {width:510px;font-size:70%;margin-left:0;margin-top:0;padding-left:20px;}
	ul.menu {width:480px;margin-left:30px;padding:0;}
	ul.menu li{ margin-left:10px;margin-top:10px;	}
	#cimsor1 {display:none;}
	#cimsor2 {margin-bottom:30px;;float:left;width:200px;}
	#cimsor2 h1 {margin-left:10px;font-size:130%}
	.oklevel {float:left;width:200px;margin:0 130px; }
	.oklevel img {margin:5px;}
	#content {float:left;width:500px;margin-left:15px;	}
	#content img {margin:50px 10px 10px 10px;width:40%; height:40%;}
	#lablec {width:530px;height:40px;margin:0;padding:0;font-size:70%;background:#ede4dc;	}

	}
	
@media only screen 
and (min-width:361px)
and (max-width:480px) {
	#container {width:440px;margin:20 0 0 20;height:7950px;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:7670px;}
	#fomenu {width:440px;font-size:65%;margin-left:0;margin-top:0;}
	ul.menu {width:400px;margin-left:35px;padding:0;}
	ul.menu li{ margin-left:8px;margin-top:10px;	}
	#cimsor1 {display:none;}
	#cimsor2 {margin-bottom:30px;;float:left;width:200px;}
	#cimsor2 h1 {margin-left:30px;font-size:130%}
	.oklevel {float:left;width:200px;margin:0 100px; }
	.oklevel img {margin:5px;}
	img.oklevelek2 {width:140%;height:140%;}
   	#content {float:left;width:360px;margin-left:15px;	}
	#content img {margin:50px 10px 10px 10px;width:100%; height:100%;}
	#lablec {width:440px;height:40px;margin:0;padding:0;font-size:65%;background:#ede4dc;	}
	
	}
	
@media only screen 
and (min-width:320px)
and (max-width:360px) {
	#container {width:340px;margin:10 0 0 10;height:7960px;box-shadow:1px 1px 1px #ad8563;}
	#fejlec {width:340px;height:125px;margin: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:7700px;}
	#fomenu {width:340px;height:55px;font-size:65%;margin-left:0;margin-top:0;}
	ul.menu {width:320px;margin-left:5px;padding:0;}
	ul.menu li{ margin-left:10px;margin-top:10px;line-height:100%;	}
	#cimsor1 {display:none;}
	#cimsor2 {margin-bottom:30px;;float:left;width:100px;}
	#cimsor2 h1 {margin-left:10px;font-size:130%}
	.oklevel {float:left;width:150px;margin:0 40px; }
	.oklevel img {margin:5px;}
	img.oklevelek2 {width:150%;height:150%;}
	#content {float:left;width:300px;margin-left:15px;	}
	#content img {margin:50px 10px 10px 10px;width:80%; height:80%;}
	#lablec {width:340px;height:55px;margin:0;padding:0;font-size:65%;background:#ede4dc;	}
	#lablec ul.menu {margin-left:2px;}
}

@media only screen 
and (min-width:234px)
and (max-width:319px) {
	#container {width:250px;margin:20 0 0 20;height:8200px;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:7960px;}
	#fomenu {width:250px;height:55px;font-size:52%;margin-left:0;margin-top:0;}
	ul.menu {width:235px;margin-left:10px;padding:0;}
	ul.menu li{ margin-left:10px;margin-top:10px;line-height:100%;	}
	#cimsor1 {display:none;}
	#cimsor2 {margin-bottom:30px;;float:left;width:100px;}
	#cimsor2 h1 {margin-left:0;font-size:130%}
	.oklevel {float:left;width:210px;margin:0 10px; }
	.oklevel img {margin:5px;width:100%; height:100%;}
	img.oklevelek2 {width:100%;height:100%;}
   	#content {float:left;width:210px;margin-left:10px;	}
	#content img {margin:50px 10px 10px 10px;width:80%; height:80%;}
	#content p {margin-left:5px;}
	#lablec {float:left;width:250px;height:55px;padding:0;margin:0;background:#ede4dc;}
	#lablec ul.menu {width:235px;margin-left:10px;font-size:50%;}
	}