@font-face {
font-family: Oswald;
	src: url('/font/Oswald-Regular.eot'); /* IE9 Compat Modes */
	src: url('/font/Oswald-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/font/Oswald-Regular.woff') format('woff'), /* Pretty Modern Browsers */
    url('/font/Oswald-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('/font/Oswald-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
	
}
@font-face {
font-family: TheFont;
	src: url('/font/TheFont.eot'); /* IE9 Compat Modes */
	src: url('/font/TheFont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/font/TheFont.woff') format('woff'), /* Pretty Modern Browsers */
    url('/font/TheFont.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('/font/TheFont.svg#svgFontName') format('svg'); /* Legacy iOS */
	
}
@font-face {
font-family: Oswald;
	src: url('/font/Oswald-Bold.eot'); /* IE9 Compat Modes */
	src: url('/font/Oswald-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/font/Oswald-Bold.woff') format('woff'), /* Pretty Modern Browsers */
    url('/font/Oswald-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('/font/Oswald-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
	font-weight: bold;
}
/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
	width: 100%;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
body{
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	font-size: 20px; 
	text-shadow: 0px 1px #bbb;
}	
h1
{
	text-align: left;
	font-size: 32vw;
	color: #242a39;
	font-weight: bold;
	margin: 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
}
.menu_u
{
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: #242a39;
	color: #ffffff;
	box-shadow: 0px 0px 4px 1px #444;	
	position: RELATIVE;
	font-size: 28px;
	color: #ffffff;
	text-align: center;
	z-index: 2000;
}
.menu_u a{
	color: #ffffff;	
}

#footer
{
	width: 100%;
	height: 27vw;
	min-height: 150px;
	background-image: url('/images/footer.jpg');
	background-repeat: no-repeat;
	background-position: top right;
	background-size: 100% auto;
	
}
#header
{
	width: 100%;
	height: 20vw;
	min-height: 150px;
	background-image: url('/images/header.jpg');
	background-repeat: no-repeat;
	background-position: top right;
	background-size: 100% auto;
	
}
	#logo
	{
		float: left;
		height: 16vw;
		position: absolute;
		top: 2vw;
		left: 2vw;
		width: auto;
	}
		#logo img
		{
			height: 100%;
		}
nav {
	z-index: 10;
	font-size: 26px;
	margin: 0px auto;
	text-align: center;
	line-height: 50px;
	padding: 0px;
	vertical-align: middle;	
}
	nav ul {
		padding: 0px;
		margin: 0px;
		height: 50px;
	}
	nav li {
		display: inline;
		height: 50px;
		padding: 2vw;
		
	}
	nav a {
		vertical-align: middle;		
		color: #ffffff;
		display: inline-block;
		text-align: center;
		text-decoration: none;
		padding: 0px; 	
		cursor: pointer;
	}

	nav li:hover, nav li:active, nav .active {
		color: #eeeeee;
	}
	nav a#pull {
		display: none;
	}


.logo
{
	width: 50%;
	min-width: 150px;
	top: 40px;
	left: 25%;
	position: absolute;
	margin: 0px auto;
}
	.logo img
	{
		width: 50%; 
		min-width: 150px;
	}
a
{
	text-decoration: none;
	color: #242a39;
}
a:hover
{
		text-shadow: 0px 0px 2px #bbb;
}

#bemutatkozas, #munkatipusok, #arajanlat, #elerhetosegek
{
	margin: 0px 0px;
	padding: 30px 20px;
	text-align: justify;
	color: #221f1f;
}
#bemutatkozas img
{
	float: right;
	width: 30%;
	margin: 0px 0px 0px 20px;
	box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
	-moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
}
#munkatipusok img
{
	float: left;
	width: 28%;
	margin: 0px 20px 0px 0px;
	box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
	-moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
}
#arajanlat img
{
	float: right;
	width: 30%;
	margin: 0px 20px 30px 0px;
	box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
	-moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
}
#munkatipusok  
{
	background: #eee;
}
#munkatipusok h1, #munkatipusok p
{
	text-align: right;
}
#elerhetosegek, #elerhetosegek h1, #elerhetosegek p
{
	text-align: right;
	background: #242a39;
	color: #ffffff !important;
}
#elerhetosegek a
{
	color: #fff;
}
p, ul
{
	text-align: justify;
	line-height: 50px;
}
.text
{
	width: 70%;
	margin: 0px 15%;
	font-size: 16px !important;
}
	input
	{
		font-family: 'Coda', cursive;
		
		width: 65%;
		margin: 10px 0px 15px 0px !important;
		height: 50px;
		font-size: 12px;
		text-align: center;
		padding: 0px 2px;
		vertical-align:top;
		line-height: 30px;
		font-family: 'Oswald', sans-serif;
		border-radius: 10px;
	}

	textarea
	{
		font: inherit;
		width: 65%;
		width: 65%;
		margin: auto;
		padding: 5px 2px;
		height: 100px;
		font-size: 12px;
		text-align: left;
		font-family: 'Oswald', sans-serif;	
		border-radius: 10px;		
	}
	button
	{
	height: 75px;
	font-family: 'Oswald', sans-serif;
	text-align: center;
	color: #fff;
	width:100%;
	border: 0px;
	font-weight: bold;
	background: #242a39;
	border-radius: 10px;
	padding: 10px 20px;
	}
	button:hover
	{
	box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
	-moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);	
		box-shadow: 0 4px 3px rgba(34, 25, 25, 0.4);
	-moz-box-shadow: 0 4px 2px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 4px 3px rgba(34, 25, 25, 0.4);
	}	
	
.fixedtop
{
	position: fixed;
	top: 0px;
	left: 0px;
}
.infoblokk
{
	float: left;
	font-size: 32px;
	color: #fff;
	text-align: left;
}
.infoblokk img
{
	width: 33%;
}
@media only screen and (max-width : 800px) {
.infoblokk
{float: none;
text-align: center;
margin: 0px 0px 30px 0px;}
nav {
  		height: auto;	
		border-bottom: 0;
		z-index: 10;	
		top: 0px;
		width: 100%;
		padding: 0px;
		line-height: 50px;
		position: relative;
		margin: 0px 0px 0px 0px;
		border: 0px solid #ffffff;
		border-bottom: 1px solid #ffffff;
		font-size: 24px;
	}
	nav ul {
  		width: 100%;
		display: none;
		height: auto;
		background: #242a39;
	}
	nav li
	{
		padding: 0px;
		background: #242a39;
	}	
	nav li a {
		border-bottom: 1px solid #ffffff;
		padding: 10px 0px;
	}
  	nav a {
	  	text-align: center;
	  	width: 100%;
		line-height: 50px;	
		color: #ffffff;
  	}

	nav a#pull {
		height: 50px;
		font-size: 24px;
		display: block;
		width: 100%;
		position: relative;
		background: #242a39;
		margin: 0px; padding: 10px 0px;
	}
	nav li {
		float: none;
		width: 100%;
  		position: relative;	
		padding: 0px;
		
	}	
	nav a#pull:after {
		content:"";
		background: url('/images/nav-icon.png') no-repeat;
		width: 50px;
		height: 50px;
		display: inline-block;
		position: absolute;
		left: 25px;
		top: 25px;
		font-size: 24px;		
	}
	nav li:hover, nav li:active, nav .active, nav .active a, nav a:hover
	{
		background: #242a39;
		color: #ffffff !important;
	}
	#elerhetosegek,#elerhetosegek h1, #elerhetosegek p
	{
		text-align: center;
	}
}