body {
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	background: white;
	color: black;
}

.clear {
	clear: both;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}

a {
	text-decoration: none;
	color: black;
}




header {
}

	header div.container {
		background: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8)); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8)); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8)); /* For Firefox 3.6 to 15 */
		background: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,0.8)); /* Standard syntax (must be last) */
		padding-bottom: 40px;
	}

		header div.container div.content {
			margin: 0 auto;
			height: 80px;
			padding-top: 20px;
		}

			header div.container div.content nav {
				text-align: center;
			}

				header div.container div.content nav a {
					margin: 0 10px;
					text-transform: uppercase;
					font-size: 15px;
					font-weight: 600;
				}

			header div.container div.content nav a:hover {
				color: #808080;
			}

			header div.container div.content div.logo-container {
				opacity: 0.7;
			}

				header div.container div.content div.logo-container div.logo {
					background-image: url(/static/img/default/logo.png);
					background-position: center;
					background-repeat: no-repeat;
					margin: auto;
				}

				header div.container div.content div.logo-container div.logo-text {
					margin: auto;
					text-align: center;
				}

	header a.facebook {
		float: right;
		width: 20px;
		height: 20px;
		margin: 20px 20px 0px 0px;
		background-size: 20px 20px;
		background-repeat: no-repeat;
		background-image: url(/static/img/default/facebook-white.png);
	}

	header a.facebook:hover {
		background-image: url(/static/img/default/facebook-logo.png);
	}

	header div#language-bar {
		float: right;
		margin: 20px 20px 0px 0px;
	}

		header div#language-bar a:hover {
			color: #808080;
		}


footer {
	background-color: #363636;
	color: white;
	text-align: center;
	text-transform: uppercase;
	font-size: 13px;
	padding-bottom: 40px;
}

	footer div.contact {
		padding-top: 20px;
	}

		footer div.contact a {
			color: white;
		}

	footer nav {
		padding: 20px;
	}

		footer nav a {
			color: #a0a0a0;
			padding: 20px;
		}

div.highlight {
	background: #8ac02a;
}

	div.highlight div.top {
		background-image: url(/static/img/default/highlight-top.png);
		background-size: cover;
		background-repeat: no-repeat;
		height: 80px;
	}

	div.highlight div.bottom {
		background-image: url(/static/img/default/highlight-bottom.png);
		background-size: cover;
		background-repeat: no-repeat;
		height: 80px;
	}

div.highlight-2 {
	background-image: url(/static/img/default/foglalas_bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #d0d0d0;
	padding: 20px 0px 40px 0px;
	color: white;
}

	div.highlight-2 div.site-content h3 {
		color: white;
	}

		div.highlight-2 div.site-content h3 a {
			color: white;
		}

div.site-content {
}

	div.site-content h3 {
		font-size: 24px;
		font-weight: 600;
		margin: 20px 0px;
		text-align: center;
		text-transform: uppercase;
	}

		div.site-content h3 a, div.gallery-container div.gallery h3 a {
			color: #404040;
		}

div.gallery-container {
	margin: 40px 0px 40px 0px;
}

	div.gallery-container div.gallery h3 {
		font-size: 24px;
		font-weight: 600;
		margin: 20px;
		text-align: center;
		text-transform: uppercase;
	}

	div.gallery div.text {
		position: absolute;
		bottom: 0px;
		left: 0px;
		background-color: rgba(0,0,0,0.5);
		color: white;
		width: 100%;
		text-align: center;
	}


div.site-content h4 {
	font-size: 16px;
	font-weight: 600;
	margin: 20px 0px 10px 0px;
	text-align: center;
	text-transform: uppercase;
}

div.site-content h5 {
	font-size: 14px;
	font-weight: 600;
	margin: 10px 0px 5px 0px;
	text-align: left;
	text-transform: uppercase;
}

div.site-content div.box-container {
}

	div.site-content div.box-container a.box {
		display: block;
		margin: 20px;
		border: 2px solid white;
		text-align: center;
		padding: 20px;
		color: black;
	}

		div.site-content div.box-container::after {
		}

	div.site-content div.box-container a.box:hover {
		background: #B0E650;
	}

		div.site-content div.box-container a.box h4 {
			margin: 0 0 10px 0;
			text-align: center;
		}

		div.site-content div.box-container a.box ul {
			font-size: 14px;
		}

			div.site-content div.box-container a.box ul li {
				list-style-type: circle;
			}


form#reservation-form table {
	width: 600px;
	margin: auto;
}

form#reservation-form table td {
	padding: 5px 10px;
	vertical-align: top;
}

form#reservation-form input.text {
	padding: 4px 8px;
	width: 300px;
}

form#reservation-form input.submit {
	padding: 5px 20px;
}

form#reservation-form textarea {
	padding: 4px 8px;
	width: 300px;
}

form#reservation-form p.comment {
	text-align: center;
}

div.site-content-prices table {
	width: 600px;
	margin: auto;
}

div.site-content-prices table tr {
	border: 1px solid #808080;
}

div.site-content-prices table td {
	padding: 5px 10px;
}

div.site-content-prices div.comments {
	text-align: center;
	margin: 40px 0px 60px 0px;
}

/*
div.gallery {
	height: 140px;
	overflow: hidden;
}

div.gallery div {
	float: left;
	height: 140px;
	margin-right: 10px;
}

div.gallery div img {
	height: 140px;
	width: auto;
}
*/