/*********************************************************************************/
/* Alap                                                                         */
/*********************************************************************************/
	body
	{
		min-width: 1200px;
		height:100%;
	}

	h1, h2, h3, h4, h5, h6, h7
	{
		margin: 0 0 2em 0;
	}
	
	h3 a{
		line-height:1;
	}
	
	h2
	{
		font-size: 1.65em;
	}

		h2.major
		{
			font-size: 1.65em;
			text-align: center;
			margin: 0 0 3em 0;
		}

			h2.major span
			{
				position: relative;
				width:90%;
				border-bottom: 4px solid #50D1DB;
				padding:10px;
				text-shadow: 4px 4px 15px rgba(0, 0, 0, 1);
				color:white;
			}

			#footer h2.major
			{
				margin: 0 0 1em 0;
			}
			
			.sidebar h2.major
			{
				text-align: left;
				margin: 0 0 1em 0;
			}
			
				.sidebar h2.major span
				{
					padding-left: 0;
				}

	h3
	{
		font-size: 1.25em;
	}

	h4
	{
		font-size: 1.25em;
	}

	.button
	{
		font-size: 1.25em;
		padding: 0.85em 1.85em 0.85em 1.85em;
		-webkit-box-shadow: 0px 7px 19px rgba(0, 0, 0, 0.30);
		-moz-box-shadow:    0px 7px 19px rgba(0, 0, 0, 0.30);
		box-shadow:         0px 7px 19px rgba(0, 0, 0, 0.30);
	}

	.button-big
	{
		font-size: 1.65em;
		padding: 0.85em 1.85em 0.85em 1.85em;
	}
	
	.actions
	{
		text-align: center;
		margin: 2em 0 0 0;
	}
	
		.actions .button
		{
			margin: 0 0.5em 0 0.5em;
		}

/*********************************************************************************/
/* Section + Article Types                                                       */
/*********************************************************************************/

	.is-highlight
	{
	}
	
		.is-highlight .special
		{
			margin: 0 0 4em 0;
		}

		.is-highlight h2
		{
			font-size: 3em;
			margin: 0 0 0.75em 0;
		}

		.is-highlight .byline
		{
			font-size: 1.65em;
			margin: 0 0 1.5em 0;
		}

		.is-highlight p {
			display:inline-block;
			top:-30px;
			z-index:-1;
			text-transform:uppercase;
			font-weight: bold;
		}

	.is-feature
	{
		text-align: center;
		float: left;
	}
	.is-feature h3
	{
		max-width:99%;
	}

	.image-full{
		border:6px solid white;
		border-radius: 8px;
		opacity:1;
	}

/*FŐOLDA - TELEPÜLESEK - HOVER*/
	*:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

	.image-main a {
		text-decoration: none;
		outline: none;
	}

	.image-main a img {
		/*border: none;*/
	}

	.image-mask {
		-webkit-backface-visibility: hidden; /* prevent flash when embedding fiddle */
		display: inline-block;
		position: relative;
		margin: 10px;
		overflow: hidden;
		background: #000;
		border: 10px solid white;
		border-radius: 10px;
		text-align: left;
	}

	.image-mask img {
		display: block;
		max-width: 100%;
		-webkit-transition: opacity 0.3s ease-in-out;
		-moz-transition: opacity 0.3s ease-in-out;
		transition: opacity 0.3s ease-in-out;
	}

	.image-mask:hover img {
		opacity: 0.5;
	}

	.image-mask::after,
	.image-mask::before {
		position: absolute;
		width: 100%;
		height: 50%;
		color: #fff;
		z-index: 1;
		-webkit-transition: -webkit-transform 0.3s ease-in-out; 
		-moz-transition: -moz-transform 0.3s ease-in-out; 
		transition: transform 0.3s ease-in-out; 
	}

	.image-mask::after {
		content: attr(data-title);
		top: 0;
		background: rgb(5,170,183);
		background: rgba(5,170,183,0.8);
		font-size: 30px;
		font-weight: 300;
		padding: 30px;
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		transform: translateY(-100%);
		text-align: center;
	}

	.image-mask::before {
		content: url(/css/images/logo_mini.png);
		top: 50%;
		background: rgb(178,206,64);
		background: rgba(178,206,64,0.8);
		font-size: 18px;
		padding: 20px;
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		transform: translateY(100%);
		text-align: center;
	}

	.image-mask:hover::after,
	.image-mask:hover::before {
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		transform: translateY(0%);
		text-align: center;
	}
	
	/*.image-mask{
		position:absolute;
		background:transparent url(/css/images/logo_mini.png) no-repeat center;
		opacity:0.8;
		height:0;
		width:100%;
		top:0;
		left:0;
		border-radius: 8px;
	}
	.image-mask2{
		background-color:#50D1DB;
		position: absolute;
		width: 100%;
		height: 96%;
		border-radius: 6px;
		opacity:0;
	}*/
/*VÉGE*/

	
	.is-post
	{
	}

		.is-post header
		{
			margin: 0 0 2.5em 0;
		}

		.is-post h3
		{
			font-size: 3em;
			margin: 0 0 0.5em 0;
		}

		.is-post .byline
		{
			font-size: 1.65em;
			margin: 0 0 0.5em 0;
		}

		.is-post ul.meta
		{
			margin: 0 0 0.5em 0;
		}

		.is-post p{
			text-align:justify;
		}
	
	.is-post-summary
	{
	}
	
		.is-post-summary h3
		{
			line-height: 1em;
			margin: 0 0 0.75em 0;
		}

		.is-post-summary .meta
		{
			margin: 0;
			line-height: 1em;
		}

	.is-page-content
	{
		clear:both;
	}

		.is-page-content header
		{
			margin: 0 0 2.5em 0;
		}

		.is-page-content h2
		{
			font-size: 3em;
			margin: 0 0 0.5em 0;
			line-height: initial;
		}

		.is-page-content .byline
		{
			font-size: 1.65em;
			margin: 0 0 0.5em 0;
		}

		.is-page-content ul.meta
		{
			margin: 0 0 0.5em 0;
		}

/*********************************************************************************/
/* Sidebar + Content                                                             */
/*********************************************************************************/

	.sidebar
	{
		padding-top: 0.5em;
	}
	
		.homepage .sidebar
		{
			padding-top: 0;
		}

	.content
	{
	}

		.content-left
		{
			padding-right: 2em;
		}
	
		.content-right
		{
			padding-left: 2em;
		}

/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/

	
	
	#main-wrapper
	{
		border-top-width: 35px;
		/*background-size: cover !important;*/
	}
	
/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header
	{
		text-align: center;
		font-size: 2em;
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight: 700;
		text-transform: uppercase;
		
		margin: 0 auto;
	}

		#header .logo
		{
			position: relative;
			text-align: center;
			border-top: solid 5px #e7eae8;
		}

			#header .logo div
			{
				background: #fff;
				position: relative;
				display: inline-block;
				padding: 0 1.5em 0 1.5em;
				top: -0.65em;
			}
		
			#header .logo h1,
			#header .logo .byline
			{
				display: inline;
			}

/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/

	#nav
	{
		position: fixed;
		top: 0;
		left: 0;
		z-index: 800;
		background: rgba(255,255,255,1);
		width: 100%;
		height: 40px;
		line-height: 40px;
		text-align: center;
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight: 600;
		text-transform: uppercase;
		-webkit-box-shadow: 0px 7px 19px rgba(0, 0, 0, 0.31);
		-moz-box-shadow:    0px 7px 19px rgba(0, 0, 0, 0.31);
		box-shadow:         0px 7px 19px rgba(0, 0, 0, 0.31);
	}

		#nav:after
		{
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: url('images/overlay.png');
			opacity: 0.03;
		}

		#nav ul
		{
			position: relative;
			z-index: 1001;
		}
	
		#nav li
		{
			display: inline-block;
			margin: 0 0.2em 0 0.2em;
			top: 0;
			position: relative;
			
		}

			#nav li a
			{
				position: relative;
				display: block;
				text-decoration: none;
				color: #6b7770;
				top: -3px;
				padding: 3px 1.5em 0.25em 1.5em;
				border-bottom-left-radius: 6px;
				border-bottom-right-radius: 6px;
				outline: 0;
				
			}

			

				#nav li:hover a
				{
					/*color: #fff;*/
				}

			#nav li.current_page_item
			{
			}

				#nav li.current_page_item a
				{
					background: #50D1DB;
					color: white;
				}
		
/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/
	#banner
	{
		background: url('/css/images/footer-textura.png') repeat;
		border-bottom: #50D1DB 30px solid;
		height:150px;
		position:relative;
		margin-top: 40px;
	}
		#banner_img_container {
			max-width:470px;
			position:absolute;
			z-index:1000;
			left:7%;
			top:-150px;
		}
		
		#banner h2
		{
			color:white;
			font-size: 2.0em;
			margin: 0 0 0.75em 0;
			padding-top: 2%;
		}
		
		#banner .byline
		{
			font-size: 1.35em;
			margin: 0 0 1.75em 0;
		}

		#banner .button
		{
			font-size: 1.5em;
		}

/*********************************************************************************/
/* Main                                                                          */
/*********************************************************************************/

	#main
	{
		width:100%;
		padding: 4em 0 4em 0;
	}

		#main > .row
		{
			/*padding: 3em 0 3em 0;*/
		}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

	#footer
	{
		text-align: center;
		position:relative;
		
	}
		.footer-top-border{
			background-image: url('/css/images/footer-bg.png');
			background-repeat: no-repeat;
			background-size: cover !important;	
			position:relative;
			bottom:125px;
			margin-bottom:-110px;
		    height:150px;
			z-index:100;
		}
	
		#footer > .row
		{
			padding: 0;
		}

		.subscribe span{
				display:inline-block;
				padding-left:50px;
		}

/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

	#copyright
	{
		/*margin: 4em 0 0 0;*/
	}

/*********************************************************************************/
/* Slider, NAV, FLAGS                                                                   */
/*********************************************************************************/
	
.banner { position: relative; overflow: auto; text-align:center;}
.banner li { list-style: none; }
.banner ul li { float: left; }	
.banner ul li img{ 
	width:1400px;
	height:150px;
}

.logo_ img{
	position: absolute;
	top:2px;
	left:7px;
	z-index:9999;
	width:107px;
	height:35px;
}


/*********************************************************************************/
/* Települések képek*/
/*********************************************************************************/


/*********************************************************************************/
/* BEMUTATKOZÁS                                                                     */
/*********************************************************************************/
/*********************************************************************************/
/* Térkép - bemutatkozas.html                                                                      */
/*********************************************************************************/

#gmaps{
	position:relative;
	top:0;
	width:100%;
	margin:0 auto;
	text-align: center;
	max-width:1600px;
	height:400px;
	z-index:5;
}

.bemutatkozas-content{
	position:relative;
	z-index:10;
	width:100%;
	background-color: #EBFCB8;
	color:#6B7770;
	z-index:10;
	text-align: center;
	background: url('/css/images/content-textura.jpg') repeat;
	margin-top:-30px;
	padding:30px 0 120px 0;
}
.bemutatkozas-title{
	text-shadow: 4px 4px 30px rgba(0, 0, 0, 1);
	color:white;
	position:absolute;
	text-align:center;
	width:100%;
	height:50px;
	top:300px;
	margin:0 auto;
	z-index:100;
	margin-top: -10px;
}

/*********************************************************************************/
/* Kapcsolatok                                                                     */
/*********************************************************************************/
/*********************************************************************************/
/* Térkép - kapcsolat.html                                                                      */
/*********************************************************************************/
	.contact-container{
		position:absolute;
		top:0;
		left:0;
		margin:0;
		padding:0;
		height:100%;
		width:40%;
		background: url('/css/images/contact-bg.png') repeat;
		z-index:100;
	}
	
	.contact-img-container{
		margin-left:30px;
		max-width: 500px;
		max-height: 300px; 	
	}

		.contact-img-container img{
			width: 90%;
		}

	#contact-gmaps {
		width:100%;
		height:635px;
		z-index:100;
	}

	.contact-content {
		font-family: 'Lato', sans-serif;
		position:absolute;
		top:60px;
		left:2%;
		font-size: 28px;
		color:white;
		z-index:200;
	}

	.contact-content p{
		margin:30px 30px 20px 30px;
		font-size:20px;
	}
/*TOTOP*/
#toTop {
	font-family: 'Open Sans Condensed';
	text-decoration:none;
	position:fixed;
	bottom:-100px;
	right:20px;
	width:52px;
	height:52px;
	cursor:pointer;
	z-index:1000;
	display:block;
	border-radius:51px;
	color:#fff;
	line-height:50px;
	text-indent:-9999px;
	text-align:center;
	text-decoration:none;
	background:#50D1DB url(/css/images/to_top.png) no-repeat center;
}

#toTop:active, #toTop:focus {
	outline:none;
}

/*Szállódák , Éttermek*/

.restaurant-description{
	float:left;
	color:white;
	max-width:40%;
	padding-right:20px;
}

.galeria-row{
	padding-left: 25px;
}

.galeria-photos{
	margin: 1% 0 1% 1%;
	float:left;
	max-width: 250px;
	max-height: 200px;
	padding:20px;
}

/*VÉGE*/

/*Települések HOVER*/
.place-contener {
	 transition: box-shadow 400ms;
	 -o-transition:  box-shadow 400ms;
	 margin-top: -5px;
	 margin-bottom: -5px;
	 padding-top: 5px;
	 padding-bottom: 5px;
	 border-radius:10px;
}

.place-contener h3{
	 transition: all 200ms;
	 -o-transition:  all 200ms;
}

.place-contener:hover{
	background-color: rgba(224,218,100,0.4);
	margin-top: -5px;
	margin-bottom: -5px;
	padding-top: 5px;
	padding-bottom: 5px;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 25px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 25px 0px rgba(50, 50, 50, 0.75);
	border-radius:10px;
}

.place-contener:hover h3{
	font-size: 26px;
	margin: 0;
}