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

body {
	background:#E1D2C6;
	font-family:arial;
	font-size:100%;
	margin:0;
	padding:0;
	}
#container {
	width:1300px;
	height:1900px;
	background:url(../kepek/contbg2.jpg) repeat-y;
	margin-left:auto;
	margin-right:auto;
	}
#fullcontent {
	width:1200px;
	height:1600px;
	margin-left:42px;
	background:#ede4dc;
	padding:0;
	}
#fejlec {
	width:1200px;
	height:247px;
	margin-left:42px;
	background:url(../kepek/fejlec2019.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;
	
		}
#arakmenu {
	margin-top:3em;
	margin-left:40%;
	padding:2px;
	width:300px;
	height:100px;
	font-size:140%;
	color:#990000;}

#arakmenu a {
	color:#000;}

ul.menu {
	float:left;
	margin-left:80px;
	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;
	}
#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;
	}

#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:40px;
	}

.megj {width:550px;text-align:center;line-height:16pt}


@media only screen 
and (min-width:641px)
and (max-width:800px) {
	#container {width:740px;margin:20 0 0 20;padding:0;height:1900px;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:1580px;}
	nav#fomenu {width:740px;font-size:80%;margin:0 auto;}
	#cimsor {width:740px;margin:0;padding:0;height:50px;padding:0;}
	#arakmenu {margin-left:50px;height:50px;width:80%;float:left;}
	ul.menu {width:700px;margin-left:0;padding-left:30px;}
	ul.menu li{margin-left:0;padding-top:3px;padding-right:18px;text-shadow:0.35px 0.35px 0.35px #666;	}
	ul.menu li a:hover{text-shadow:0.35px 0.35px 0.35px #666;	}
	.content {width:720px;padding-top:10px;}
	#lablec {width:740px;height:40px;margin:0;padding:0;font-size:80%;padding:0;background:#ede4dc;	}
	
			}

@media only screen 
and (min-width:571px)
and (max-width:640px) {
	#container {width:600px;margin:20 0 0 20;height:1860px;box-shadow:1px 1px 1px #ad8563;}
	#fejlec {width:600px;height:200px;margin:10px 0 auto;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:1580px;}
	#fomenu {width:600px;font-size:80%;margin-left:0;margin-top:0;}
	ul.menu {width:560px;margin-left:0;padding-left:30px;}
	ul.menu li{ margin-left:10px;margin-top:10px;text-shadow:0.35px 0.35px 0.35px #666;font-size:115%;	}
	ul.menu li a:hover{text-shadow:0.35px 0.35px 0.35px #666;	}
	#arakmenu {margin-left:50px;height:50px;width:60%;float:left;}
	#cimsor {width:580px;font-size:80%;}
	#cimsor h1 {margin-left:170px;}
	.content {width:530px;padding-top:10px;}
	table.arak {width:530px;font-size:90%;}
	p.arak {width:530px;font-size:90%;}
	td {width:100px;height:auto}
	.megj {width:420px;}
	.message_list {width:500px;margin-left:20px;}
	.message_head cite {font-size: 110%;}
	.message_body {width:500px;	padding: 0;}
	#lablec {float:left;width:600px;height:40px;font-size:75%;padding:0;margin-left:0;background:#ede4dc;}
	#lablec ul.menu {margin-left:40px;padding:0;}
	
}

@media only screen 
and (min-width:481px)
and (max-width:570px) {
	#container {width:530px;margin:20 0 0 20;padding:0;height:1830px;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:1570px;}
	#fomenu {width:510px;font-size:70%;margin-left:0;margin-top:0;padding-left:20px;}
	ul.menu {width:490px;margin-left:0;padding-left:0;}
	ul.menu li{ margin-left:10px;margin-top:13px;font-size: 115%;	}
	#cimsor {width:200px;font-size:80%;padding:0;}
	#cimsor h1 {margin-left:150px;padding:0;}
	.message_list {max-width:480px;margin:0;padding:0;}
	.message_body {max-width:480px;	padding: 5px 10px 10px;}
	.message_head cite {font-size:100%;padding:0;width:200px;}
	table.arak {max-width:480px;font-size:80%;padding:0;}
	p.arak {max-width:480px;font-size:80%;padding:0;}
	.content {max-width:500px;padding-top:10px;}
	.megj {width:400px;}
	td {width:60px;height:auto;}
	#lablec {float:left;width:530px;height:40px;font-size:80%;padding:0;margin:0;background:#ede4dc;}
	#lablec ul.menu {width:510px;margin-left:20px;padding:0;font-size:90%;}
	}
	
@media only screen 
and (min-width:361px)
and (max-width:480px) {
	#container {width:440px;margin:20 0 0 20;padding:0;height:1860px;box-shadow:1px 1px 1px #ad8563;}
	#fejlec {width:440px;height:166px;margin:0;padding: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;padding:0;height:1630px;}
	#fomenu {width:440px;font-size:65%;margin-left:0;margin-top:0;padding:0;}
	ul.menu {width:440px;margin-left:2px;padding:0;}
	ul.menu li{ margin-left:8px;margin-top:13px;font-size: 115%;	}
	#arakmenu {margin-left:50px;height:50px;width:60%;float:left;}
	#cimsor {width:400px;font-size:80%;}
	#cimsor h1 {margin-left:120px;padding:0;}
	.message_list {max-width:380px;margin:0;padding:0;}
	.message_body {max-width:380px;	padding: 5px 10px 10px;}
	.message_head cite {font-size:100%;padding:0;}
	table.arak {max-width:380px;font-size:80%;margin:0;padding:0;}
	p.arak {max-width:380px;font-size:80%;margin:0;padding:0;}
	.content {max-width:400px;padding-top:10px;padding:0;}
	.megj {width:400px;}
	td {width:60px;height:auto}
	#lablec {float:left;width:440px;height:40px;font-size:65%;padding:0;margin:0;background:#ede4dc;}
	#lablec ul.menu {width:440px;margin:0;padding:0;}
	}
	
@media only screen 
and (min-width:320px)
and (max-width:360px) {
	#container {width:340px;margin:10 0 0 10;height:1870px;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:1670px;}
	#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%;	}
	#arakmenu {margin-left:30px;height:50px;width:80%;float:left;}
	#cimsor {width:300px;font-size:80%;}
	#cimsor h1 {margin-left:50px;}
	.message_list {max-width:280px;margin:0;padding:0;}
	.message_body {max-width:280px;	padding: 5px 10px 10px;}
	p.message_head cite {font-size:100%}
	table.arak {max-width:280px;font-size:80%;margin:0;padding:0;}
	p.arak {max-width:280px;font-size:80%;margin:0;padding:0;}
	.content {max-width:300px;padding-top:10px;}
	.megj {width:300px;}
	td {width:60px;height:auto}
	#lablec {float:left;width:340px;height:55px;font-size:65%;padding:0;margin:0;background:#ede4dc;}
	#lablec ul.menu {width:320px;margin-left:5px;padding:0;}
}
	
	
@media only screen 
and (min-width:234px)
and (max-width:319px) {
	#container {width:250px;margin:20 0 0 20;height:1980px;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;padding:0;height:1800px;}
	#fomenu {width:250px;height:55px;font-size:52%;margin-left:0;margin-top:0;padding:0;}
	ul.menu {width:245px;margin-left:5px;padding:0;}
	ul.menu li{ margin-left:10px;margin-top:12px;line-height:100%;font-size:145%;	}
	#arakmenu {margin-left:10px;height:50px;width:230px;float:left;font-size:110%}
	#cimsor {width:150px;font-size:80%;padding:0;}
	#cimsor h1 {margin-left:10px;padding:0;}
	.message_list {max-width:220px;margin:0;padding:0;}
	.message_body {max-width:220px;padding: 5px 10px 10px;}
	p.message_head cite {font-size:100%;}
	table.arak {max-width:220px;font-size:80%;margin:0;padding:0;}
	p.arak {max-width:220px;font-size:80%;margin:0;padding:0;}
	.content {max-width:240px;padding-top:10px;}
	.megj {width:220px;}
	td {width:60px;height:auto;}
	#lablec {float:left;width:250px;height:55px;padding:0;margin:0;background:#ede4dc;}
	#lablec ul.menu {margin-left:2px;font-size:50%;width:240px;}
			}