/* OBECNE DEFINICE */
* {box-sizing: border-box}
body {margin: 0; padding: 0 0 16px; font-family: sans-serif; background-color: #cde; text-align: center}
img {border: none}
a {color: #22c}
a[href^="mailto:"] {color: #700}
a[href^="tel:"] {color: #070}
a:hover, a:focus, a:active {text-decoration: none}
h1 a, h2 a {font-size: 80%; text-decoration: none; color: #000}
h1 a:hover, h2 a:hover {color: #55f; text-decoration: underline}
#hornicast, #verze, #copy, .ikona, .tlacitko, #hornicast input[disabled] {/*user-select: none;*/ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; cursor: default}
.jenmobil {display: none}
.inlineicon {width: 1em; height: 1em; vertical-align: bottom}

/* ZAHLAVI */
#hornicast {width: 100%; height: 192px; margin-bottom: 64px; background-image: url('./imgs/nadpis.jpg'); background-repeat: no-repeat; } /* top: 0px; position: fixed; right: 0; */
#zahlavi {height: 192px; text-align: left; margin: 0 5%}
#zahlavi h1 {margin: 0; padding: 32px 0 39px; text-shadow: 0 0 3px #fff, 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff}

/* ZAHLAVI > HLEDACI POLE */
#hledani {display: inline-block; margin: 0; padding: 0; vertical-align: text-top; box-shadow: 0 0 16px #000}
#hledani input {margin: 0; border: none; padding: 12px 16px; font-size: initial}
#hlpole {background-color: #fff}
#hltlac {background-color: #ddd}

/* ZAHLAVI > PRIHLASOVACI POLE */
#prihlaseni {margin: 24px 0 0; vertical-align: text-top; float: right; background-color: #eee; width: 25%; box-shadow: 0 0 16px #000}
#prihlaseni input {margin: 0; border: none; padding: 12px 16px; font-size: initial}
#jmeno {background-color: #fff; width: 100%}
#heslo {background-color: #fff; width: 100%}
#prihlaseni span {display: inline-block; width: 50%; text-align: center}
#prtlac {background-color: #ddd; width: 50%}

/* NAVIGACNI MENU */
#lista {clear: both; position: relative; top: 0; left: 0; width: 100%; height: 48px; background-color: #333; background-color: rgba(0, 0, 0, 0.8); white-space: nowrap}
#lista div {display: inline-block; width: 15%; height: 48px; overflow: hidden; vertical-align: text-top}
#lista div:hover {overflow: visible}
#lista div a {display: block; width: 100%; height: 48px; line-height: 48px; text-decoration: none; color: #ccc; overflow: hidden}
#lista div:hover a {background-color: #000}
#lista div a:hover {background-color: #ddd; color: #333}
#lista div a[target="_blank"] {text-decoration: underline; color: #55f}
#lista div a.menu {width: 150%}

/* HLAVNI BLOKY OBSAHU */
.obsah {margin: 16px auto; padding: 16px; width: 90%; text-align: left; background-color: #fff; box-shadow: 0 0 16px #000}
.obsah:target {outline: solid 2px #00f}
.obsah#zacatek:target {outline: none}
svg.obsah, img.obsah {height: auto; display: block; padding: 0}

/* PATKA WEBU */
#verze {margin: 0 0 16px; padding: 0}
#verze input:hover, #verze input:focus, #verze input:active {text-decoration: none}
#verze input {display: inline; border: none; background: none; font-size: initial; color: #22c; text-decoration: underline; cursor: pointer; margin: 0; padding: 0; vertical-align: baseline}
#copy {color: #777}

/* HLASENI */
.hlaseni {position: fixed; top: 64px; left: 64px; right: 64px; border: solid 4px; font-size: 300%; display: none; padding: 8px; z-index: 1000000}
#hlasenichyba {background-color: #f00; border-color: #700; color: #700}
#hlasenihotovo {background-color: #0f7; border-color: #073; color: #073}
#hlaseniinformace {background-color: #ff0; border-color: #770; color: #770}

/* NASTROJE PRO EDITACI */
#cemoznosti {display: none; position: fixed; top: 256px; left: 32px; border: solid 1px #666; background-color: #ccc; vertical-align: top}
#cemoznosti div {display: inline-block; margin: 4px; width: 32px; height: 32px; vertical-align: top; border: outset 1px #ddd; cursor: pointer}
#cemoznosti span {display: inline-block; margin: 4px; height: 32px; line-height: 32px; background-color: #ff7; vertical-align: top; padding: 0 4px}
#cemoznosti u {border: outset 1px #ccc; padding: 2px; cursor: pointer; color: #55f}
#cetucne {background-image: url('/tucne.png')}
#cekurziva {background-image: url('/kurziva.png')}
#ceodkaz {background-image: url('/odkaz.png')}
#cenahrat {background-image: url('/nahrat.png')}

/* IKONY */
.plovouci {float: right}
.ikona {display: inline-block; text-align: center; margin: 8px; text-decoration: none; color: #000; vertical-align: top}
.ikona img {display: block; margin: 0 auto 4px; width: 48px; height: 48px}

/* TABULKY */
td.cislo {text-align: right}
table.polotlusta {border-style: solid; border-width: 2px; border-color: #000; border-collapse: collapse; border-spacing: 0}
table.polotlusta td, table.polotlusta th {border-style: solid; border-width: 1px 2px; border-color: #000; padding: 8px}
tr.prvniradek td, tr.prvniradek th {border-top-width: 2px}

/* OSTATNI CASTI OBSAHU */
.tlacitko {background-color: #ccc; display: inline-block; line-height: 24px; padding: 0 8px; color: #000; text-decoration: none; box-shadow: 2px 2px 4px #000}
input.tlacitko {border: none; font-size: initial; cursor: pointer}
.scroll {width: 100%; height: 80vh; overflow: auto; border: inset 4px #ccc}
.lupa {width: 100%; cursor: -webkit-zoom-in; cursor: -moz-zoom-in}
.nelupa {cursor: -webkit-zoom-out; cursor: -moz-zoom-out}
.mezery li {margin-bottom: 16px}
.kratky {margin-right: 16%}
.odsazeny {text-indent: 2em}
.predsazeny {padding-left: 2em; text-indent: -2em}
.predsazeny * {text-indent: 0em}
.predsazeny span {display: inline-block; width: 2em}
.zarovnany {text-align: justify}
.bezmezer, .bezmezer tr, .bezmezer td, .bezmezer tbody {margin: 0; padding: 0}
.varovani {border: solid 1px black; padding: 1em; margin: 1em 0; font-weight: bold}

/* POUZE DOMOVSKA STRANKA */
body#home .ikona {visibility: hidden}
body#home .obsah:hover .ikona {visibility: visible}
body#home .data {font-size: 80%; color: #777; margin: -16px 0 16px}
body#home .pata_leva {float: left; display: block}
body#home .pata_prava {float: right; display: block}
body#home .pata_stred {text-align: center; display: block}
body#homesmazat .data {font-size: 80%; color: #777}
body#homearchiv .data {font-size: 80%; color: #777}
body#homearchiv .pata {text-align: center; display: block}

/* POUZE HLEDACI STRANKA */
body#hlvysl .pole {height: 32px; line-height: 32px; padding: 0 32px}
body#hlvysl .hledaci {width: 50%; margin-bottom: 16px}
body#hlvysl .vysledek {text-decoration: none; display: block}
body#hlvysl .nazev {font-size: 150%; text-decoration: underline; color: #55f}
body#hlvysl .adresa {text-decoration: none; color: #070}
body#hlvysl .popis {text-decoration: none; color: #000; max-height: 8em; overflow: hidden}
body#hlvysl .popis:hover {overflow: auto}
body#hlvysl .data {font-size: 80%; color: #777; vertical-align: top}

/* POUZE STRANKA SE STANOVAMI */
body#stanovy h2, body#stanovy h3 {clear: both; text-align: center}
body#stanovy h2 span, body#stanovy h3 span {display: block; font-weight: normal}

/* POUZE STRANKA S PREHLEDEM PROSTOR */
body#prostory .sede {color: #bbb}
body#prostory .stav {display: inline-block; width: 12px; height: 12px; border-radius: 6px; margin-right: 4px; box-shadow: 1px 1px 2px #fff inset, -1px -1px 2px #000 inset}
body#prostory .kpronajmu {background-color: #0b0}
body#prostory .docasne {background-color: #b00}
body#prostory .trvale {background-color: #bbb}
body#prostory .pronajato {background-color: #f00}
body#prostory .vyuzito {background-color: #bbb}
body#prostory .wc {background-color: #bbb}

/* DIALOGY - COMING SOON */
@keyframes nacitani {
0% {background-color: #afb; background: -ms-linear-gradient(top, #afb 0%,#7c8 50%,#495 50%,#7c8 100%); background: linear-gradient(to bottom, #afb 0%,#7c8 50%,#495 50%,#7c8 100%)}
25% {background-color: #9ea; background: -ms-linear-gradient(top, #9ea 0%,#6b7 50%,#384 50%,#6b7 100%); background: linear-gradient(to bottom, #9ea 0%,#6b7 50%,#384 50%,#6b7 100%)}
50% {background-color: #8d9; background: -ms-linear-gradient(top, #8d9 0%,#5a6 50%,#273 50%,#5a6 100%); background: linear-gradient(to bottom, #8d9 0%,#5a6 50%,#273 50%,#5a6 100%)}
75% {background-color: #7c8; background: -ms-linear-gradient(top, #7c8 0%,#495 50%,#162 50%,#495 100%); background: linear-gradient(to bottom, #7c8 0%,#495 50%,#162 50%,#495 100%)}
100% {background-color: #6b7; background: -ms-linear-gradient(top, #6b7 0%,#384 50%,#051 50%,#384 100%); background: linear-gradient(to bottom, #6b7 0%,#384 50%,#051 50%,#384 100%)}
}
@-webkit-keyframes nacitani {
0% {background-color: #afb; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#afb), color-stop(50%,#7c8), color-stop(50%,#495), color-stop(100%,#7c8)); background: -webkit-linear-gradient(top, #afb 0%,#7c8 50%,#495 50%,#7c8 100%)}
25% {background-color: #9ea; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9ea), color-stop(50%,#6b7), color-stop(50%,#384), color-stop(100%,#6b7)); background: -webkit-linear-gradient(top, #9ea 0%,#6b7 50%,#384 50%,#6b7 100%)}
50% {background-color: #8d9; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8d9), color-stop(50%,#5a6), color-stop(50%,#273), color-stop(100%,#5a6)); background: -webkit-linear-gradient(top, #8d9 0%,#5a6 50%,#273 50%,#5a6 100%)}
75% {background-color: #7c8; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7c8), color-stop(50%,#495), color-stop(50%,#162), color-stop(100%,#495)); background: -webkit-linear-gradient(top, #7c8 0%,#495 50%,#162 50%,#495 100%)}
100% {background-color: #6b7; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b7), color-stop(50%,#384), color-stop(50%,#051), color-stop(100%,#384)); background: -webkit-linear-gradient(top, #6b7 0%,#384 50%,#051 50%,#384 100%)}
}
@-moz-keyframes nacitani {
0% {background-color: #afb; background: -moz-linear-gradient(top, #afb 0%, #7c8 50%, #495 50%, #7c8 100%)}
25% {background-color: #9ea; background: -moz-linear-gradient(top, #9ea 0%, #6b7 50%, #384 50%, #6b7 100%)}
50% {background-color: #8d9; background: -moz-linear-gradient(top, #8d9 0%, #5a6 50%, #273 50%, #5a6 100%)}
75% {background-color: #7c8; background: -moz-linear-gradient(top, #7c8 0%, #495 50%, #162 50%, #495 100%)}
100% {background-color: #6b7; background: -moz-linear-gradient(top, #6b7 0%, #384 50%, #051 50%, #384 100%)}
}
@-o-keyframes nacitani {
0% {background-color: #afb; background: -o-linear-gradient(top, #afb 0%,#7c8 50%,#495 50%,#7c8 100%)}
25% {background-color: #9ea; background: -o-linear-gradient(top, #9ea 0%,#6b7 50%,#384 50%,#6b7 100%)}
50% {background-color: #8d9; background: -o-linear-gradient(top, #8d9 0%,#5a6 50%,#273 50%,#5a6 100%)}
75% {background-color: #7c8; background: -o-linear-gradient(top, #7c8 0%,#495 50%,#162 50%,#495 100%)}
100% {background-color: #6b7; background: -o-linear-gradient(top, #6b7 0%,#384 50%,#051 50%,#384 100%)}
}
* {box-sizing: border-box; font-family: sans-serif}
.okno {border-radius: 4px; box-shadow: 1px 1px 8px #000; overflow: hidden; -webkit-user-select: none; position: fixed; display: inline-block; text-align: center}
.okno-nazev {width: 100%; padding: 4px; line-height: 1em; cursor: default; letter-spacing: 0.5px}
.okno-ok .okno-nazev {color: #000; background-color: #bdf; background: linear-gradient(to bottom, #bdf 0%,#8ac 50%,#579 50%,#8ac 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bdf), color-stop(50%,#8ac), color-stop(50%,#579), color-stop(100%,#8ac)); background: -webkit-linear-gradient(top, #bdf 0%,#8ac 50%,#579 50%,#8ac 100%); background: -moz-linear-gradient(top, #bdf 0%, #8ac 50%, #579 50%, #8ac 100%); background: -o-linear-gradient(top, #bdf 0%,#8ac 50%,#579 50%,#8ac 100%); background: -ms-linear-gradient(top, #bdf 0%,#8ac 50%,#579 50%,#8ac 100%)}
.okno-fail .okno-nazev {color: #ddd; background-color: #f66; background: linear-gradient(to bottom, #f66 0%,#c33 50%,#900 50%,#c33 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f66), color-stop(50%,#c33), color-stop(50%,#900), color-stop(100%,#c33)); background: -webkit-linear-gradient(top, #f66 0%,#c33 50%,#900 50%,#c33 100%); background: -moz-linear-gradient(top, #f66 0%, #c33 50%, #900 50%, #c33 100%); background: -o-linear-gradient(top, #f66 0%,#c33 50%,#900 50%,#c33 100%); background: -ms-linear-gradient(top, #f66 0%,#c33 50%,#900 50%,#c33 100%)}
.okno-nacitani .okno-nazev {color: #000; background-color: #6f9; animation: nacitani 0.5s linear 0s infinite alternate; -webkit-animation: nacitani 0.5s linear 0s infinite alternate; -moz-animation: nacitani 0.5s linear 0s infinite alternate; -o-animation: nacitani 0.5s linear 0s infinite alternate}
.okno-zavrit {margin: 4px 4px 0 0; float: right; line-height: 1em; width: 1em; display: inline-block; background-color: #700; cursor: pointer; color: #fff; border-radius: 100%; background: -moz-linear-gradient(top, #a33 0%, #700 50%, #579 50%, #700 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a33), color-stop(50%,#700), color-stop(50%,#579), color-stop(100%,#700)); background: -webkit-linear-gradient(top, #a33 0%,#700 50%,#579 50%,#700 100%); background: -o-linear-gradient(top, #a33 0%,#700 50%,#579 50%,#700 100%); background: -ms-linear-gradient(top, #a33 0%,#700 50%,#579 50%,#700 100%); background: linear-gradient(to bottom, #a33 0%,#700 50%,#400 50%,#700 100%)}
.okno-obsah {clear: both; padding: 12px 16px; background-color: #ccc}