﻿body {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	background: url('../images/bg.jpg');
	background-repeat: repeat-x;
}

#header0 {
	background-color: #f2f2f2;
}

#header-logo {
	margin: 10px 0px 0px 0px;
	float: left;
}

#header-text {
	display: none;
	margin: 10px 0px 0px 1px;
	color: #63a9cd;
	font-size: 22px;
	float: left;
}

#header-menu ul {}

#header-menu li {
	float: left;
	list-style: none;
}

#slider0 {
	padding: 4px 0px 0px 0px;
	background: #e1e1e1 url('../images/sz1.png') repeat-x;
}

#slider2 {
	background: url('../images/bg-slider.jpg');
	padding: 20px 0px 20px 0px;
}


#slider_right a:hover {
	background-color: #2f2f2f;
}

#line0 {
	background: url('../images/sz4.png');
	height: 11px;
}

/**/

#prop0 {
	background: #f5f5f5 url('../images/sz2.png') repeat-x;
	background-position:bottom;
}

#prop {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	overflow: auto;
	display: block;
}

.prop_box {
	float: left;
	width: 27%;
	padding: 20px 3% 20px 3%;
}

.prop_box1 {
	color: #292929;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
	display: block;
	text-align:left;
	margin: 20px 0px 0px 0px;
}

.prop_box2 {
	color: #767581;
	padding: 2px 0px 5px 0px;
}

.prop_box3 a {
	color: #474747;
	text-transform:uppercase;
	font-weight:bold;
	font-size: 11px;
	text-decoration:none;
	float: left;
	padding: 1px 0px 0px 0px;
}

.prop_box3 img {
	float: left;
	padding: 0px 5px 0px 0px;
}

/**/

#content {
	padding: 0px 0px 30px 0px;
	min-height: 400px;
}

/**/

#footer0 {
	border-top: 1px #dadada solid;
	background-color: #ededed;
	padding: 40px 0px 40px 0px;
}

#footer a {
	text-decoration:none;
	color: #272727;
}

#footer a:hover {
	text-decoration:underline;
}

#footer li {
	list-style: none;
}

/**/

.footer-left2a {
	color: #343434;
	text-transform:uppercase;
	font-size: 14px;
	font-weight:bold;
	margin: 0px 0px 20px 0px;
}

.footer-left2b {
	color: #797979;
}

.footer-left2b a {
	background: url('../images/m1.png') no-repeat;
	background-position: center left;
	padding: 2px 0px 2px 8px;
	color: #797979;
	text-transform:uppercase;
	font-size: 10px;
	font-weight:bold;
	display: block;
}

/*
color: #00afca;
*/

.cim {
	color: #000000;
	font-size: 10px;
}

.jumptothetop {
	padding: 0px 0px 0px 70px;
	text-align:center;
	width: 200px;
}

.jumptothetop a {
	text-transform:lowercase;
	font-size: 11px;
	color: #00afca;
	text-decoration:none;
}

.jumptothetop a:hover {
	text-decoration:underline;
}

.jumptothetop span {
	margin: 10px 5px 0px 0px;
	float: left;
}

.jumptothetop img {
	float: left;
}

.box01 {
	width: 50%;
	padding: 10px 20px 10px 20px;
	margin: 100px 10% 200px 40%;
	-webkit-border-radius: 20px;
	border-radius: 20px; 
}

.box01:hover {
}

.box01 span {
}

.box01 ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.box01 ul li {
	margin: 5px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}

.cim01 {
	text-align: left;
	font-size: 25px;
	font-weight: bold;
	text-transform:uppercase;
	border-bottom: 1px #000000 solid;
	margin: 0px 0px 20px 0px;
}

.td01 {
	width: 240px;
	float: left;
}

.td01 img, .td02 img {
	border: 1px #7d7d7d solid;
	padding: 3px 3px 3px 3px;
}

.hir_cim, .hir_cim a {
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	color: #82a9cd;
	margin: 15px 0px 5px 0px;
	padding: 0px 20px 0px 0px;
}

.hir_szoveg {
	color: #7d7d7d;
	font-size: 12px;
	line-height: 15px;
	padding: 0px 20px 0px 0px;
}

.hir_tovabb {
	margin: 20px 0px 0px 0px;
}

.tovabb {
	color: #fff;
	font-weight:bold;
	text-decoration: none;
	background-color: #373737;
	padding: 10px 15px 10px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 0px 0px 0px 0px;
}

.tovabb:hover {
	background-color: #63a9cd;
}

.box_td01 img {
	padding: 3px 3px 3px 3px;
}

.box_td01_img {
	border: 1px #CCCCCC solid;
	overflow: auto;
	padding: 0px 6px 0px 0px;
}

.box_td02b img {
	padding: 3px 3px 3px 3px;
}

.box_td02_img {
	border: 1px #CCCCCC solid;
	padding: 0px 0px 0px 0px;
	display: inline-block;
}


@media (max-width: 768px) {
	.prop_box1 {
		color: #292929;
		text-transform: uppercase;
		font-size: 13px;
		font-weight: bold;
	}

	#header {
		margin-left: auto;
		margin-right: auto;
		width: 90%;
	}
	
	#header-menu-min {
		display: block;
		overflow: auto;
		width: 100%;
		padding: 20px 0px 20px 0px;
	}
	
	.menu2_select {
		width: 100%;
		background-color: #e4e4e4;
		border: none;
		color: #000;
		padding: 5px 0px 5px 0px;
		height: 25px;
	}
	
	#header-menu {
		display: none;
	}
	
	#slider3 {
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		padding: 0px 0px 0px 0px;
		overflow: auto;
		background-color: #FFF;
		-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.75);
		box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.75);
	}
	
	#slider_left {
		text-align: right;
		margin: 0px 0px 0px 0px;
		width: 100%;
	}
	
	#slider_right {
		width: 100%;
	}
	
	#slider_right a {
		display: inline-table;
		text-align: center;
		vertical-align: middle;
		padding: 50px 0px 0px 0px;
		width: 100%;
		height: 80px;
		background-color: #63a9cd;
		border-bottom: 1px #FFFFFF solid;
		color: #FFF;
		font-size: 23px;
		text-decoration: none;
		line-height: 30px;
	}
	
	#content0 {
		margin-left: auto;
		margin-right: auto;
		width: 90%;
	}
	
	#footer {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		overflow: auto;
		font-size: 11px;
	}
	
	#footer-left {
		color: #ffffff;
		display: block;
		width: 90%;
	}
	
	#footer-right {
		color: #ffffff;
		width: 90%;
		display: block;
		color: #272727;
		padding: 20px 0px 0px 0px;
	}
	
	.footer-left2 {
		padding: 20px 0px 0px 0px;
		width: 100%;
	}
	
	.box_td01a {
		display: block;
		overflow: auto;
		width: 100%;
	}
		
	.box_td01 {
		display: block;
		overflow: auto;
		width: 100%;
		margin: 20px 0px 0px 0px;
		padding: 20px 0px 20px 0px;
	}
	
	.box_td02a {
		display: block;
		overflow: auto;
		width: 100%;
	}
	
	.box_td02b {
		display: block;
		overflow: auto;
		width: 100%;
		padding: 20px 0px 20px 0px;
	}
	
	.box_td02c {
		display: block;
		overflow: auto;
		width: 100%;
		padding: 20px 0px 20px 0px;
	}
}
@media (min-width: 769px) and (max-width: 979px) {
	#header {
		margin-left: auto;
		margin-right: auto;
		width: 740px;
		height: 160px;
	}
	
	#header-menu {
		display: block;
		width: 480px;
		overflow: auto;
		margin: 0px 0px 0px 0px;
	}
	
	#header-menu-min {
		display: none;
	}
	
	#header-menu a {
		padding: 65px 3px 10px 3px;
		list-style: none;
		height: 85px;
		vertical-align: middle central;
		display: table-cell;
		font-size: 12px;
		color: #9f9b9b;
		font-weight:bold;
		text-decoration: none;
		text-transform: uppercase;
	}
	
	#header-menu a:hover {
		background-color: #63a9cd;
		color: #FFF;
		z-index: 1;
		position: relative;
	}
	
	#header-menu a.active {
		background-color: #63a9cd;
		color: #FFF;
		z-index: 1;
		position: relative;
	}
	
	#header-menu span {
		display: none;
		float: left;
		margin: 67px -15px 0px -15px;
		z-index: 0;
		position: relative;
	}
	
	#slider3 {
		margin-left: auto;
		margin-right: auto;
		width: 740px;
		padding: 0px 0px 0px 0px;
		overflow: auto;
		background-color: #FFF;
		-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
		-moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
		box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
	}
	
	#slider_left {
		float: left;
		height: 320px;
		text-align: right;
		margin: 0px 0px 0px 0px;
		width: 620px;
	}
	
	#slider_right {
		float: right;
		height: 320px;
		width: 120px;
	}
	
	#slider_right a {
		display: inline-table;
		text-align: center;
		vertical-align: middle;
		padding: 50px 0px 0px 0px;
		width: 120px;
		height: 109px;
		background-color: #63a9cd;
		border-bottom: 1px #FFFFFF solid;
		color: #FFF;
		font-size: 15px;
		text-decoration: none;
		line-height: 25px;
	}
	
	#content0 {
		margin-left: auto;
		margin-right: auto;
		width: 740px;
	}
	
	#footer {
		width: 740px;
		margin-left: auto;
		margin-right: auto;
		overflow: auto;
		font-size: 11px;
	}
	
	#footer-left {
		color: #ffffff;
		float: left;
		width: 80%;
	}
	
	#footer-right {
		color: #ffffff;
		float: right;
		width: 20%;
		color: #272727;
		text-align: right;
	}
	
	.footer-left2 {
		float: left;
		width: 25%;
	}
	
	.box_td01a {
		display: block;
		overflow: auto;
		width: 100%;
	}
		
	.box_td01 {
		float: left;
		width: 25%;
		margin: 20px 0px 0px 0px;
		padding: 20px 0px 20px 0px;
	}
	
	.box_td02a {
		display: block;
		overflow: auto;
		width: 100%;
	}
	
	.box_td02b {
		float: left;
		overflow: auto;
		width: 47%;
		margin: 20px 5% 0px 0px;
		padding: 20px 0px 20px 0px;
	}
	
	.box_td02c {
		float: left;
		overflow: auto;
		width: 47%;
		margin: 20px 0px 0px 0px;
		padding: 20px 0px 20px 0px;
	}
}
@media (min-width: 980px) and (max-width: 1149px) {
	#header {
		margin-left: auto;
		margin-right: auto;
		width: 920px;
		height: 160px;
	}
	
	#header-menu {
		display: block;
		width: 700px;
		overflow: auto;
		margin: 0px 0px 0px 130px;
	}
	
	#header-menu-min {
		display: none;
	}
	
	#header-menu a {
		padding: 65px 20px 10px 20px;
		list-style: none;
		height: 85px;
		vertical-align: middle central;
		display: table-cell;
		font-size: 12px;
		color: #9f9b9b;
		font-weight:bold;
		text-decoration: none;
		text-transform: uppercase;
	}
	
	#header-menu a:hover {
		background-color: #63a9cd;
		color: #FFF;
		z-index: 1;
		position: relative;
	}
	
	#header-menu a.active {
		background-color: #63a9cd;
		color: #FFF;
		z-index: 1;
		position: relative;
	}
	
	#header-menu span {
		float: left;
		margin: 67px -15px 0px -15px;
		z-index: 0;
		position: relative;
	}
	
	#slider3 {
		margin-left: auto;
		margin-right: auto;
		width: 920px;
		padding: 0px 0px 0px 0px;
		overflow: auto;
		background-color: #FFF;
		-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.75);
		box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.75);
	}
	
	#slider_left {
		float: left;
		height: 400px;
		text-align: right;
		margin: 0px 0px 0px 0px;
		width: 740px;
	}
	
	#slider_right {
		float: right;
		height: 400px;
		width: 180px;
	}
	
	#slider_right a {
		display: inline-table;
		text-align: center;
		vertical-align: middle;
		padding: 50px 0px 0px 0px;
		width: 180px;
		height: 149px;
		background-color: #63a9cd;
		border-bottom: 1px #FFFFFF solid;
		color: #FFF;
		font-size: 20px;
		text-decoration: none;
		line-height: 33px;
	}
	
	#content0 {
		margin-left: auto;
		margin-right: auto;
		width: 920px;
	}
	
	#footer {
		width: 920px;
		margin-left: auto;
		margin-right: auto;
		overflow: auto;
		font-size: 11px;
	}
	
	#footer-left {
		color: #ffffff;
		float: left;
		width: 80%;
	}
	
	#footer-right {
		color: #ffffff;
		float: right;
		width: 20%;
		color: #272727;
		text-align: right;
	}
	
	.footer-left2 {
		float: left;
		width: 25%;
	}
	
	.box_td01a {
		display: block;
		overflow: auto;
		width: 100%;
	}
		
	.box_td01 {
		float: left;
		width: 25%;
		margin: 20px 0px 0px 0px;
		padding: 20px 0px 20px 0px;
	}
	
	.box_td02a {
		display: block;
		overflow: auto;
		width: 100%;
	}
	
	.box_td02b {
		float: left;
		overflow: auto;
		width: 47%;
		margin: 20px 5% 0px 0px;
		padding: 20px 0px 20px 0px;
	}
	
	.box_td02c {
		float: left;
		overflow: auto;
		width: 47%;
		margin: 20px 0px 0px 0px;
		padding: 20px 0px 20px 0px;
	}
}
@media (min-width: 1150px) {
	#header {
		margin-left: auto;
		margin-right: auto;
		width: 1150px;
		height: 160px;
	}
	
	#header-menu {
		display: block;
		width: 830px;
		margin: 0px 0px 0px 130px;
	}
	
	#header-menu-min {
		display: none;
	}
	
	#header-menu a {
		padding: 10px 30px 10px 30px;
		list-style: none;
		vertical-align: middle central;
		font-size: 12px;
		color: #9f9b9b;
		font-weight:bold;
		text-decoration: none;
		text-transform: uppercase;
		z-index: 999991;
	}
	
	#header-menu a:hover {
		background-color: #63a9cd;
		color: #FFF;
		z-index: 1;
		position: relative;
	}
	
	#header-menu a.active {
		background-color: #63a9cd;
		color: #FFF;
		z-index: 1;
		position: relative;
	}
	
	#header-menu span {
		float: left;
		margin: 67px -15px 0px -15px;
		z-index: 0;
		position: relative;
	}

	#slider3 {
		margin-left: auto;
		margin-right: auto;
		width: 1150px;
		padding: 0px 0px 0px 0px;
		overflow: auto;
		background-color: #FFF;
		-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.75);
		box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.75);
	}
	
	#slider_left {
		float: left;
		height: 480px;
		text-align: right;
		margin: 0px 0px 0px 0px;
		width: 915px;
	}
	
	#slider_right {
		float: right;
		height: 480px;
		width: 235px;
	}
	
	#slider_right a {
		display: inline-table;
		text-align: center;
		vertical-align: middle;
		padding: 50px 0px 0px 0px;
		width: 235px;
		height: 189px;
		background-color: #63a9cd;
		border-bottom: 1px #FFFFFF solid;
		color: #FFF;
		font-size: 30px;
		text-decoration: none;
		line-height: 45px;
	}
	
	#content0 {
		margin-left: auto;
		margin-right: auto;
		width: 1150px;
	}
	
	#footer {
		width: 1150px;
		margin-left: auto;
		margin-right: auto;
		overflow: auto;
		font-size: 11px;
	}
	
	#footer-left {
		color: #ffffff;
		float: left;
		width: 75%;
	}
	
	#footer-right {
		color: #ffffff;
		float: right;
		width: 25%;
		color: #272727;
		text-align: right;
	}
	
	.footer-left2 {
		float: left;
		width: 25%;
	}
	
	.box_td01a {
		display: block;
		overflow: auto;
		width: 100%;
	}
		
	.box_td01 {
		float: left;
		width: 23%;
		margin: 20px 10px 0px 0px;
		padding: 20px 0px 20px 0px;
	}
	
	.box_td02a {
		display: block;
		overflow: auto;
		width: 100%;
	}
	
	.box_td02b {
		float: left;
		overflow: auto;
		width: 47%;
		margin: 20px 5% 0px 0px;
		padding: 20px 0px 20px 0px;
	}
	
	.box_td02c {
		float: left;
		overflow: auto;
		width: 47%;
		margin: 20px 0px 0px 0px;
		padding: 20px 0px 20px 0px;
	}
}