@font-face {
	font-family: hnpl; /*'Helvetica Neue Pro lite'*/
	src: url("css/HelveticaNeueLTPro-Lt.otf");
}


body{
	background: url('img/bg_pattern.png') fixed;
	color:#dedede;
	font-family: 'Helvetica Neue', Helvetica, Arial, 'lucida grande',tahoma,verdana,arial,sans-serif;

	}
section a{
	color:#fff;
	text-decoration: none;
	display:inline-block;
	border-bottom:1px dashed #666;
}
::selection {
	background: #999;
}
::-moz-selection {
	background: #999;
}

ul#nav{
	/*
background-image:url('img/bg_pattern.png'), -moz-linear-gradient(left,  rgba(204,204,204,0.01) 0%, rgba(204,204,204,0.01) 1%, rgba(204,204,204,0.2) 20%, rgba(204,204,204,0.2) 80%, rgba(204,204,204,0.1) 100%);
background-image:url('img/bg_pattern.png'), -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(204,204,204,0.01)), color-stop(1%,rgba(204,204,204,0.01)), color-stop(20%,rgba(204,204,204,0.2)), color-stop(80%,rgba(204,204,204,0.2)), color-stop(100%,rgba(204,204,204,0.1)));
background-image:url('img/bg_pattern.png'), -webkit-linear-gradient(left,  rgba(204,204,204,0.01) 0%,rgba(204,204,204,0.01) 1%,rgba(204,204,204,0.2) 20%,rgba(204,204,204,0.2) 80%,rgba(204,204,204,0.1) 100%);
background-image:url('img/bg_pattern.png'), -o-linear-gradient(left,  rgba(204,204,204,0.01) 0%,rgba(204,204,204,0.01) 1%,rgba(204,204,204,0.2) 20%,rgba(204,204,204,0.2) 80%,rgba(204,204,204,0.1) 100%);
background-image:url('img/bg_pattern.png'), -ms-linear-gradient(left,  rgba(204,204,204,0.01) 0%,rgba(204,204,204,0.01) 1%,rgba(204,204,204,0.2) 20%,rgba(204,204,204,0.2) 80%,rgba(204,204,204,0.1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03cccccc', endColorstr='#1acccccc',GradientType=1 );
background-image:linear-gradient(90deg,  rgba(204,204,204,0) 0%,rgba(204,204,204,0.01) 1%,rgba(204,204,204,0.2) 20%,rgba(204,204,204,0.2) 80%,rgba(204,204,204,0) 100%),url('img/bg_pattern.png');
border-bottom:5px solid rgba(255,255,255,0.2);
height:35px;
*/
	position: fixed;
	top: 0;
	right:0;
	z-index:10;
	margin:0;
	text-align:center;
	padding:0;
	font-size:0;
	left:0;
	min-height:40px;
	background: url("img/menu_pattern.png") #2A2A2A;
	background-position:bottom;
}
abbr{
	cursor:help;
}
#nav li{
	display:inline-block;
    -webkit-transition: 0.2s border-color ease;
    -moz-transition: 0.2s border-color ease;
    transition: 0.2s border-color ease;
    border-color:#2A2A2A;
}
#nav a{
    -webkit-transition: 0.2s background ease;
    -moz-transition: 0.2s background ease;
    transition: 0.2s background ease;
	padding:0px 10px;
	color:white;
	text-decoration: none;
	font-size:14px;
	display:block;
	line-height:45px;
	height:40px;
	border-left:1px solid #222;
	box-shadow:1px 0 0px rgba(255,255,255,.1) inset;
	width:70px;
	text-shadow:0 0 5px black;
	text-align:center;
}
#nav li:last-child a{
	border-right:1px solid #222;
	box-shadow:1px 0 0px rgba(255,255,255,.1) inset,1px 0 0px rgba(255,255,255,.1);
}
#nav a:hover{
	background: #933;
}
#nav li.active{
	border-bottom:5px solid #B44039;
	height:35px;
}


footer{
	position: fixed;
	left: 0;
	right: 0;
	bottom:0;
	padding:5px 15px;
	white-space:nowrap;
	background:url("img/footer-pattern.png");
	height:25px;
}
.left{float:left;}
.right{float:right;}
footer.right{margin-right:20px;}


hr{
	border:none;
	height: 1px;
	/*background: url("img/underline.png") no-repeat center;*/
	background: -moz-linear-gradient(left,  rgba(1,1,1,0) 0%, rgba(1,1,1,0.8) 20%, rgba(1,1,1,1) 50%, rgba(1,1,1,0.8) 79%, rgba(1,1,1,0.04) 99%, rgba(1,1,1,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(1,1,1,0)), color-stop(20%,rgba(1,1,1,0.8)), color-stop(50%,rgba(1,1,1,1)), color-stop(79%,rgba(1,1,1,0.8)), color-stop(99%,rgba(1,1,1,0.04)), color-stop(100%,rgba(1,1,1,0)));
	background: -webkit-linear-gradient(left,  rgba(1,1,1,0) 0%,rgba(1,1,1,0.8) 20%,rgba(1,1,1,1) 50%,rgba(1,1,1,0.8) 79%,rgba(1,1,1,0.04) 99%,rgba(1,1,1,0) 100%);
	background: -o-linear-gradient(left,  rgba(1,1,1,0) 0%,rgba(1,1,1,0.8) 20%,rgba(1,1,1,1) 50%,rgba(1,1,1,0.8) 79%,rgba(1,1,1,0.04) 99%,rgba(1,1,1,0) 100%);
	background: -ms-linear-gradient(left,  rgba(1,1,1,0) 0%,rgba(1,1,1,0.8) 20%,rgba(1,1,1,1) 50%,rgba(1,1,1,0.8) 79%,rgba(1,1,1,0.04) 99%,rgba(1,1,1,0) 100%);
	background: linear-gradient(to right,  rgba(1,1,1,0) 0%,rgba(1,1,1,0.8) 20%,rgba(1,1,1,1) 50%,rgba(1,1,1,0.8) 79%,rgba(1,1,1,0.04) 99%,rgba(1,1,1,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00010101', endColorstr='#00010101',GradientType=1 );

}
#flyer{
	color:#bbb;
	text-align:center;
	margin-top:100px;
	position:fixed;
	height:700px;
	min-width:400px;
	/*font-weight:bold;*/
	font-family:hnpl;
	font-weight:45;
}
#secHome{
	height:1000px;
}

#brainmap{
	position:relative;
	display:inline-block;
}
#brainmap .menupoint{
	position:absolute;
	left:0px;
	top:0px;
	
	border-radius:100px;
	border:3px solid white;
	overflow:hidden;
	box-shadow:0 0 15px rgba(0,0,0,0.4);
	
	height:50px;
	width:50px;
	
	
	-webkit-transform:translate(-25px,-25px) scale(0.4);
	-moz-transform:translate(-25px,-25px) scale(0.4);
	-o-transform:translate(-25px,-25px) scale(0.4);
	transform:translate(-25px,-25px) scale(0.4);
	
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    transition: 0.3s all ease;
    opacity:0;
}
#brainmap .menupoint.active{
	opacity:1;
	-webkit-transform:translate(-25px,-25px) scale(1);
	-moz-transform:translate(-25px,-25px) scale(1);
	-o-transform:translate(-25px,-25px) scale(1);
	transform:translate(-25px,-25px) scale(1);
}





.form{
	width:500px;
}
.form label{
	display:block;
	margin-bottom:10px;
	color:#993333;
	font-weight: bold;
	min-height:30px;
}
.form label>input[type=text],
.form label>input[type=email],
.form label>input[type=file],
.form label>input[type=phone],
.form label>select
{
	width:320px;
	float:right;
}
.form label>textarea
{
	width:320px;
	height:100px;
	float:right;
}
.form label.agree{
	float:right;
	color:white;
}
.form hr+input[type=submit]{
	margin-top:-15px;
	margin-bottom:15px;
}
.form input[type=submit]{
	color:#eee;
	padding:5px;
	background: #993333;
	box-shadow:0 0 5px black;
	float:right;
	border:none;
	
}
label{cursor:pointer;}
input[type=text],
input[type=email],
input[type=phone],
textarea,
select
{
	background-color:#151515;
	box-shadow:0 0 20px black inset,0 1px 3px -1px rgba(255,255,255,0.4);
	color:#eee;
	border:none;
	padding:2px 10px;
}
input[type=text]:focus,input[type=email]:focus,textarea:focus{
	outline:none;
	box-shadow:0 0 20px black inset,0 1px 3px -1px rgba(255,255,255,0.4),0 0 10px rgba(255,255,255,0.3) inset,0 0 10px rgba(255,255,255,0.3);
}
input[type=checkbox],input[type=radio]{
	-webkit-appearance: none;
	width: 30px;
	height: 30px;
	background: url("img/prettyCheckable-red.png") top left no-repeat;
	display: block;
	float: right;
	cursor: pointer;
	margin: 0;
	margin-right:150px;
}
.agree input[type=checkbox]{
	margin-right:10px;

}
input[type=checkbox]:active,input[type=checkbox]:hover{
	background-position: 0 -30px;
}
input[type=checkbox]:checked{
	background-position: 0 -60px;
}
input[type=checkbox][disabled]:checked,input[type=checkbox][disabled]:checked:hover{
	background-position: 0 -240px;
}

input[type=checkbox]:checked:active,input[type=checkbox]:checked:hover{
	background-position: 0 -90px;
}


input[type=radio]{
	background-position: 0 -120px;
}
input[type=radio]:active,input[type=radio]:hover{
	background-position: 0 -150px;
}
input[type=radio]:checked{
	background-position: 0 -180px;
}
input[type=radio][disabled]:checked,input[type=radio][disabled]:checked:hover{
	background-position: 0 -270px;
}

input[type=radio]:checked:active,input[type=radio]:checked:hover{
	background-position: 0 -90px;
}

input[type=radio]:checked:active,input[type=radio]:checked:hover{
	background-position: 0 -210px;
}


.form input.btn-register[type=submit]{
	background: url("img/regist.png") no-repeat;
	color:transparent;
	box-shadow: none;
	border:none;
	width:74px;
	height:39px;
}

.visibleWhen{display:none;}

section { position: absolute; right: 30px; top: 0px; left: 450px; display: none; padding-top: 100px; padding-bottom: 50px; max-width: 700px; }
#flyer { position: fixed; left: 0; top: 0; margin-top: 75px; opacity: 0; }
body { overflow-y: scroll; background-color: #222; font-size: 14px; }
@media all and (max-width:950px) {
	ul#nav { /* text-align: justify;  */

	min-height: 25px; }
	#nav li.active { height: 20px; }
	#nav a { height: 25px; line-height: 25px; width: auto; }
	#flyer.passive { min-width: 100px; width: 100px; }
	#flyer.passive img { max-width: 100%; }
	#brainmap .menupoint { display: none; }
	section { left: 120px; }
	form { max-width: 100%; }
}
@media all and (max-width:450px) {
	section { left: 10px; }
	#flyer.passive { display: none; }
}
@media only print {
	section, #nav, footer { display: none; }
	section:target { display: block; }
}
article { margin-bottom: 50px; text-align: justify; /* Gábor kiegészítés */ position: relative; }
aside.left { margin-left: 5px; }
aside.right { margin-right: 5px; }
aside.round { border-radius: 100px; border: 7px solid #444; overflow: hidden; box-shadow: 0 0 15px rgba(0, 0, 0, 0.4); height: 150px; width: 150px; margin: 10px; }
.has-lefty { margin-left: 100px; }
.has-lefty>.lefty { color: #B44039; float: left; margin-left: -100px; position: absolute; text-align: right; width: 90px; font-weight: bold; }
aside.left+hr, aside.left+article.has-lefty, aside.left+hr+article.has-lefty { margin-left: 250px; }
@media all and (min-width:1000px) {
	aside.left+hr, aside.left+article, aside.left+hr+article { margin-left: 200px; }
	aside.left+hr, aside.left+article.has-lefty, aside.left+hr+article.has-lefty { margin-left: 250px; }
	aside.right+hr, aside.right+hr+article, aside.right+article { margin-right: 200px; }
}
.success { background-color: #85B21F; color: black; margin: 10px; padding: 10px; }
section .story { margin-top: 50px; }
.clear { clear: both; }
.orgBy { margin-top: -12px; display: inline-block; font-size: 10px; margin-right: 10px; color: #666; vertical-align: middle; }
.promo-container { display: block; position: relative; top: 42px; background: #993333; margin: auto; width: 500px; padding: 10px; border-radius: 5px; height: 16px; }
.promo { position: absolute; z-index: 99; text-align: center; width: 100%; }
.promo a { color: white; font-weight: bold; text-decoration: none; }
@media all and (max-width:400px) {
	.has-lefty>.lefty { float: none; position: relative; margin: 0; padding: 0; width: auto; text-align: left; }
	article { margin: 0 !important; }
	.left, .right { float: none; }
	.promo-container { display: none; }
}
footer a { color: #545454; display: inline-block; vertical-align: middle; text-decoration: none; }