/* ==========================================================================
HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
========================================================================== */

html,
button,
input,
select,
textarea
{
	color: #222;
}

body
{
	font-size: 1em;
	line-height: 1.4;
}

::-moz-selection
{
	background: #b3d4fc;
	text-shadow: none;
}

::selection
{
	background: #b3d4fc;
	text-shadow: none;
}

hr
{
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

img
{
	vertical-align: middle;
}

fieldset
{
	border: 0;
	margin: 0;
	padding: 0;
}

textarea
{
	resize: vertical;
}

.chromeframe
{
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}


/* Flexible iFrame */

.Flexible-container
{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 15px;
}

.Flexible-container iframe,
.Flexible-container .google_maps,
.Flexible-container object,
.Flexible-container embed
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.gotop
{
	visibility: hidden;
	position: fixed;
	bottom: 2em;
	right: 2em;
	text-decoration: none;
	color: white;
	background-color: rgba(0, 0, 0, 0.3);
	font-size: 12px;
	padding: 1em;
	display: none;
}


/* ===== Initializr Styles ==================================================
Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
========================================================================== */

body
{
	font: 16px/26px "Trebuchet MS", Helvetica, sans-serif;
}
.site-container
{
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.wrapper
{
	width: 90%;
	margin: 0 5%;

}

/* ===================
ALL: Orange Theme
=================== */

.header-container
{
	background: url('../img/site/header_bg.png') no-repeat scroll 0 0 #301609;
	background-size: 100% 100%;
	-webkit-border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
	position: relative;
	z-index: 2;
	-webkit-box-shadow: 0 5px 10px #aaa;
	-moz-box-shadow: 0 5px 10px #aaa;
	box-shadow: 0 5px 10px #aaa;
}

header
{
	z-index: 2;
	text-align: center;
}


header img
{
	margin: 10px 10px 10px 0px;
	width: 246px;
}
nav
{
	/*	z-index: 1;
	position: relative;*/
}

nav a:hover
{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'old-timey\'><feColorMatrix type=\'matrix\' values=\'0.14 0.45 0.05 0 0 0.12 0.39 0.04 0 0 0.08 0.28 0.03 0 0 0 0 0 1 0\'/></filter></svg>#old-timey");
	-webkit-filter: sepia(1);
	-webkit-filter: sepia(100%);
	-moz-filter: sepia(100%);
	-ms-filter: sepia(100%);
	-o-filter: sepia(100%);
	filter: sepia(100%);
}
nav .activ a:hover
{
	color: #624228;
	filter: none;
	-webkit-filter: none;
	-webkit-filter: none;
	-moz-filter: none;
	-ms-filter: none;
	-o-filter: none;
	filter: none;
}

nav p
{
	margin: 0;
}

.flexslider
{
	width: 97%;
	float: none;
	margin-bottom: 0;
}


.intro
{
	width: 100%;
	float: none;
	margin: 0;
	margin-bottom: 10px;
}

.gyumolcsok
{
	width: 100%;
	margin-top: 15px;
}
.gyumolcsok img
{
	width: 20%;
	margin-left: 2.5%;
	margin-right: 2.5%;
	margin-top: 10px;
	margin-bottom: 0px;
}
.footer-container
{
	background: url('../img/site/footer_bg.png') no-repeat  scroll 0 0 #301609;
	background-size: 100% 100%;
	-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
}

.footer-left
{
	padding-top: 15px;
	padding-bottom: 0px;
	float: none;
}


.footer-right
{
	padding-top: 0px;
	padding-bottom: 15px;
	float: none;
}

footer p
{
	font-size: 0.9em;
	line-height: 1.3em;
}
.footer-left p
{
	margin: 0;
}

.footer-right p
{
	margin: 0;
}
.main aside
{
	border-top: 20px solid #e44d26;
}

.top-container
{
	background: url('../img/site/menu_hatter.png') repeat scroll transparent;
	-webkit-border-radius: 0 0 15px 15px;
	-moz-border-radius: 0 0 15px 15px;
	border-radius: 0 0 15px 15px;
	margin-bottom: 15px;

}

.main-container
{

	background: url('../img/site/content_bg.png') repeat-x  scroll bottom center #fff;
	margin: 10px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.header-container,
.footer-container,
.main aside
{
	/*background: #301609;*/
}

.title
{
	color: white;
}

a
{
	text-decoration: none !important;
}

.gallery-container
{
	margin-bottom: 15px;
}

.gallery-container ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: auto;
}
.gallery-container li
{

	background-color: #9b7656;
	display: list-item;
	float: left;
	margin: 15px 15px 0 0;
	padding: 2%;
	width: 96%;
	white-space: nowrap;
}
.gallery-container img
{
	margin: 0px !important;
	width: 100%;
}

.gallery-container P, .gallery-container a, .gallery-container a:hover, .gallery-container a:visited
{
	text-align: left;
	color: #f5e3cd;
	text-decoration: none;
	margin-bottom: 0 !important;
}

/* ==============
MOBILE: Menu
============== */

.title
{
	float: none;
	clear: both;
	text-align: right;
	width: 100%;
}

.nav
{


}

/*nav
{
margin-top: 20px;

}*/
nav
{
	margin-top: -20px;
	padding-top: 30px;
}

nav ul
{
	margin: 0;
	padding: 0;
}
nav a img
{
	width: 100%;
	display: none;
}
nav a
{
	display: block;
	/*margin-bottom: 10px;*/

	/* padding: 15px 0;*/
	border: #a78863 solid 2px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;

	-webkit-box-shadow: 0 5px 10px #aaa;
	-moz-box-shadow: 0 5px 10px #aaa;
	box-shadow: 0 5px 10px #aaa;

	text-align: center;
	text-decoration: none;
	font-weight: bold;

	color: white;
	background: #624228;
	-webkit-box-shadow: 0 5px 10px #aaa;
	-moz-box-shadow: 0 5px 10px #aaa;
	box-shadow: 0 5px 10px #aaa;
}

.activ > a
{
	background: #bdde75;
	border: #dce7b6 solid 2px;
	color: #624228;
}

nav a:hover,
nav a:visited
{
	color: white;
}

nav a:hover
{
	text-decoration: none;
	color: #a78863;
}

/* ==============
MOBILE: Main
============== */

.main
{
	padding: 15px 0;
}

.main article h1
{
	font-size: 2em;
}

.main aside
{
	color: white;
	padding: 0px 5% 10px;
}

.footer-container footer
{
	color: white;
	/*padding: 20px 0;*/
}

.qrcode
{
	width: 100%;
	float: none;
	text-align: center;
	margin-bottom: 15px;
}

.qrcode img
{
	width: 80%;

}
.address
{
	width: 100%;
	float: none;
}

/* ===============
ALL: IE Fixes
=============== */

.ie7 .title
{
	padding-top: 20px;
}

/* ==========================================================================
Author's custom styles
========================================================================== */



@media only screen and (min-width: 320px)
{

	header img
	{
		margin: 10px 10px 0px 0px;
	}

	.title
	{
		float: none;
		text-align: center;
		width: 100%;
		clear: both;
		font-size: 1.5em;
	}

	nav p
	{
		margin: 10px;
	}

}




/* ==========================================================================
Media Queries
========================================================================== */

@media only screen and (min-width: 480px)
{

	/* ====================
	INTERMEDIATE: Menu
	==================== */
	.title
	{
		float: none;
		text-align: right;
		width: 100%;
		clear: none;
		font-size: 1.5em;
	}
	.main-container
	{
		margin-top: 20px;
	}
	.main-container
	{
		margin: 15px;
		margin-left: 2.3%;
		margin-right: 2.3%;
	}

	header
	{
		text-align: left;
	}


	header img
	{
		margin: 15px 15px 0px 0px;
	}

	nav a
	{
		float: left;
		width: 21.4%;
		-webkit-border-radius: 0px 0px 10px 10px;
		-moz-border-radius: 0px 0px 10px 10px;
		border-radius: 0px 0px 10px 10px;
		/*  margin: 0 0.5%;*/
		/*  padding: 25px 2%;*/
		/*margin-bottom: 0;*/

		margin-left: 2.3%;
		margin-right: 0;
		font-size: 0.68em;

	}
	nav a img
	{
		width: 100%;
		display: block;
	}
	nav li:first-child a
	{
		/*margin-left: 0;*/
	}

	nav li:last-child a
	{
		margin-right: 0;
	}
	nav p
	{
		margin: 0;
	}

	.flexslider
	{
		width: 50%;
		float: right;
		margin-bottom: 15px !important;

	}

	.intro
	{
		width: 45%;
		float: left;
		margin-bottom: 0px;

	}

	.gyumolcsok img
	{

		margin-top: 0px;
	}
	.footer-left
	{
		float: left;
		padding-top: 15px;
		padding-bottom: 15px;
	}


	.footer-right
	{
		float: right;
		padding-top: 15px;
		padding-bottom: 15px;
	}

	/* ========================
	INTERMEDIATE: IE Fixes
	======================== */

	nav ul li
	{
		display: inline;
	}

	.oldie nav a
	{
		margin: 0 0.7%;
	}

	.gallery-container li
	{
		width: 42.2%;
	}

	.qrcode
	{
		width: 48%;
		float: right;
		text-align: right;
	}

	.qrcode img
	{

		width: 80%
	}
	.address
	{
		width: 48%;
		float: left;
	}



	.gotop:hover
	{
		background-color: rgba(0, 0, 0, 0.6);
	}

}


@media only screen and (min-width: 600px) and (max-width: 768px)
{
	nav a
	{

		font-size: 0.85em !important;
	}

	nav p
	{
		margin: 10px;
	}
	.title
	{
		font-size: 1.4em !important;
		width: 50% !important;
		float: right !important;
		padding-top: 15px;
	}
	header img
	{
		margin: 10px 10px 10px 0px;
	}
	.gallery-container li
	{
		width: 26.4259591%;
	}
}

@media only screen and (min-width: 768px)
{

	/* ====================
	WIDE: CSS3 Effects
	==================== */

	.header-container,
	.main aside
	{
		/*-webkit-box-shadow: 0 5px 10px #aaa;
		-moz-box-shadow: 0 5px 10px #aaa;
		box-shadow: 0 5px 10px #aaa;*/
	}

	/* ============
	WIDE: Menu
	============ */


	header img
	{
		margin: 15px 15px 15px 0px;
	}
	.title
	{
		clear: none;
		float: right;
		margin-top: 30px;
		text-align: right;
		width: 55%;
		font-size: 2em;
	}


	nav
	{
		float: right;
		margin-top: -10px;
		width: 100%;
	}

	nav a
	{
		font-size: 0.9em !important;
		width: 21.65%;
	}
	nav p
	{
		margin: 10px;
	}
	/* ============
	WIDE: Main
	============ */

	.main-container
	{
		margin: 20px;
	}

	.main article
	{
		float: left;
		width: 100%;
	}

	.main aside
	{
		float: right;
		width: 28%;
	}

	.gallery-container li
	{
		width: 26.4259591%;
	}
}

@media only screen and (min-width: 1024px)
{
	.gotop
	{
		visibility: visible;
	}
}

@media only screen and (min-width: 1140px)
{

	/* ===============
	Maximal Width
	=============== */


	nav a
	{
		font-size: 1em !important;
	}

	.wrapper
	{
		/*width: 1026px; /* 1140px - 10% for margins */
		margin: 0 auto;
	}
}

/* ==========================================================================
Helper classes
========================================================================== */

.ir
{
	background-color: transparent;
	border: 0;
	overflow: hidden;
	*
	text-indent: -9999px;
}

.ir:before
{
	content: "";
	display: block;
	width: 0;
	height: 150%;
}

.hidden
{
	display: none !important;
	visibility: hidden;
}

.visuallyhidden
{
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus
{
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.invisible
{
	visibility: hidden;
}

.clearfix:before,
.clearfix:after
{
	content: " ";
	display: table;
}

.clearfix:after
{
	clear: both;
}

.clearfix
{
	*
	zoom: 1;
}

/* ==========================================================================
Print styles
========================================================================== */

@media print
{
	*
	{
		background: transparent !important;
		color: #000 !important; /* Black prints faster: h5bp.com/s */
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited
	{
		text-decoration: underline;
	}

	a[href]:after
	{
		content: " (" attr(href) ")";
	}

	abbr[title]:after
	{
		content: " (" attr(title) ")";
	}

	/*
	* Don't show links for images, or javascript/internal links
	*/

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after
	{
		content: "";
	}

	pre,
	blockquote
	{
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead
	{
		display: table-header-group; /* h5bp.com/t */
	}

	tr,
	img
	{
		page-break-inside: avoid;
	}

	img
	{
		max-width: 100% !important;
	}

	@page
	{
		margin: 0.5cm;
	}

	p,
	h2,
	h3
	{
		orphans: 3;
		widows: 3;
	}

	h2,
	h3
	{
		page-break-after: avoid;
	}
}