* { padding: 0; margin: 0; border: 0 }
body {
	BACKGROUND-COLOR: #000000;
	font-family: arial;
	font-size: 100%;
	color: #ffffff;
}
a { color: #FFB400; }
div.clear { clear: both; }

div#wrapper {
	width: 800px;
	margin: 20px auto;
	border-radius: 10px
}
header {
	font-size: 360%;
	font-weight: bold;
	color: #ffb400;
	padding: 0 10px;
	font-family: "trebuchet MS";
	text-shadow: 2px 2px 2px #6d2a15;
	background-image: url(kep/fejlec.jpg);
	background-repeat: no-repeat;
}
header span {
	color: #fff;
	font-size: 50%;
}
footer {
	width: 460px;
	margin: 20px auto;
	font-size: 70%;
	background: #111111;
	color: #ffffff;
	padding: 0px;
	text-align: center;
}
footer a { margin: 0 15px; 
	text-decoration: none;
	color: #ffffff;
}
.footerbar { color: #6A6A6A;  text-align: center; font-size: 8px; margin: 1px 1px; line-height: 10px; }

nav {
	padding: 0 0;
	margin: 2px 0;
	color: #ffffff;
	background: #111111;
}
nav a {
	color: #ffffff;
	text-decoration: none;
	margin: 0 10px;
	font-family: "trebuchet MS"
}
.menu_piros   { COLOR: #ff0000;
}
.menu_narancs   { COLOR: #fc9d03;
}
.zold   { COLOR: #33FF33;
}
nav a:first-child { margin-left: 20px }
nav a:hover { text-decoration: underline }
section {
	width: 558px;
	float: left;
	margin: 0 20px 0 0;
	padding: 0 20px 0 0;
	font-size: 80%;
	border-right: 2px dotted #111111
}
section article { margin: 0 0 20px 0 }
section article p {
	text-align: justify;
	line-height: 140%
}
section article h1 {
	margin: 20px 0 0 20px;
	font-size: 150%;
	color: #ffb400;
	font-family: "trebuchet MS";
	text-shadow: 1px 1px 1px #6d2a15
}
aside {
	float: right;
	width: 200px;
	font-size: 80%
}
aside h1 {
	margin: 20px 0 0 20px;
	font-size: 150%;
	color: #ffb400;
	font-family: "trebuchet MS";
	text-shadow: 1px 1px 1px #6d2a15
}
figure {
	padding: 0px;
	background: #111111;
	margin: 13px 0 3px 0
}
figure img { max-width: 100% ;
	background: #111111;
	color: #111111;
}
figure figcaption {
	font-style: italic;
	font-size: 80%;
	margin: 6px 0 0 0
}
.kerdes { background: #333333;
	font-family: Tahoma, Arial, Helv;
    font-size: 11px;
    BORDER-LEFT: 5px solid #333333;
    text-align: left;
	padding: 0 3;
}
.valasz { background: #555555;
	font-family: Tahoma, Arial, Helv;
    BORDER-RIGHT: 5px solid #555555;
	font-size: 11px;
	FONT-WEIGHT: bold;
    text-align: right;
    vertical-align: top;
	padding: 0 3;
}
.sarga { background: #fc9d03;
	font-family: Tahoma, Arial, Helv;
    font-size: 11px;
    BORDER-LEFT: 5px solid #333333;
    text-align: left;
	padding: 0 3;
}
.lezar  { background: #000000;
    font-size: 11px;
}
.frissit    { background: #111111; text-align: left; color: #FFFF80; font-size: 7pt; font-family: arial }
.hasznalt    { background: #111111; text-align: left; color: #fc9d03; font-size: 10pt; FONT-WEIGHT: bold; font-family: arial }
.akcio    { background: #111111; text-align: left; color: #fc9d03; font-size: 15pt; FONT-WEIGHT: bold; font-family: arial }

@media only screen
and (min-width : 600px)
and (max-width : 800px) {
	div#wrapper { width: 600px }
	header { font-size: 320% text-align: center }
	section { width: 408px }
	aside { width: 150px }
	footer { width: 560px }
}
@media only screen
and (min-width : 480px)
and (max-width : 600px) {
	div#wrapper { width: 400px;}
	header { font-size: 200%; text-align: center }
	section { width: 400px; padding: 0; margin: 0; border: 0 }
	aside { display: none }
	footer { width: 360px }
}
@media only screen
and (min-width: 320px)
and (max-width: 480px) {
	div#wrapper { width: 300px; }
	header { font-size: 200%; text-align: center }
	header span { display: block }
	nav { text-align: center }
	nav a { margin: 0 3px }
	nav a:first-child { margin: 0 3px }
	section { width: 300px; padding: 0; margin: 0; border: 0 }
	aside { display: none }
	footer { display: none }
}
@media only screen
and (min-width: 240px)
and (max-width: 320px) {
	div#kicsi { width: 300px; }
	header { font-size: 120%; text-align: center }
	header span { display: block }
	nav { text-align: center }
	nav a { margin: 0 3px }
	nav a:first-child { margin: 0 3px }
	section { width: 300px; padding: 0; margin: 0; border: 0 }
	aside { display: none }
	footer { display: none }
}