.flex { display: flex; }
.flex--wrap {flex-wrap: wrap }
.gradient { background-image: linear-gradient(180deg, #FFF 0%, #F5F5F5 33%, #ccc 100%); }
.padding20 { padding: 20px }

/* MICROSITE LABELS */

.micro-labels {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  padding: 0 20px 20px;
}
.micro-labels--2 .micro-label {  width: 50%; }
.micro-labels--3 .micro-label {  width: 33.33%; }
.micro-labels--4 .micro-label {  width: 25%; }
.micro-labels--5 .micro-label {  width: 20%; }

@media only screen and (max-width: 990px) { 
  .micro-labels { flex-wrap: wrap; }
  .micro-label {  width: calc(50% - 20px) !important; margin: 10px !important; }
}
@media only screen and (max-width: 800px) { 
  .micro-labels { flex-wrap: wrap; }
  .micro-label {  width: 100% !important; margin: 10px !important; }
}

.micro-label {
  background-image: linear-gradient(180deg, #0E4180 0%, #2B6BB3 100%);
  border-radius: 5px;
  display: flex;
  color: #FFF;
  text-decoration: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px 0;
  margin: 0 10px;
  box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.3);
  max-width: 400px;
}
.micro-label:hover {
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
  color: #FFF;    
  text-decoration: none;
}
.micro-label__title {
  font-size: 30px;
  font-weight: 100;
  margin-bottom: 0;
  display: block;
  text-align: center;
}
.micro-label__title::first-letter {
  font-size: 30px;
  font-weight: 100;
  color: #F76C0D;
}
.micro-label__desc {
  font-size: 14px;
  line-height: 21px;
  padding-bottom: 5px;
  display: block;
  text-align: center;
}





/* MICROSITE ICONS */

.micro-icons {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  padding: 0 50px 20px;
}
.micro-icons.micro-icons--10,
.micro-icons.micro-icons--full {
  flex-wrap: wrap;
  padding: 0;
  justify-content: normal;
}
.micro-icons--3 .micro-icon { width: 33.33%; }
.micro-icons--4 .micro-icon { width: 25%; }
.micro-icons--5 .micro-icon,
.micro-icons--10 .micro-icon,
.micro-icons--11 .micro-icon { width: 18%; margin: 10px }
.micro-icons--6 .micro-icon { width: 16.667%; }

@media only screen and (max-width: 990px) { 
  .micro-icons { flex-wrap: wrap; padding: 0 20px; }
  .micro-icon {  width: calc(33.33% - 20px) !important; margin: 10px !important; }
}
@media only screen and (max-width: 800px) { 
  .micro-icons { flex-wrap: wrap; padding: 0 20px; }
  .micro-icon {  width: calc(50% - 20px) !important; margin: 10px !important; }
}

.micro-icon {
  background-image: linear-gradient(180deg, #c7c7c7 0%, #f7f7f7 100%);
  border-radius: 5px;
  display: flex;
  color: #318756;
  text-decoration: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px 0;
  min-width: 200px;
  margin: 0 10px;
  box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.3);
}
.micro-icon:hover {
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
  color: #318756;
  text-decoration: none;
}
.micro-icon__title {
  font-size: 22px;
  font-weight: 100;
  margin-bottom: 0;
  display: block;
  text-align: center;
  white-space: nowrap;
}
.micro-icon__desc {
  font-size: 17px;
  line-height: 21px;
  padding-bottom: 5px;
  display: block;
  text-align: center;
}


/* ----------- */

.sticker { cursor: pointer;}
.sticker .stickercnt { visibility: hidden; padding: 8px 0; position: fixed; z-index: 1; bottom: 20px; right: 20px; }
.sticker .show { visibility: visible; -webkit-animation: fadeIn 1s; animation: fadeIn 1s; }
@-webkit-keyframes fadeIn { from {opacity: 0;} to {opacity: 1;}}
@keyframes fadeIn {from {opacity: 0;} to {opacity:1 ;}}


/* BANNER CAROUSEL */
  
  .car-banner { height: 360px; background-repeat: no-repeat; background-position-x: center; background-size: cover; }
  @media only screen and (min-width: 1200px) { .car-banner {height: 480px; } }
  @media only screen and (max-width: 400px) { .car-banner {height: 100vw; background-size: 100%; } }
  .car-banner.ban0 { background-image: url(../img/banner-covid.jpg);  }
  .car-banner.ban1 { background-image: url(../img/banner1.jpg); }
  .car-banner.ban2 { background-image: url(../img/banner2018-10.jpg);   }
  .car-banner.ban3 { background-image: url(../img/banner-kniha.jpg);  }
  .car-href { width:100%; height:100% }


  .banner-carousel .carousel-caption { 
    text-align:left;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
   }
  .banner-carousel .car-logo { margin-bottom: 20px; width: 200px }
  .banner-carousel .car-button { background-image: linear-gradient(180deg, #0E4180 0%, #2B6BB3 100%); display: inline-block; color: #FFF; white-space: normal; }
  .banner-carousel .btn:hover { color:#FFF; }
  .banner-carousel .btn:active { background-image: linear-gradient(180deg, #0E4180 0%, #2B6BB3 100%); }
  .banner-carousel { margin-top: -15px; }
  .banner-carousel.micro .car-logo {display:block; margin: 0 auto 20px; background-color: transparent; border-radius: 0; float:none;}
  .carousel-caption a:hover { text-decoration: none;}

  @media only screen and (max-width: 1100px) { 
      .car-logo {
          background-color: rgba(255,255,255,0.75);
          border-radius: 50%;
          border: 10px solid transparent;
      }
  }
  @media only screen and (max-width: 400px) {
      .car-banner.ban0 { background-image: url(../img/banner600x600-covid.jpg);   }
      .car-banner.ban1 { background-image: url(../img/banner600x600-1.jpg); }
      .car-banner.ban2 { background-image: url(../img/banner600x600-2018-10.jpg); }
      .car-banner.ban3 { background-image: url(../img/banner600x600-kniha.jpg);   }
      .banner-carousel .car-logo {display:none}
      
      .banner-carousel .carousel-caption { text-align:center; left:0; right:0; }
      .banner-carousel.micro .car-banner { height:360px; background-size: 300%;}
  }   
    
  
/* BANNER MICROSITES */
.car-banner--aro.ban1 { background-image: url(../_oddeleni/aro/img/banner.jpg); }
.car-banner--cos.ban1 { background-image: url(../_oddeleni/cos/img/banner.jpg); }
.car-banner--cs.ban1 { background-image: url(../_oddeleni/cs/img/banner.jpg); }
.car-banner--detska_neurologie.ban1 { background-image: url(../_oddeleni/detska-neurologie/img/banner.jpg); }
.car-banner--detske.ban1 { background-image: url(../_oddeleni/detske/img/banner.jpg); }
.car-banner--doprava.ban1 { background-image: url(../_oddeleni/doprava/img/banner.jpg); }
.car-banner--gynekologie.ban1 { background-image: url(../_oddeleni/gynekologie/img/banner.jpg); }
.car-banner--chirurgie.ban1 { background-image: url(../_oddeleni/chirurgie/img/banner.jpg); }
.car-banner--infekcni.ban1 { background-image: url(../_oddeleni/infekcni/img/banner.jpg); }
.car-banner--interna.ban1 { background-image: url(../_oddeleni/interna/img/banner.jpg); }
.car-banner--knihovna.ban1 { background-image: url(../_oddeleni/knihovna/img/banner.jpg); }
.car-banner--kozni.ban1 { background-image: url(../_oddeleni/kozni/img/banner.jpg); }
.car-banner--lekarna.ban1 { background-image: url(../_oddeleni/lekarna/img/banner.jpg); }
.car-banner--neurologie.ban1 { background-image: url(../_oddeleni/neurologie/img/banner.jpg); }
.car-banner--nuklearni.ban1 { background-image: url(../_oddeleni/nuklearni/img/banner.jpg); }
.car-banner--ocni.ban1 { background-image: url(../_oddeleni/ocni/img/banner.jpg); }
.car-banner--odn.ban1 { background-image: url(../_oddeleni/odn/img/banner.jpg); }
.car-banner--onkologie.ban1 { background-image: url(../_oddeleni/onkologie/img/banner.jpg); }
.car-banner--orl.ban1 { background-image: url(../_oddeleni/orl/img/banner.jpg); }
.car-banner--ortopedie.ban1 { background-image: url(../_oddeleni/ortopedie/img/banner.jpg); }
.car-banner--paliativni.ban1 { background-image: url(../_oddeleni/paliativni/img/banner.jpg); }
.car-banner--patologie.ban1 { background-image: url(../_oddeleni/patologie/img/banner.jpg); }
.car-banner--radiologie.ban1 { background-image: url(../_oddeleni/radiologie/img/banner.jpg); }
.car-banner--rehabilitace.ban1 { background-image: url(../_oddeleni/rehabilitace/img/banner.jpg); }
.car-banner--sklad.ban1 { background-image: url(../_oddeleni/sklad/img/banner.jpg); }
.car-banner--trn.ban1 { background-image: url(../_oddeleni/trn/img/banner.jpg); }
.car-banner--urologie.ban1 { background-image: url(../_oddeleni/urologie/img/banner.jpg); }

@media only screen and (max-width: 400px) { .car-banner--aro.ban1 { background-image: url(../_oddeleni/aro/img/banner.jpg); } }
@media only screen and (max-width: 400px) { .car-banner--cos.ban1 { background-image: url(../_oddeleni/cos/img/banner.jpg); } }
@media only screen and (max-width: 400px) { .car-banner--cs.ban1 { background-image: url(../_oddeleni/cs/img/banner.jpg); } }
@media only screen and (max-width: 400px) { .car-banner--detska-neurologie.ban1 { background-image: url(../_oddeleni/detska-neurologie/img/banner.jpg); } }
@media only screen and (max-width: 400px) { .car-banner--detske.ban1 { background-image: url(../_oddeleni/detske/img/banner.jpg); } }
@media only screen and (max-width: 400px) { .car-banner--doprava.ban1 { background-image: url(../_oddeleni/doprava/img/banner.jpg); } }
@media only screen and (max-width: 400px) { .car-banner--gynekologie.ban1 { background-image: url(../_oddeleni/gynekologie/img/banner.jpg); } }
@media only screen and (max-width: 400px) { .car-banner--chirurgie.ban1 { background-image: url(../_oddeleni/chirurgie/img/banner.jpg); } }
@media only screen and (max-width: 400px) { .car-banner--infekcni.ban1 { background-image: url(../_oddeleni/infekcni/img/banner.jpg); } }
@media only screen and (max-width: 400px) { .car-banner--interna.ban1 { background-image: url(../_oddeleni/interna/img/banner.jpg); } }
@media only screen and (max-width: 400px) { .car-banner--knihovna.ban1 { background-image: url(../_oddeleni/knihovna/img/banner.jpg); } }
@media only screen and (max-width: 400px) { .car-banner--kozni.ban1 { background-image: url(../_oddeleni/kozni/img/banner.jpg); } }
@media only screen and (max-width: 400px) { .car-banner--lekarna.ban1 { background-image: url(../_oddeleni/lekarna/img/banner.jpg); } }
@media only screen and (max-width: 400px) { .car-banner--neurologie.ban1 { background-image: url(../_oddeleni/neurologie/img/banner.jpg); } }
@media only screen and (max-width: 400px) { .car-banner--nuklearni.ban1 { background-image: url(../_oddeleni/nuklearni/img/banner.jpg); } }
@media only screen and (max-width: 400px) { .car-banner--ocni.ban1 { background-image: url(../_oddeleni/ocni/img/banner.jpg); } }
@media only screen and (max-width: 400px) { .car-banner--odn.ban1 { background-image: url(../_oddeleni/odn/img/banner.jpg); } }
@media only screen and (max-width: 400px) { .car-banner--onkologie.ban1 { background-image: url(../_oddeleni/onkologie/img/banner.jpg); } }
@media only screen and (max-width: 400px) { .car-banner--orl.ban1 { background-image: url(../_oddeleni/orl/img/banner.jpg); } }
@media only screen and (max-width: 400px) { .car-banner--ortopedie.ban1 { background-image: url(../_oddeleni/ortopedie/img/banner.jpg); } }
@media only screen and (max-width: 400px) { .car-banner--patologie.ban1 { background-image: url(../_oddeleni/patologie/img/banner.jpg); } }
@media only screen and (max-width: 400px) { .car-banner--radiologie.ban1 { background-image: url(../_oddeleni/radiologie/img/banner.jpg); } }
@media only screen and (max-width: 400px) { .car-banner--rehabilitace.ban1 { background-image: url(../_oddeleni/rehabilitace/img/banner.jpg); } }
@media only screen and (max-width: 400px) { .car-banner--sklad.ban1 { background-image: url(../_oddeleni/sklad/img/banner.jpg); } }
@media only screen and (max-width: 400px) { .car-banner--trn.ban1 { background-image: url(../_oddeleni/trn/img/banner.jpg); } }
@media only screen and (max-width: 400px) { .car-banner--urologie.ban1 { background-image: url(../_oddeleni/urologie/img/banner.jpg); } }


@media only screen and (max-width: 500px) {
   h1 { font-size: 30px; }
   h2 { font-size: 25px; }
   h3 { font-size: 20px; }
   h1, h2, h3 { margin-top: 10px; margin-bottom: 5px; }
   .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 5px;
    padding-left: 5px;
    }
    .container { padding-right: 10px; padding-left: 10px}
}

@media only screen and (max-width: 640px) {
    iframe { width:100% !important; }
}    
@media only screen and (min-width: 801px) {
    .iframe-vystavba { height:620px !important; }
    .iframe-vystavba iframe { height:620px !important; }
} 
@media only screen and (max-width: 800px) {
    .iframe-vystavba { height:580px !important; }
    .iframe-vystavba iframe { height:580px !important; }
}  
@media only screen and (max-width: 600px) {
    .iframe-vystavba { height:450px !important; }
    .iframe-vystavba iframe { height:450px !important; }
}  

@media only screen and (max-width: 500px) {
    .iframe-vystavba { height:375px !important; }
    .iframe-vystavba iframe { height:375px !important; }
}  
@media only screen and (max-width: 400px) {
    .iframe-vystavba { height:300px !important; }
    .iframe-vystavba iframe { height:300px !important; }
}  
@media only screen and (max-width: 300px) {
    .iframe-vystavba { height:240px !important; }
    .iframe-vystavba iframe { height:240px !important; }
}  

    
/* TOP HEADER - HLAVICKA */

.space25 {width:100%; height:25px; clear:both}
.space50 {width:100%; height:50px;  clear:both}
.line100 { width:100%; height:1px; box-shadow: -1px 1px 2px rgba(0,0,0,0.3); margin: 25px 0;}
.line75 { width:75%; height:1px; box-shadow: -1px 1px 2px rgba(0,0,0,0.3); margin: 25px auto;}

.white { color: #FFF !important}
.black { color: #000 !important}
.gray { color: #666 !important}

.btn-white { background-image: linear-gradient(180deg, #FFF 0%,#DDD 100%); box-shadow: -1px 1px 2px rgba(0,0,0,0.3); color: #000; margin: 8px}
.btn-white:hover { background-image: linear-gradient(180deg, #004C93 0%, #0361B2 100%); box-shadow: -1px 1px 2px rgba(0,0,0,0.3); color: #FFF}
.btn-blue { background-image: linear-gradient(180deg, #0361B2 0%,#004C93 100%); box-shadow: -1px 1px 2px rgba(0,0,0,0.3); color: #FFF; margin: 10px}
.btn-blue:hover { background-image: linear-gradient(180deg, #004C93 0%, #0361B2 100%); box-shadow: -1px 1px 2px rgba(0,0,0,0.3); color: #FFF}
.btn-mnu { margin: 5px 1px; padding: 3px 5px; min-height: auto !important;}

.mnu-stripe.mobil .btn.btn-mnu { width: 100%; margin: 2px 2px   }
.mnu-stripe.mobil .collapse.in { margin-bottom: 5px }

.mnu-stripe-text { margin-bottom: 10px !important; }

.okno { width: 100%; background-image: linear-gradient(180deg, #FFF 0%,#F5F5F5 33%,#ddd 100%); float: left;
  margin: 5px 0; -webkit-border-radius: 5px; border-radius: 5px; box-shadow: -1px 1px 2px rgba(0,0,0,0.3); text-decoration: none; text-align: left; padding: 10px;
}
.okno h4 { color: #337ab7; font-size: 18px; margin: 0 0 5px 20px;}
.okno p { color: #333; font-size: 14px; margin: 0 0 5px 20px; font-weight: 100}


.relative {position: relative}
.vizitka { width: 100%; background-image: linear-gradient(180deg, #FFF 0%,#F5F5F5 33%,#ccc 100%); float: left;
  margin: 5px 0; -webkit-border-radius: 5px; border-radius: 5px; box-shadow: -1px 1px 2px rgba(0,0,0,0.3); text-decoration: none; text-align: left; padding: 10px;
}
.vizitka .img { margin: 10px 0 5px; text-align: center}
.vizitka .img img { height: 150px; margin: auto;}
.vizitka h4 { color: #337ab7; font-size: 18px; margin: 0 0 5px 20px;}
.vizitka p { color: #333; font-size: 14px; margin: 0 0 5px 20px; font-weight: 100}

.vizitka-red { width: 100%; background-image: linear-gradient(180deg, #D50304 0%,#980000 100%); float: left;
  margin: 5px 0; -webkit-border-radius: 5px; border-radius: 5px; box-shadow: -1px 1px 2px rgba(0,0,0,0.3); text-decoration: none; text-align: left; padding: 10px;
}
.vizitka-red h4 { color: #FFF; font-size: 18px; margin: 0 0 5px 20px;}
.vizitka-red p { color: #FFF; font-size: 14px; margin: 0 0 5px 20px; font-weight: 100}

.stitek-pavilon { background-color: #347AB6; display: inline-block; padding: 0px 10px; border-radius: 8px; margin-right: 10px;position: absolute; left: -20px; top: -10px;}
.stitek-pavilon .text1 { color: #fff; font-size: 11px; }
.stitek-pavilon .text2 { color: #fff; font-weight: bold; font-size: 26px; line-height: 20px; }
.stitek-pavilon:after { content: ""; position: absolute; left: 100%; bottom: 9px; display: block; width: 0; height: 0;
  border-bottom: 6px solid transparent; border-top: 6px solid transparent; border-left: 20px solid #347AB6; overflow: hidden;
}

.info-dle-zakona h4 {margin-top: 35px}
  
.foto-frame { margin: 20px 10px; height: 250px; }
.foto-frame.noviny { margin: 20px 10px; height: 375px; }
@media only screen and (max-width: 975px) {
    .foto-frame.noviny { height: 330px; }
}  
@media only screen and (max-width: 768px) {
    .foto-frame { height: 220px; }
    .foto-frame.noviny { height: 220px; }
    .foto-frame.noviny img { height: 160px; }
}
.foto-frame.aktuality { margin: 20px 10px; }
.img-box { height: 230px; overflow: hidden; border-radius: 8px;}
 
.in-frame { margin: 20px 10px; }

.h100 {height:100px !important}
.h150 {height:150px !important}
.h200 {height:200px !important}
.h220 {min-height:220px !important}
.h250 {height:250px !important}
.hmin330 {min-height:330px !important}

.font20 {font-size: 20px}
.font18 {font-size: 18px}
.font15 {font-size: 15px}
.bold {font-weight:bold}
  
/* HLAVICKA - HEADER */

.top-header-logo { margin-top: 35px; height: 30px; width:180px; display:block; float:left; }
.top-header-logo span { margin-left:10px;}
.top-header-flags { margin-top: 35px; height: 30px; width:220px; display:block; float:left; text-align: right;}
.top-header-search { margin-top: 35px; height: 30px; margin-left: 20px; width: 210px; display:block; float:left; }
.top-header-labels { height:90px; width:auto; display:block; position: relative; float:left; z-index: 9; }
.top-header-label-skew { height: 110px; background-image: linear-gradient(180deg, rgba(200,200,200,1.0) 0%, rgba(100,100,100,0.75) 100%);
  -ms-transform: skew(20deg); -webkit-transform: skew(20deg); transform: skew(-20deg); display: block; float: left; margin: 0 5px 0; }
.top-header-label-skew.active { height: 110px; background-image: linear-gradient(180deg, rgba(14,66,128,1.0) 0%, #6091C7 66%, rgba(96,145,199,0.75) 100%);
  -ms-transform: skew(20deg); -webkit-transform: skew(20deg); transform: skew(-20deg); display: block; float: left; margin-left: 10px; }
.top-header-label { height: 100px; z-index:2; position: absolute; cursor: pointer; text-decoration: none; }
.top-header-label { text-decoration: none; }
.top-header-label:hover { text-decoration: none; }
.top-header-label h3 { font-size:16px;  margin-top: 5px; margin-bottom: 5px; color: #FFF; text-align: center;   }
.top-header-label.h-left { width: 100%; ms-transform: skew(-20deg); -webkit-transform: skew(-20deg); transform: skew(20deg); margin-left: -10px; }
.top-header-label.h-cent { width: 100%; ms-transform: skew(-20deg); -webkit-transform: skew(-20deg); transform: skew(20deg); margin-left: -10px; }
.top-header-label.h-righ { width: 100%; ms-transform: skew(-20deg); -webkit-transform: skew(-20deg); transform: skew(20deg); margin-left: -10px; padding:0 10px}
.top-header-label img { margin: 20px 0 10px 50px; }
.top-header-wrap { margin: auto; width: 760px; position: relative; }
.top-header-label-skew.h-left { width: 17.6%}
.top-header-label-skew.h-cent { width: 17.6%}
.top-header-label-skew.h-righ { width: 17.6%}
.top-header-label-skew.h-righ2 { width: 17.6%}
.top-header-label-skew.h-righ3 { width: 17.6%}
.top-header-flags .ico-fcb { display: inline-block }
.top-header-flags .ico-fcb-mobile { display: none }


/* VEREJNE-ZAKAZKY */
.form-horizontal.zakazky .form-group {
    margin-right: 0px;
    margin-left: 0px;
}

/* HLAVICKA - VYHLEDAVANI */

.top-header-search form { display: block;  }
.top-header-search .srch_input input { background-color: #FFF; border: 1px solid #ddd; border-radius: 3px; display: block; width: 100%;
  height: 38px; text-align: left; text-indent: 42px; font-family: Open Sans, Arial, sans-serif; font-size: 14px; text-shadow: 0 1px 0 #FFF;
}
.top-header-search .icon_link { position: absolute; top: 9px; left: 12px; display: block; }
.top-header-search .i_search { cursor: pointer; width: 20px; height: 20px; fill: #777; }
.top-header-search .icon { display: inline-block; }
.top-header-search  .icon>img, .icon>svg { width: 100%; height: 100%; }
.top-header-search .srch_submit { display: none; }

.relative { position: relative; }

.mnu-stripe { width: 100%; min-height: auto; background-image: linear-gradient(90deg, #B6B6B6 0%, #CCCCCC 50%, #B6B6B6 100%); margin: -15px 0 20px}
.mnu-stripe-text { padding-top: 20px;}
.mnu-stripe-blue { width: 100%; min-height: 39px; background-image: linear-gradient(90deg, rgba(14,66,128,1.0) 0%, rgba(96,145,199,1.0) 100%); margin: -20px 0 20px;}

.cont-header { margin-bottom: 25px;}

.podpora .cell {text-align: center}

@media only screen and (min-width: 1200px) {
    .top-header-flags { width: 100%; text-align: right; margin-top: -30px; }
    .top-header-search { width: 174px; float: right; margin-top: 10px;}
}
@media only screen and (max-width: 1199px) {
    .header { position: relative; }
    .top-header-search { position: absolute; top: 0; right: 250px; margin-top: 4px; margin-left: 0px; width: 178px; }
    .top-header-logo { margin-top: 10px; height: 35px; }
    .top-header-labels { width: 100% }
    .top-header-flags { position: absolute; margin-top: 0; top: 6px; right: 5px; }
}

@media only screen and (max-width: 630px) {
    .top-header-search { position: static; width: 100%; margin-top: 34px; margin-bottom: 10px; }
    .top-header-search table { width:100% }
    .top-header-wrap { width: 100%; }
}
@media only screen and (max-width: 770px) {
    .top-header-wrap { width: 100%; margin-left: 10px; }
    .top-header-labels { height: 240px }
    .top-header-label { height:auto; }
    .top-header-label-skew.h-left { width: 90%; height: 48px; margin-bottom: 5px;}
    .top-header-label-skew.h-cent { width: 90%; height: 48px; margin-bottom: 5px;}
    .top-header-label-skew.h-righ { width: 90%; height: 48px; margin-bottom: 5px;}  
    .top-header-label-skew.h-righ2 { width: 90%; height: 48px; margin-bottom: 5px;}  
    .top-header-label-skew.h-righ3 { width: 90%; height: 48px; margin-bottom: 5px;}  
    .top-header-label.h-left { width: 100%; display: block; text-align: center; position: relative}
    .top-header-label.h-cent { width: 100%; display: block; text-align: center; position: relative}
    .top-header-label.h-righ { width: 100%; display: block; text-align: center; position: relative} 
    .top-header-label.h-righ2 { width: 100%; display: block; text-align: center; position: relative} 
    .top-header-label.h-righ3 { width: 100%; display: block; text-align: center; position: relative} 
    .top-header-label img { margin-top: -7px; margin-bottom: 0; display: inline-block; margin-left:0}
    .top-header-label h3 { margin-top: 16px; display: inline-block}
}
@media only screen and (max-width: 400px) {
    .top-header-logo span { display: none }
    .header.micro .top-header-logo span { display: inline-block}
    .header.micro .top-header-logo { width: 140px; float: none; margin: 10px auto 0; }
    .top-header-label.h-left { margin-left: 0; }
    .top-header-label.h-cent { margin-left: 0; }
    .top-header-label.h-righ { margin-left: 0; }
    .top-header-flags .ico-fcb { display: none }
    .top-header-flags .ico-fcb-mobile { display: inline-block }
}


/* FOOTER */

.section__footer { background-image: linear-gradient(180deg, #0E4180 0%, #2B6BB3 100%); min-height: 50px; padding:20px 0}
.sf__text { text-align:left; color:#FFF;}
.sf__text h4 { font-size: 16px; font-weight: 400; margin-bottom: 5px; margin-top: 22px;}
.sf__text p { font-size: 12px; font-weight: 100; margin: 0 0 3px;}
.sf__logo { width: 100px; float:right; margin: 10px 20px 10px 50px;}

@media only screen and (max-width: 768px) {
    .section__footer .sf__text { text-align: center; }
    .section__footer .sf__logo { float: unset; margin: 0 auto; display: block}
}

.sf__text.sf__text-mobil { display: none; }

@media only screen and (max-width: 600px) {
    .sf__text { display: none; }
    .sf__text.sf__text-mobil { display: block; }
}

/* PLANEK - MAPA */

  .stitek-planek { background-color: #347AB6; display: block; padding: 4px 4px; border-radius: 8px; position: absolute; left: 0px; top: 0px; width:50px; margin:2px;}
  .stitek-planek:hover { background-color: #666; }
  .stitek-planek:hover:after { border-top: 15px solid #666; }
  .stitek-planek:after { content: ""; position: absolute; top: 100%; right: 50%; margin-right:-6px; display: block; width: 0; height: 0;
    border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 15px solid #347AB6; overflow: hidden;
  }
  .planek .nav-tabs>li.active .stitek-planek { background-color: #999; }
  .planek .nav-tabs>li.active .stitek-planek:after { border-top: 15px solid #999; }
  .stitek-planek .text1 { color: #fff; font-size: 10px; }
  .stitek-planek .text2 { color: #fff; font-weight: bold; font-size: 26px; line-height: 20px; }
  .planek .nav-tabs>li>a {padding: 0 10px; height: 60px; width:55px;}
  .planek .nav>li>a:hover { background-color: #ccc; }

  
  




.labels-lg .stripe { width:100%; height:250px; background: url(../img/background-gray.jpg); background-size: cover; margin-bottom:25px;}
.labels-lg .stripe-in { width:1080px; display:block; margin: auto;}
.labels-lg .stripe-in::after {clear: both;}
.labels-lg .button-large { width:200px; height:200px; float:left; border: 1px solid black; margin: -30px 10px; }
.labels-lg .label-large {
  width: 250px; height: 250px; background-image: linear-gradient(180deg, #0E4180 0%, #2B6BB3 100%); cursor: pointer; float: left; margin: -30px 10px;
  -webkit-border-radius: 5px; border-radius: 5px; box-shadow: -1px 1px 2px rgba(0,0,0,0.3); text-decoration: none; position: relative;  
}
.blue-gradient { background-image: linear-gradient(180deg, #0E4180 0%, #2B6BB3 100%); }
.gray-gradient { background-image: linear-gradient(180deg, #FFF 0%,#F5F5F5 33%,#ccc 100%); }

.round5 { -webkit-border-radius: 5px; border-radius: 5px; }

.label-oddeleni img { margin-bottom: 20px; padding-top: 20px;}
.label-oddeleni h3 { text-align: center; font-size: 30px; font-weight: 100; margin-bottom: 0; text-decoration: none; color: #FFF; }
.label-oddeleni h3.inverse { margin: 0; }
.label-oddeleni h3::first-letter { font-size: 30px; font-weight: 100; color: #F76C0D; }
.label-oddeleni p { text-align: center; font-size: 14px; line-height: 21px; text-decoration: none; color: #FFF; padding-bottom: 5px; }
.label-oddeleni p.inverse { padding-bottom: 0px; margin-bottom: 0; }
.label-oddeleni a:hover {text-decoration: none}
.label-oddeleni {margin-bottom: 10px}

.labels-lg .label-large img { margin: 20px auto; }
.labels-lg .label-large h3 { text-align: center; font-size: 30px; font-weight: 100; margin-bottom: 0; text-decoration: none; color: #FFF; }
.labels-lg .label-large h3::first-letter { font-size: 30px; font-weight: 100; color: #F76C0D; }
.labels-lg .label-large p { text-align: center; font-size: 14px; line-height: 21px; text-decoration: none; color: #FFF; }


/* LABELS - IKONY  */

.labels .label-icon { width: 100%; min-height: 160px; cursor: pointer; float: left; margin: 10px 10px; -webkit-border-radius: 5px;
  border-radius: 5px; box-shadow: -1px 1px 2px rgba(0,0,0,0.3); text-decoration: none; position: relative; background-size: cover;
}
.labels .label-icon.sm { width: 100%; }

.labels .label-icon.blue { background-image: url(../img/background-blue.jpg); }
.labels .label-icon.green { background-image: url(../img/background-green.jpg); }
.labels .label-icon.gray { background-image: url(../img/background-gray-label.jpg); }
.labels .label-icon img { margin: 12px auto; display: block; }
.labels .label-icon h4, .labels .label-icon h3 { text-align: center; font-size: 22px; font-weight: 100; margin-bottom: 0; text-decoration: none; color: #FFF; }
.labels .label-icon.sm h4, .labels .label-icon.sm h3 { font-size: 18px; }
.labels .label-icon.gray.bl h4, .labels .label-icon.gray.bl h3, .labels .label-icon.gray.bl p { color: #337ab7; }
.labels .label-icon.gray.gr h4, .labels .label-icon.gray.gr h3, .labels .label-icon.gray.gr p { color: #318756; }
.labels .label-icon p { text-align: center; font-size: 17px; line-height: 21px; text-decoration: none; color: #FFF; }
.labels .label-icon.sm p { font-size: 15px; line-height: 17px; }
.labels .label-icon {margin: 5px 0px;}
.mobil-p5 { padding-left: 5px; padding-right:5px }

@media only screen and (max-width: 500px) {
    .labels .label-icon h4, .labels .label-icon h3 { font-size: 18px; }
    .labels .label-icon p { font-size: 14px; line-height: 16px }
    .labels .col-xs-6 {padding: 0 5px;}
}   

/* PUBLIKACNI CINNOST - TABULKA */
@media only screen and (max-width: 630px) {
    .publikacni th, .publikacni td { display: block; width: 100%; border:0 !important; padding: 4px 8px !important}
    .publikacni th > br, .publikacni td > br, .publikacni td > p > br { display: none;}
    .publikacni tr { border: 1px solid #ccc;}
}

.kariera-polozka { margin-left:25px }
.kariera-stranka { border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; 
                   border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
            
/* NEWS - AKTUALITY */

.news a { text-decoration: none; }
.news .news__item-heading { color: #337ab7; font-size: 18px; margin-bottom: 5px;}
.news a .news__item-heading:hover { font-weight: 600;}
.news .news__item-date { color: #337ab7; font-size: 12px; font-style: italic; margin: 0 }
.news .news__item-text { color: #333; margin-bottom: 5px;}
.news .news__item-href { color: #337ab7; font-size: 12px; margin: 0 }
.news a .news__item-href:hover { text-decoration: underline; }

.news .carousel.news-gallery .carousel-control.left, .news .carousel.news-gallery .carousel-control.right { background-image: none;}
.news .carousel.news-gallery .carousel-control.left span, .news .carousel.news-gallery .carousel-control.right span { color: #337ab7;}

.news .top-news .carousel .carousel-control.left, .news .top-news .carousel .carousel-control.right { background-image: none;}
.news .top-news .carousel .carousel-indicators .active { border: 2px solid #337ab7; background-color: #337ab7; width: 20px; height: 20px; }
.news .top-news .carousel .carousel-indicators li { border: 2px solid #337ab7;  width: 20px; height: 20px; }
.news .top-news .carousel .carousel-indicators { bottom: -5px; }
.news .top-news .carousel .carousel-control.left span, .news .top-news .carousel .carousel-control.right span { color: #337ab7;}
.news .list-group-item.top-news { padding:0 }
.news .top-news .carousel .item img { max-height: 200px; margin:10px auto 40px }
.news .list-group-item.active h4, .news .list-group-item.active p  {color:#FFF}
.news .news__item-exclamation { color: #990000; }

.news .news__item-docs { margin: 20px 0 10px; color: #337ab7; font-size: 14px; text-decoration: underline }
.news .news__item-icon { width: 20px; margin-right: 30px; float: left;}
.news .news__item-attachement { float: left; color: #337ab7; font-size: 12px; font-style: italic; }
.news a.news__item-attachement:hover { text-decoration: underline; }

@media only screen and (max-width: 990px) {
    .news { margin-top: 10px; margin-bottom: 10px}
}
  
.section__logos {  background-image: url(../img/partners/bg.jpg); padding: 25px 0; min-height: 226px;}
.sl__ctrl-left {background-image: linear-gradient(to right,rgba(255,255,255,0.5) 0,rgba(255,255,255,0) 100%) !important; color: #FFF;}
.sl__ctrl-right {background-image: linear-gradient(to left,rgba(255,255,255,0.5) 0,rgba(255,255,255,0) 100%) !important; color: #FFF;}
.sl__img { margin: 0 20px;}
.sl__logo1 { margin: 27px 0}
.sl__logo2 { margin: 0}
.sl__logo3 { margin: 40px 0}



/* AWARDS - OCEENI - AKREDITACE */

.sa__img { margin: 20px auto;}
.section__awards { background-image: url(../img/award/bg.jpg); padding: 100px 0}

@media only screen and (max-width: 990px) {
   .section__awards { padding: 30px 0}
}


.contacts .sheet { width: 100%; min-height: 50px; background-image: linear-gradient(180deg, #FFF 0%,#F5F5F5 33%,#ccc 100%);
    margin: 0px; padding:20px; -webkit-border-radius: 5px; border-radius: 5px; box-shadow: -1px 1px 2px rgba(0,0,0,0.3); text-align: left;
}
.contacts .name { text-transform: uppercase; font-weight: 600; }
.contacts select {margin: 10px}


.contacts .vizitka { width: 100%; min-height: 200px; background-image: linear-gradient(180deg, #FFF 0%,#F5F5F5 33%,#ccc 100%); float: left;
  margin: 30px 0; -webkit-border-radius: 5px; border-radius: 5px; box-shadow: -1px 1px 2px rgba(0,0,0,0.3); text-decoration: none; text-align: left; padding: 25px 10px;
}
.contacts .vizitka .telefon { max-height: 250px; margin: auto; padding:25px;}
.contacts .vizitka .img { margin: 10px 0 5px; text-align: center}
.contacts .vizitka .img img { height: 150px; margin: auto;}
.contacts .vizitka h4 { color: #337ab7; font-size: 24px; margin: 0 0 5px 20px;}
.contacts .vizitka p { color: #333; font-size: 14px; margin: 0 0 5px 20px; font-weight: 100}
.contacts .formular {padding: 20px 20px 0 0;}
 
    
.contacts .table.nejcastejsi {width:75%; margin: auto}
@media only screen and (max-width: 500px) {
    .contacts .table.nejcastejsi {width:100%;}
    .contacts .table.nejcastejsi td { display: block; width: 100%; padding: 3px; border: 0; }
    .contacts .table.nejcastejsi tr { border-bottom: 1px solid #CCC; }
    .contacts .col-xs-12 {padding: 0;}
    .contacts .vizitka {padding: 10px 5px; margin: 10px 0;}
    .contacts .vizitka.hmin330 { min-height: 200px !important; }
    .contacts .table.kontakty td { display: block; width: 100%; padding: 1px; border: 0; }
    .contacts .table.kontakty th { display: none; }
    .contacts .table.kontakty tr { border-bottom: 1px solid #CCC; }
}   
.contacts .mapa {-webkit-filter: grayscale(100%); filter: grayscale(100%);}

.contacts .selected-row { background-color: #6293C8; color: #FFF; font-size: 16px; text-transform: uppercase;}
.contacts .selected-row:hover { background-color: #6293C8; color: #FFF; font-size: 16px; text-transform: uppercase;}

 
.amb-popisek {margin-left: 65px; font-size: 17px; line-height: 17px; display: block}
.amb-vizitka {margin: 10px 0;}


.amb-tabulka {margin: auto; float: unset;}
.amb-kontakty {text-align: left}
.amb-kontakty p {margin:8px}
.amb-oddeleni {text-align: center}
.vizitka.amb-oddeleni .img img { width: 200px; height:auto; }
.amb-omezeni {color:#D50304}

/* DEPARTMENTS - oddeleni */
 

.departments .label { width: 100%; min-height: 320px; background-image: linear-gradient(180deg, #FFF 0%,#F5F5F5 33%,#ccc 100%); cursor: pointer; float: left; white-space: normal;
    margin-top: 10px; -webkit-border-radius: 5px; border-radius: 5px; box-shadow: -1px 1px 2px rgba(0,0,0,0.3); text-decoration: none; text-align: left; padding: 0;
}
.departments .label:hover { box-shadow: -1px 2px 3px rgba(0,0,0,0.3); }
.departments .img { width: 100%; height: 220px; overflow: hidden; margin: 0px 0 5px; border-top-left-radius: 5px;  border-top-right-radius: 5px;}
.departments .img img { margin: auto;}
.departments a { text-decoration: none; }
.departments h4 { color: #337ab7; font-size: 18px; margin: 0 10px 5px 20px;}
.departments p { color: #333; font-size: 14px; margin: 0 10px 5px 20px; font-weight: 100}

.departments h3 { margin-bottom: 5px;}
.departments .subdepartment { border-top: 1px solid #ccc; padding-top: 20px; margin-bottom:40px;}
.departments .subdepartment.sd1 { background-image: linear-gradient(180deg, #87AA8B 0%,#FFF 30%); }
.departments .subdepartment.sd2 { background-image: linear-gradient(180deg, #2F73BC 0%,#FFF 30%); }
.departments .subdepartment.sd3 { background-image: linear-gradient(180deg, #CAA6D4 0%,#FFF 30%); }
.departments .subdepartment.sd4 { background-image: linear-gradient(180deg, #C0C0C0 0%,#FFF 30%); }
 
@media only screen and (max-width: 500px) {
    .departments .subdepartment { padding-top: 0px; margin-bottom: 0px; }
    .departments .label { min-height: 240px; text-align: center; }
    .departments .img { height: 170px; }
    .departments h4 { margin: 0 0 5px 0; }
    .departments p { margin: 0 0 10px 0; }
}
    
  .map .label { width: 100%; min-height: 200px; background-image: linear-gradient(180deg, #FFF 0%,#F5F5F5 33%,#ccc 100%); cursor: pointer; float: left;
    margin-top: 10px; -webkit-border-radius: 5px; border-radius: 5px; box-shadow: -1px 1px 2px rgba(0,0,0,0.3); text-decoration: none; text-align: left; padding: 0;
  }
  .map .label:hover { box-shadow: -1px 2px 3px rgba(0,0,0,0.3); }
  .map .img { width: 100%; height: 150px; overflow: hidden; margin: 10px 0 5px;}
  .map .img img { width: 100%; margin: auto;}
  .map h4 { color: #337ab7; font-size: 18px; margin: 0 0 5px 20px;}
  .map p { color: #333; font-size: 14px; margin: 0 0 5px 20px; font-weight: 100}

  
  
.labels-oddeleni { margin-top: 10px;}

/* NAVIGACE - DROP DOWN */

.dropdown-itm { display: block; width: 100%; padding: 5px 10px; margin: 2px;  clear: both; font-weight: 400;
    color: #000; white-space: nowrap; background-color: rgba(0,0,0,0.2); border-radius: 5px; text-decoration: none !important; }
.dropdown-itm:hover { background-color: rgba(0,0,0,0.5); color:#FFF; }
.dropdown-itm.active { background-color: rgba(0,0,0,0.5); color:#FFF; }
.dropdown-itm.first { font-size:17px; font-weight: bold }
.dropdown-itm.l30 { padding-left:30px; }
.dropdown-start-button { float: right; background-color: rgba(0,0,0,0.3); border-radius: 5px; height: 30px; width: 30px;
    text-align: center; color: #FFF; margin: 5px; font-size: 24px; clear:both;}
.dropdown-start-text { font-size: 17px; line-height: 39px; color: #000; }
.dropdown-start { display: block; text-decoration: none !important; cursor: pointer; min-height: 40px; }

.desktop { display: block; }
.mobil { display: none; }
@media only screen and (max-width: 630px) {
    .desktop { display: none; }
    .mobil { display: block; }
}


@media only screen and (max-width: 500px) {
    .galerie .container { padding-right: 0; padding-left: 0}
    .galerie .foto-frame { margin: 5px 5px; height: auto; }
    .galerie .foto-frame .img-box { height: auto; overflow: unset; }
}

@media only screen and (max-width: 500px) {
    .dotaznik .table { width: auto; }
}  

.box_img { width: 100%; height: 250px; background-color: #FFF; overflow: hidden; }
.box_img .img { width: 100%; height: 100%; position: relative; display: block; }
.box_img .img>img { min-width: 100%; min-height: 100%; max-height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; }
.box_img.nahled { height: 100px;}



.link:before {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url(../img/icon-link.png);
  position: absolute;
  left: 3px;
  top: 4px;
}

.link.link-document:before {
  background-image: url(../img/icon-document.png);
}

.link {
  position: relative;
  padding-left: 36px;
  line-height: 24px;
  display: block;
}

.ml-5 { margin-left: 5px }
.ml-10 { margin-left: 10px }
.ml-20 { margin-left: 20px }
.ml-30 { margin-left: 30px }
.ml-40 { margin-left: 40px }

.documents .glyphicon { font-size:22px; color: #337ab7; }

      
/******************************/
/*    GALERIE - VIEWBOX       */
/******************************/

.gal-item .gal-glass { display: none; position: absolute; top: 50%; left: 50%; z-index: 1; transform: translateY(-50%) translateX(-50%); }
.gal-item:hover .gal-glass { display: block; }
.gal-item .gal-glass span { font-size: 25px; font-weight: 600; font-family: Arial,sans-serif; color: rgba(0,0,0,0.5); border: 2px solid rgba(0,0,0,0.5); padding: 3px 10px 3px; border-radius: 50%; }
.gal-item { width:100%; position: relative; overflow: hidden; cursor: pointer; margin: 20px 0; border-radius: 8px; border: 1px solid #ddd; }
.gal-item:hover { border-color: #ccc; }
.gal-item .gal-img img { min-width: 100%; max-height: 100%; position: absolute; left: 0; right: 0; object-fit: cover; border-radius: 10px; }
.gal-item--h100 { min-height:500px; }
.gal-item--h250 { min-height:326px; }
.gal-item--h33 { min-height:240px;}
.gal-desc { top: -15px; position: relative; }
.galery-viewbox a:hover { text-decoration: none; }

/**********************************/
/*       breadcrumb               */
/**********************************/

.breadcrumb-item {
  border: 1px solid #CCC;
  border-radius: 4px;
  padding: 4px 10px;
}
.breadcrumb-item:hover {
  border-color: #666;
  text-decoration: none;
}


/**********************************/
/*       development              */
/**********************************/
.not-active {
  background: red;
  color: white;
}


<style>
.timeline p {
    font-size: 18px !important;
    color: #666 !important;
    margin-bottom: 20px;
}
.timeline h3:before {
    content: "";
    display: block;
    border: 2px solid #aaa;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    top: 17px;
    left: -40px;
    position: absolute;
}
.timeline h3 {
    color: #004d90 !important;
    font-size: 30px !important;
    text-transform: uppercase;
    margin-top: 20px !important;
    margin-bottom: 10px !important;
    position: relative;
}
.timeline tr td:nth-child(2n):before {
    content: "";
    display: block;
    width: 1px;
    left: -34px;
    top: 60px;
    bottom: -30px;
    position: absolute;
    background-color: #aaa;
}
.timeline tr td:nth-child(2n) {
    position: relative;
    border-bottom: 1px solid #aaa;
}
.timeline tr td h4:before {
    border-left: 10px solid rgba(100,100,100,0.75);
    border-top: 19px solid transparent;
    border-bottom: 19px solid transparent;
    content: "";
    height: 0;
    top: 0;
    position: absolute;
    right: -10px;
    width: 0;
}
.timeline tr td h4 {
    background: rgba(100,100,100,0.75);
    display: inline-block;
    height: 38px;
    margin-left: 20px;
    margin-top: 20px;
    margin-right: 80px;
    position: relative;
    width: 90px;
    font-family: Oswald,Arial,sans-serif;
    font-size: 21px !important;
    font-weight: 400 !important;
    line-height: 37px !important;
    box-shadow: none !important;
    color: #fff !important;
    text-align: center;
}
</style>