/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

nav {
	width: 100%;
	position: relative;
	font-size: 14px;
	text-transform: uppercase;
	font-family: 'Source Sans Pro', sans-serif;
}

nav ul {
	position: fixed; 
	z-index: 10;
	height:60px;
	padding:12px 0 8px 0;
	margin:0 auto;
	width:100%;
	text-align:right;
}

nav li {
	-webkit-transition: color .3s ease-in-out;
	-moz-transition: color .3s ease-in-out;
	-o-transition: color .3s ease-in-out;
	-ms-transition: color .3s ease-in-out;
	transition: color .3s ease-in-out;
	margin: 0 -3px;
	display: inline-block;
	padding: 21px 1em; 
}

nav a {
	color: #FFFFFF; 
	text-decoration: none; 
	cursor: pointer; 
	opacity: 1; 
	filter:alpha(opacity=100); 
	-webkit-transition: all .2s ease-in-out; 
	-moz-transition: all .2s ease-in-out; 
	-o-transition: all .2s ease-in-out; 
	-ms-transition: all .2s ease-in-out; 
	transition: all .2s ease-in-out;
}
nav li:last-child a {
	border-right: 0;
}

nav a:hover, nav a:active {
	opacity: .7; 
	filter:alpha(opacity=70); 
}

nav a#pull {
	display: none;
}


/*Styles for screen 600px and lower*/
@media only screen and (max-width: 1000px){
	.rolam .oneletrajz {
		width:100%;
		text-align:left;
	}

	.rolam {
		text-align:center;
	}
	
	.rolam .portre {
		float:none;
	}

	#fixed {
		display:none;
	}
	
	ul.mobil {
		display: none;
	}
	
	#forditas {
		left:0;
		top:0;
		position:fixed;
		padding:0 auto; 
		margin:0 auto;
		width:92px;
	}

	nav {
		height: 80px;
		position:fixed;
		top:0;
		left:0;
		width:100%;
		background:#000;
		z-index:4;
	}
  
  nav ul {
  	position:static;
 		width: 100%;
		display: none;
		height: auto;
		padding:0;
	}
 	
 	nav li {
 		position: relative;
		display: block;
		width: 100%;
		padding:10px 1em;
  	text-indent: 120px;
		border-bottom: 1px solid #393939;
		background:#484848;
	}
 	
	nav a {
		text-align: left;
  	width: 100%;
  	text-indent: 120px;
		margin-right:25px;
	}

	nav a:hover, nav a:active {
		opacity: .9; 
		filter:alpha(opacity=90); 
	}

	nav a#pull {
		display: block;
		width: 100%;
		position: relative;
		top:0;
		height:14px;
		padding:33px 0 33px 0;
		background:#000;
}

	nav a#pull:after {
		content:"";
		background: url('../kepek/nav-icon.png') no-repeat;
		width: 20px;
		height: 80px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top:30px;
	}

	#hatter00{background: url('../kepek/m_hid.jpg') no-repeat center center fixed;}
	#hatter01{background: url('../kepek/m_times-square.jpg') no-repeat center center fixed;}
	#hatter02{background: url('../kepek/m_delfinek.jpg') no-repeat center center fixed;}
	#hatter03{background: url('../kepek/m_40427624.jpg') no-repeat center center fixed;}
	#hatter04{background: url('../kepek/m_plumeria.jpg') no-repeat center center fixed;}
	#hatter06{background: url('../kepek/m_7708487.jpg') no-repeat center center fixed;}
	#hatter07{background: url('../kepek/m_23924731.jpg') no-repeat center center fixed;}
	#hatter08{background: url('../kepek/m_galeria.jpg') no-repeat center center fixed;}
	#hatter0{	background: url('../kepek/m_fokep.jpg') no-repeat center center fixed; }
	#hatter2{	background: url('../kepek/m_11734739.jpg') no-repeat center center fixed; }
	#hatter3{	background: url('../kepek/m_varoshaza.jpg') no-repeat center center fixed; }

}

@media only screen and (max-height: 700px){
	#hatter0 .alcim {
		font-size:35px;
		line-height:50px;
	}
	
	#hatter0 .focim {
		font-size:70px;
	}

	#hatter0 .logo {
		width:100px;
	}
	
	#hatter0 .kozep {
		padding-top:50px;
	}
}

@media only screen and (max-width: 650px){
	#hatter0 .vilag-terkep, #hatter0 .vilag-terkep img {
		width:400px;
	}

	#hatter0 .alcim {
		font-size:20px;
		line-height:30px;
	}
	
	#hatter0 .focim {
		font-size:50px;
	}

	#hatter0 .vilag-terkep .amerika-kulso {left:79px;top:51px;}
	#hatter0 .vilag-terkep .amerika-belso {left:82px;top:54px;}
	
	#hatter0 .vilag-terkep .europa-kulso {left:206px;top:41px;}
	#hatter0 .vilag-terkep .europa-belso {left:209px;top:44px;}
	
	#hatter0 .vilag-terkep .azsia-kulso {left:279px;top:39px;}
	#hatter0 .vilag-terkep .azsia-belso {left:282px;top:42px;}
	
	#hatter0 .vilag-terkep .polinezia-kulso {left:363px;top:119px;}
	#hatter0 .vilag-terkep .polinezia-belso {left:366px;top:122px;}

}

@media only screen and (max-width:420px){
	nav { position:relative;}
	#forditas{position:absolute;}
	.tartalom{font-size:15px;}
	.tartalom h3 {font-size:20px !important;}
	
	#hatter0 .vilag-terkep, #hatter0 .vilag-terkep img {
		width:300px;
	}

	#hatter0 .vilag-terkep .amerika-kulso {left:60px;top:23px;}
	#hatter0 .vilag-terkep .amerika-belso {left:63px;top:26px;}
	
	#hatter0 .vilag-terkep .europa-kulso {left:155px;top:31px;}
	#hatter0 .vilag-terkep .europa-belso {left:158px;top:34px;}
	
	#hatter0 .vilag-terkep .azsia-kulso {left:210px;top:30px;}
	#hatter0 .vilag-terkep .azsia-belso {left:213px;top:33px;}
	
	#hatter0 .vilag-terkep .polinezia-kulso {left:277px;top:90px;}
	#hatter0 .vilag-terkep .polinezia-belso {left:280px;top:93px;}

	#hatter0 .alcim {
		font-size:20px;
		line-height:30px;
	}
	
	#hatter0 .focim {
		font-size:50px;
	}

	.rolam .oneletrajz {
		display:inline-block;
		width:95%;
	}

	#hatter00{background: url('../kepek/s_hid.jpg') no-repeat center center fixed;}
	#hatter01{background: url('../kepek/s_times-square.jpg') no-repeat center center fixed;}
	#hatter02{background: url('../kepek/s_delfinek.jpg') no-repeat center center fixed;}
	#hatter03{background: url('../kepek/s_40427624.jpg') no-repeat center center fixed;}
	#hatter04{background: url('../kepek/s_plumeria.jpg') no-repeat center center fixed;}
	#hatter06{background: url('../kepek/s_7708487.jpg') no-repeat center center fixed;}
	#hatter07{background: url('../kepek/s_23924731.jpg') no-repeat center center fixed;}
	#hatter08{background: url('../kepek/s_galeria.jpg') no-repeat center center fixed;}
	/* #hatter0{	background: url('../kepek/s_fokep.jpg') no-repeat center center fixed; } */
	#hatter2{	background: url('../kepek/s_11734739.jpg') no-repeat center center fixed; }
	#hatter3{	background: url('../kepek/s_varoshaza.jpg') no-repeat center center fixed; }
}