.tl {text-align: left;}
.tl a {background-color: #343942; color: #fff; padding: 12px 55px; text-transform: uppercase; text-decoration: none; display: inline-block;}
.tl a:hover {background-color: #393F48;}

/******** hlavicka *********************************/
#hlavicka {background: #eeeeee url(../layout/bgBody.jpg) no-repeat scroll center bottom; width: 100%; height: 530px; overflow: visible; position: relative;
  transition: top 0.4s; /* Transition effect when sliding down (and up) */
  z-index: 200;
}
#hlavicka .wrapper {position: relative; z-index: 91; }
#boxZnakBilskoLoucka {width: 392px; height: 393px; position: absolute; top: 60px; left:0; right: 0; margin: 0 auto; z-index: 92;background: transparent url(../layout/znakBilskoLoucka.png) no-repeat scroll left 0 top 0;}
#hlavicka .hlavickaTop {background-color: #fff; padding: 14px 0;}
#hlavicka .hlavickaTop .wrapper {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-justify-content:space-between;justify-content:space-between; -ms-align-items:center;align-items: center;}

#hlavicka .boxRychlyKontakt {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-justify-content:space-between;justify-content:space-between; -ms-align-items:center;align-items: center;}
#hlavicka .boxRychlyKontakt a {text-decoration: none;}
#hlavicka .boxRychlyKontakt  a {padding: 0 0 0 30px;}
#hlavicka .boxRychlyKontakt .tel a {background: transparent url(../layout/bgTelefon.png) no-repeat scroll left 0 center; background-size: auto 22px; font-size: 110%; display: block;}
#hlavicka .boxRychlyKontakt .tel a span {position: relative; top: -2px;}
#hlavicka .boxRychlyKontakt .email a {background: transparent url(../layout/bgEmail.png) no-repeat scroll left 0 center; background-size: auto 22px; margin: 0 0 0 45px;}

#hlavicka .hlavickaBottom {position: absolute; bottom: 0px; width: 100%; z-index: 112;}

#logo {padding: 0; margin: 0; width: 186px;}
#logo a {display: block; width: 100%; text-decoration: none; line-height: 50%;}
/**********************************************/

#hlavniMenu {margin: 0; background-color: #175f9a; }
#boxMenuContent > ul {margin: 0 ; padding: 0; line-height: 90px; text-align: center;}
#boxMenuContent > ul > li {list-style: none url(); padding: 0 35px; display: inline-block;}
#boxMenuContent > ul > li:first-child {padding-left: 0;}
#boxMenuContent > ul > li:last-child { padding-right: 0;}
#boxMenuContent > ul > li > a {line-height: 90px;  display: block; text-decoration: none; font-size: 110%; position: relative; padding: 0; color: #fff; background-color: transparent; text-transform: uppercase; font-weight: bold;}

#boxMenuContent > ul > li > a:before {position: absolute;bottom: 0px;height: 5px;content: '';width: 0;left: 50%;transform: translateX(-50%);background: #000;transition: all .3s;}
#boxMenuContent > ul > li > a:focus,#boxMenuContent > ul > li > a:hover {background:0 0;}
#boxMenuContent > ul > li > a:focus:before,#boxMenuContent > ul > li > a:hover:before,#boxMenuContent > ul > li > a.aktivni:before {width:calc(100%);}

/******************************************************/
#hlavniObsah {position: relative; z-index: 90;}

.boxZakladni .boxZakladniContent {background-color: #fff;}
.boxZakladni .boxZakladniContent {padding: 50px 50px 50px;}


.podstrana #hlavicka {height: 360px; background-position: center top -70px;}
.podstrana #boxZnakBilskoLoucka {background-size: 202px auto; width: 202px; height: 203px; top: 70px;}

/******************************************************/

#drobeckova-navigace {padding: 0 0 0px; font-size: 100%;}

.boxKontakt ul.icon-list {margin: 0 0 20px;}
.boxKontakt ul.icon-list li {list-style: none;}
.boxKontakt ul.icon-list .icon-item {padding: 0 0 0 35px; line-height: 22px;}
.boxKontakt ul.icon-list .icon-phone {background: transparent url(../layout/bgTelefon.png) no-repeat scroll left 0 center; background-size: auto 22px;}
.boxKontakt ul.icon-list .icon-phone a {position: relative; top: -2px;}
.boxKontakt ul.icon-list .icon-contact {background: transparent url(../layout/bgEmail.png) no-repeat scroll left 0 center; background-size: auto 22px;}


/******************************************************/
#paticka {background-color: #2d3139; color: #eee;padding: 50px 0 50px;}
#paticka a {color: #fff;}

#paticka .patickaTop {padding: 0 50px; display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-justify-content:space-between;justify-content:space-between; -ms-align-items:center;align-items: center;}



#paticka .box1  {width: 15%;}
#paticka .box2  {width: 40%; padding: 0 0 0 1%;}
#paticka .box3  {width: 45%;text-align: right; padding: 0 0 0 1%;}

#paticka div.p, #paticka address, #paticka .boxInformace ul {line-height: 160%; padding: 0 0 15px;}

#paticka .box1 ul {margin: 0;}

#paticka .box2 {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-justify-content:space-evenly;justify-content:space-evenly;}

#paticka .boxInformace ul {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-justify-content:right;justify-content:right; margin: 0;}
#paticka .boxInformace li {margin: 0 0 0 10px;}
#paticka .boxInformace li:before {content: "·";text-align: center;}
#paticka .boxInformace li:first-of-type:before {content: "";}
#paticka .boxInformace li a {display: inline-block; margin: 0 8px 0 15px;}

#paticka .box3 li:last-of-type, #paticka .box3 li:last-of-type a {margin-right: 0;}

/******************************************************/

.boxLoading {background: rgba( 255, 255, 255, .8 ) url('../layout/jqueryLoader.gif') 50% 500px no-repeat; display: none;height: 100%;position: absolute;top: 0;width: 100%;z-index: 299;}
div.nacist_dalsi {margin: 10px 0;}
div.nacist_dalsi a {background: #343942 url('../layout/bgDalsi.png') left 50% bottom 12px no-repeat; padding: 12px 55px 35px; }
div.nacist_dalsi_loading a {background: #343942 url('../layout/ajax-loader.gif') left 50% bottom 12px no-repeat;}

div.strankovani {line-height: 26px;margin: 30px 0 0 0;padding: 0;text-align: center;}
div.strankovani b, div.strankovani a, div.strankovani span {padding: 3px 7px;text-decoration: none; border: solid 1px #ddd; color: #2C2C2C; display: inline-block;}
div.strankovani b {background-color: #eee;}
div.strankovani a:hover {color: #2C2C2C;}

/******************************************************/
.boxAktuality .boxAktualityPolozka {padding: 0 0 45px;}
.boxAktuality .boxAktualityPolozkaObsah {float: left; width: 70%;}
.boxAktuality .boxAktualityPolozkaImg {float: right; width: 27%;}
.boxAktuality .boxAktualityPolozkaObsahCelaSirka {width: 100%;}
.boxAktuality .boxAktualityPolozka h2 {padding: 0 0 5px;}
.boxAktuality .boxAktualityPolozka .datum {padding: 0 0 5px; color: #393F48;}
.boxAktuality .boxAktualityPolozkaText {padding: 15px 0 10px;}

/******************************************************/
.boxDokumentyPolozka {border: solid 1px #ddd; margin: 0 0 20px; background-color: #eee; display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-justify-content:left;justify-content:left;}
.boxDokumentyPolozka .boxDokumentyPolozkaNadpis {width: 75%; background-color: #fff; padding: 10px 20px; }
.boxDokumentyPolozka .boxDokumentyPolozkaNadpis h2, .boxDokumentyPolozka .boxDokumentyPolozkaNadpis h3 {font-size: 130%; padding: 0 0 3px; line-height: 130%;}
.boxDokumentyPolozka .boxDokumentyPolozkaInfo {width: 24%; padding: 10px 20px; }
.boxDokumentyPolozka .p {padding: 0;}
.boxDokumentyPolozka .boxDokumentyPolozkaInfo strong {display: inline-block; width: 100px; text-align: right; padding: 0 3px 0 0;}

.dokumenty-detail table h3 {padding: 2px 0;}

/******************************************************/
.galerie-fotky {padding: 0 0 20px 0; display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-justify-content:left;justify-content:left; }
.galerie-fotky .polozka {width: 19%; margin: 0 1% 1% 0; line-height: 70%;}
.galerie-fotky .polozka img {}
.my-gallery figcaption {display: none;}

.boxGaleriePolozka {padding: 0; margin: 0 0 20px; }
.boxGaleriePolozka p {padding: 0 0 15px; line-height: 160%;}

/******************************************************/
div.text .boxSkupiny ul {margin: 0; padding: 0;}
div.text .boxSkupiny li {margin: 0 5px 10px 0; padding: 0; display: inline-block; background-image: url();}
div.text .boxSkupiny li a {border: solid 1px #393F48; border-radius: 0; padding: 5px 15px; display: inline-block; text-decoration: none;}
div.text .boxSkupiny li.aktivni a, div.text .boxSkupiny li a:hover {color: #fff; background-color: #393F48;}

.boxZakladniProjekty {margin: 30px 0 0;}