html, body {
	padding: 0px;
	margin: 0px;
	height: 100%;
}

body {
	/*background-color: #211916;*/
}

img {
	border: 0px;
}

.max_width_image img{
    width: 100%;
    height: auto;
}

.blue_text{
	color :#2d73b5;
}

#header_wrapper {
	background-color: #404040;
	position: relative;
	border-bottom: 1px solid #ffffff;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.75);
	z-index:2;
	margin-bottom: -1px;
}

#wrapper-bg{
}

#wrapper {
	position: relative;
	width: 100%;
	max-width: 1440px;
	margin: 0px auto;
	background-attachment:fixed;
	background-position:center; 

	/*background-image: url("../images/background.jpg");*/
}

#content {
	background-color: #ffffff;
	width: 100%;
	max-width: 920px;
	margin: 0px auto 0px;
	overflow: hidden; 
	-webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 5px 10px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 5px 10px 0px rgba(50, 50, 50, 0.75);
}

#content h1 {
	font-size: 30px;
	color: #241b18;
	text-transform:uppercase;
}

#content h4, #content h4 a {
	font-size: 14px;
	line-height: 24px;
	color: #626161;
	text-transform:uppercase;
}

#content h4 a {
	text-decoration: underline;
}

#content h5 {
	font-size: 14px;
	line-height: 24px;
	color: #626161;
}

#content p {
	text-align: justify;
}

#content form input, #content form textarea {
	width: 100%;
	margin: 20px 0px;
	border: 2px solid #475071;
	color: #626161;
	line-height: 30px;
	font-size: 18px;
	padding: 4px;
}


#pager a {
	font-size: 14px;
	line-height: 30px;
	color: #4b3a33;
	text-decoration: none;
	/* font-weight: bold; */
}

#pager-text {
	color: #626161;
	font-size: 14px;
	line-height: 24px;
}

#pager-text a{
	background-color: #d2d2d2;
	color: #626161;
	padding: 1px 4px;
	margin: 2px;
}

#pager-text a.active {
	background: transparent;
}
#header {
	width: 100%;
	max-width: 920px;
	margin: 0px auto; 
	min-height: 100px;
}




	#logo_text {
		font-size: 30px;
		letter-spacing: 1.4px
	}

	#logo_text_sub {
		font-size: 13px;
		line-height: 24px;
		letter-spacing:2px;
	}

	
@media all and (max-width: 939px) {
	
	#footer {
		padding: 10px;
	}
	
	.kep_div{
		max-height:520px; 
		max-width:700px;
	}

}	
	
@media all and (max-width: 800px) {
	#logo {
	}
	#menu {
		width: 100%;
	}
	
	.default-footer-info {
		font-size: 16px !important;
	}
	
	#footer-menu {
		display: none;
		width: 0px;
	}	
	#copyright {
		float: none;
		width: 100% !important;
	}
}
@media all and (min-width: 801px) {
	#logo {
		position: relative;
		top: 20px;
		left: 0px;
		width: 300px;
		overflow: hidden;
	} 

}







#stage {
	position: relative;
	width: 100%;
	background-image: url("../images/bg_stage2.png");
	border: 1px solid #ffffff;
}

#stage img {
	width: 100%;
}

#stage-right {
}

#stage-text {
	color: #241b18;
	font-size: 26px;
	line-height: 48px;
	letter-spacing: 2px;
	text-shadow:2px 2px 4px #ffffff;
	margin-top: 20%;
}

@media all and (max-width: 800px) {
	#stage-text {
		font-size: 20px;
		line-height: 40px;
	}
}

@media all and (max-width: 600px) {
	#stage-text {
		margin-top: 5%;
		margin-bottom: 5%;
	}
	
	.hide600 {
		display: none;
	}
}

#stage-left: {
	margin: 0px !important;
	padding: 0px !important;
}

#stage-left img{
	-webkit-box-shadow: 5px 0px 10px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    5px 0px 10px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         5px 0px 10px 0px rgba(50, 50, 50, 0.75);
}

.bold{
	font-weight:bold;
}


#default-footer {
	background-color: #ffffff; 
}

#default-footer h2, #content h2 {
	/* font-weight: bold; */
	font-size: 14px;
	line-height: 30px;
	color: black;
}

#content h2 {
	margin: 0px;
}

div.default-footer-info {
	font-size: 20px;
	line-height: 30px;
	color: black;
}

.newsletter_email {
	height: 35px;
	border: 3px solid #af8112;
	font-size: 12px;
	line-height: 18px;
	color: #4b3a33;
	width: 100%;
	padding: 0px 10px;
	margin-bottom: 10px;
}

.separator_col {
	height: 6px;
	background-image: url("../images/separator_col.png");
	margin: 14px 0px;
}

.separator_col2 {
	height: 6px;
	background-image: url("../images/separator_col.png");
}



#footer_wrapper {
	border-style: solid;
	border-color: #ffffff;
	border-width: 0px;
	border-top-width:1px;
	
	position: relative;
	background-color: #c0c3d4;
	-webkit-box-shadow: 0px -3px 7px 0px rgba(50, 50, 50, 0.77);
	-moz-box-shadow:    0px -3px 7px 0px rgba(50, 50, 50, 0.77);
	box-shadow:         0px -3px 7px 0px rgba(50, 50, 50, 0.77);
}

#social a {
	padding-right: 20px;
}



div.reference-text  {
	font-size: 12px;
	line-height: 15px;
	color: #ffffff;
	padding: 0px 20px;
	height: 60px;
}

#referencebox {
	position: relative;
}

#referencebox h2 {
	font-size: 14px;
	line-height: 18px;
	color: #b8f015;
	margin: 0px;
	padding: 5px 20px 10px;
	text-transform:uppercase;
}

#referencebox .col {
	min-height: 360px;
}

#referencebox > div > img {
	margin-left: 5px;
}


#referencebox > div > div > img {
	width: 100%;
}




#footer {
	width: 100%;
	max-width: 920px;
	margin: 0px auto;
}

#footer h2 {
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 1px;
	margin: 0px;
	padding: 0px 0px 4px;
}

#footer div.hspacer {
	height: 20px;
}

#footer div.hseparator {
	background-image: url("../images/separator.png");
	height: 7px;
}

#copyright {
	width: 50%;
	float: left;
	color: black;
	font-size: 10px;
	line-height: 30px;
	letter-spacing: 2px;
}

#footer-menu {
	float: right;
}

#footer-menu a {
	text-align: right;
	color: black;
	font-size: 10px;
	line-height: 30px;
	letter-spacing: 2px;
	text-decoration: none;
}

#footer-address div {
	font-size: 12px;
	line-height: 18px;
	color: black;
}

#footer-blog {
	display: table;
}

div.blog-row {
	display: table-row;
}

div.blog-calendar {
	display: table-cell;
	width: 42px;
	vertical-align: top;
}

div.blog-calendar-badge {
	height: 42px;
	overflow: hidden;
	background-image: url("../images/bg_blog_calendar.png");
	color: #ffffff;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	padding-top: 3px;
	vertical-align: top;

}

div.blog-text {
	display: table-cell;
	padding: 0px 10px;
	vertical-align: top;
}

div.blog-text-title {
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	color: #4b3a33;
	margin-bottom: 7px;
}

div.blog-text-content {
	font-size: 12px;
	line-height: 18px;
	color: #4b3a33;
}

#opened-hours .table-cell {
	font-size: 12px;
	line-height: 24px;
	color: #4b3a33;
}

div.blog-title-calendar {
	width: 42px;
	height: 42px;
	float: left;
}

div.blog-title {
	width: 80%;
	margin-left: 20px;
	float: left;
}

div.blog-title h1 {
	margin-top: 0px;
	font-size: 20px !important;
}

ol li {
	padding: 6px;
}

ol ol {
	list-style-type: lower-alpha;
}

div.boxed {
	background-color: #e3e3e3;
	padding: 20px;
	margin: 20px;
}

div.col25 {
	width: 25%;
	float: left;
}
div.col50 {
	width: 50%;
	float: left;
}
div.col75 {
	width: 75%;
	float: left;
}

div.col {
	width: 33.3%;
	float: left; 
}

img.w100 {
	width: 100%;
}

div.spacer20{
	height: 20px;
}

div.spacer30{
	height: 30px;
}

@media all and (max-width: 600px) {

	div.col {
		width: 100%;
		float: left;
	}

	div.col50 {
		width: 100%;
		float: left;
	}
	 
	
	.size-20{ 
		line-height:20px;
		font-size:16px !important; 
	}
}

div.table {
	display: table;
	width : 100%;
	height : 100%;
	border-collapse: collapse;
}

div.table-row {
	display: table-row;
}

div.table-cell {
	display: table-cell;
min-height:100%; height:auto !important; height:100%;
}

.size-30 {
	font-size: 30px;
}

.size-13 {
	font-size: 13px;
}

.size-16{
	font-size: 16px; 
}
.size-18{ 
	line-height:20px;
}
.size-20{ 
	line-height:34px;
	font-size:22px;
}

.justify{
	text-align: justify;
}


.font-ultra {
	font-family: 'Ultra', serif;
}

.font-oswald {
	font-family: 'Oswald', sans-serif;
}

.font-quattro {
	font-family: 'quattrocento_sansregular', sans-serif;
	/* font-family: 'Quattrocento Sans', sans-serif; */
}

.white {
	color: #ffffff !important;
}

.color1 {
	color: #ff9f00 !important;
}

.color2 {
	color: #be894a !important;
}

.color3 {
	color: #241b18 !important;
}

.color4 {
	color: #626161 !important;
}

.color5 {
	color: #af8112 !important;
}

.bgcolor1 {
	background-color: #404040;
}

.bgcolor2 {
	background-color: #2b7c04;
}

.upper {
	text-transform: uppercase;
}

.font-size24 {
	font-size: 24px;
}

.margin-10-5-40 {
	padding: 0px;
	margin: 10px 0px 40px;
}

.padding-10 {
	padding: 10px;
}

.padding-20 {
	padding: 20px;
}

.padding-0-10 {
	padding: 0px 10px;
}

.cls {
	clear: both;
}

.shadow {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 1);
	-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 1);
	box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 1);
}
/* Google Maps */

#map-canvas {
	height: 200px;
	width: 95%;
	margin: 0px;
	padding: 0px;
	border: 1px solid #666666;
}

/* ResMenu*/


#menu {
	position: relative;
	top:-5px;
	float: right;
	max-width: 500px;
	z-index: 100;
	display: block;
	white-space: nowrap !important;
}
#menu a { 	
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	letter-spacing:2px;
	display: block;
	height: 36px;
	line-height: 36px;
	padding: 0 15px;
}
#menu ul {margin: 0;padding: 0;list-style: none;}
#menu > ul > li.current-menu-item > a{ 
	color:  #9dc320 !important;
}
#menu > ul > li {
	display: block;
	float: left;
	position: relative;
}
#menu ul li a:hover {
	color:  #9dc320;
}
#menu > ul > li > ul {
	background-color: #e2b241;
	/* background-color: rgba(266,178,65,0.9); */
	background-color: rgba(53,45,41,0.9);

	position: absolute;
	display: none;
	top: 100%;

}

#menu > ul > li > ul  a {
	/* color: #241b18; */
	color: #ffffff;
}

#menu > ul > li > ul  a:hover {
	color: black;
}

#menu > ul > li > ul > li:hover {
	background-color: #9dc320;
	/* background-color: rgba(248,168,39,0.5); */
	background-color: rgba(157,195,32,1);
}



#menu > ul > li:hover > ul {
	display: block;
}
#menu > ul > li > ul > li {
	position: relative;
}
#menu > ul > li > ul > li > ul {
	display:none;
	position: absolute;
	left: 100%;
	top: 0;
	border: 1px solid #eee;
	width: 300px;
}
#menu > ul > li > ul > li:hover > ul {
	display:block;
	background-color: #fff;
}
#menu > ul > li > ul > li > ul > li {

}

.responsive_menu select {
    display: block;
    width: 100%;
    height: 36px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: rgb(85, 85, 85);
    vertical-align: middle;
    background-color: rgb(255, 255, 255);
    background-image: none;
    border: none;
}

/*
#menu ul{
	position: relative;
	bottom: 0px;
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	text-align: right;
}

#menu ul li{
	display: inline;
	margin-left: 50px;
}

#menu ul li a, #menu ul li a:visited {
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
	letter-spacing:2px;
}

#menu ul li a:hover, #menu ul li a:active{
	color: #fea621;
}
*/

.mar-h20 {
	margin: 0px 20px;
}

.mar-v20 {
	margin: 20px 0px;
}

.mar-h30 {
	margin: 0px 30px;
}

.mar-v30 {
	margin: 30px 0px;
}

.pad-cls{
	padding: 0px !important;
}

p a, p a:visited {
	text-decoration: underline;
	color: rgb(51, 51, 51);
}

.pointer {
	cursor: pointer;
}

 

.h10{
	color : #2d73b5;
	font-size:22px;
	font-weight:bold;
	text-align:center;
	line-height:45px;
	width:80%;
	margin-left:auto;
	margin-right:auto;	
	background-image : url(../images/alahuzas.jpg);
	background-position : center bottom;
	background-repeat : no-repeat;
	background-size:contain;
}

.black{
	color:black !important;
}

td{
	vertical-align:top;
}