/*init*/
	body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, a, a:link,  pre, form, fieldset, input, th, td {
	margin:0; padding:0; border:0; font-family:"Mukta malar", sans-serif;}
	h1, h2, h3, h4, h5, h6 { font-size: 100%; }
	ol,ul {list-style: default; margin-top: 10px; margin-bottom: 10px; margin-left: 20px;}
	fieldset, img { border: 0; }
	table {border-collapse:collapse; border-spacing:0;}
	img { margin:0; padding:0; border:0;}
	i, em { font-style:italic;}
	strong, b { font-weight:bold;}
	.title { font-weight:normal;}
	div.clear {clear:both}
	br.clear { clear:both;}
	td { font-size: 0.75em;}
/*typo*/
	h1 {
		color: #2D478B;
		font-size: 30px;
		margin-top: 10px;
		margin-bottom: 30px;
		font-weight: bold;
		line-height: 36px;
		}
	h2 {
		color: #2D478B;
		font-size: 26px;
		margin-top: 20px;
		margin-bottom: 10px;
		font-weight: bold;
		}
	h3 {
		color: #2D478B;
		font-size: 22px;
		margin-top: 10px;
		margin-bottom: 5px;
		font-weight: bold;
		}
	p, li {
		font-size: 16px;
		}
	a {
/*		color: #009595;*/
		color: #2D478B;
		text-decoration: none;
		}
	a:hover {
		text-decoration: underline;
		}
/*framework*/
	html, body {
		padding: 0px;
		margin: 0px;
		border: 0px;
		height: 100%;
		width: 100%;
		min-width: 360px;
		}
	body {
		overflow-x: hidden;
		background-color: #f1f1f1;
		font-family: "Mukta malar", sans-serif;
		}
	
/*general elements*/
	.clear {
		clear: both;
		}
	#lapozas {
		position: relative;
		text-align: center;
		margin: auto;
		}
	#lapozas a, #lapozas b {
		margin-left: 5px;
		margin-right: 5px;
		font-size: 24px;
		}
	#lapozas a {
		color: #444;
		text-decoration: none;
		}
	#lapozas b {
		color: #a5a5a5;
		}
	.share {
		position: relative;
		}
/*layout*/
	#container  {
		position: relative;
		width: 100%;
		}
	#header {
		position: relative;
		width: 100%;
		height: 200px;
		background-color: #fff;
		}
	#header-inner, #content  {
		position: relative;
		width: 100%;
		max-width: 1000px;
		margin: auto;
		}
	#header-top {
		position: relative;
		float: right;
		clear: right;
		font-weight: bold;
		}
	#responsive-menu {
		position: relative;
		float: right;
		margin: 10px;
		cursor: pointer;
		visibility: hidden;
		}
	#header-logo {
		position: relative;
		float: left;
		clear: left;
		margin-top: -17px;
		}
	#header-logo a img {
		max-width: 320px;
		}
	#buszkekvagyunk {
		position: relative;
		float: left;
		max-width: 500px;
		margin: -10px 140px 0;
		font-size: 12px;
		color: #a5a5a5;
		}
	#search {
		position: absolute;
		top: 30px;
		right: 12px;
		}
	#search input {
		border: solid 1px #a5a5a5;
		width: 100px;
		}
	#header-menu {
		position: relative;
		width: 100%;
		margin: 25px 0 25px;
		display: block;
		}
	#header-menu div {
		position: relative;
		float: left;
		margin-left: 2%;
		background-color: #2D478B;
		padding-left: 12px;
		padding-right: 12px;
		text-align: center;
		border-radius: 5px;
		}
	#header-menu div a {
		color: #fff;
		text-decoration: none;
		font-size: 25px;
		display: block;
		}
	#header-menu div:first-child {
		margin: 0;
		}
	#content-inner {
		position: relative;
		margin-left: 0;
		margin-right: 0;
		}
	#content-share {
		position: relative;
		float: right;
		margin-right: 10px;
		height: 80px;
		}
	#projekt {
		position: relative;
		width: 100%;
		height: 160px;
		margin: 20px 0 20px;
		overflow: hidden; }
	#projekt_left {
		position: absolute;
		margin: 0px;
		padding: 0px;
		top: 120px;
		left: 2px;
		width: 30px;
		height: 30px;
		background-image: url(../images/projektLeft.png);
		background-repeat: no-repeat;
		background-position: center center;
		cursor: pointer;
		z-index: 10001;
		visibility: hidden;
		}
	#projekt_right {
		position: absolute;
		margin: 0px;
		padding: 0px;
		top: 120px;
		right: 2px;
		width: 30px;
		height: 30px;
		background-image: url(../images/projektRight.png);
		background-repeat: no-repeat;
		background-position: center center;
		cursor: pointer;
		z-index: 10001;
		}

	#projekt_left:hover { background-image: url(../images/projektLeft_active.png); }
	#projekt_right:hover { background-image: url(../images/projektRight_active.png); }

	#projekt_scrollContent {
		position: relative;
		margin: 0px; 
		padding: 0px;
		left: 0px;
		width: 10000000px;
		z-index: 10000;
		}
	#projekt_scrollContent-inner {
		position: relative;
		float: left;
		}
	.projektbox-main {
		position: relative;
		float: left;
		margin-left: 0px;
		margin-top: 0px;
		margin-bottom: 15px;
		width: 140px;
		height: 160px;
		overflow: hidden;
		cursor: pointer;
		text-align: center;
		font-weight: bold;
		}
	.projektbox {
		#position: relative;
		float: left;
		display: table;
		width: 120px;
		height: 120px;
		overflow: hidden;
		text-align: center;
		border-radius: 5px;
		margin: 0 10px 0;
		background-image: url(../images/projekt_background.png);
		background-repeat: repeat-x;
		background-position: right bottom;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		}
	.projektbox-middle {
		#position: relative;
		#top: 50%;
		width: 120px;
		display: table-cell;
		vertical-align: middle;
		}

	.projektbox-inner {
		#position: relative;
		#top: -50%;
		margin-top: 3px;
		text-align: center;
		color: #FFFFFF;
		}

	.projektbox-inner img,
	.projektbox-inner a img {
		margin-top: 10px;
		max-width: 120px;
		max-height: 120px;
		}



	#foot {
		position: relative;
		width: 100%;
		background-color: #2D478B;
		padding: 30px 0 25px;
		text-align: center;
		color: #fff;
		font-size: 22px;
		}
	#foot a {
		color: #fff;
		text-decoration: none;
		}
	#foot a:hover {
		text-decoration: underline;
		}





/*responsive*/
	@media (max-width: 1050px) {
		#header-top {
			margin-right: 10px;
			}
		}
		.content-inner-content {
			margin: 0 10px 0;
			}
	@media (max-width: 1000px) {
		#header-menu div a {
			font-size: 22px;
			}
		#header-menu div {
			padding-left: 10px;
			padding-right: 10px;
			}
		}
	@media (max-width: 900px) {
		#header-menu div a {
			font-size: 18px;
			}
		#header-menu div {
			padding-left: 5px;
			padding-right: 5px;
			}
		}
	@media (max-width: 670px) {
		#header {
			height: auto;
			padding-bottom: 10px;
			z-index: 10;
			}
		#header-menu {
			display: none;
			}
		#header-menu div {
			position: relative;
			float: left;
			background-color: #2D478B;
			width: 100%;
			text-align: center;
			border-radius: 0;
			margin: 0;
			}
		#header-menu div a {
			font-size: 24px;
			}
		#header-top {
			display: none;
			}
		#header-logo {
			margin-top: 10px;
			}
		#buszkekvagyunk {
			float: none;
			width: 98%;
			margin: 10px 1% 10px;
			text-align: center;
			}
		#responsive-menu {
			visibility: visible;
			}
		#search {
			position: absolute;
			top: 15px;
			right: 60px;
			}
		}
	@media (max-width: 500px) {
		#header-logo a img {
			max-width: 240px;
			}
		#search {
			top: 50px;
			right: 12px;
			}
		}
	@media (max-width: 420px) {
		#header-logo img {
			width: 300px;
			}
		}