* {
	margin: 0;
	padding: 0;
	border: 0
}
body {
	font-family: tahoma;
	color: #fff;
background:black;
}

a { text-decoration:none; font-family:Arial, "Arial Black", "Arial Narrow", "Arial Unicode MS"; font-size:24px }
.clear:before,
.clear:after {
	content:" ";
	display: table
}

container {
	max-width:600px;
	float:left;
	margin-left:35px;
}

#black {
	width:100%;
	height:auto;
	background-color:#243330;
}

a {
	color:white;
	
	}


#black a {
	font-size:100%
}


.focim {
	max-width:900px;
	margin:0px auto;
	padding-top:40px;
}

.cimsor {
	max-width:895px;
	height:auto;
	margin:0 auto;
	padding-top:15px;
	padding-bottom:15px;
}



.cimsor a {
	color:white;
	font-size:15px;
	opacity:0.5
}

.cimsor a:hover {
	color:orange;
	font-size:20px;
	opacity:1
}

.clear {clear:both}


#brand_bemutat {
	max-width:900px;
	max-height: auto;
	background-color: white;
	background-image: url(link/The-Darkness-1280x1024-18.jpg);
	margin: 50px auto;
	margin-bottom:100px;
	padding:25px;
}

#brand_bemutat02 {
	max-width:900px;
	max-height: auto;
	background-color: white;
	background-image: url(link/The-Darkness-1280x1024-18.jpg);
	margin: 50px auto;
	margin-bottom:100px;
	padding:25px;
	background-repeat: repeat;
}

#fejresz p {
	font-size:12px
}



section#poster {
	max-width:275px;
	height:auto;
	float:left;
	padding-right:20px
}

section#poster img {
	max-width:275px;
	height:auto;
}

section#poster img:hover {
	-moz-transform: scale(1.5) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
	-webkit-transform: scale(1.5) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
	-o-transform: scale(1.5) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
	-ms-transform: scale(1.5) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
	transform: scale(1.5) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
	transition:all 1s ease;
	-webkit-transition:all 1s ease;
	box-shadow:20px 20px 25px rgba(5,5,5,0.80);
}




section#posterfekvo {
	max-width:470px;
	height:auto;
	float:left;
	padding-right:20px
}

section#posterfekvo img {
	max-width:470px;
	height:auto;
}

section#posterfekvo img:hover {
	-moz-transform: scale(1.5) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
	-webkit-transform: scale(1.5) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
	-o-transform: scale(1.5) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
	-ms-transform: scale(1.5) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
	transform: scale(1.5) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
	transition:all 1s ease;
	-webkit-transition:all 1s ease;
	box-shadow:20px 20px 25px rgba(5,5,5,0.80);
}


section#stab {
	max-width:500px;
	float:left;
	padding:7px;
	font-size:12px;
	padding-left:5px;
}


section#stab01 {
	max-width:500px;
	float:left;
	padding:7px;
	font-size:12px;
	padding-left:5px;
}

section#dijak {
	max-width:360px;
	float:left;
	padding:px;
	font-size:12px;
}

section#dijak02 {
	max-width:500px;
	float:left;
	padding:px;
	font-size:12px;
}

section#dijak a {
	font-size:12px;
	color:white
}

section#dijak a:hover {
	font-size:12px;
	color:orange
}



section#logokk {
	max-width:700px;
	padding:1px;
	font-size:12px;
	float:left
}












div#main {
	max-width:900px;
	max-height: auto;
	background-color:;
	margin: -70px auto 30px auto;
	padding-bottom:50px;
}

div#main #visszagomb img {
	width:39px;
	height:25px;
	opacity:0.5;
}

div#main #visszagomb img:hover {
	opacity:0.8;
}

h1 {
	font-family:'Arial';
	font-weight:lighter;
	font-size:220%;
	text-align:left;
	margin-bottom:25px;
	color:orange;
	background-color:;
}

#cim {font-family:'Arial';
	font-weight:lighter;
	font-size:220%;
	text-align:left;
	margin-bottom:25px;
	color:orange;
	background-color:;}


h2 {
	font-family:'Arial';
	font-weight:lighter;
	font-size:180%;
	text-align:left;
	margin-bottom:20px;
	color:white;
	background-color:;
}


h3 {
	font-family:'Arial';
	font-weight:lighter;
	font-size:170%;
	text-align:left;
	margin-bottom:;
	color:orange;
}

h4 {
	font-family:'Arial';
	font-weight:lighter;
	font-size:100%;
	text-align:left;
	margin-bottom:20px;
	color:white;
}

#egyes {
	font-family:'Arial';
	font-weight:lighter;
	font-size:100%;
	text-align:left;
	color:white;
}

#nev {
	font-family:'Arial';
	font-weight:;
	font-size:140%;
	text-align:left;
	margin-bottom:;
	color:white;
}

#adat {
	margin-bottom:30px;
	font-weight:lighter;
}

span {
	color:orange;
	font-size:100%;
}

span.dij {
	color:whitesmoke;
	font-size:100%;
	padding-bottom: 600px;
	
}


#visszagomb img {
	width:39px;
	height:25px;
	opacity:0.2;
}

#visszagomb img:hover {
	opacity:0.8;
}

#yellow {color:orange;
		margin-bottom:;}

#adat {	margin-bottom:20px;}

#lista {
	margin-bottom:40px;
	font-family:'Arial';
	font-weight:lighter;

}

#lista br {
	margin-bottom:10px;
}

#tanul {
	margin-bottom:20px;
	font-family:'Arial';
	font-weight:lighter;
	font-size:100%;
	color:white;
	line-height: 150%;
	
}


#tanul2 {
	margin-bottom:0px;
	font-family:'Arial';
	font-weight:lighter;
	font-size:100%;
	color:orange;
	line-height: 150%;
	font-weight: bold;
}


#tanul br {
	margin-bottom:;
}

#tanul b {
	color:orange;
	opacity:0.7;
	font-weight: 600;
}

#versenyben {
	font-weight:
}



#lista li {
	list-style:none;
	text-decoration:none;
	font-family:'Arial';
	font-weight:lighter;
	margin-bottom:3px;
	font-size:100%;
}

#dijaklista {
	margin-bottom:;
	font-family:'Arial';
	font-weight:lighter;
	font-size:100%;
}

#dijak li {
	list-style:none;
	text-decoration:none;
	font-family:'Arial';
	font-weight:lighter;
	margin-bottom:3px;
	font-size:100%;
}

#dijak li span {
	color:orange; 
	font-weight:500;
	font-size:100%;
	font-family:'Arial';
}


p {
	font-family:'Arial';
	font-weight:lighter;
	font-size:120%;
	text-align:left;
	margin-bottom:5px;
	color:orange;
}


p1 {color:orange;}

.verseny {
font-size: 50%
}











@media(max-width:768px) {
	nav .logo { padding-top: 8px;}
	nav .menu-toggle { display: inline-block }
	nav .menu { display: none; clear: both;}
	nav .menu > ul { float: none; padding-top:5px }
	nav .menu li { width: 100%; border: 0; display:block; margin-top:5px; }
	nav .menu li:last-child { margin: 5px 0 15px 0 }
	nav .menu li a,
	nav .open-submenu {
		display: block;
		background: gray;
		padding: 10px;
		margin: 2px 0 0 0
	}
	nav .menu ul ul {
		position: static;
		background: transparent;
		display:none
	}
	nav .menu ul ul a { background: transparent }
	nav .menu ul ul a:hover { background: #FFBB22 }
	
	.logo { height:54px;}
	
	#stab {
	width:380px;
	float: left;
}

h1 { font-size:150%}
h2 { font-size:150%}
h3 { font-size:150%}
h4 { font-size:100%}
#yellow {font-size:90%}
#lista { font-size:90%; font-weight:lighter;}
#lista li { font-size:120%; font-weight:lighter;}
#lista br{ margin-bottom:10px}
#adat { font-size:90%; margin-bottom:15px;}
#tanul {font-size:100%; margin-bottom:12px;}
#tanul2 {font-size:100%; font-weight: bold;}
#nev { font-size:120%}
#cim { font-size:150%}
p {font-size:90%}

section#dijak {clear: left}

#black {
	font-size:90%}
	
#dijak li {	font-size:90%; margin-bottom:3px;}
}


}




@media(max-width:480px) {
	nav .logo { padding-top: 8px;}
	nav .menu-toggle { display: inline-block }
	nav .menu { display: none; clear: both;}
	nav .menu > ul { float: none; padding-top:5px }
	nav .menu li { width: 100%; border: 0; display:block; margin-top:5px; }
	nav .menu li:last-child { margin: 5px 0 15px 0 }
	nav .menu li a,
	nav .open-submenu {
		display: block;
		background: gray;
		padding: 10px;
		margin: 2px 0 0 0
	}
	nav .menu ul ul {
		position: static;
		background: transparent;
		display:none
	}
	nav .menu ul ul a { background: transparent }
	nav .menu ul ul a:hover { background: #FFBB22 }
	
	.logo { height:54px;}
	
	#stab {
	width:380px;
	float: left;
}

h1 { font-size:130%}
h2 { font-size:200%}
h3 { font-size:170%}
h4 { font-size:60%}
#lista { font-size:80%; margin-bottom:10px; font-weight:lighter;}
#lista li { font-size:120%; font-weight:lighter;}
#adat { font-size:80%; margin-bottom:10px;}
#tanul {font-size:80%; margin-bottom:8px;}
#tanul2 {font-size:80%;}
#versenyben { font-size:80%;}
#nev { font-size:100%}
#cim { font-size:130%}
p {font-size:80%}


section#logokk {
	clear: both
}

#dijak li {	font-size:100%; margin-bottom:3px;}
}







@media(max-width:340px) {
	nav .logo { padding-top: 8px;}
	nav .menu-toggle { display: inline-block }
	nav .menu { display: none; clear: both;}
	nav .menu > ul { float: none; padding-top:5px }
	nav .menu li { width: 100%; border: 0; display:block; margin-top:5px; }
	nav .menu li:last-child { margin: 5px 0 15px 0 }
	nav .menu li a,
	nav .open-submenu {
		display: block;
		background: gray;
		padding: 10px;
		margin: 2px 0 0 0
	}
	nav .menu ul ul {
		position: static;
		background: transparent;
		display:none
	}
	nav .menu ul ul a { background: transparent }
	nav .menu ul ul a:hover { background: #FFBB22 }
	
	.logo { height:54px;}
	
	#stab {	float: left;}
	
	h1 { font-size:120%}
	h2 { font-size:120%}
	h3 { font-size:150%}
	h4 { font-size:90%}
	p {font-size:80%}
	#tanul {font-size:80%; margin-bottom:8px;}
	#tanul2 {font-size:80%;}
	#versenyben { font-size:80%;}
	#nev { font-size:90%}
	#cim { font-size:120%}
	#lista { font-size:80%;	margin-bottom:50px; font-weight:lighter;}
	#lista li { font-size:90%; font-weight:lighter;}
	#adat { font-size:80%; margin-bottom:5px;}
	#dijak li {	font-size:100%; margin-bottom:3px;}
}