.tl {text-align: center;}
.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-color: #fff; width: 100%; height: 110px; overflow: visible; box-shadow: 0px 0px 8px rgba(0,0,0, .2);
  position: fixed; /* Make it stick/fixed */
  top: 0; /* Stay on top */
  width: 100%; /* Full width */
  transition: top 0.4s; /* Transition effect when sliding down (and up) */
  z-index: 200;
}
#hlavicka .wrapper {position: relative; z-index: 91; }

div.nav-up {top: -136px !important;}

#logo {padding: 0; margin: 0; position: absolute; z-index: 111; top: 5px; left: 0;}
#logo a {display: block; width: 100%; position: relative; z-index: 111; text-decoration: none;}
#logo a .content {position: absolute; top: 20px; left: 125px; line-height: 150%;}
#logo a .content span {color: #000;}
#logo a .content .nazev1 {white-space: nowrap; font-size: 190%;}
#logo a .content .nazev1 strong {font-weight: 700;}
#logo a .content .nazev2 {white-space: nowrap; font-size: 100%; font-weight: 300;}
/**********************************************/

#boxMenuLeft, #boxMenuRight, #boxMenuContent {float: left;}
#boxMenuLeft    {width: 13px; height: 59px; background: #343942 url(../layout/bgMenuLeft.gif) no-repeat scroll left 0 top 0;}
#boxMenuRight   {width: 13px; height: 59px; background: #343942 url(../layout/bgMenuRight.gif) no-repeat scroll left 0 top 0;}
#boxMenuContent {height: 59px; background: #343942 url(../layout/bgMenu.gif) repeat-x scroll left 0 top 0; padding: 0 40px;}

#hlavniMenu {margin: 0 0 0 auto; position: absolute; top: 23px; right: -13px; z-index: 112;}
#boxMenuContent > ul {margin: 0 ; padding: 0; line-height: 59px;}
#boxMenuContent > ul > li {list-style: none url(); padding: 0 15px; display: inline-block;}
#boxMenuContent > ul > li:first-child {padding-left: 0;}
#boxMenuContent > ul > li:last-child { padding-right: 0;}
#boxMenuContent > ul > li > a { display: block; text-decoration: none; font-size: 110%; position: relative; padding: 0; color: #fff; background-color: transparent; text-transform: none; line-height: 55px; height: 59px;}
#boxMenuContent > ul > li > a:hover {text-decoration: underline;}
#boxMenuContent > ul > li > a.aktivni, #boxMenuContent > ul li.aktivni > a {font-weight: bold; text-decoration: underline;}

#boxRychlyKontakt {padding: 110px 0 0 ;}
#boxRychlyKontakt .wrapper {position: relative; z-index: 90; height: 246px;}
#boxRychlyKontakt .content {height: 160px; position: absolute; width: 360px; font-size: 110%; top: 0; bottom: 0; margin:38px 0 0 auto; left: 0; right: 0;}
#boxRychlyKontakt .content {line-height: 150%;}
#boxRychlyKontakt .content .boxTop    {background-color: rgba(234,27,27, 0.95); color: #fff; padding: 15px 0 0px 30px; height: 80px;}
#boxRychlyKontakt .content .boxBottom {background-color: rgba(255,255,255, 0.95);  padding: 12px 0 0px 30px; height: 80px;}
#boxRychlyKontakt .content h2 {font-size: 100%; padding: 0; margin: 0; font-weight: bold;}

#boxRychlyKontakt .content a {color:#000;}
#boxRychlyKontakt .content address {padding: 0; margin: 0; font-size: 90%;}

#boxRychlyKontakt .content .boxBottom div {font-size: 100%;}
#boxRychlyKontakt .content .boxBottom a {color: #000; text-decoration: none;}
#boxRychlyKontakt .content .boxBottom a:hover {text-decoration: underline;}
#boxRychlyKontakt .tel {background: transparent url(../layout/bgTelefon.png) no-repeat scroll left center; padding: 0 0 0 30px;}
#boxRychlyKontakt .email {background: transparent url(../layout/bgEmail.png) no-repeat scroll left center; padding: 0 0 0 30px;}
/******************************************************/
#hlavniObsah {position: relative; z-index: 90;}

.boxZakladni {padding: 0 0 50px;}
.podstrana .boxZakladni {background-color: #fff; padding: 10px 0 30px;}
.boxOLoucce {padding: 30px 0;}
.boxZuzenyText .wrapper {padding-left: 150px; padding-right: 150px;}
.boxCenter .text {text-align: center;}
/******************************************************/

.boxDlazdice #boxAktuality {width: 680px;}
.boxDlazdice #boxOznameni {width: 480px;}
.boxDlazdice .boxContent {background-color: #fff; padding: 20px 20px;}
.boxDlazdice .nadpis, .boxNadpis h1 {font-size: 130%; color: #fff; font-weight: 600; padding: 0 20px; line-height: 50px; height: 50px; overflow: hidden;}
.boxDlazdice .tl {padding: 10px 0 10px;}

.podstrana h1 {margin: 0 0 40px; font-size: 230%; color: #000; padding: 0;}
#drobeckova-navigace {padding: 0 0 0px; font-size: 100%;}

#boxAktuality .nadpis {background-color: #ea1b1b;}
#boxAktuality .boxAktualityPolozka {border-bottom: solid 1px #ddd; margin: 0 0 15px; padding: 0 0 5px;}
#boxAktuality .boxContent h2 {padding: 0 0 10px; margin: 0; font-weight: bold; float: left; width: 540px; font-size: 100%;}
#boxAktuality .boxContent .datum {font-size: 90%; float: right; width: 100px; text-align: right; color: #666; font-weight: 300;}
#boxAktuality .boxContent p {line-height: 150%; padding: 0 0 10px;}
#boxAktuality .boxAktualityPolozkaImg {float: left; width: 100px; padding: 5px 0 0;}
#boxAktuality .boxAktualityPolozkaObsah {float: right; width: 520px;}

#boxPrehledAktualit h2 {float: left; width: 1080px; margin: 0; padding: 0 0 7px;}
#boxPrehledAktualit .datum {float: right; width: 100px; text-align: right; color: #666; font-weight: 300;}
#boxPrehledAktualit .boxAktualityPolozka {border-bottom: solid 1px #ddd; margin: 0 0 15px; padding: 0 0 5px;}
#boxPrehledAktualit .boxAktualityPolozkaImg {float: left; width: 150px; padding: 5px 0 0;}
#boxPrehledAktualit .boxAktualityPolozkaObsah {float: right; width: 1030px;}
#boxAktuality div.boxAktualityPolozkaObsahCelaSirka, #boxPrehledAktualit div.boxAktualityPolozkaObsahCelaSirka {width: 100%}
#boxAktuality .boxAktualityPolozka .tl, #boxPrehledAktualit .boxAktualityPolozka .tl {text-align: right;}
#boxAktuality .boxAktualityPolozka .tl a, #boxPrehledAktualit .boxAktualityPolozka .tl a {padding: 10px 55px}

#boxOznameni .boxUredniDeska .nadpis {background-color: #343942;}
#boxOznameni .boxUredniDeska .boxUredniDeskaPolozka {border-bottom: solid 1px #ddd; margin: 0 0 8px; padding: 0 0 10px;}
#boxOznameni .boxUredniDeska .datum {line-height: 150%; padding: 0 0 0; font-size: 90%; color: #666; font-weight: 300; float: right; width: 100px; text-align: right;}
#boxOznameni .boxUredniDeska h3 {font-size: 100%; line-height: 150%; padding: 0; font-weight: normal; float: left; width: 340px;}

#boxOznameni .boxNejblizsiAkce {margin: 0 0 25px;}
#boxOznameni .boxNejblizsiAkce .nadpis {background-color: #40b519;}
#boxOznameni h3 {font-size: 100%; line-height: 130%;}
#boxOznameni .obsah {float: right; width: 270px;}
#boxOznameni .obsah p {padding: 0 0 15px; line-height: 160%;}
#boxOznameni .obrazek {float: left; width: 150px; padding: 5px 0;}
#boxOznameni .obsahCelaSirka {width: 100%}
/******************************************************/
#paticka {background-color: #2d3139; color: #eee;}
#paticka a {color: #fff;}

#paticka .patickaTop {padding: 40px 0 30px;}
#paticka .patickaTop .boxInformace {width: 600px;}
#paticka .patickaTop h2 {font-size: 180%; padding: 0 0 30px; font-weight: 600;}
#paticka .patickaTop label {font-weight: bold;}
#paticka .patickaTop li {line-height: 180%; padding: 0 0 4px;}
#paticka .patickaTop li a {color: #eee;}
#paticka .patickaTop h3 {padding: 0 0 5px;}
#paticka .patickaTop div.p, #paticka .patickaTop address {line-height: 180%; padding: 0 0 25px;}
#paticka .patickaTop .tableUredniHodiny {margin: 0 0 40px;}
#paticka .patickaTop .tableUredniHodiny td{color: #262930; border:none;}
#paticka .patickaTop .tableUredniHodiny th {color: #fff; border:none; background-color: #5e6066;}
#paticka .patickaTop .tableUredniHodiny tr:first-of-type td {border-bottom:#5e6066 solid 1px;}
#paticka .patickaTop .tableUredniHodiny tr:first-of-type th {border-bottom:#363b45 solid 1px;}

#paticka .patickaTop .boxGalerie {width: 500px;}
#paticka .patickaTop .boxGalerie .content {display: flex; flex-wrap: wrap; justify-content: space-between;}
#paticka .patickaTop .boxGalerie .polozka {margin: 0 0 17px 0; width: 155px; height: 155px;}
#paticka .patickaTop .boxGalerie .hide {display: none;}
#paticka .patickaBottom { padding: 20px 0 23px; text-align: center; background-color: #262930;}
#paticka .patickaBottom .p {padding: 0;}
/******************************************************/
.galerie-fotky {text-align: left;}
.galerie-fotky .boxGaleriePolozka { margin: 0 0 10px;}
.galerie-fotky .boxGaleriePolozka .nadpis {padding: 0 0 10px; font-size: 160%;}
.galerie-fotky .boxGaleriePolozka .nadpis .datum {font-size: 70%;}
.galerie-fotky .polozka, .galerie-fotky .fotkyMene .polozka:last-of-type {float: left; margin: 0px 25px 25px 0; width: 220px; height: 220px; }
.galerie-fotky .polozka:last-of-type, #foto-clanku .polozka:last-of-type {float: right; margin-right: 0;}
.galerie-fotky .polozkaDalsi {}
.galerie-fotky .polozkaDalsi a {height: 100%; text-align: center; display: block; padding: 85px 20px 0 ; border: solid 1px #343942;}
.galerie-fotky .polozkaDalsi a:hover {border-color: #393F48;}

.boxGalerieDetail .boxGalerie {display: grid;grid-template-columns: repeat(auto-fill, 220px);justify-content: space-between; margin: 25px 0 0;}
.boxGalerieDetail .boxGalerie a {display: block; width: 220px; height: 220px; margin: 0 0 25px;}
.boxGalerieDetail .boxLeft {width: 70%;}
.boxGalerieDetail .boxRight {width: 28%}
.boxGalerieDetail .boxRight .tl {text-align: right;}

#boxNejnovejsiGalerie {background-color: #fff; margin: 50px 0 0;}
#boxNejnovejsiGalerie .boxGalerie {position: relative;}
#boxNejnovejsiGalerie h2 {font-size: 130%; background-color: #393F48; padding: 0 20px; line-height: 50px; height: 50px; top: -50px; position: absolute; width: 100%;}
#boxNejnovejsiGalerie h2 a {color: #fff;}
#boxNejnovejsiGalerie ul {margin-bottom: 0; padding: 25px 0 0;}
#boxNejnovejsiGalerie .fotky {padding: 25px 0 0;}

#foto-clanku .polozka {width: 385px; height: 385px; margin: 0 22px 25px 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;}

#boxOdkazy {background-color: #fff; padding: 25px 0; border-top: solid #eee 1px;}
#boxOdkazy .wrapper {display: flex; flex-wrap: nowrap;  justify-content: space-between;}
#boxOdkazy .polozka {height: 100px;}

.boxDokumentyPolozka {border: solid 1px #ddd; margin: 0 0 20px; background-color: #eee;}
.boxDokumentyPolozka .boxDokumentyPolozkaNadpis {width: 948px; 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: 250px; 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;}

.boxKontakt {background-color: #fff;}
.boxKontakt .boxRight {width: 48%; padding: 10px 0 0;}
.boxKontakt .boxLeft {width: 50%; line-height: 100%;}

.box-odpady-polozka {border-bottom: solid 1px #ddd;margin: 0 0 20px;padding: 0 0 15px;}
.box-odpady-polozka .odpady-obsah {float:right; width: 1030px;}
.box-odpady-polozka .odpady-foto {float: left; width: 150px;}

.rozpis_akci .termin {width: 15%;}
.rozpis_akci .misto  {width: 70%; padding-bottom: 0;}
.rozpis_akci .odkaz  {width: 15%; white-space: nowrap;}
.rozpis_akci p {line-height: 160%; padding: 0 0 10px;}

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;}


#boxProjekty .boxZakladniContent .polozka {background-color: #fff; padding: 50px 50px 50px; margin: 0 0 25px;}
#boxProjekty .boxZakladniContent .polozka:last-of-type {margin: 0;}