@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Alegreya+SC:400,900&subset=latin,latin-ext);
*{margin:0px;padding:0px;}
body{
	background-color:#00b7c5;
	font-family: 'Open Sans', Tahoma, Verdana, sans-serif;
	color:#fff;
}
p{
	line-height:1.4em;
	line-height:1.4rem;
}
#chrometrick{
	float:right;
	width:1px;
	height:1px;
	opacity:0;
}
section{
	width:960px;
	margin-bottom:1000px;
	float:left;
}
section h1{
	font-family: Alegreya SC,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size:4.2em;
	font-size:4.2rem;
	text-shadow: 2px 2px 1px rgba(30,20,40,0.6);
}
section h2{
	font-family: 'Open Sans',Arial,Helvetica,sans-serif;
	font-size:1.5em;
	font-size:1.5rem;
}
a.current{
	display:none !important;
}
#answer{
	position:fixed;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	z-index:1000;
	background-color:rgba(0,0,0,0.5);
	display:none;
	text-align: center;
}
#answer .display{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	min-width:400px;
	min-height:200px;
	background-color:#02324a;
	text-align: left;
	padding:10px;
}
#answer ol, #answer ul, #answer p{
	padding:20px;
	margin-left:20px;
}
.answer{
	display: none;
	position: absolute;
}
#answer img{
	margin-top:10px;
}
.subpage{
	position:relative;
}
.subpage nav.pagenav{
	position:absolute;
	top:9em;
	left:35em;
	width:280px;
	height:220px;
}
.subpage h1{
	margin-top:0px;
	margin-bottom:3em;
	margin-bottom:3rem;
}
.subpage nav.pagenav a{
	display:block;
	margin-right:5px;
	position: absolute;
}
.subpage nav.pagenav a span{
	display:none;
}
.pagenav .mainpage{
	top:130px;
	left:10px;
	background:url(fooldal_link.png);
	background-repeat:no-repeat;
	width:74px;
	height:84px;
}
.pagenav .Budapest{
	top:110px;
	left:170px;
	background:url(budapest_link.png);
	background-repeat:no-repeat;
	width:108px;
	height:36px;
}
.pagenav .Roma{
	top:170px;
	left:110px;
	background:url(roma_link.png);
	background-repeat:no-repeat;
	width:108px;
	height:36px;
}
.pagenav .Paris{
	top:85px;
	left:50px;
	background:url(paris_link.png);
	background-repeat:no-repeat;
	width:77px;
	height:51px;
}
.pagenav .London{
	top:20px;
	left:0px;
	background:url(london_link.png);
	background-repeat:no-repeat;
	width:70px;
	height:54px;
}
.pagenav .Amsterdam{
	top:0px;
	left:80px;
	background:url(amsterdam_link.png);
	background-repeat:no-repeat;
	width:108px;
	height:30px;
}
.pagenav .Berlin{
	top:40px;
	left:150px;
	background:url(berlin_link.png);
	background-repeat:no-repeat;
	width:76px;
	height:54px;
}
.questions{
}
.quiz{
	width: 800px;
}
.answer_btn{
	width:30px;
	height:30px;
	background:url(valasz.png);
	background-repeat:no-repeat;
	margin: 0px 0px 20px 40px;
}
.question{
	color: #00253c;
}
.question a{
	color:#fff;
}
.q_list{
	padding-left: 40px;
	list-style-type: lower-latin;
	margin: 10px 0px 10px 0px;
}
#mainpage{
	position:relative;
	width:800px;
	height: 1200px;
}
#mainpage h1{
	color:#fff;
	background:url(main_bckg.png);
	background-size:8.5em;
	background-repeat:no-repeat;
	height:4em;
	padding-top:5em;
	margin-bottom:-11.7em;
	margin-bottom:-11.7rem;
	text-shadow: 2px 2px 1px rgba(30,20,40,0.6);
}
#mainpage h2{
	color:#fff;
	text-shadow: 1px 1px 1px rgba(13,29,49,0.6);
	margin-bottom:2.6em;
	margin-bottom:2.6rem;
}
#mainpage nav{
	position:relative;
	margin-left: 450px;
}
#mainpage a{
	display:block;
	position:absolute;
	width:163px;
	height:163px;
	overflow:hidden;
	background-repeat:no-repeat;
	font-family: Maszat,Arial,sans-serif;
	font-size:1.7em;
	font-size:1.7rem;
	text-decoration:none;
}
#mainpage .intro{
	width:400px;
	float:left;
	color: #00253c;
}
#mainpage span{visibility:hidden;}
#mainpage .Budapest{
	top:160px;
	left:280px;
	background:url(budapest_tabla.png);
	background-repeat:no-repeat;
	width:180px;
	height:60px;
	color:#494d12;
}

#mainpage .Roma{
	top:230px;
	left:200px;
	background:url(roma_tabla.png);
	background-repeat:no-repeat;
	width:180px;
	height:60px;
}
#mainpage .Paris{
	top:130px;
	left:60px;
	background:url(paris_tabla.png);
	background-repeat:no-repeat;
	width:180px;
	height:85px;
}
#mainpage .London{
	top:32px;
	left:-30px;
	background:url(london_tabla.png);
	background-repeat:no-repeat;
	width:180px;
	height:90px;
}
#mainpage .Amsterdam{
	top:10px;
	left:130px;
	background:url(amsterdam_tabla.png);
	background-repeat:no-repeat;
	width:180px;
	height:50px;
}
#mainpage .Berlin{
	top:65px;
	left:220px;
	background:url(berlin_tabla.png);
	background-repeat:no-repeat;
	width:180px;
	height:90px;
}
section#budapest h1{
	background:url(bp_bckg.jpg);
	background-repeat:no-repeat;
	padding:90px 0px 20px 30px;
	margin-top:-1.4em;
}
section#roma h1{
	background:url(roma_bckg.jpg);
	background-repeat:no-repeat;
	padding:90px 0px 20px 30px;
	margin-top:-1.4em;
}
section#paris h1{
	background:url(paris_bckg.jpg);
	background-repeat:no-repeat;
	padding:90px 0px 20px 300px;
	margin-top:-1.4em;
}
section#london h1{
	background:url(london_bckg.jpg);
	background-repeat:no-repeat;
	padding:90px 0px 20px 560px;
	margin-top:-1.4em;
}
section#amsterdam h1{
	background:url(amsterdam_bckg.jpg);
	background-repeat:no-repeat;
	padding:90px 0px 20px 240px;
	margin-top:-1.4em;
}section#berlin h1{
	background:url(berlin_bckg.jpg);
	background-repeat:no-repeat;
	padding:90px 0px 20px 270px;
	margin-top:-1.4em;
}