body {font-family: Calibri,"Calibri Light","Calibri Light Italic"; font-size: 13px; background:#fff;}


#logo{text-indent: -9000px; display: block; height: 95px; width: 303px; background: url(../../grafika/logo-bg.png) no-repeat center center;}
#main-menu{margin-top: 0px; height: 95px; background-color: rgba(255,255,255,0.8); border-bottom: 1px solid #d0d0cf; position: relative; box-shadow: 5px 5px 10px rgba(0,0,0,0.15); }
#main-menu > ul{margin: 0px; padding: 0px; position: absolute; top: 0px; right: 0px; list-style-type: none;}
#main-menu > ul > li{margin: 0px; padding: 0px; float: left; border-left: 1px solid rgba(0, 0, 0, 0.15); position: relative;}
#main-menu > ul > li > a{margin: 0px; padding: 0px 20px; color: #1e4751; line-height: 95px; display: block; height: 95px; text-decoration: none; font-size: 1em; font-weight: 700; }
#main-menu > ul > li > a:hover{box-shadow:inset 0 0 10px rgba(0, 0, 0, 0.10); border-bottom: 2px solid #0982c1}

#main-menu ul li ul{margin: 0px; padding: 0px; position: absolute; top: 96px; left: -1px; list-style-type: none; display: none;}
#main-menu ul li:hover ul{display: block;}
#main-menu ul li ul li{margin-top: -5px; padding: 0px; border-left: 1px solid rgba(0, 0, 0, 0.15); position: relative; border-right: 1px solid rgba(0, 0, 0, 0.15); border-left: 1px solid rgba(0, 0, 0, 0.15);border-bottom: 1px solid rgba(0, 0, 0, 0.15); background-color: rgba(255,255,255,0.85); height: 50px;}
#main-menu ul li ul li a{margin: 0px; padding: 0px 15px; color: #3a3636; line-height: 47px; display: block; height: 47px; text-decoration: none; font-size: 0.7em; width: 210px; }
#main-menu ul li ul li a:hover{box-shadow:inset 0 0 10px rgba(0, 0, 0, 0.15); border-bottom: 0px; }



#main-menu ul li a {
    margin: 0px;
    padding: 15px 35px;
    color: #3A3636;
    line-height: 60px;
    display: block;
    height: 95px;
    text-decoration: none;
    font-size: 1em;
}

#main-menu ul li a {font-weight: 700;}
#main-menu ul li a:hover {
   border-bottom: 7px solid #3C4080;
   background: #393738 none repeat scroll 0% 0%;
   color: #FFF!important;
   height: 51px;
}


#main-menu {
    margin-top: 11px;
    height: 90px;
    background-color: rgba(255, 255, 255, 0.95);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.43);
    border-bottom: 1px solid #D0D0CF;
    position: relative;
}

#main-menu ul li {
    margin: 0px;
    padding: 0px;
    float: left;
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    height: 90px;
}

.main-color {color: #000;}
#header {height: 80vh; max-height: 768px; background-size: cover; background-position: right top;}

#search-box input {border: 1px solid #555;}

#search-box input[type="submit"] {background: linear-gradient(to bottom, #4a4a4a 0%, #313131 100%);      height: 48px;     line-height: 48px; }

.info-list {text-align: right;}

#pagination a {background: #4a4a4a}
#pagination .active a {background: #E85711}
.offer-details a {text-transform: capitalize; }

#offer .offer-menu ul li a {background: linear-gradient(to bottom, #4a4a4a 0%, #313131 100%); }
.form-submit input  {background: linear-gradient(to bottom, #4a4a4a 0%, #313131 100%); }



@media (max-width: 650px) {
   #header {background-position: left;}
   #main-menu {margin-top: 35px; box-shadow: 10px 7px 22px rgba(0, 0, 0, 0.43);}
}

@media (max-height: 768px){
   #header {background-position: left 0px;}
   #main-menu {margin-top: 35px; box-shadow: 10px 7px 22px rgba(0, 0, 0, 0.43);}
}

@media (max-height: 768px)  {
   /* #header {background-position: center center; } */
}

.article-content strong {color: #383B76;}

#logo{
text-indent: -9000px;
display: block;
height: 90px;
width: 341px;
background: transparent url("../../../../../grafika/logo-bg.png") no-repeat scroll center center;
}

#footer {
    background: #292929;
    overflow: hidden;
}

#copyright {
    background: #292929;
    height: 75px;
}

#copyright .footer-logo {
    margin-top: 5px;
    left: calc(50% - 120px);
    position: relative;
}

#footer ul {
    list-style-type: none;
    margin: 0 auto;
    padding: 28px 0 46px;
    width: 50%;
}

#copyright p {
    color: #fff;
    float: right;
    margin: 0px;
    padding: 0px;
    line-height: 71px;
    font-size: 1em;
}

/* 1200px  */  

@media (max-width: 1199px){
#header{height: 500px; }
#main-menu ul li a{padding: 0px 13px; }
#main-menu ul li a{font-size: 0.8em;}
#search-box p{line-height: 20px; padding-top: 40px;}
#slogan{margin-top: 120px; }
#slogan p{margin: 0px; padding: 0px; }
#slogan p:first-child{font-size: 2.4em;}
#slogan p:last-child{font-size: 1.2em; padding-left: 20px;}
}
	

/* 960px  */ 

@media (max-width: 959px)  {
#search-box {margin-top: -25px; background: rgba(8, 122, 180, 1);}
#header{height: 400px; }
#main-menu ul li a{padding: 0px 15px; font-size: 0.8em; }
.offer img{display: none;}

#main-menu ul{width: 96px; background: url(../../grafika/main-menu-icon.png) center center no-repeat;padding-top: 96px;}
#main-menu ul li{display: none; }
#main-menu ul:hover{display: block; width: 100%; background: none; }
#main-menu ul:hover li{display: block;}
#main-menu ul li{float: none; background-color: rgba(255,255,255,0.95); border-bottom: 1px solid #d0d0cf;}

#main-menu ul li a{margin: 0px; padding: 0px 35px; color: #3a3636; line-height: 75px; display: block; height: 75px; text-decoration: none; font-size: 1em;}
#main-menu ul li a:hover{box-shadow:inset 0 0 10px rgba(0, 0, 0, 0.15);}
#main-menu ul li ul{display: none}
#main-menu ul li:hover ul{display: none}

#search-box {
	margin: 0; z-index: 1; position: sratic; 
}

 }


/* lt 720px */ 

@media (max-width: 719px) {
#search-box{height: 300px;}
#search-box input{margin-top: 15px; padding: 0;}

#footer ul{display: none;}
#footer{height: 75px;}
#header {background-position: -270px; height: 450px;}
}
/* lt 360px */ 
@media (max-width: 359px) {

.offer-info > p {display: none;}
.offer-info .apply{display: none;}
.offer-info .more{display: none;}

#search-box{display: none;}
 #header{height: 100px; background-image: none!important;}
.index #search-box{display: block;}
#slogan{display: none;}

#logo{width: 190px; background-size: contain; }
#main-menu {
	background: transparent; box-shadow: none; border: none; }
#main-menu > ul{ background: url(../../grafika/main-menu-icon.png) center center no-repeat; padding-top: 98px; padding-right: 0px; width: 36px; right: 0px;}

}


#frm_kontakt textarea {height: 180px; width: 48%; min-width: 240px;}

#frm_kontakt .form-submit {
	margin-top: 20px;
}

#copyright .footer-logo {display: none;}

#slogan {display: none;}


.article-text.art210 table, .article-text.art211 table {
	border-bottom: 1px solid #e6e6e6
}
.article-text.art210 table td, .article-text.art211 table td {
	padding: 20px;
}

#footer .section-container {position: relative; height: 75px}

@media (max-height: 850px)  {
#header {height: 600px;}
}

@media (max-width: 360px)  {
#header {background-image: none !important; height: 100px;}
}

#main-menu > ul > li.active {
	background: #fff;
}
#main-menu > ul > li.active > a {
	 color: #102897;
}