* {
	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;
}

hr {
	margin-top:20px;
	margin-left: auto;
    margin-right: auto;
    border-style: solid;
    border-width: 1px;
	opacity:0.5;
	color:white
}

.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_karancs {
	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_1968 {
	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_rozsa {
	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;
}

#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;
}


#awards {
	max-width:800px;
	float:;
	padding:px;
	margin-top:400px;
	font-size:12px;
}


section#fest {
	max-width:390px;
	float:right;
	padding:px;
	font-size:12px;
}

section#verseny {
	max-width:390px;
	float:;
	margin-right:50px;
	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:5px;
	color:orange;
	background-color:;
}

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



span {	color:orange}


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

#visszagomb img:hover {
	opacity:0.8;
}

:dijszin {color: aliceblue}




















@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:250%}
h3 { font-size:250%}

section#dijak {clear: left}

#black {
	padding-left:10px;
}


}




@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:250%}
h3 { font-size:250%}

section#logokk {
	clear: both
}
}







@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:150%}
	h3 { font-size:150%}
}