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

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

h1 {
	float:left;
	width:230px;
	height:76px;
	margin-left:10px;
	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;
	}

#cimsor {
	float:left;
	margin:0;
	width:1100px;
	height:110px;
	background:#ede4dc;
	}

figure {
	max-width:450px;
	float:left;
	display: block;
    margin-top: 2em;
    margin-bottom: 1em;
    margin-left: 60px;
    margin-right: 20px;
	}
figcaption { 
	margin: 10px;
	display: block;
	font-size:100%;
}
#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;
	}

@media only screen 
and (min-width:641px)
and (max-width:800px) {
	#container {width:740px;margin:20 0 0 20;padding:0;height:1370px;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;height:1020px;padding:0;	}
	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;	}
	#cimsor {display:none}
	#content {float:left;width:720px;margin:0;padding:0;	}
	figure {margin-left:170px;}
	#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;padding:0;height:1340px;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;padding:0;height:1020px;}
	#fomenu {width:600px;font-size:80%;margin-left:0;margin-top:0;padding:0;}
	ul.menu {width:540px;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}
	figure {margin-left:95px;}
	#content {float:left;width:400px;margin:0 20px;	padding:0;}
	#lablec {float:left;width:600px;height:40px;font-size:75%;padding:0;margin-left:0;padding:0;background:#ede4dc;}
	
}

@media only screen 
and (min-width:481px)
and (max-width:570px) {
	#container {width:530px;margin:20 0 0 20;padding:0;height:1330px;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:1020px;}
	#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;	}
	#cimsor {display:none}
	#cimsor h1 {margin-left:50px;font-size:120%}
	figure {margin-left:65px;}
	#content {float:left;width:510px;margin-left:10px;padding:0;	}
	#lablec {float:left;width:530px;height:40px;font-size:70%;padding:0;margin:0;background:#ede4dc;}
	#lablec ul.menu {width:480px;margin-left:50px;}
	}
	
@media only screen 
and (min-width:361px)
and (max-width:480px) {
	#container {width:440px;margin:20 0 0 20;padding:0;height:1300px;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;height:1030px;padding:0;}
	#fomenu {width:440px;font-size:65%;margin-left:0;padding:0;margin-top:0;}
	ul.menu {width:400px;margin-left:35px;padding:0;}
	ul.menu li{ margin-left:8px;margin-top:10px;	}
	#cimsor {display:none}
	figure {margin-left:25px;}
	#content {float:left;width:400px;margin-left:10px;padding:0;	}
	#lablec {float:left;width:440px;height:40px;font-size:65%;padding:0;margin:0;background:#ede4dc;}
	#lablec ul.menu {width:400px;margin-left:40px;}
	}
	
@media only screen 
and (min-width:320px)
and (max-width:360px) {
	#container {width:340px;margin:20 0 0 20;height:1180px;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:910px;}
	#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%;	}
	#cimsor {display:none}
	figure {margin-left:20px;max-width:320px;}
	figure img {width:100%;height:100%;}
	#content {float:left;width:320px;margin-left:5px;	}
	#lablec {float:left;width:340px;height:55px;font-size:70%;padding:0;margin:0;background:#ede4dc;}
	#lablec ul.menu {margin-left:15px;}
}
@media only screen 
and (min-width:234px)
and (max-width:319px) {
	#container {width:250px;margin:20 0 0 20;height:990px;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:750px;}
	#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}
	figure {margin-left:5px;max-width:250px;}
	figure img {width:100%;height:100%;}
	#content {float:left;width:250px;margin-left:5px;	}
	#lablec {float:left;width:250px;height:55px;padding:0;margin:0;background:#ede4dc;}
	#lablec ul.menu {margin-left:2px;font-size:50%;}
	}