/* ------------------------------------------------------------- */
/* - WRS-css system -------------------------------------------- */
/** css wrs v1.0001 ** 08-08-2020 ********************************/
/* ------------------------------------------------------------- */

#eu_cookies { z-index: 10060; }
    #eu_cookies .modal-content { padding: 2em; }
    #eu_cookies input {
        width: 30px;
        height: 30px;
        }

body {
    background: #FFF url(/data/images/home/b-header.png) repeat-x;
    font-size: 15px !important;
    color: #242424 !important;
    font-family: sans-serif !important;
}
body:before { background: url(/data/images/home/trikolora.png); position: absolute;  background-size: 100% 100%; content: "";  top: 0; right: auto;  width: 82px; height: 82px; }
body > .container , body > div > .container { padding-bottom: 60px}

header {
    width: 100%;
    height: 169px;
    }
header a { padding: 5Px; display: inline-block;  }
header .text { margin: 80px 0 0 10px; }
header h1 { color: #fff; font-size: 24px; text-transform: uppercase; margin-left: 180px; margin-top: 60px; }
header h2 { color: #fff; font-size: 15px;  margin: 0; margin-left: 180px; }

#wrs_navigace { background-color: #223050 !important }
#wrs_navigace a { text-transform: normal; font-size: 15px; padding: 12px 8px 12px;  margin: 5px; }
#wrs_navigace .dropdown-menu { background-color: #223050d9;   }
#wrs_navigace .dropdown-menu li a { padding: 8px 8px 8px;  margin: 0px; color: #fff; }
#wrs_navigace .dropdown-menu li a:hover { background-color: #223050d9;  }
.navbar-brand>img {
    display: block;
    position: relative;
    top: -127px; width: 145px; height: 159px;
}

.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a.active { background: rgba(234,10,18,0.6); }
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover { background: rgba(234,10,18,0.6); }

section.articles_detail { padding-top: 20px }
.container  > .row > div.col-md-8.article, .articles_detail > .container > .row > .col-md-8  { background: url('/data/images/home/b-lion.png') no-repeat; background-position: top right; border-right: 1px solid #eaeaea; }
.page-header { margin-top: 0; }
.articles_detail h1, section#news_default h1 { background: url('/data/images/home/b-h1.jpeg') no-repeat; background-position: left bottom; padding-bottom: 20px; margin-bottom: 20px; }

.ul_bok h3 { padding-left: 10px; }
.ul_bok ul { list-style: none; margin-left: 0;  padding-left: 10px; }
.ul_bok ul li { border-bottom: 1px solid #eaeaea; padding: 10px 0; }

.articles_detail_text a { background: #1c366c;
    padding: 3px 5px;
    color: #FFF; }
.articles_detail_text ul { padding-left: 20px; }
.articles_detail_text ul li { margin-top: 10px; }

.wrs_navigace { display: none; }
.panel-body .alert { position: relative; }
 ul.stylenone li { list-style: none; }
 .btn { border-radius: 0px; }

.blue_box {  clear: both; width: 100%; min-height: 158px; background: #273b6d; color: #FFF; text-align: center; font-size: 120%; }
.blue_box h2 { padding: 20px 0 10px; }
a.blue {
    color: #FFF;
    background: #273b6d;
}
a:hover.blue {
    background: rgba(234,10,18,0.6);
    color: #FFF !important;
}

section { padding: 60px 0; }
section#news_default , section.wrs_flashes{ padding: 0;}
section#menu {
    background: #223050 url(/data/images/home/b-menu.gif) no-repeat; background-position: center;
    max-width: 100%; height: 348px; margin: 0 auto; position: relative;
}

section#glossary { text-align: center; width: 100%;
    background: #b7b7b7 url(/data/images/home/b-glossary.png) no-repeat;
    background-position: bottom center; padding: 60px 0; line-height: 18px;
}
section#glossary h3 { text-align: center;  }
section#glossary ul li { text-align: left;
    margin-top: 10px;
    background: url(/data/images/home/b-square.png) 0 7px no-repeat;
    padding-left: 15px;
}
section#glossary a:hover {
    color: #ea2f2c;
}
.nopadding { padding: 0; }

div img.lang_ico { margin-top: 20px; margin-bottom: 20px;  }

#napistenam {  padding: 20px 0 50px; text-align: center;  }
#napistenam form { padding-top: 30px; clear: both }
#napistenam label { text-align: left; }
#napistenam .form-control { width: 100%; margin-bottom: 20px; padding: 15px 10px 15px 40px; height: 53px }
#napistenam .maxheight { padding: 15px; height: 100px }
.formico_jmeno {
    background: url('/data/images/design/ico/man.png') no-repeat;
    background-size: 20px 20px;
    background-position: 10px;
}
.formico_mail {
    background: url('/data/images/design/ico/mail.png') no-repeat;
    background-size: 20px 20px;
    background-position: 10Px;
}
.formico_tel {
    background: url('/data/images/design/ico/tel.png') no-repeat;
    background-size: 20px 20px;
    background-position: 10px;
}
#recaptcha { margin-top: 0px; }
#submit_recaptcha { padding: 15px 15px 17px 15px; font-variant: all-petite-caps; font-size: 140%; letter-spacing: 0.5px; width: 100%; }
#recaptcha .grecaptcha-badge {
    margin: 0 auto;
}
.pager { padding-left: 0; margin: 60px 0 40px 0;  }
.pager li>a, .pager li>span { border-radius: 0; }
.pager li>span._nav_active, .pager li>a:focus, .pager li>a:hover {
    text-decoration: none; color: #fff;
    background-color: #273b6e; border-color: #000;
}
/* ------------------------------------------------------------- */
.top_newstext { position: relative; }

footer { margin-top: 1px;
    background: #273b6d url(/data/images/home/b-footer.png) repeat-x;
    background-position: top;
    position: relative;
    padding: 90px 0 60px 0 !important;
    color: #fff;  font-size: 15px;
    font-weight: 400;}
footer a{ color: #fff; text-decoration: underline;  }
footer a:hover { color: #fff; text-decoration: none; }
footer h2 { padding-top: 30px; }
footer h2,footer h3 {padding-top: 30px; font-size: 15px;  text-transform: uppercase; margin: 0;  }
footer ul  {   display: table;
    margin: 0 auto; }
footer ul li {float: left;
    list-style: none;}
footer ul li a{ text-transform: uppercase; padding: 15px;  }
footer:before {
    background: url(/data/images/home/footer-logo.png) no-repeat;
    position: absolute;
    top: -45px;
    left: 50%;
    margin-left: -50.5px;
    width: 101px;
    height: 108px;
    content: "";
}
footer img.lang_ico { position: relative; top: 30px; }
footer hr { border-top: 1px solid #1a2b56; }
footer p { padding: 20px 0 0; }
.copy  { font-size: 80%; color: #fff;} .copy a, .copy a:hover  { text-decoration: none;  color: #fff;}

._layout_backA { background: #fff; }
._layout_backB { background: #f2f2f2; }

header a.current, header div > a:hover, header div > a:focus, header div > a:active { background-color: #333; color:#fff;  }
header div.dropdown-content  a:hover { color: inherit; }
header .dropdown-content { text-align: left; }
/* form lang wrs navigace ---------------- */
#wrs_navigace #form_lang { position: absolute; top: 8px; right: 15px; }
#wrs_navigace #form_lang button { border-radius: 0; background-color: transparent; padding: 5px 10px; }
#wrs_navigace #form_lang .dropdown-content { right: 0; }
#wrs_navigace #form_lang img { margin: 0; }
/* -konec wrs navigace ---------------- */

/*  affix menu ---------------------- */
body {
    position: relative;
  }
  .affix {
    top:0;
    width: 100%;
    z-index: 9999 !important;
  }
  .navbar {
    margin-bottom: 0px; border-radius: 0;
  }
/*.affix ~ .container-fluid-off, .affix ~ section { */
 .affix + section.articles_detail, .affix + section {
   padding-top: 62px;
  }

.navbar-brand>img.logo_affix { display: none;  }
#wrs_navigace.affix .navbar-brand>img.logo_up { display: none; }
#wrs_navigace.affix .navbar-brand>img.logo_affix { display: block; top: -10px; width: 100px; height: auto; }

/* -konec affix menu --------------- */
form ul.error { color: red; }

/* Small Devices, Tablets */
@media only screen and (max-width : 1200px) {
    #wrs_navigace a { font-size: 14px }
}

@media only screen and (max-width: 765px) {
        header h1 { margin-top: 40px; }
        .articles_detail h1, section#news_default h1 {
            font-size: 29px;
        }
}

@media only screen and (max-width: 640px) {
    header h1 { margin-top: 20px; }
    header h2 { display: none; }
}

@media only screen and (max-width : 480px) {
    .navbar-brand>img { display: block; position: relative; top: -119px; width: 135px; height: auto; }
}

/* ---- navbar - osetreni colapse ----------------------------- */

@media (max-width: 1200px) {

  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }

  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }

  .navbar-brand {
    display: inline-block;
    float: none;
  }

  .navbar-form.form-inline {
    display: inline-block;
    border-color: transparent;
    margin: 4px;
    padding: 5px;
  }

  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
   }

}

.mb-4 {
    margin-bottom: 1rem;
}

.mb-8 {
    margin-bottom: 2rem;
}

.mb-12 {
    margin-bottom: 3rem;
}

.mb-16 {
    margin-bottom: 4rem;
}

.mb-20 {
    margin-bottom: 5rem;
}

.mb-24 {
    margin-bottom: 6rem;
}

.mt-4 {
    margin-top: 1rem;
}

.mt-8 {
    margin-top: 2rem;
}

.mt-12 {
    margin-top: 3rem;
}

.mt-16 {
    margin-top: 4rem;
}

.mt-20 {
    margin-top: 5rem;
}

.mt-24 {
    margin-top: 6rem;
}

hr { clear: both; }

.magina {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.jobs {
    padding: 20px 0;
}

.jobs h1 {
    font-size: 36px;
    margin-top: 10px;
    margin-bottom: 10px;
    flex-grow: 1;
}

.jobs h2 {
    font-size: 2rem;
    font-weight: bold;
}

.jobs h3 {
    font-size: 1.6rem;
    font-weight: bold;
}

.jobs .jobs__section {
    margin-bottom: 4rem;
}

.jobs .title {
    display: flex;
    align-items: center;
}

.pointer {
    cursor: pointer;
}

.kariera_detail a {
    background: none;
    padding: 0;
    text-decoration: underline;
    color: #23527c;
}

.kariera_detail a:hover {
    text-decoration: none;
}