* {margin: 0;} 

html, body {margin: 0px;padding: 0px;}
body {background: #f0eeee; background-position: top left;background-repeat: repeat-x;font-family: Arial, Helvetica, Verdana, Sans-serif;font-size: 12px;color:#474646;}
a {font-family: Arial, Helvetica, Verdana, Sans-serif;font-size: 12px;color: black;text-decoration: none;}
a:hover {color: green;text-decoration: underline;}
h {font-size: 20px;color: white;}
h1 {font-size: 18px;padding-bottom: 10px;}
textarea {width:300px !important;min-width:300px !important;max-width:300px !important;height:90px !important;min-height:90px !important;max-height:90px !important;} 
img {border-style: none;}

.mobile {display:block}
.desktop {display:none}
@media only screen and (min-width: 980px) {
	.mobile {display:none}
	.desktop {display:block}
}
#header {background: white;}

#page_header {background: white;background-position: top right;background-repeat: no-repeat;width: auto;margin: auto;}
@media only screen and (min-width: 980px) {
	#page_header {background: white;background-position: top right;background-repeat: no-repeat;width: 1000px;margin: auto;}
}
#header_top {float:none;text-align:center;background-color: #eee;height: 20px;padding: 5px 15px 5px 15px;width:100%;width:auto;}
@media only screen and (min-width: 980px) {
	#header_top {float:right;background-color: white;height: 20px;padding: 5px 15px 0px 0px;width:100%;text-align:right;width:500px;}
}
#header_top a, a:hover {color: black;}
#header_logo {clear: both;padding-top:20px;}
#header_text {text-indent:-3000px;height:1px;}

#header_meni {background: #006600;margin-top: 19px;text-align: center;display:none;}
@media only screen and (min-width: 980px) {
	#header_meni {display:block;}
}
#item-logo {width:100%;display:block;text-align:center;padding-bottom:20px;}
@media only screen and (min-width: 980px) {
	#item-logo {width:100%;display:block;text-align:left;padding-bottom:0px;}
}
#page_container {background: white url(/images/background_complete.jpg);background-position: top right;background-repeat: repeat-x;}
@media only screen and (min-width: 980px) {
#page_container {background: white url(/images/background_complete.jpg);background-position: top right;background-repeat: repeat-x;}
}
#banner {width: 100%;height: 287px;margin: auto;}
.banner-inside {float:left;z-index:50;position:relative;width:100%}
.banner_menu {background: transparent url(/images/menu_podlaga.png);padding: 20px 0px 15px 20px;width: 100%;}
.banner_menu:hover {background: transparent url(/images/menu_podlaga.png) 0 -66px;}
.banner-images {z-index:10;display:none;}
@media only screen and (min-width: 980px) {
	#banner {width: 1000px;height: 287px;margin: auto;}
	.banner_menu {background: transparent url(/images/menu_podlaga.png) no-repeat;padding: 20px 0px 15px 20px;width: 344px;}
	.banner_menu:hover {background: transparent url(/images/menu_podlaga.png) 0 -66px no-repeat;}
	.banner-images {z-index:10;display:block;}
}

.nav-menu-burger-wrapper {position:absolute;z-index:99999;right:15px;top:70px;}
.nav-menu-burger {background:transparent url(/images/menu-black.png);background-repeat:no-repeat;background-size:35px 35px;background-position:0px -8px;width:35px;height:35px;cursor:pointer}


#content_topic {background: #bbb;width: 100%;margin: auto;}
#content_topic_left {width: 100%;padding: 10px 10px 5px 20px;font-size: 20px;color: white;}
#content_search {float: right;width: 635px;text-align: right;color: #c7c6c6;padding: 4px 0px 0px 0px;}
@media only screen and (min-width: 980px) {
	#content_topic {background: white url(/images/content_topic_back.jpg);width: 1000px;margin: auto;}
	#content_topic_left {width: 365px;padding: 10px 10px 5px 20px;font-size: 20px;color: white;}
}
#search {float: right;background: white url(/images/search_back.jpg);width: 250px;}
#search_button {float: right;background: url(/images/search_button.jpg) no-repeat;width: 34px;height: 31px;border: none;cursor:pointer;} 
#search_button:hover{background: url(/images/search_button.jpg) 0 -31px no-repeat;} 
#search_field {border: none;color: black;width: 200px;margin: 5px;}

#topic {float: left;color: white;padding: 4px 0px 0px 20px;font-size: 18px;}

#main {background: white;width: 1000px;margin: auto;}
#main_left {float:left;width: 365px;font-size:14px; padding: 10px 0px 10px 0px;}
#main_right {float: right;font-size:14px;width: 635px;padding: 10px 0px 10px 0px;}
#news {padding: 20px 10px 10px 0px;}
#main-mobile-news {padding:20px;}
#main-mobile-content {padding:20px;}

.filler_line_grey {background: #808080;height: 1px;font-size:0px;margin: 10px;}
.filler_dots_gray {clear:both;background:url(/images/dot_gray.png);height:2px;margin:5px 0px 5px 0px;}
.vkDesign {font-style:italic;font-weight:bold;color:black;}
.vkDesign:hover{color:#313131;text-decoration:none;}

#footer {background: url(/images/footer_back.jpg);background-position: top left;background-repeat: repeat-x;padding:20px;}

#footer_inside {background: #f0eeee;color: black;width: 100%;margin: auto;}
#footer-1 {width: 100%;float: none;}
@media only screen and (min-width: 980px) {
	#footer {background: url(/images/footer_back.jpg);background-position: top left;background-repeat: repeat-x;padding: 15px 0px 30px 0px;}
	#footer_inside {background: #f0eeee;color: black;width: 1000px;margin: auto;}
	#footer-1 {width: 635px;float: right;}
}

#email_form {font-family: Arial;color: grey;}
#email_form a{color: blue;}
#email_form a:hover{color: navy;}

#mapCanvas {width:612px;height:450px;border:solid 1px #c1c1c1; padding:10px;}

/* **** pagination **** */
div.pagination {text-align: center;padding: 3px;margin: 3px;}
div.pagination a {padding: 2px 5px 2px 5px;margin: 2px;border: 1px solid #000000;text-decoration: none; /* no underline */color: #006600;}
div.pagination a:hover, div.pagination a:active {border: 1px solid #da7008;color: #000;}
div.pagination span.current {padding: 2px 5px 2px 5px;margin: 2px;border: 1px solid #000000;font-family: Arial;font-size: 12px; background-color: #006600;color: #FFF;}
div.pagination span.disabled {padding: 2px 5px 2px 5px;margin: 2px;border: 1px solid #EEE;color: #DDD;}

.sitemap {font-family: Arial;font-size: 13px;padding-left: 20px;}
.sitemap a {color: #006600;font-size: 13px;}
.sitemap  a:hover{text-decoration: underline;}

/* **** test slider **** */
#slider {width: 410px; /* important to be same as image width */height: 300px; /* important to be same as image height */position: relative; /* important */overflow: hidden; /* important */}
#sliderContent {width: 410px; /* important to be same as image width or wider */position: absolute;top: 0;margin-left: 0;}
.sliderImage {float: left;position: relative;display: none;}
.sliderImage span {position: absolute;font: 10px/15px Arial, Helvetica, sans-serif;padding: 10px 13px;width: 384px;background-color: #000;filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7;color: #fff;display: none;}
.clear {clear: both;}
.sliderImage span strong {font-size: 14px;}
.top {top: 0;left: 0;}
.bottom {bottom: 0;left: 0;}
ul { list-style-type: none;}

/* **** slider **** */
.pics{display:none;}
.pics_tmp{background:url(/images/foto01.jpg);width: 1000px; height: 287px; }
#s5 { margin: 0px auto; width: 1000px; height: 287px; }
#nav1 { z-index: 50; position: absolute; bottom: 10px; right: 33px }
#nav1 a { margin: 0 2px; padding: 3px 5px; border: 1px solid #ccc; background: #006600; color:white; text-decoration: none }
#nav1 a.activeSlide { color:white; background: #aaf }
#nav1 a:focus { outline: none; color: white;}

/* ----- login ----- */
#loginColor {padding-top:5px;float:left;}
#loginColor a{color:gray;text-decoration:none;}
#loginColor a:hover{color:black;}
.login_win_main  {position:absolute;font-family:Tahoma,Geneva,Kalimati,sans-serif;padding-right:10px;z-index:800}
.login_win_size {width:300px;}
.login_win_float {}
.login_win_login {clear:both;display:none;width:230px;background:#e8e5e5;color:#696868;padding:20px 10px 5px 10px;}
.login_win_register {clear:both;display:none;width:280px;background:#e8e5e5;color:#696868;padding:20px 10px 5px 10px;}
.login_button {color:black;border:solid 1px #c3c1c1;background:#f0f0f0;cursor:pointer;}
.login_button:hover {background:#dfdede;}
.login_input {border:solid 1px #c3c1c1;}
.login_input:hover {border:solid 1px #9b9a9a;}
.login_input_protected {border:solid 1px #c3c1c1;background:#e8e5e5;color:#696868}
.login_forget_pass {font-size:10px;color:blue;border:none;cursor:pointer;background:none;}
.login_forget_pass:hover {color:navy;}
/* ----- login END ----- */

/* jezik START*/
#langContainer{float:right;padding-top:5px;}
.langButton, .langButton a{background:#eeeeee;color:#888888;padding:5px;border-right:1px solid white;}
.langButton:hover {background:#888888;color:#eeeeee;text-decoration:none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.langButtonActive {background:#dddddd;color:#888888;text-decoration:none;}
#langContainer-mobile {position:absolute;margin:0px 20px;top:20px;}
/* jezik END*/
.bannerText {color:white;font-size:20px;letter-spacing:-1px}
.bannerText:hover{color:white;text-decoration:none}

/* MENU - start */
.menu-section {position:fixed;height:100%;width:100%;top:0px;background:white;color:white;padding-top:80px;z-index:999999;display:none;overflow:auto;}
@media only screen and (min-width : 768px) {
	.menu-section {padding-top:120px;}
}
.menu-section a {font-size:16px;color:#666;line-height:25px;}
.menu-section div {font-size:16px;color:#666;line-height:25px;}
.menu-left {text-align:left}
.menu-right {position:absolute;margin-left:50%;display:none}
.menu-item {position:relative;font-size:16px;line-height:25px;color:black;cursor:pointer;border-left: 1px solid black;height:auto;width:50%;}
.menu-item:hover {text-decoration:underline;}
.menu-item.active {color:black;}
.menu-item a{color:white;}
.menu-item-mobile {position:relative;font-size:18px;line-height:25px;color:white;cursor:pointer;height:auto;/*width:50%;*/}
.menu-item-mobile:hover {text-decoration:none;}
.menu-item-mobile.active {color:black;}
.menu-item-mobile a{color:white;}
.submenu-item-mobile {font-size:14px;line-height:25px;color:white;padding-top:3px;cursor:pointer;padding-left: 10px;width:100%;}
.submenu-item-mobile:hover {text-decoration:none;}
.submenu-item-mobile a{color:white;}
.submenu-item-mobile.active {color:black;}
.item-mobile .submenu-item {font-size:12px;line-height:20px;}
.item-mobile .menu-right {padding:0px;}
.main-menu-item-title {color:white;padding-bottom:5px;}
.main-menu-item-title:hover {border-bottom:2px solid #ed3e21}
section.about:nth-child(odd) {background:white}
section.about:nth-child(even) {background:#f3f3f3}
.container-special {padding:0px;}
.container-presentation {margin:15px;padding:50px 30px;background:#009bac;color:white;text-align:center;font-weight:400;font-size:18px;}
.container-large {padding:0px 15px;}
@media only screen and (min-width : 768px) {
	.container-presentation {margin:5%;padding:50px 100px;background:#009bac;color:white;text-align:center;font-weight:400;font-size:18px;}
	.container-large {padding:0px 15px;}
	.menu-item {position:relative;font-size:20px;line-height:30px;color:black;cursor:pointer;border-left: 1px solid black;height:30px;width:215px;}	
	.submenu-item {font-size:16px;line-height:30px;color:black;padding-top:3px;cursor:pointer;border-left: 1px solid black;padding-left: 10px;width:300px;}
	.menu-right {position:absolute;margin-left:200px;display:none}
}
@media only screen and (min-width : 1200px) {
	.container-large {padding:0px 15px;}	
}
@media only screen and (min-width : 1600px) {
	.container-large {padding:0px 105px;}	
}
@media only screen and (min-width : 1800px) {
	.container-large {padding:0px 255px;}	
}
#menuCloseBtn, #menuCloseBtnMobile {display: block;width: 44px;height: 44px;position: fixed;top: 50px;right:50px;z-index: 99999;background-image: url(/images/closeBtn.png);background-repeat: no-repeat;background-size: 44px 88px;background-position: 0 -44px;background-color:#aaa;}
#searchBtnMobile, #searchBtn {display: block;width: 44px;height: 44px;position: fixed;top: 50px;right:105px;z-index: 99999;background-image: url(../img/searchBtn.png);background-repeat: no-repeat;background-size: 44px 88px;background-position: 0 -44px;background-color:#aaa;}
#searchBtnMobile:hover, #searchBtn:hover, #menuCloseBtn:hover, #menuCloseBtnMobile:hover {background-color: rgba(255,255,255,1);cursor: pointer;background-position: 0px 0px;}
.item-mobile #menuCloseBtn, #menuCloseBtnMobile {right:10px;top:10px;}
.item-mobile #searchBtnMobile {right:58px;top:10px;}
.searchWrapper {position:absolute;right:150px;top:50px;font-size: 16px;}
.searchField {border:none;border-bottom:1px solid #aaa;background-color:#aaa;color:white;padding:10px 10px;min-width:100%;outline: none;font-size:17px;}
@media only screen and (min-width : 768px) {
	.searchField {min-width:290px;}
}
.searchWrapperMobile {position:absolute;right:103px;top:10px;width:calc(100% - 114px)}
.searchItemWrapper {padding:5px 0px;}
a.searchItemResult:hover {text-decoration:underline}
/* MENU - end */