/* -----------------------------------------------------------------------

Copyright (c) Balogh Roland, Minden jog fenntartva
Szerző: Balogh Roland -- http://www.rolandbalogh.com
Verzió: 1.0
   
----------------------------------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	background: #fff url(../images/body_background.png) top left repeat-x;
}
body.noBackground {
	background: #fff;
}
body.grayBackground {
	background: rgb(248,248,248);
}
table {
		text-align: center;
		font-size: 20px;
		color: #de5c00;

}
.responsiveTableContainer {
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.table_with_borders {
	border: 1px solid black;
	border-collapse: collapse;
}
.table_with_borders td, th {
	border: 1px solid black;
	padding: 6px 16px;
}

.grey {
	background: #EEEEEE;
}

.black {
	color: #2e2e2e;	
    font-size: 16px;
    text-align: justify;
}

.big {
	text-align: center;
    font-size: 20px;
}

.bigleft {
	font-size: 20px;
}

.bigjustify {
	font-size: 20px;
	text-align: justify;
}

@media only screen and (max-width: 640px) {
	.black {
		font-size: 14px;
	}
	
	table,
	.big,
	.bigleft,
	.bigjustify {
		font-size: 16px;
	}
}

	.siteContainer {
		position: relative;
	}
	
	.home_background {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 480px;
		background-image: url(../images/body_background4.jpg);
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
		z-index: 1;
	}

	.wrapper {
		position: relative;
		width: 90%;
		max-width: 1160px;
		margin: 0 auto;
		z-index: 2;
	}
	
/************* Header *************/
#header {
	position: relative;
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid #b3defb;
	background: #fff;
	background: rgba(255,255,255,.8);
	overflow: hidden;
	z-index: 2;
}

#header .wrapper {
	display: flex;
}
		
	#logo {
		display: block;
		height: 60px;
		margin: 0 auto 0 0;
	}
	
		#logo a {
			display: block;
			height: 100%;
			line-height: 60px;
			text-decoration: none;
			text-transform: uppercase;
			font-family: 'LeituraSansGrot3', Helvetica, Arial, Sans-serif;
			font-size: 18px;
			font-weight: normal;
			color: #007cbe;
			white-space: nowrap;
		}
		
		#logo a:hover {
			color: #de5c00;
		}
		
	#navHelper {
		display: none;
	}

	#navIcon {
		display: none;
		width: 18px;
		height: auto;
		padding: 28px 20px;
		position: relative;
		user-select: none;
		cursor: pointer;
	}

		#navIcon span {
			background: #de5c00;
			display: block;
			height: 2px;
			position: relative;
			transition: background .2s ease-out;
			width: 18px;
			user-select: none;
		}

		#navIcon span:before,
		#navIcon span:after {
			background: #de5c00;
			content: '';
			display: block;
			height: 100%;
			position: absolute;
			transition: all .2s ease-out;
			width: 100%;
		}
		
		#navIcon span:before {
			top: 5px;
		}
		
		#navIcon span:after {
			top: -5px;
		}
		
		/** Checked **/
		
		#navHelper:checked ~ #navIcon span {
			background: transparent;
		}
		
		#navHelper:checked ~ #navIcon span:before {
			transform: rotate(-45deg);
		}
		
		#navHelper:checked ~ #navIcon span:after {
			transform: rotate(45deg);
		}
		
		#navHelper:checked ~ #navIcon:not(.steps) span:before,
		#navHelper:checked ~ #navIcon:not(.steps) span:after {
			top: 0;
		}
		
	#nav {
		display: block;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
		#nav li {
			float: left;
			margin: 0 15px;
		}
		
		#nav li:first-child {
			margin-left: 0;
		}
		
		#nav li:last-child {
			margin-right: 0;
		}
		
			#nav li a {
				position: relative;
				display: block;
				height: 60px;
				line-height: 60px;
				text-decoration: none;
				font-family: 'LeituraSansGrot1', Helvetica, Arial, Sans-serif;
				font-size: 18px;
				font-weight: normal;
				color: #007cbe;
			}
			
			#nav li a:hover {
				color: #007cbe;
				text-decoration: underline;
			}
	
@media only screen and (max-width: 900px) {
	#header .wrapper {
		flex-wrap: wrap;
	}
	
	#navIcon {
		display: block;
	}

	#nav {
		width: 100%;
		height: 0;
		transition: height .2s ease-out;
		overflow: hidden;
	}
	
	#navHelper:checked ~ #nav {
		height: 257px;	
	}
	
	#nav li {
		float: none;
		display: block;
		margin: 0;
		border-bottom: 1px solid #ccc;
	}
	
	#nav li:first-child {
		margin-top: 10px;
		border-top: 1px solid #ccc;
	}
	
	#nav li a {
		height: 40px;
		line-height: 40px;
		font-size: 16px;
	}
}
					
			#social_links {
				display: block;
				float: left;
				width: 49px;
				height: 22px;
				margin: 14px 0 0 30px;
				padding: 0;
				list-style: none;
			}
			
				#social_links li {
					float: left;
					width: 22px;
				}
				
				#twitter {
					margin: 0 0 0 5px;
				}
				
					#social_links li a {
						display: block;
						height: 100%;
						text-indent: -1000em;
					}
					
		#menu_name {
			margin: 5px 0 5px 0;
			padding: 0 0 0 0px;
			font-family: 'LeituraNewsRoman2', Times New Roman, Times, Sans;
			font-size: 16px;
			color: black;
		}
					
		#content_container {
			margin: 0 0 20px 0;
			padding: 38px 38px 0 38px;
			
			border-left: 1px solid #ebebeb;
			border-right: 1px solid #ebebeb;
			border-bottom: 1px solid #ebebeb;
			
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
			
			-moz-box-shadow: inset 1px 1px 0 #fff, 0 1px 2px #bfbfbf;
			-webkit-box-shadow: inset 1px 1px 0 #fff, 0 1px 2px #bfbfbf;
			box-shadow: inset 1px 1px 0 #fff, 0 1px 2px #bfbfbf;
			filter: progid:DXImageTransform.Microsoft.Shadow(color='#bfbfbf', Direction=125, Strength=2);
			
			background: #f8f8f8;
		}
		
		@media only screen and (max-width: 640px) {
			#content_container {
				padding: 24px 24px 0 24px;
			}
		}
		
		.special_content_container {
			border: 2px dashed #267F00 !important;
			background: #f6f4db !important;
		}
			.wide_content {
				padding: 15px;
				border: 1px solid #eee;
				background: #fff;
			}
			
			/* Bal oldali sávval rendelkező tartalom */
			
			.content_with_leftside_container {
				display: table-row
			}
				
				.leftside {
					display: table-cell;
					vertical-align: top;
					width: 171px;
					padding: 10px;
					border: 1px solid #ebebeb;
					
					-moz-border-radius: 10px;
					-webkit-border-radius: 10px;
					border-radius: 10px;
					
					-moz-box-shadow: inset 1px 1px 0 #fafafa, 0 1px 2px #bfbfbf;
					-webkit-box-shadow: inset 1px 1px 0 #fafafa, 0 1px 2px #bfbfbf;
					box-shadow: inset 1px 1px 0 #fafafa, 0 1px 2px #bfbfbf;
					
					background: #ebebeb;
				}
				
				.content_with_leftside_container .margin {
					display: table-cell;
					width: 19px;
				}
				
				.content_with_leftside {
					display: table-cell;
					vertical-align: top;
					width: 668px;
					padding: 15px;
					border: 1px solid #eee;
					background: #fff;
				}
				
				/* Jobb oldali sávval rendelkező tartalom */
				
				.content_with_rightside {
					float: left;
					width: 570px;
					margin: 0 20px 0 0;
				}
				
				.rightside {
					float: left;
					width: 322px;
					border: px dashed #e60000 !important;
				}
					
			.slogen {
				padding: 5px 0;
				border-top: 1px solid #bbb;
				text-align: center;
				font-family: 'LeituraNewsRoman2', Times New Roman, Times, Sans;
				font-size: 26px;
				color: #000;
			}
			
			.slogen2 {
				padding: 20px 0;
				text-align: center;
				font-family: 'LeituraNewsRoman2', Times New Roman, Times, Sans;
				font-size: 36px;
				color: #000;
			}
			#content_container p.slogen {
				margin: 30px 38px 18px 38px;
			}
					
.footer {
	display: flex;
	justify-content: space-between;
	width: 90%;
	max-width: 914px;
	margin: 0 auto;
	font-size: 16px;
}

.footer__contact p {
	word-break: break-word;
	word-wrap: break-word;
}

.footer__logo {
	margin: 0 auto;
}

.footer__logo img {
	display: block;
}

.footer strong {
	font-size: 18px;
}
	
@media only screen and (max-width: 800px) {
	.footer {
		flex-wrap: wrap;
	}
	
	.footer__logo {
		margin-right: 0;
	}
	
	.footer__nav {
		width: 100%;
		margin: 20px 0;
	}
	
	.footer__nav ul {
		display: block;
		margin: 0;
		padding: 0;
		border-top: 1px solid #ddd;
		list-style: none;
	}
	
	.footer__nav li {
		display: block;
		border-bottom: 1px solid #ddd;
	}
	
	.footer__nav li a {
		display: block;
		padding: 10px 0;
	}
}

@media only screen and (max-width: 680px) {
	.footer {
		display: block;
	}
	
	.footer__logo img {
		margin: 0 auto;
	}
}