/* ========================================================================
   Main Layout
 ========================================================================== */
html, body{ 
	background: url(/images/bg.jpg);
	font: normal 15px/24px 'Open Sans', Arial,sans-serif;
	color: #444;
	margin: 0;
	padding: 0;
	height: 100%;
}

.uk-container { 
	max-width: 1090px;
	margin: 0 auto;
}

a,
a:active,
a:focus { color: #444; }

ul { padding-left: 0px; }
ul li { list-style: none; }

h1, h1 a { 
	font: 20px 'Open Sans' ,Arial,sans-serif;
    text-transform: uppercase;
}

h2, h2 a { 
	font: 20px 'Open Sans',Arial,sans-serif;
    text-transform: uppercase;
}

h3, h3 a { 
	font: 18px 'Open Sans' ,Arial,sans-serif;
    text-transform: uppercase;
}

.featherlight-next,
.featherlight-previous { display: none; }

/* ========================================================================
   Header Area
 ========================================================================== */

.header { 
	background: #fff url(/images/header_bg.jpg) right no-repeat;
    margin-top: 50px;
	margin-bottom: 15px;
	height: 205px;
	padding: 0px 15px;
	border: 5px solid #fff;
	position: relative;
}

.header:after {
	width:101.1%;
	height: 5px;
	content: "";
	background: #8ec1e5;
	position: absolute;
	bottom: -10px;
	left: -5px;
}

.logo { 
	position: relative;
	top: 10px; 
}

.uk-navbar {
	background: none;
	color: #444;
    text-align: center;
    width: 95%;
    position: absolute;
    bottom: 0px;
}

.uk-navbar-nav { 
    display: inline-block;
	text-align: center;
	float: none; 
}
.uk-navbar-nav > li,
.uk-navbar-nav > li:hover {
	background: url(/images/menu_divider.png) top right no-repeat ;
	padding: 0 15px;
}

.uk-navbar-nav > li:last-child { background: none; }

.uk-navbar-nav > li > a {
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
	height: 30px;
	line-height: 33px;
	color: #444;
	padding: 0px;
	font-size: 16px;
       font-weight: 500;
       font-family: 'Open Sans',Arial,sans-serif;
       text-transform: uppercase;
}

.uk-navbar-nav > li > a:hover,
.uk-navbar-nav > li:hover > a {
	background: url(/images/menu_hover.png) left bottom repeat-x;

}

.uk-navbar-nav > li.active > a {
	background: url(/images/menu_active.png) left bottom repeat-x;

}
.uk-navbar-toggle { position: relative; }
.uk-navbar-toggle:before { 
	content: 'Menü';
	position: absolute;
	right: -40px;
	top: 2px; 
}

.uk-nav-offcanvas > li.active > a,
.uk-nav-offcanvas > li > a.active { 
	background: #404040;
	color: #fff; 
}

/* ========================================================================
   Content Area
 ========================================================================== */

.content { 
	background: #fff;
	margin-bottom: 15px;
	padding: 35px;
	position: relative;
}
.content ./images { margin-bottom: 15px; } 

.content .content-text { padding-top: 10px; }

.content img { border: 3px solid #a19f9f; }

.content .print {
	position: absolute;
	right: 35px;
	bottom: 10px;
	text-transform: uppercase;
	font-size: 10px;
	color: #1fa1d6;
}

.content .print:hover { text-decoration: none; }

.content .print .uk-icon-print { 
	margin-right: 5px;
	font-size: 10px; 
}

.inner_content {
	padding: 35px 0px;
	position: relative;
}

.inner_content:before {
	width:100%;
	height: 1px;
	content: "";
	background: url(/images/content_border.png);
	position: absolute;
	top: 0px;
}

.inner_content:after {
	width:100%;
	height: 1px;
	content: "";
	background: url(/images/content_border.png);
	position: absolute;
	bottom: 0px;
}

/* ========================================================================
   Footer Area
 ========================================================================== */

.footer { 
	background: #fff;
	margin-bottom: 15px;
	padding: 35px;
	position: relative;
	color: #9f9e9d;
}

.footer:after {
	width:100%;
	height: 5px;
	content: "";
	background: #8ec1e5;
	position: absolute;
	bottom: -5px;
	left: 0px;
}

.footer h3 { color: #9f9e9d; }

.footer a,
.footer a:active,
.footer a:focus { color: #9f9e9d; }

.footer .service { margin-bottom: 15px; }

.to_top { 
	position: absolute;
	right: 15px;
	top: 15px; 
}

/* ========================================================================
   Mobile Versions
 ========================================================================== */

/* Mobile (Landscape) /* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
.header { background: #fff url(../images/header_small.png) right no-repeat; } 
}

/*  Mobile (Portrait) /* Note: Design for a width of 320px  */

@media only screen and (max-width: 479px) {
.header { background: #fff url(../images/header_small2.png) right no-repeat; }          
}

/*  Mobile (Smaller Phones) /* Note: Design for a width of 240px  */

@media screen and (min-width: 0px) and (max-width: 319px) {
.header { background: #fff url(../images/header_small2.png) right no-repeat; }
}