body {background-color: #E6ECEC; margin: 0; padding: 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #2e2e2e; position: relative; text-rendering: optimizeLegibility;}

img {border: 0;}
ul {margin: 0; padding: 0; list-style-type: none;}
li , h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; font-weight: normal;}
a {text-decoration: none; color: #2e2e2e;}
input[type=submit] {cursor: pointer;}
textarea, input, select {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

.font {}

#body {position: relative; margin: 1% auto 0; background-color: white; max-width: 1000px; width: 100%; min-width: 320px; box-shadow: 0px 0px 5px #C7E1E1; background-color: white;}
	#body_div {position: relative; width: 92%; max-width: 920px; min-width: 294px; margin: 0 auto;}
		#header {position: relative; margin-bottom: 1%;}
			.header_top {padding-top: 1.5%; margin-bottom: 1.5%;}
				#logo {float: left; display: block; max-width: 65%;}
					#logo img {display: block; width: 100%;}
				.header_top .search {float: right; padding-top: 5.5%; width: 35%; text-align: right;}
					.header_top .search input[type=text] {width: 170px; height: 34px; font-size: 12px; padding-left: 10px; padding-right: 10px; border: 1px solid #EEEEEE; vertical-align: top;}
					.header_top .search input[type=submit] {vertical-align: top; height: 38px; width: 38px; text-indent: -99999px; background-image: url('../images/icon_search.png'); background-repeat: no-repeat; background-position: center center; border: 0px;}
				#mobile {display: none; cursor: pointer; width: 50px; height: 50px; background-color: #697C83; background-image: url('../images/icon_menu.png'); background-repeat: no-repeat; background-position: center center; float: right;}
				#mobile:hover {background-color: #EC6633;}
			.menu {background-color: #697C83;}
				.menu nav {}
					.menu nav h2 {float: left; margin: 0 0.5%; padding: 0 1.35%;}
						.menu nav a {display: block; padding: 9px 0; line-height: 19px; font-size: 12px; color: white; font-weight: bold; width: 100%; text-align: center;}
						.menu nav h2:hover, .menu nav h2.active {color: white; background-color: #EC6633;}
		#container {position: relative;}
			#content {position: relative; float: left; width: 65%; margin-right: 2%;}
			
				#main_slider {position: relative; width: 100%; height: 380px; overflow: hidden;}
					#main_slider .slider {position: absolute; top: 0px; left: 0px; width: 100%; height: 380px; display: none; overflow: hidden;}
					#main_slider .slider.active {display: block;}
						#main_slider .slider .relative {width: 100%; height: 100%; overflow: hidden;}
							#main_slider .slider img {display: block; position: absolute; top: 0px; left: 0px; z-index: 5; width: 100%; margin: -110px 0;}
							#main_slider .slider a, #main_slider .slider .content {display: block; position: absolute; bottom: 0px; left: 0px; width: 80%; background-color: rgba(0,0,0,0.6); padding: 3% 10%; z-index: 10;}
								#main_slider .slider .title {color: white; font-size: 20px; display: block; margin-bottom: 10px;}
								#main_slider .slider .text {color: white; display: block;}
							#main_slider .slider a:hover {text-decoration: underline;}
					#main_slider .arrow {position: absolute; bottom: 40px; width: 10px; height: 10px; cursor: pointer; z-index: 15;}
					#main_slider .arrow:after {border: solid transparent; content: " "; height: 0; width: 0; position: absolute; border-color: rgba(255, 255, 255, 0); border-width: 6px; top: 50%; margin-top: -6px;}
					#main_slider .arrow.left {left: 2%;}
					#main_slider .arrow.left:after {right: 0%; border-right-color: #ffffff;}
					#main_slider .arrow.right {right: 2%;}
					#main_slider .arrow.right:after {left: 0%; border-left-color: #ffffff;}
					#main_slider .arrow.left:hover:after {border-right-color: #697C83;}
					#main_slider .arrow.right:hover:after {border-left-color: #697C83;}
				
				.main_text {padding: 3% 3% 2% 3%; box-shadow: 1px 1px 2px #E1E1E1; margin-bottom: 3%;}
					.main_text h3 {font-size: 22px;}
					.main_text p {color: #636363; line-height: 20px; font-size: 14px;}
					
				.contents_header {font-size: 20px; color: white; padding: 2% 3%; background-color: #697C83; margin-bottom: 3%;}
				
				.contents {}
					.contents .content {float: left; width: 45%; padding: 2%; margin-right: 2%; margin-bottom: 4%; box-shadow: 1px 1px 2px #E1E1E1;}
					.contents .content.last {margin-right: 0px;}
						.contents .content .img {display: block; margin-bottom: 3%; width: 100%; height: 31%; overflow: hidden;}
							.contents .content .img img {display: block; margin: -20% 0; width: 100%;}
						.contents .content .row {margin-bottom: 3%;}
							.contents .content .star_box {float: left; margin-right: 4%;}
							.contents .content .date {float: left; color: #A9A8A8;}
						.contents .content .text h3 {font-size: 18px; border-left: 5px solid #01B4F6; padding: 1% 0 1% 4%; margin-left: -2%;}
							.contents .content .text h3 a:hover {text-decoration: underline;}
						.contents .content .text p {font-size: 12px; line-height: 20px; margin: 2% 0 2% 2%; color: #636363; font-size: 14px;}
						.contents .content .text .more {display: inline-block; float: right; padding-right: 15px; background-repeat: no-repeat; background-position: center right; background-image: url('../images/arrow_blue_double.png');}
						.contents .content .text .more:hover {text-decoration: underline;}
						
				.contents .content.small {width: 28%;}
						.contents .content.small .img {height: 31%;}
							.contents .content.small .img img {width: 100%; margin: -20% 0;}
						.contents .content.small .text p {display: none;}
						.contents .content.small .text .more {display: none;}
						
				.content_form {color: #636363; padding: 3% 0; border-bottom: 5px solid #E1E1E1; margin: 0 3%;}
					.content_form label {display: block; margin-bottom: 2px; line-height: 20px;}
						.content_form .checkbox {width: 100%;}
						.content_form .checkbox label {display: inline-block; vertical-align: top; padding-top: 2px; margin-left: 10%;}
					.content_form div.float_left {width: 48%; margin-right: 2%;}
					.content_form div.float_right {width: 48%; margin-left: 2%;}
					.content_form input[type=text] {margin-bottom: 5%; border: 1px solid #D5D9D9; width: 92%; height: 32px; padding-left: 3%; padding-right: 3%;}
					.content_form select {margin-bottom: 5%; border: 1px solid #D5D9D9; width: 98%; height: 32px; padding: 5px;}
					.content_form textarea {margin-bottom: 5%; border: 1px solid #D5D9D9; width: 92%; height: 81px; padding: 3%; resize: none;}
					.content_form input[type=submit] {display: block; margin: 15px auto 0; background-color: #01B4F6; border: 0px; color: white; font-size: 16px; padding: 10px 20px; text-transform: uppercase;}
					.content_form input[type=submit]:hover {background-color: #02A7E3;}
						
				.pager {margin-bottom: 3%;}
					.pager a {display: block; float: left; margin-right: 2%; margin-bottom: 1%; border: 1px solid #D7D7D7; font-size: 14px; height: 34px; line-height: 34px; padding: 0 10px;}
					.pager a:hover, .pager a.active {border: 0px; padding: 1px 11px;}
					
				.content_box {margin-bottom: 6%;}
				.main_text .content_box {margin-bottom: 0px;}
					.content_box .img {display: block; margin-bottom: 10px;}
					.content_box h1.maintitle {border-left: 5px solid #01B4F6; margin-bottom: 2%; padding: 1% 3%;}
					.content_box .row {padding: 0 3%;}
						.content_box .star_box {float: left; margin-right: 20px;}
						.content_box .date {float: left; color: #A9A8A8;}
					.content_box .cimkek {padding: 3%;}
						.content_box .cimkek a {}
						.content_box .cimkek a:hover {text-decoration: underline;}
					.content_box .more {display: inline-block; padding: 1.5%;}
				.cimke_content {}
					.cimke_content h2, .cimke_content h3, .cimke_content h4, .cimke_content h5, .cimke_content h6 {display: inline-block; padding: 0 3px;}
					
					
				.gallery {margin-bottom: 3%;}
					.gallery .mainTitle {border-left: 5px solid #01B4F6; margin-bottom: 2%; padding: 1% 3%; font-size: 30px;}
					.gallery a {display: block; float: left; width: 31.333334%; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); overflow: hidden;}
					.gallery a:nth-child(3n+2) {margin: 0 3% 3%;}
						.gallery a img {display: block; width: 100%; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
					.gallery a:hover img {transform: scale(1.05);}
					
				.vote_box {background-color: #f4f4f4; background-image: url("../images/sidebar_bg.jpg"); padding: 3%; border-radius: 3px; margin-bottom: 5%;}
					.vote_box .title {font-size: 18px; line-height: 24px; width: 23%; float: left;}
					.vote_box .vote_button {float: left; display: block; line-height: 36px; margin: 8px 0 0 35px; font-style: italic; color: white; text-transform: uppercase; font-size: 14px; padding: 0 20px 0 0; opacity: 0.9;}
						.vote_box .vote_button span {display: block; float: left; margin: -14px 10px -14px -20px; height: 54px; line-height: 54px; width: 54px; text-align: center; border-radius: 54px; background-color: white; background-position: center center; background-repeat: no-repeat; font-weight: bold; color: #2e2e2e; font-size: 30px;}
					.vote_box a.vote_button:hover {opacity: 1;}
					.vote_box .vote_button.yes {background-color: #ED6527;}
					.vote_box .vote_button.no {background-color: #687C83;}
						.vote_box .vote_button .icon_yes {border: 3px solid #ED6527;}
						.vote_box .vote_button .icon_no {border: 3px solid #687C83;}
						.vote_box a.vote_button .icon_yes {background-image: url('../images/icon_yes.png');}
						.vote_box a.vote_button .icon_no {background-image: url('../images/icon_no.png');}
						
				.question_box {background: #e6e6e6; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); margin-bottom: 4%;
							background: -moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 100%);
							background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6));
							background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%);
							background: -o-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%);
							background: -ms-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%);
							background: linear-gradient(to bottom,  #ffffff 0%,#e6e6e6 100%);
							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );
					}
					.question_box .title {border-left: 5px solid #01b4f6; margin-bottom: 3%; padding: 1% 2% 2%; font-size: 26px;}
					.question_box .content_form {border-bottom: 0px;}
				
				.question_list {margin-bottom: 4%;}
					.question_list .item {box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);}
						.question_list .item .question {background-color: #E6E6E6; padding: 1% 2%; position: relative;}
						.question_list .item .question:after {top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(230, 230, 230, 0); border-top-color: #E6E6E6; border-width: 15px; margin-left: -15px;}
							.question_list .item .question b {font-size: 16px;}
							.question_list .item .question p {line-height: 20px; padding-left: 2%;}
							.question_list .item .question i {}
						.question_list .item .answer {padding: 1% 2%;}
							.question_list .item .answer b {font-size: 16px;}
							.question_list .item .answer p {line-height: 20px; padding-left: 2%;}
				
				.social_box {}
				.content_box .social_box {padding: 8px 0 0; float: right; width: 70%;}
					.social_box .fb {float: left; width: 47%;}
					.social_box .tw {float: left; width: 23%;}
					.social_box .go {float: left; width: 22%;}
					
					
				.blue_title {font-size: 18px; padding: 5px 0; line-height: 32px; margin-bottom: 3%;}
					.blue_title .font {padding: 5px 0;}
					.blue_title span {background-image: url("../images/icon_star.png"); background-position: center center; background-repeat: no-repeat; display: block; float: left; height: 42px; margin-right: 2%; width: 42px; margin-top: -5px;}
					
				.pdf_items {}
					.pdf_items .item {float: left; width: 29.3333334%; margin: 0 2% 6%;}
						.pdf_items .item a {display: block; width: 100%; text-decoration: none;}
							.pdf_items .item img {display: block; width: 100%;}
							.pdf_items .item .title {display: block; color: black; font-size: 14px; margin-bottom: 10px;}
							.pdf_items .item .link {display: inline-block; color: white; background-color: #EF6326; padding: 5px 8px; text-transform: uppercase;}
							.pdf_items .item:hover .link {background-color: #E15012;}
							.pdf_items .item .clear {display: block;}
			
			#sidebar {position: relative; float: left; width: 33%; background-color: #F4F4F4; background-image: url('../images/sidebar_bg.jpg'); padding-bottom: 6%;}
				#sidebar .title {color: #4e4e4e; font-size: 18px; font-weight: bold; padding: 6%;}
				#sidebar iframe {display: block; width: 82%; margin: 0 auto; padding: 3%; background-color: white;}
				#sidebar iframe:hover {background-color: #EAE5E9;}
				#sidebar .side_logo a {display: block; width: 82%; margin: 0 auto; padding: 3%; background-color: white;}
					#sidebar .side_logo a img {display: block; width: 100% !important; height: auto !important;}
				#sidebar .side_logo a:hover {background-color: #EAE5E9;}
				
				.sidebar_orange_box {color: white; background-color: #697C83; padding: 4.5% 3% 3% 6%; font-size: 14px;}
					.sidebar_orange_box h3 {font-size: 18px; font-weight: bold; margin-bottom: 3%;}
					.sidebar_orange_box p {margin: 0; line-height: 20px;}
					.sidebar_orange_box a {display: inline-block; margin: 2% 0 0 0; background-color: #01B4F6; color: white; font-size: 16px; padding: 3% 6%; text-transform: uppercase;}
					.sidebar_orange_box a:hover {background-color: #02A7E3;}
					
				.sidebar_orange_box2 {}
					.sidebar_orange_box2 ul {padding-left: 10px; list-style-type: disc; color: white; margin: 6% 0;}
						.sidebar_orange_box2 ul li {margin-bottom: 5px;}
					.sidebar_orange_box2 a {font-weight: bold; text-align: center; font-size: 14px;}
					
				.sidebar_form {color: #636363; padding: 20px 0; border-bottom: 5px solid #E1E1E1; margin: 0 20px;}
					.sidebar_form label {display: block; margin-bottom: 2px; line-height: 20px;}
						.sidebar_form .checkbox label {display: inline-block; vertical-align: top; padding-top: 2px; margin-left: 10px;}
					.sidebar_form input[type=text] {margin-bottom: 10px; border: 1px solid #D5D9D9; width: 250px; height: 32px; padding-left: 10px; padding-right: 10px;}
					.sidebar_form input[type=submit] {margin: 10px 0 0 0; background-color: #01B4F6; border: 0px; color: white; font-size: 16px; padding: 10px 20px;}
					.sidebar_form input[type=submit]:hover {background-color: #02A7E3;}
					
				.cimke_sidebar {margin: 0 6% 6%; border-top: 5px solid #E1E1E1; padding-top: 6%;}
					.cimke_sidebar ul {margin-left: 30px; list-style-image: url('../images/arrow_blue.png');}
						.cimke_sidebar ul li {padding: 4px 0;}
							.cimke_sidebar ul li a {}
							.cimke_sidebar ul li a:hover {text-decoration: underline;}
					.cimke_sidebar h3 {display: inline-block; font-size: 18px;}
					.cimke_sidebar h4 {display: inline-block; font-size: 14px;}
					.cimke_sidebar h5 {display: inline-block; font-size: 12px;}
					.cimke_sidebar h6 {display: inline-block; font-size: 14px;}
					.cimke_sidebar a {}
					.cimke_sidebar a:hover {text-decoration: underline;}
					
				#sidebar .contents .content.small {float: none; width: 90%; margin: 0 auto 4%;}
					#sidebar .contents .content.small .text p {display: none;}
					#sidebar .contents .content.small .text .more {display: none;}
					
				
		#footer {position: relative; border-top: 5px solid #ED6535; padding: 2% 0;}
			.footer_top {padding-bottom: 2%; border-bottom: 1px solid #EEEEEE; margin-bottom: 5px;}
				.footer_box {float: left; width: 31.333334%; margin-right: 3%;}
					.footer_box .title {margin-bottom: 15px; line-height: 32px; font-size: 18px; padding: 5px 0;}
						.footer_box .title span {display: block; float: left; height: 42px; width: 42px; margin-right: 4%; margin-top: -5px; background-image: url('../images/icon_star.png'); background-repeat: no-repeat; background-position: center center;}
					.footer_box .text {margin: 0 1% 0 15%;}
						.footer_box .text p {color: #636363; line-height: 20px; font-size: 14px;}
						.footer_box .text .more {display: inline-block; padding-right: 15px; background-repeat: no-repeat; background-position: center right; background-image: url('../images/arrow_blue_double.png');}
						.footer_box .text .more:hover {text-decoration: underline;}
				.footer_box.box_3 {margin-right: 0px;}
			.footer_bottom {}
				.footer_bottom .float_right {}
					.footer_bottom .float_right a {}
					.footer_bottom .float_right a:hover {text-decoration: underline;}


h1.maintitle {font-size: 30px; margin-bottom: 2%;}
					
.blue_bg {background-color: #01B4F6; color: white;}
.blue_bg_dark, .blue_bg_hover:hover {background-color: #01A1DD;}

.star_box {display: none; width: 95px; height: 16px; position: relative;}
.star_box.disabled {background-color: white;}
	.star_box .blue_bg {position: absolute; top: 0px; left: 0px; height: 100%; max-width: 100%;}
	.star_box .star {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-image: url('../images/stars.png'); cursor: pointer;}
	.star_box.disabled .star {cursor: default;}
	
	
.bigbutton {display: block; font-size: 20px; padding: 15px 10px; background-color: #778890; color: white; text-align: center; text-transform: uppercase; margin-bottom: 6%;}
.bigbutton:hover {background-color: #687C83;}


/* alap */
.db_data {padding: 20px;}
	.db_data p {line-height: 20px;}
	.db_data a {color: #2e2e2e; text-decoration: underline;}
	.db_data a:hover {text-decoration: none;}
	.db_data ul {margin-left: 30px; list-style-type: disc;}
		.db_data li {padding: 3px 0 3px 15px;}
	.db_data h1 {font-weight: bold; font-size: 24px;}
	.db_data h2 {font-weight: bold; font-size: 20px;}
	.db_data h3 {font-weight: bold; font-size: 16px;}
	.db_data h4 {font-size: 16px;}
	.db_data h5 {font-size: 14px;}
	.db_data h6 {font-size: 12px;}
	.db_data img {max-width: 100%; height: auto !important;}
	.db_data a.grallery {position: relative;}
		.db_data a.grallery span.gallery {position: absolute; bottom: 0; right: 20px; display: block; background-image: url('../images/icon_gallery.png'); width: 106px; height: 27px;}

.clear, .c {float: none !important; clear: both;}
.float_left {float: left;}
.float_right {float: right;}

.noborder {border: 0;}
.nomargin {margin: 0;}
.nopadding {padding: 0;}

.center {text-align: center;}
.justify {text-align: justify;}
.left {text-align: left;}
.right {text-align: right;}

.normal {font-weight: normal;}
.bold {font-weight: bold;}
.italic {font-style: italic;}

.normal, .n {font-weight: normal;}
.bold, .b {font-weight: bold;}
.italic, .i {font-style: italic;}
.underline, .u {text-decoration: underline;}
.strike, .s {text-decoration: line-through;}

.relative {position: relative;}
.absolute {position: absolute;}
.fixed {position: fixed;}

.hidden {overflow: hidden;}

.transitions {-webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}

.disabled {background-color: #DDD; color: #555; font-style: italic;}
#ie_frissites {background-color: #F9E4E4; height: 65px; padding: 5px; font-size: 11px; font-weight: bold; border: 1px solid #B30505; color: #B30505; text-align: center;}
	#ie_frissites a {color: #B30505;}
.error_query {padding: 10px; text-align: center; margin-bottom: 10px; color: white; background-color: #F38989; font-weight: bold;}
.success_query {padding: 10px; text-align: center; margin-bottom: 10px; color: white; background-color: #377401; font-weight: bold;}

#cookie-bar {background:#111111; min-height:30px; color:#eeeeee; text-align:center; padding:3px 0; position:fixed; bottom:0; left:0; width:100%;}
#cookie-bar.fixed {position:fixed; bottom:0; left:0; width:100%;}
#cookie-bar p {margin:0; padding:0; color: white;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin: -2px 0 -4px 8px; line-height: 20px; font-weight: normal;}
#cookie-bar .cb-enable {background:#007700;}
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}

.muszaki-rajzok p, .muszaki-rajzok label, .muszaki-rajzok li {font-size: 16px;}
#main_slider img:first-child {width: 100%;}
.sidebar_orange_box3 {
	color: white;
    background-color: #697C83;
    padding: 4.5% 3% 3% 6%;
    font-size: 14px;
}
.sidebar_orange_box3 > h3:first-child { padding-bottom: 6%; font-size: 18px;}
.sidebar_orange_box3 h3 {font-weight: bold;}
.cimke_sidebar a {color: white;}