*
 {
  box-sizing: border-box;
 }

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td
 {
  margin: 0;
  padding: 0;
 }

article, aside, figure, figcaption, footer, header, hgroup, nav, section, summary
 {
  display: block;
 }

html
 {
  height: 100%;
  background-color: var(--barva-pozadi);
  background-image: linear-gradient(var(--barva-pozadi-nahore), var(--barva-pozadi));
  background-repeat: repeat-x;
  height: 400px;
  --barva-pozadi: #012c3f;
  --barva-pozadi-nahore: #032331;
  --barva-textu: #fff;
  --barva-pozadi-grafickeho-prvku: #fff;
  --barva-textu-na-grafickem-prvku: #000;
  --barva-online: #51c151;
  --barva-offline: #fc575b;
  --barva-oddelovacu-v-zahlavi: #415d75;
  --barva-tlacitka-pozadi: #fff;
  --barva-tlacitka-text: #000;
  --barva-tlacitka-ohraniceni: #8b8b8b;
  --barva-tlacitka-ohraniceni-focus: #6e6e6e;
  --barva-tlacitka-vybrano: #fffbcb;
  --barva-tlacitka-stin: rgba(204,204,204,.50);
  --barva-tlacitka-stin-focus: rgba(204,204,204,.90);
  --barva-menu-prechod-neaktivni: linear-gradient(#3ba1fe, #1c82ec);
  --barva-menu-prechod-neaktivni-hover: linear-gradient(#4daaff, #228bf7);
  --barva-menu-prechod-aktivni: linear-gradient(#0075ff, #006ef0);
  --barva-menu-prechod-komunita: linear-gradient(#f5e6ac, #ffe26f);
  --barva-menu-prechod-komunita-aktivni: linear-gradient(#f3c924, #fad02c);
  --barva-menu-text-komunita: #776438;
  --barva-menu-text-komunita-zahlavi: #584822;
  --barva-menu-prechod-komunita-hover: linear-gradient(#f8eab5, #fde68b);
  --barva-menu-prechod-jine: linear-gradient(#315d9d, #1a3d6e);
  --barva-menu-text-jine: #b0c4db;
  --barva-menu-prechod-jine-hover: linear-gradient(#3666ad, #193e72);
  --barva-menu-odkazy: #fff;
  --barva-statistika-textu: #8daac6;
  --barva-statistika-prechod: radial-gradient(circle, #103856, #012c3f);
  --barva-odkazy-jinam-nadpis: #286497;
  --barva-odkazy-jinam-prechod-neaktivni: radial-gradient(#1f457b, #013150);
  --barva-odkazy-jinam-prechod-aktivni: radial-gradient(#234e8c, #013150);
  --barva-odkazy-jinam-prechod-text: #8daac6;
  --barva-odkazy-jinam-prechod-text-hover: #a9c4dd;
  --barva-okenko-datum-text: #24303e;
  --barva-okenko-datum-prechod: linear-gradient(#fff, #e1e7ef);
  --barva-okenko-jine-text: #b6c9e0;
  --barva-okenko-jine-text-bezi: #eeffe9;
  --barva-okenko-jine-text-zaznam: #e3ddc9;
  --barva-okenko-jine-text-ztracen: #e3c9c9;
  --barva-okenko-jine-text-zhlednuto: #dcc150;
  --barva-okenko-jine-prechod: linear-gradient(#155392, #0d3c74);
  --barva-okenko-jine-prechod-bezi: linear-gradient(#3ea534, #498539);
  --barva-okenko-jine-prechod-zaznam: linear-gradient(#b27b1b, #9f6c11);
  --barva-okenko-jine-prechod-ztracen: linear-gradient(#7d0c0c, #480505);
  --barva-okenko-jine-zhlednuto: linear-gradient(#806e1d, #38300e);
  --barva-pas-prechod: linear-gradient(to right, #2274d6, #012c3f);
  --barva-pas-prechod-bezi: linear-gradient(to right, #267117, #012c3f);
  --barva-pas-prechod-zaznam: linear-gradient(to right, #895a06, #012c3f);
  --barva-pas-prechod-ztracen: linear-gradient(to right, #760606, #291e30);
  --barva-pas-odkaz-stin: #012c3f;
  --barva-pas-odkaz: #fff;
  --barva-pas-hry-pozadi: #153f72;
  --barva-pas-hry-pozadi-bezi: #2a4d25;
  --barva-pas-hry-pozadi-zaznam: #4f4018;
  --barva-pas-hry-pozadi-ztracen: #4f1818;
  --barva-pas-hry-odkaz: #bcdaff;
  --barva-pas-hry-odkaz-bezi: #eeffe9;
  --barva-pas-hry-odkaz-zaznam: #e3ddc9;
  --barva-pas-hry-odkaz-ztracen: #e3c9c9;
  --barva-obrazky-ohraniceni: #fff;
  --oddelovaci-ctverecek: url('/grafika/ctverecek.svg');
  --oddelovaci-ctverecek-bezi: url('/grafika/ctverecek-bezi.svg');
  --oddelovaci-ctverecek-zaznam: url('/grafika/ctverecek-zaznam.svg');
  --oddelovaci-ctverecek-ztracen: url('/grafika/ctverecek-ztracen.svg');
  --ikona-menu-url: url('/grafika/menu-bile.svg');
  --barva-menu-hlavni-tlacitko: #1759d2;
  --barva-menu-hlavni-tlacitko-uzke-pozadi: #fff;
  --barva-infopruh: #3e3901;
  --barva-infopruh-odkaz: #000;
  --barva-infopruh-prechod: linear-gradient(to right, #ffed29, #ebe27c, #ebe27c);
  --barva-sdeleni-prechod: linear-gradient(to right, #aacde4, #d8f0ff, #aacde4);
  --barva-select-vybrany-pozadi: #fffbcb;
  --barva-select-vybrany-stin: 0px 0px 10px #fff36d, 0px 0px 10px #fff36d;
  --barva-select-nevybrany-pozadi: #fff;
  --barva-oddelovac: #b0bace;
  --barva-zalozka-prechod: linear-gradient(to right, #fff, #fffbd3, #fffbd3);
  --barva-zalozka-odkaz-pozadi: #4f4e49;
  --barva-zalozka-odkaz-pozadi-hover: #373526;
  --barva-statistiky-text: #acd1ff;
  --barva-statistiky-dodatek: #5e6d76;
  --barva-prezdivka-zvyraznena: #fff3a1;
  --barva-prezdivka-zvyraznena-odkaz-hover: #fff9d3;
  --barva-prezdivka-siroke-odkaz-text: #000;
  --barva-prezdivka-siroke-odkaz-pozadi: #f7db6d;
  --barva-prezdivka-siroke-odkaz-pozadi-hover: #ffec6a;
  --barva-prezdivka-uzke-odkaz-text: #1759d2;
  --barva-prezdivka-uzke-odkaz-pozadi-hover: #f0f3fb;
  --barva-zapati-odkaz-text: #cbd7e6;
  --barva-zapati-oddelovac: #4e6b84;
  --barva-zapati-autor-text: #5684ac;
  --barva-zapati-autor-text-hover: #6c97bc;
  --barva-blok-pozadi: #152e4a;
  --barva-blok-zahlavi-aktivni-pozadi: #4170b4;
  --barva-blok-zahlavi-aktivni-text: #fff;
  --barva-blok-zahlavi-neaktivni-pozadi: #2f496f;
  --barva-blok-zahlavi-neaktivni-text: #b5c9e5;
  --barva-blok-zahlavi-komunita-neaktivni-pozadi: #b59924;
  --barva-blok-zahlavi-komunita-neaktivni-text: #402e03;
  --barva-blok-zahlavi-navrat-pozadi: #fff;
  --barva-blok-zahlavi-navrat-text: #022738;
  --barva-blok-hlavni-barva-textu: #b8d1fd;
  --barva-blok-hlavni-barva-textu-hover: #dce9ff;
  --barva-blok-dvojsloupec-pozadi-prechod: linear-gradient(#1b3e75, #233c68);
  --barva-blok-tlacitko-text: #000;
  --barva-blok-tlacitko-pozadi: #f7db6d;
  --barva-blok-tlacitko-pozadi-hover: #f7e56d;
  --barva-blok-tlacitko-ok-pozadi: #f3fcce;
  --barva-blok-tlacitko-ko-pozadi: #fce0ce;
  --barva-blok-duvody-pozadi: #fff;
  --barva-blok-pozadi-nejtmavsi: #022738;
  --barva-blok-pozadi-nejtmavsi-kontrast: #fff;
  --barva-blok-prehravane-kdy-text: #000;
  --barva-blok-prehravane-info-text: #fff;
  --barva-blok-informace-pozadi: #efff9f;
  --barva-blok-informace-text: #3c5200;
  --barva-blok-informace-chyba-pozadi: #ffbeb7;
  --barva-blok-informace-chyba-text: #570a02;
  --barva-komunita-zvyraznena: #f3c924;
  --barva-komunita-nadpis-v-menu: #fbe38a;
  --barva-posledni-prehravane-text: #000;
  --barva-posledni-prehravane-pozadi: linear-gradient(#fff, #fef4cc);
  --barva-tabulka-pruhovana-ohraniceni: #264071;
  --barva-tabulka-pruhovana-pozadi1: #1c335e;
  --barva-tabulka-pruhovana-pozadi2: #1f3764;
  --barva-tabulka-pruhovana-zvyrazneny-pozadi: #fff;
  --barva-tabulka-pruhovana-zvyrazneny-text: #012c3f;
  --barva-tabulka-pruhovana-text-barva2: #798cb0;
  --barva-kvizy-naplanovany-pozadi: linear-gradient(#fff, #ffefad);
  --barva-kvizy-seznam-nazev-text: #012231;
  --barva-kvizy-seznam-detaily-text: #fff;
  --barva-kvizy-seznam-detaily-plneni-ano-text: #84ffc2;
  --barva-kvizy-seznam-detaily-plneni-ne-text: #ff696d;
  --barva-kvizy-kviz-zahlavi-pozadi: #0c2738;
  --barva-kvizy-kviz-zahlavi-nadpis-text: #b9c0c5;
  --barva-kvizy-kviz-zahlavi-splneno-text: #d4ffea;
  --barva-kvizy-kviz-zahlavi-splneno-pozadi: #259a60;
  --barva-kvizy-kviz-zadani-pozadi: linear-gradient(#254071, #152e4a);
  --barva-kvizy-kviz-zadani-moznosti-nevybrane-pozadi: linear-gradient(to right, #29549a, #213b67);
  --barva-kvizy-kviz-zadani-moznosti-nevybrane-pozadi-hover: linear-gradient(to right, #2d589e, #213b67);
  --barva-kvizy-kviz-zadani-moznosti-nevybrane-text: #fff;
  --barva-kvizy-kviz-zadani-moznosti-nevybrane-ohraniceni: #273c66;
  --barva-kvizy-kviz-zadani-moznosti-vybrane-pozadi: linear-gradient(to right, #bfd8ff, #7f9fcf);
  --barva-kvizy-kviz-zadani-moznosti-vybrane-text: #000;
  --barva-kvizy-kviz-hlaska-stin: #10181f;
  --barva-kvizy-kviz-hlaska-chyba-pozadi: #dd5458;
  --barva-kvizy-kviz-hlaska-chyba-text: #fff5f5;
  --barva-kvizy-kviz-zadani-tri-tecky: #d5e9ff;
  --barva-kvizy-popis-odkaz: #f3c924;
  --barva-kvizy-popis-odkaz-hover: #fbe38a;
  --kvizy-zamek: url('/grafika/zamek.svg');
  --barva-blok-tlacitka-text: #0e2c3f;
  --barva-blok-tlacitka-pozadi: #ecf3ff;
  --barva-blok-tlacitka-ohraniceni: #0e2c3f;
  --barva-blok-tlacitka-stin: #6a85b6;
  --barva-blok-tlacitka-pozadi-hover: #f3f7ff;
  --barva-blok-tlacitka-stin-hover: #859fce;
  --barva-text-svetly: #6986ab;
 }

body
 {
  font-family: 'Roboto', sans-serif;
  font-size: 12pt;
  line-height: 1.5em;
  color: var(--barva-textu);
 }

img
 {
  border: none;
 }

table td
 {
  vertical-align: top;
 }

p
 {
  text-align: justify;
  margin-bottom: .6em;
 }

.skryj  /* co se zobrazí až při nejužším */
 {
  display: none;
 }

.posouvaci-tabulka-v-uzsim
  {
   max-width: 100%;
   overflow: auto;
   overflow-y: hidden;
  }

.vstred
 {
  text-align: center;
 }

#hlavni-ramecek-obal
 {
  margin: 0 auto;
  max-width: 1640px;
 }

#hlavni-ramecek-obal-vnitrni  /* pri zuzeni okna at logo nezaleze doleva */
 {
  margin: 0 30px 0 55px;
 }

#trojuhelnik-obal
 {
  position: absolute;
  z-index: -1;
 }

#trojuhelnik
 {
  position: absolute;
  top: -50px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 630px 520px 0 0;
  border-color: var(--barva-pozadi-grafickeho-prvku) transparent transparent transparent;
  transform: rotate(9deg);
 }

#sloupce-nav-main
 {
  display: flex;
 }

#zahlavi-obal
 {
  display: flex;
  height: 180px;
 }

#zahlavi-vlevo
 {
  flex: 0 0 335px;
  padding: 29px 0 0 0;
  text-align: right;
 }

#zahlavi-vpravo
 {
  flex: 1;
 }

#zahlavi-vpravo-minimenu
 {
  padding: 26px 0 23px 240px;
 }

#zahlavi-vpravo-minimenu a
 {
  color: var(--barva-odkazu-v-zahlavi);
  text-decoration: none;
 }

#zahlavi-vpravo-minimenu a:hover
 {
  text-decoration: underline;
 }

#zahlavi-vpravo-minimenu .cara
 {
  margin: 0 15px;
  color: var(--barva-oddelovacu-v-zahlavi);
 }

#zahlavi-vpravo-minimenu a.online,
#zahlavi-vpravo-minimenu a.offline
 {
  color: var(--barva-online);
  text-decoration: none;
  margin-left: 15px;
 }

#zahlavi-vpravo-minimenu a.offline
 {
  color: var(--barva-offline);
  margin-left: 11px;
 }

#zahlavi-vpravo-minimenu a.online:before,
#zahlavi-vpravo-minimenu a.offline:before
 {
  content: "●";
  font-size: .7em;
  position: relative;
  top: -3px;
  left: -4px;
 }

#zahlavi-vpravo-minimenu .prezdivka a
 {
  color: var(--barva-prezdivka-siroke-odkaz-pozadi);
  margin-left: 5px;
 }

#zahlavi-vpravo-minimenu .prezdivka a:hover
 {
  color: var(--barva-prezdivka-siroke-odkaz-pozadi-hover);
  text-decoration: none;
 }

#zahlavi-vpravo-minimenu .prezdivka.neprihlasen a
 {
  background-color: var(--barva-prezdivka-siroke-odkaz-pozadi);
  color: var(--barva-prezdivka-siroke-odkaz-text);
  padding: 0px 8px;
  margin-left: 5px;
 }

#zahlavi-vpravo-minimenu .prezdivka.neprihlasen a:hover
 {
  background-color: var(--barva-prezdivka-siroke-odkaz-pozadi-hover);
  text-decoration: none;
 }

#zahlavi-vpravo-pas
 {
  background-color: var(--barva-pozadi-grafickeho-prvku);
  color: var(--barva-textu-na-grafickem-prvku);
  padding-left: 40px;
  font-size: 1.5em;
  font-weight: bold;
 }

#zahlavi-vpravo-pas span
 {
  display: inline-block;
  padding: 20px 0;
  margin-right: 32px;
  position: relative;
  top: 2px;
 }

#zahlavi-vpravo-pas select
 {
  font-size: .7em;
  padding: 8px 13px;
  margin-bottom: 14px;
  margin-right: 10px;
  color: var(--barva-tlacitka-text);
  background-color: var(--barva-tlacitka-pozadi);
  border: 1px solid var(--barva-tlacitka-ohraniceni);
  box-shadow: 0px 0px 5px var(--barva-tlacitka-stin);
 }

#zahlavi-vpravo-pas select.vybrano,
#zahlavi-vpravo-pas select.vybrano:focus
 {
  box-shadow: var(--barva-select-vybrany-stin);
  background-color: var(--barva-select-vybrany-pozadi);
 }

#zahlavi-vpravo-pas select.vybrano option
 {
  background-color: var(--barva-select-nevybrany-pozadi);
 }

#zahlavi-vpravo-pas select.vybrano option:checked
 {
  background-color: var(--barva-select-vybrany-pozadi);
 }

#zahlavi-vpravo-pas select:focus
 {
  outline: none;
  border: 1px solid var(--barva-tlacitka-ohraniceni-focus);
  box-shadow: 0px 0px 5px var(--barva-tlacitka-stin-focus);
 }

#zahlavi-vpravo-pas select option.vybrano
 {
  background-color: var(--barva-tlacitka-vybrano);
 }

#zahlavi-vpravo-pas img
 {
  width: 16px;
  position: relative;
  top: 2px;
 }

#sloupce-nav-main
 {
  display: flex;
 }

#nav-obal
 {
  flex: 0 0 280px;  /* nerozsirovat, nesmrstovat, zakladni sirka/vyska */
  margin-bottom: 70px;
  padding-left: 30px;
 }

#menu-hlavni { /* v nejužším rozbrazení */ }

#menu-hlavni-tlacitko,
#menu-hlavni-komunita-tlacitko
 {
  height: 15px;
 }

#menu-hlavni-tlacitko span,
#menu-hlavni-komunita-tlacitko span
 {
  /* v nejužším rozbrazení */
  display: none;
 }

#menu-hlavni-tlacitko nav ul,
#menu-hlavni-komunita-tlacitko nav ul,
nav.menu-hlavni-jine-nav ul
 {
  list-style: none;
  margin-bottom: 28px;
 }

#menu-hlavni-tlacitko nav ul li,
#menu-hlavni-komunita-tlacitko nav ul li,
nav.menu-hlavni-jine-nav ul li
 {
  line-height: 2em;
  margin-bottom: 2px;
 }

#menu-hlavni-tlacitko nav ul li a,
#menu-hlavni-komunita-tlacitko nav ul li a,
nav.menu-hlavni-jine-nav ul li a
 {
  display: block;
  width: 177px;
  background-image: var(--barva-menu-prechod-neaktivni);
  color: var(--barva-menu-odkazy);
  padding: 12px;
  font-size: 1.5em;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
 }

#menu-hlavni-tlacitko nav ul li a.rok-ne,
#menu-hlavni-komunita-tlacitko nav ul li a.rok-ne,
nav.menu-hlavni-jine-nav ul li a.rok-ne
 {
  padding-top: 14px;
  letter-spacing: 1px;
  font-size: 1.2em;
 }

#menu-hlavni-tlacitko nav ul li a:hover,
#menu-hlavni-komunita-tlacitko ul li a:hover
 {
  background-image: var(--barva-menu-prechod-neaktivni-hover);
 }

#menu-hlavni-tlacitko nav ul li a.aktivni,
#menu-hlavni-tlacitko nav ul li a.aktivni:hover,
#menu-hlavni-komunita-tlacitko nav ul li a.aktivni,
#menu-hlavni-komunita-tlacitko nav ul li a.aktivni:hover,
nav.menu-hlavni-jine-nav ul li a.aktivni,
nav.menu-hlavni-jine-nav ul li a.aktivni:hover
 {
  background-image: var(--barva-menu-prechod-aktivni);
  width: 200px;
  padding-right: 32px;
 }

#menu-hlavni-komunita-tlacitko nav ul li a div#odpocet
 {
  /* display: none; */
  font-size: .7em;
  font-weight: normal;
  line-height: 1em;
  margin-bottom: 6px;
 }

nav.menu-hlavni-jine-nav ul li a.aktivni,
nav.menu-hlavni-jine-nav ul li a.aktivni:hover
 {
  background-image: var(--barva-menu-prechod-jine);
 }

#menu-hlavni-komunita-tlacitko nav.menu-hlavni-komunita-nav ul li a.aktivni,
#menu-hlavni-komunita-tlacitko nav.menu-hlavni-komunita-nav ul li a.aktivni:hover
 {
  background-image: var(--barva-menu-prechod-komunita-aktivni);
  color: var(--barva-menu-text-komunita);
 }

#menu-hlavni .prezdivka
 {
  display: none;
 }

#menu-hlavni-komunita-tlacitko nav.menu-hlavni-komunita-nav ul li a
 {
  background-image: var(--barva-menu-prechod-komunita);
  color: var(--barva-menu-text-komunita);
 }

#menu-hlavni-komunita-tlacitko nav.menu-hlavni-komunita-nav ul li a:hover
 {
  background-image: var(--barva-menu-prechod-komunita-hover);
 }

nav.menu-hlavni-jine-nav ul li a
 {
  background-image: var(--barva-menu-prechod-jine);
  color: var(--barva-menu-text-jine);
 }

nav.menu-hlavni-jine-nav ul li a:hover
 {
  background-image: var(--barva-menu-prechod-jine-hover);
 }

#odkazy-jinam-nadpis,
#menu-hlavni-komunita-nadpis,
#menu-hlavni-jine-nadpis
 {
  width: 177px;
  text-transform: uppercase;
  text-align: center;
  font-size: .8em;
  letter-spacing: 3px;
  color: var(--barva-odkazy-jinam-nadpis);
  margin-bottom: 6px;
 }


#menu-hlavni-komunita-nadpis
 {
  color: var(--barva-komunita-nadpis-v-menu);
 }

ul#odkazy-jinam-menu
 {
  list-style: none;
 }

ul#odkazy-jinam-menu li
 {
  line-height: 2em;
  margin-bottom: 2px;
 }

ul#odkazy-jinam-menu li a
 {
  display: block;
  width: 177px;
  background-image: var(--barva-odkazy-jinam-prechod-neaktivni);
  color: var(--barva-odkazy-jinam-prechod-text);
  padding: 12px;
  font-size: 1.1em;
  text-decoration: none;
  text-align: center;
 }

ul#odkazy-jinam-menu li a:hover
 {
  background-image: var(--barva-odkazy-jinam-prechod-aktivni);
  color: var(--barva-odkazy-jinam-prechod-text-hover);
 }

main
 {
  flex: 1;
  margin-top: 15px;
 }

article
 {
  margin-bottom: 33px;
 }

article .okenka
 {
  display: flex;
 }

article .okenka .datum
 {
  background-image: var(--barva-okenko-datum-prechod);
  font-size: 2.5em;
  font-weight: bold;
  padding: 24px 20px 22px 20px;
  min-width: 170px;
  text-align: center;
 }

article .okenka .datum a
 {
  text-decoration: none;
  color: var(--barva-okenko-datum-text);
 }

article .okenka .jina
 {
  background-image: var(--barva-okenko-jine-prechod);
  color: var(--barva-okenko-jine-text);
  padding: 5px 20px;
  margin-left: 4px;
 }

article .okenka .jina.bezi
 {
  background-image: var(--barva-okenko-jine-prechod-bezi);
  color: var(--barva-okenko-jine-text-jina);
 }

article .okenka .jina.zaznam
 {
  background-image: var(--barva-okenko-jine-prechod-zaznam);
  color: var(--barva-okenko-jine-text-jina);
 }

article .okenka .jina.ztracen
 {
  background-image: var(--barva-okenko-jine-prechod-ztracen);
  color: var(--barva-okenko-jine-text-ztracen);
 }

article .okenka .jina.zhlednuto
 {
  width: 105px;
  background-image: var(--barva-okenko-jine-zhlednuto);
  color: var(--barva-okenko-jine-text-zhlednuto);
 }

article .okenka .jina .popis
 {
  text-transform: uppercase;
  font-size: .7em;
  margin: 1px 0 0 1px;
 }

article .okenka .jina .hodnota
 {
  font-size: 1.45em;
  margin-top: 3px;
 }

article .pas
 {
  background-image: var(--barva-pas-prechod);
  padding: 5px;
 }

article .pas.bezi
 {
  background-image: var(--barva-pas-prechod-bezi);
 }

article .pas.zaznam
 {
  background-image: var(--barva-pas-prechod-zaznam);
 }

article .pas.ztracen
 {
  background-image: var(--barva-pas-prechod-ztracen);
 }

article .pas-odkaz-obrazky
 {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
 }

article .pas-odkaz-obrazky h2
 {
  padding: 35px 30px;
  text-shadow: 0px 0px 6px var(--barva-pas-odkaz-stin);
  font-weight: normal;
  line-height: 1.1em;
 }

article .pas-odkaz-obrazky h2 span
 {
  text-shadow: none;
  background-color: var(--barva-textu);
  color: var(--barva-pozadi);
  padding: 1px 8px;
  margin-right: 2px;
  font-weight: bold;
  border-radius: 2px;
 }

article .pas-odkaz-obrazky h2.bezi,
article .pas-odkaz-obrazky h2.zaznam,
article .pas-odkaz-obrazky h2.ztracen
 {
  padding: 35px 30px;
  font-size: 1.3em;
 }

article .pas-odkaz-obrazky h2.ztracen
 {
  font-style: italic;
 }

article .pas-odkaz-obrazky h2 a
 {
  font-size: .9em;
  text-decoration: none;
  color: var(--barva-pas-odkaz);
 }

article .pas-odkaz-obrazky .obrazky
 {
  min-width: 740px;
  text-align: right;
  line-height: 0;
  margin-bottom: 5px;
 }

article .pas-odkaz-obrazky .obrazky img
 {
  border: 1px solid var(--barva-obrazky-ohraniceni);
  margin: 2px;
 }

article .pas-hry
 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--barva-okenko-jine-text);
 }

article .pas-hry span
 {
  float: left;
  text-transform: uppercase;
  font-size: .9em;
  height: 27px;
  margin-right: 13px;
 }

article .pas-hry .hlavni.bezi span
 {
  color: var(--barva-okenko-jine-text-bezi);
 }

article .pas-hry .hlavni.zaznam span
 {
  color: var(--barva-okenko-jine-text-zaznam);
 }

article .pas-hry .hlavni.ztracen span
 {
  color: var(--barva-okenko-jine-text-ztracen);
 }

article .pas-hry .hlavni
 {
  background-color: var(--barva-pas-hry-pozadi);
  padding: 12px 15px 10px 15px;
  flex-grow: 1;
 }

article .pas-hry .hlavni.bezi
 {
  background-color: var(--barva-pas-hry-pozadi-bezi);
 }

article .pas-hry .hlavni.zaznam
 {
  background-color: var(--barva-pas-hry-pozadi-zaznam);
 }

article .pas-hry .hlavni.ztracen
 {
  background-color: var(--barva-pas-hry-pozadi-ztracen);
 }

article .pas-hry .hlavni a
 {
  text-decoration: underline;
  color: var(--barva-pas-hry-odkaz);
 }

article .pas-hry .hlavni.bezi a
 {
  color: var(--barva-pas-hry-odkaz-bezi);
 }

article .pas-hry .hlavni.zaznam a
 {
  color: var(--barva-pas-hry-odkaz-zaznam);
 }

article .pas-hry .hlavni.ztracen a
 {
  color: var(--barva-pas-hry-odkaz-ztracen);
 }

article .pas-hry .hlavni ul
 {
  list-style: none;
 }

article .pas-hry .hlavni ul li
 {
  display: inline;
  margin-right: 1.4em;
 }

article .pas-hry .hlavni ul li::before
 {
  content: "\200b";
  background-image: var(--oddelovaci-ctverecek);
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-position: center;
  display: inline-block;
  width: 1.6em;
  margin-left: -1.3em;
 }

article .pas-hry .hlavni.bezi ul li::before
 {
  background-image: var(--oddelovaci-ctverecek-bezi);
 }

article .pas-hry .hlavni.zaznam ul li::before
 {
  background-image: var(--oddelovaci-ctverecek-zaznam);
 }

article .pas-hry .hlavni.ztracen ul li::before
 {
  background-image: var(--oddelovaci-ctverecek-ztracen);
 }

article .pas-hry .hlavni ul li:first-of-type:before
 {
  content: none;
 }

article .pas-hry .vedlejsi
 {
  align-items: center;
  display: flex;
  align-self: stretch;
  background-color: var(--barva-pas-hry-pozadi);
  padding: 10px 15px;
  margin-left: 5px;
 }

.ikonka
 {
  width: 16px;
  min-width: 16px;
 }

#odkaz-rozkoukana
 {
  text-align: right;
  margin: 0 20px 40px 0;
 }

#odkaz-rozkoukana a
 {
  color: var(--barva-blok-hlavni-barva-textu);
 }

#odkaz-rozkoukana a:hover
 {
  color: var(--barva-blok-hlavni-barva-textu-hover);
 }

#infopruh,
#sdeleni
 {
  padding: 15px 30px 20px 30px;
  color: var(--barva-infopruh);
  background-image: var(--barva-infopruh-prechod);
  margin-bottom: 50px;
  font-size: 1.05em;
  line-height: 1.4em;
 }

#infopruh .nadpis,
#infopruh .skryt
 {
  text-transform: uppercase;
  font-size: .8em;
  margin: 5px 0px 11px 1px;
  white-space: nowrap;
  letter-spacing: .5px;
  font-weight: bold;
 }

#infopruh .skryt
 {
  width: 100%;
  text-align: right;
 }

#infopruh a
 {
  color: var(--barva-infopruh-odkaz);
  text-decoration: underline;
  font-weight: bold;
 }

#infopruh a:hover
 {
  text-decoration: none;
 }

#infopruh .vice
 {
  margin-top: 10px;
 }

#infopruh .vice a
 {
  font-weight: bold;
  color: var(--barva-infopruh);
 }

#infopruh ul,
#infopruh ol
 {
  margin: 0 0 10px 0;
  padding: 0 0 0 1.5em;
  list-style-type: square;
 }

#infopruh ul li,
#infopruh ol li
 {
  margin-top: 3px;
 }

#sdeleni
 {
  font-size: 1.2em;
  margin-top: 50px;
  margin-bottom: 70px;
  padding: 20px 30px;
  color: var(--barva-infopruh);
  background-image: var(--barva-sdeleni-prechod);
  text-align: center;
 }

main h3
 {
  width: 100%;
  border-bottom: 1px solid var(--barva-oddelovac);
  line-height: 0.1em;
  margin: 52px 0 50px 0;
  text-indent: 30px;
  letter-spacing: 1px;
  color: var(--barva-oddelovac);
  font-weight: normal;
 }

main h3 span
 {
  background: var(--barva-pozadi);
  padding: 0 10px;
  font-size: 1.4em;
 }

#zalozka
 {
  background-image: var(--barva-zalozka-prechod);
  color: var(--barva-pozadi);
  text-align: center;
  font-size: 1.2em;
  padding: 12px 20px 10px 20px;
  margin-bottom: 50px;
  line-height: 1.6em;
 }

#zalozka a
 {
  text-decoration: none;
  padding: 3px 10px;
  color: var(--barva-textu);
  background-color: var(--barva-zalozka-odkaz-pozadi);
  margin-left: 5px;
 }

#zalozka a:hover
 {
  background-color: var(--barva-zalozka-odkaz-pozadi-hover);
 }

.css_tabulka,
.css_tabulka100
 {
  display: table;
 }

.css_tabulka100
 {
  width: 100%;
 }

.css_sloupec,
.css_sloupec50,
.css_sloupec33
 {
  display: table-cell;
  vertical-align: top;
 }

.css_sloupec50
 {
  width: 50%;
 }

.css_sloupec33
 {
  width: 33.3%;
 }

footer
 {
  text-align: center;
  padding-top: 5px;
  padding-bottom: 25px;
 }

footer a
 {
  color: var(--barva-odkazu-v-zapati);
  text-decoration: none;
  text-transform: uppercase;
 }

footer a:hover
 {
  text-decoration: underline;
 }

footer .cara
 {
  margin: 0 10px;
  color: var(--barva-zapati-oddelovac);
 }

footer hr
 {
  border: 0;
  height: 2px;
  margin: 20px 0;
  position: relative;
  background: -moz-linear-gradient(left, rgba(203,215,230,0) 0%, rgba(203,215,230,0) 10%, rgba(203,215,230,0.65) 50%, rgba(203,215,230,0) 90%, rgba(203,215,230,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(203,215,230,0)), color-stop(10%,rgba(203,215,230,0)), color-stop(50%,rgba(203,215,230,0.65)), color-stop(90%,rgba(203,215,230,0)), color-stop(100%,rgba(203,215,230,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(203,215,230,0) 0%,rgba(203,215,230,0) 10%,rgba(203,215,230,0.65) 50%,rgba(203,215,230,0) 90%,rgba(203,215,230,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(203,215,230,0) 0%,rgba(203,215,230,0) 10%,rgba(203,215,230,0.65) 50%,rgba(203,215,230,0) 90%,rgba(203,215,230,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(203,215,230,0) 0%,rgba(203,215,230,0) 10%,rgba(203,215,230,0.65) 50%,rgba(203,215,230,0) 90%,rgba(203,215,230,0) 100%); /* IE10+ */
  background: linear-gradient(left, rgba(203,215,230,0) 0%,rgba(203,215,230,0) 10%,rgba(203,215,230,0.65) 50%,rgba(203,215,230,0) 90%,rgba(203,215,230,0) 100%); /* W3C */
 }

footer .autor
 {
  color: var(--barva-zapati-autor-text);
 }

footer .autor:hover
 {
  /* color: var(--barva-zapati-autor-text-hover); */
 }

#blok
 {
  background-color: var(--barva-blok-pozadi);
  margin-top: 10px;
 }

#blok #zahlavi,
#blok #zahlavi2
 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  text-transform: uppercase;
  font-weight: bold;
  position: relative;
  top: -25px;
 }

#blok #zahlavi a.aktivni,
#blok #zahlavi2 a.aktivni
 {
  display: block;
  text-decoration: none;
  background-color: var(--barva-blok-zahlavi-aktivni-pozadi);
  color: var(--barva-blok-zahlavi-aktivni-text);
  padding: 12px 40px;
  margin-right: 10px;
  letter-spacing: .5px;
  font-size: 1.2em;
  line-height: 1.3em;
 }

#blok #zahlavi2 a.aktivni
 {
  background-image: var(--barva-menu-prechod-komunita-aktivni);
  color: var(--barva-menu-text-komunita-zahlavi);
 }

#blok #zahlavi a.neaktivni,
#blok #zahlavi2 a.neaktivni
 {
  display: block;
  text-decoration: none;
  background-color: var(--barva-blok-zahlavi-neaktivni-pozadi);
  color: var(--barva-blok-zahlavi-neaktivni-text);
  padding: 6px 40px;
  margin-right: 10px;
  letter-spacing: .5px;
  font-size: 1.05em;
 }

#blok #zahlavi a.navrat,
#blok #zahlavi2 a.navrat
 {
  display: block;
  text-decoration: none;
  background-color: var(--barva-blok-zahlavi-navrat-pozadi);
  color: var(--barva-blok-zahlavi-navrat-text);
  padding: 6px 40px;
  font-size: 1.05em;
 }

#blok #zahlavi2 a.neaktivni,
#blok #zahlavi2 a.navrat
 {
  background-color: var(--barva-blok-zahlavi-komunita-neaktivni-pozadi);
  color: var(--barva-blok-zahlavi-komunita-neaktivni-text);
 }

#blok #obsah
 {
  padding: 30px 35px 80px 40px;
  min-height: 700px;
 }

#blok #obsah h1,
#blok #obsah h2,
#blok #obsah .vyhody .nadpis
 {
  margin: 0 0 30px 0;
  font-size: 1.7em;
  letter-spacing: 0.5px;
  line-height: 1.3em;
  font-weight: bold;
  text-align: left;
 }

#blok #obsah h2
 {
  font-size: 1.4em;
  margin: 30px 0 25px 0;
 }

#blok #obsah h2.mensi-pod
 {
  margin-bottom: 15px;
 }

#blok #obsah h2.mensi-nad
 {
  margin-top: 20px;
 }

#blok #obsah h4
 {
  letter-spacing: 1px;
  margin-top: 20px;
 }

#blok #obsah .dvojsloupec
 {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
 }

#blok #obsah .dvojsloupec .levy
 {
  padding: 6px 20px;
  background-image: var(--barva-blok-dvojsloupec-pozadi-prechod);
  border-right: 20px solid var(--barva-blok-pozadi);
  border-bottom: 12px solid var(--barva-blok-pozadi); 
  white-space: nowrap;
 }

#blok #obsah .dvojsloupec .levy.prehled
 {
  min-width: 400px;
 }

#blok #obsah .dvojsloupec .levy .nazev
 {
  text-transform: uppercase;
  font-size: .8em;
  color: var(--barva-blok-hlavni-barva-textu);
  margin-bottom: 12px;
 }

#blok #obsah .dvojsloupec .levy .hodnota
 {
  font-size: 1.8em;
  font-weight: bold;
  margin-bottom: 12px;
 }

#blok #obsah .dvojsloupec .levy .hodnota div
 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  /* flex-direction: column; */
 }

#blok #obsah .dvojsloupec .levy .hodnota div img
 {
  width: 50px;
  height: 50px;
  /* order: 1; */
 }

#blok #obsah .dvojsloupec .pravy
 {
  padding-bottom: 10px;
  max-width: 600px;
  border-bottom: 12px solid var(--barva-blok-pozadi); 
  color: var(--barva-blok-hlavni-barva-textu);
 }

#blok #obsah .dvojsloupec .pravy ul,
#blok #obsah .dvojsloupec .pravy ol
 {
  margin: 0;
  padding: 0 0 0 1.5em;
  list-style-type: square;
 }

#blok #obsah .dvojsloupec .pravy ul li,
#blok #obsah .dvojsloupec .pravy ol li
 {
  margin-top: 4px;
 }

#blok #obsah .dvojsloupec .pravy ul a
 {
  color: var(--1barva-blok-hlavni-barva-textu);
  text-decoration: underline;
 }

#blok #obsah .dvojsloupec .pravy ul a:hover
 {
  color: var(--barva-blok-hlavni-barva-textu-hover);
 }

#blok #obsah .dvojsloupec .pravy #nejde
 {
  font-weight: bold;
  font-size: 1.2em;
 }

#blok #obsah a.tlacitko,
#blok #obsah a.tlacitko.ok,
#blok #obsah a.tlacitko.ko
 {
  display: flex;
  align-items: center;
  background-color: var(--barva-blok-tlacitko-pozadi) !important;
  color: var(--barva-blok-tlacitko-text) !important;
  text-transform: uppercase;
  font-size: 1.15em;
  margin-top: 10px;
  padding: 13px 25px;
  text-decoration: none !important;
  font-weight: bold;
 }

#blok #obsah a.tlacitko:hover
 {
  background-color: var(--barva-blok-tlacitko-pozadi-hover) !important;
 }

#blok #obsah a.tlacitko.ok,
#blok #obsah a.tlacitko.ko
 {
  font-weight: normal;
 }

#blok #obsah a.tlacitko.ok
 {
  background-color: var(--barva-blok-tlacitko-ok-pozadi) !important;
 }

#blok #obsah a.tlacitko.ko
 {
  background-color: var(--barva-blok-tlacitko-ko-pozadi) !important;
 }

#blok #obsah .vyhody
 {
  margin: 50px 0;
 }

#blok #obsah .duvody
 {
  display: flex;
  align-items: stretch;
  padding-bottom: 7px;
 }

#blok #obsah .duvody .cislo
 {
  display: flex;
  align-items: center;
  background-color: var(--barva-blok-duvody-pozadi);
  color: var(--barva-blok-pozadi);
  font-size: 2.5em;
  font-weight: bold;
 }

#blok #obsah .duvody .cislo div
 {
  text-align: center;
  width: 63px;
 }

#blok #obsah .duvody .text
 {
  padding-left: 15px;
 }

#blok #obsah .duvody .text .mininadpis
 {
  /* font-weight: bold; */
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: 1.2em;
  margin-top: 5px;
  letter-spacing: .5px;
  text-align: left;
 }

#blok #obsah ul.text,
#blok #obsah ol.text
 {
  margin: 0;
  padding: 0 0 0 1.5em;
  list-style-type: square;
 }

#blok #obsah ul.text li,
#blok #obsah ol.text li
 {
  margin-top: 4px;
 }

#blok #obsah .text a
 {
  text-decoration: underline;
  color: var(--barva-textu);
 }

#blok #obsah .prohlizec.aktualni,
#blok #obsah .prohlizec.jiny
 {
  background-color: var(--barva-blok-pozadi-nejtmavsi);
  margin-bottom: 10px;
 }

#blok #obsah .prohlizec.aktualni
 {
  display: flex;
 }

#blok #obsah .prohlizec.aktualni #tady-a-ted
 {
  color: var(--barva-blok-pozadi-nejtmavsi);
  background-color: var(--barva-blok-pozadi-nejtmavsi-kontrast);
  text-transform: uppercase;
  font-size: .8em;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  letter-spacing: 0.5px;
  padding: 12px 3px;
  font-weight: bold;
  text-align: center;
 }

#blok #obsah .prohlizec.aktualni .info
 {
  padding: 15px 20px;
 }

#blok #obsah .prohlizec.jiny .info
 {
  padding: 15px 20px 15px 50px;
 }

#posledni-prehravane .zaznam
 {
  display: flex;
  gap: 3px;
  margin-bottom: 15px;
 }

#posledni-prehravane .zaznam .kdy-procenta
 {
  display: flex;
  gap: 3px;
 }

#posledni-prehravane .zaznam .kdy
 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  background-image: var(--barva-okenko-datum-prechod);
  color: var(--barva-blok-prehravane-kdy-text);
  min-width: 85px;
  height: 100%;
  padding: 4px 0;
 }

#posledni-prehravane .zaznam .kdy .den
 {
  font-size: .9em;
 }

#posledni-prehravane .zaznam .kdy .datum
 {
  font-size: 1.1em;
  font-weight: bold;
  padding: 3px;
 }

#posledni-prehravane .zaznam .procenta
 {
  background-image: var(--barva-posledni-prehravane-pozadi);
  color: var(--barva-posledni-prehravane-text);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  min-width: 70px;
  font-size: .9em;
  padding: 4px 0;
 }

#posledni-prehravane .zaznam .procenta div
 {
  font-weight: bold;
  padding: 3px;
  font-size: 1.1em;
 }

#posledni-prehravane .zaznam .info
 {
  display: flex;
  gap: 3px;
  color: var(--barva-blok-prehravane-info-text);
 }

#posledni-prehravane .zaznam .odkaz
 {
  padding: 12px 15px 6px 15px;
 }

#posledni-prehravane .zaznam .odkaz a
 {
  color: var(--barva-blok-hlavni-barva-textu);
  text-decoration: underline;
 }

#posledni-prehravane .zaznam .odkaz a:hover
 {
  color: var(--barva-blok-hlavni-barva-textu-hover);
 }

#posledni-prehravane .zaznam .info .cas
 {
  background-image: var(--barva-blok-dvojsloupec-pozadi-prechod);
  padding: 3px 15px;
  font-size: .9em;
 }

#posledni-prehravane .zaznam .info .cas a
 {
  font-weight: bold;
  text-decoration: none;
  color: var(--barva-blok-prehravane-info-text);
 }

#posledni-prehravane .zaznam .info .cas a:hover
 {
  text-decoration: underline;
 }

#posledni-prehravane .zaznam .info .kde
 {
  background-image: var(--barva-blok-dvojsloupec-pozadi-prechod);
  padding: 3px 15px;
  font-size: .9em;
 }

#posledni-prehravane .zaznam .info .ze
 {
  background-image: var(--barva-blok-dvojsloupec-pozadi-prechod);
  padding: 3px 15px;
  font-size: .9em;
 }

#posledni-prehravane .odkaz-vse
 {
  margin-top: 30px;
  color: var(--barva-blok-hlavni-barva-textu);
 }

#posledni-prehravane .odkaz-vse a
 {
  text-decoration: underline;
  color: var(--barva-blok-hlavni-barva-textu);
 }

#posledni-prehravane .odkaz-vse a:hover
 {
  color: var(--barva-blok-hlavni-barva-textu-hover);
 }

#blok #obsah .informace
 {
  background-color: var(--barva-blok-informace-pozadi);
  margin: 0 auto;
  max-width: 500px;
  padding: 15px 25px;
  color: var(--barva-blok-informace-text);
  text-align: center;
 }

#blok #obsah .informace a
 {
  color: var(--barva-blok-informace-text);
  text-decoration: underline;
 }

#blok #obsah .informace.chybova
 {
  background-color: var(--barva-blok-informace-chyba-pozadi);
  color: var(--barva-blok-informace-chyba-text);
 }

#blok #obsah .informace.chybova a
 {
  color: var(--barva-blok-informace-chyba-text);
  text-decoration: underline;
 }

#blok #obsah .viditelnost
 {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  background-color: var(--barva-blok-pozadi-nejtmavsi);
  margin-bottom: 15px;
  padding: 10px 20px 20px 20px;
 }

#blok #obsah .viditelnost a.popis
 {
  margin-top: 0;
  color: var(--barva-blok-hlavni-barva-textu);
 }

#blok #obsah .viditelnost a,
#blok #obsah #statistiky a,
#blok #obsah #jinde a,
#blok #obsah #profil a
 {
  text-decoration: underline;
  color: var(--barva-blok-hlavni-barva-textu);
 }

#blok #obsah .viditelnost a:hover,
#blok #obsah #statistiky a:hover,
#blok #obsah #jinde a:hover,
#blok #obsah #profil a:hover
 {
  color: var(--barva-blok-hlavni-barva-textu-hover);
 }

#blok #obsah #statistiky ul li,
#blok #obsah #jinde ul li
 {
  list-style-type: none;
  margin-bottom: 2px;
 }

#blok #obsah #statistiky td
 {
  padding-right: 15px;
 }

#blok #obsah #statistiky .dodatek,
#blok #obsah .dodatek
 {
  margin-top: 8px;
  color: var(--barva-statistiky-dodatek);
  font-size: .8em;
  line-height: 1.5em;
 }

#blok #obsah #statistiky .vetsim
 {
  font-size: 1.6em;
  font-weight: bold;
  color: var(--barva-blok-hlavni-barva-textu-hover);
 }

#blok #obsah #statistiky h2
 {
  margin-top: 40px;
 }

#blok #obsah #statistiky a.zvyraznit-prezdivku
 {
  color: var(--barva-prezdivka-zvyraznena);
  text-decoration: underline;
 }

#blok #obsah #statistiky a.zvyraznit-prezdivku:hover
 {
  color: var(--barva-prezdivka-zvyraznena-odkaz-hover);
 }

#blok #obsah #jinde h2
 {
  margin-top: 45px;
 }

#blok #obsah #jinde h2 a
 {
  color: var(--barva-textu);
  text-decoration: underline;
  font-weight: bold;
 }

#blok #obsah #jinde h2 span
 {
  font-weight: normal;
  font-size: .8em;
 }

#blok #obsah #jinde table
 {
  width: 100%;
 }

#blok #obsah #jinde td
 {
  padding: 5px 12px;
 }

#blok #obsah #jinde tr:hover
 {
  background-color: var(--barva-blok-pozadi-nejtmavsi);
 }

#blok #obsah #aktualizace
 {
  display: flex;
  margin-top: 40px;
 }

#blok #obsah table.pruhovana
 {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 5px solid var(--barva-tabulka-pruhovana-ohraniceni);
 }

#blok #obsah table.pruhovana tr:nth-child(odd)
 {
  background-color: var(--barva-tabulka-pruhovana-pozadi1);
 }

#blok #obsah table.pruhovana tr:nth-child(even)
 {
  background-color: var(--barva-tabulka-pruhovana-pozadi2);
 }

#blok #obsah table.pruhovana tr.zvyrazneny
 {
  background-color: var(--barva-tabulka-pruhovana-zvyrazneny-pozadi);
  color: var(--barva-tabulka-pruhovana-zvyrazneny-text);
  font-weight: bold;
 }

#blok #obsah table.pruhovana td
 {
  padding: 5px 6px;
  white-space: nowrap;
 }

#blok #obsah table.pruhovana.sirsi-bunky td
 {
  padding: 5px 20px;
 }

#blok #obsah table.pruhovana td:first-of-type
 {
  padding: 5px 20px;
 }

#blok #obsah table.pruhovana td:last-of-type
 {
  padding: 5px 20px;
 }

#blok #obsah table.pruhovana td.barva2
 {
  color: var(--barva-tabulka-pruhovana-text-barva2);
 }

#blok #obsah table.pruhovana td.doprava
 {
  text-align: right;
 }

#blok #obsah table.pruhovana td.max
 {
  width: 100%;
 }

#blok #obsah table.pruhovana td.bunka1
 {
  background-color: #98bae6;
  /* border: 1px solid white; */
  border: 1px solid #c8dcf6;
 }

#blok #obsah table.pruhovana td.bunka2
 {
  /* background-color: #314673; */
  /* border: 1px solid #98bae6; */
  border: 1px solid #799bc6;
 }

#blok #obsah table.pruhovana td.bunka1 a
 {
  color: #21345d;
 }

#blok #obsah table.pruhovana tr.zvyrazneny > .barva2
 {
  color: var(--barva-tabulka-pruhovana-zvyrazneny-text);
 }

#blok #obsah #lide-sloupce
 {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  margin-top: 40px;
 }

#blok #obsah #lide-sloupce .sloupec
 {
  min-width: 310px;
  max-width: 460px;
 }

#blok #obsah #lide-sloupce p,
#blok #obsah #lide-sloupec1 p,
#blok #obsah .sloupec1 p
 {
  text-transform: uppercase;
  font-weight: bold;
  color: var(--barva-komunita-zvyraznena);
  font-size: 1.1em;
  letter-spacing: .7px;
 }

#blok #obsah #lide-sloupec1
 {
  max-width: 400px;
  margin-top: 40px;
 }

#blok #obsah #lide-sloupec1 a,
#blok #obsah #lide-sloupce a,
#blok #obsah .sloupec1 a
 {
  color: var(--barva-textu);
  text-decoration: none;
 }

#blok #obsah #lide-sloupec1 a:hover,
#blok #obsah #lide-sloupce a:hover,
#blok #obsah .sloupec1 a:hover
 {
  color: var(--barva-prezdivka-zvyraznena-odkaz-hover);
 }

#blok #obsah .sloupec1 a.odkaz_normalni
 {
  text-decoration: underline;
  color: var(--barva-blok-hlavni-barva-textu);
 }

#blok #obsah .sloupec1 a.odkaz_normalni:hover
 {
  color: var(--barva-blok-hlavni-barva-textu-hover);
 }

#blok #obsah table.pruhovana tr.zvyrazneny a,
#blok #obsah table.pruhovana tr.zvyrazneny a:hover
 {
  color: var(--barva-tabulka-pruhovana-zvyrazneny-text) !important;
 }

#blok #obsah table.pruhovana tr.zvyrazneny a:hover
 {
  color: var(--barva-prezdivka-zvyraznena-odkaz-hover);
 }

#blok #obsah #kvizy-titulka-sloupce
 {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
 }

#blok #obsah #seznam-testu
 {
  flex-grow: 1;
  max-width: 830px;
 }

#blok #obsah #seznam-testu #naplanovane .kviz
 {
  margin-bottom: 25px;
  margin-top: 20px;
 }

#blok #obsah #seznam-testu .zadne
 {
  margin-top: 20px;
  font-style: italic;
 }

#blok #obsah #seznam-testu #naplanovane .kviz .nazev
 {
  background-image: var(--barva-kvizy-naplanovany-pozadi);
  color: var(--barva-kvizy-seznam-nazev-text);
  padding: 8px 15px;
  font-size: 1.05em;
  letter-spacing: 1px;
  margin-bottom: 3px;
 }

#blok #obsah #seznam-testu #naplanovane .kviz .detaily
 {
  display: flex;
  gap: 3px;
  color: var(--barva-kvizy-seznam-detaily-text);
 }

#blok #obsah #seznam-testu #naplanovane .kviz .detaily .datum
 {
  background-image: var(--barva-blok-dvojsloupec-pozadi-prechod);
  padding: 5px 15px;
  font-size: .9em;
  font-weight: bold;
 }

#blok #obsah #seznam-testu #naplanovane .kviz .detaily .jindy
 {
  padding: 5px 15px;
  font-size: .9em;
 }

#blok #obsah #seznam-testu #vydane
 {
  margin-top: 45px;
 }

#blok #obsah #seznam-testu #vydane .kviz
 {
  margin-bottom: 25px;
  margin-top: 20px;
 }

#blok #obsah #seznam-testu #vydane .kviz a.nazev
 {
  display: block;
  background-image: var(--barva-okenko-datum-prechod);
  color: var(--barva-kvizy-seznam-nazev-text);
  padding: 8px 15px;
  font-size: 1.05em;
  letter-spacing: 1px;
  margin-bottom: 3px;
 }

#blok #obsah #seznam-testu #vydane .kviz .detaily
 {
  display: flex;
  gap: 3px;
  color: var(--barva-kvizy-seznam-detaily-text);
  text-align: center;
 }

#blok #obsah #seznam-testu #vydane .kviz .plneni
 {
  background-image: var(--barva-blok-dvojsloupec-pozadi-prechod);
  padding: 5px 15px;
  font-size: .9em;
  width: 110px;
 }

#blok #obsah #seznam-testu #vydane .kviz .plneni.ano
 {
  color: var(--barva-kvizy-seznam-detaily-plneni-ano-text);
 }

#blok #obsah #seznam-testu #vydane .kviz .plneni.ne
 {
  color: var(--barva-kvizy-seznam-detaily-plneni-ne-text);
 }

#blok #obsah #seznam-testu #vydane .kviz .datum
 {
  background-image: var(--barva-blok-dvojsloupec-pozadi-prechod);
  padding: 5px 15px;
  font-size: .9em;
  width: 117px;
 }

#blok #obsah #seznam-testu #vydane .kviz .otazek
 {
  background-image: var(--barva-blok-dvojsloupec-pozadi-prechod);
  padding: 5px 15px;
  font-size: .9em;
  width: 95px;
 }

#blok #obsah #seznam-testu #vydane .kviz .typ
 {
  background-image: var(--barva-blok-dvojsloupec-pozadi-prechod);
  padding: 5px 15px;
  font-size: .9em;
  width: 185px;
 }

#blok #obsah #seznam-testu #vydane .kviz .splnilo
 {
  background-image: var(--barva-blok-dvojsloupec-pozadi-prechod);
  padding: 5px 15px;
  font-size: .9em;
  width: 110px;
 }

#blok #obsah #seznam-testu #zamek-obal
 {
  display: flex;
  gap: 10px;
 }

#blok #obsah #seznam-testu #zamek-obal .zamek
 {
  min-width: 100px;
  height: 100px;
  background-image: var(--kvizy-zamek);
  background-repeat: no-repeat;
  background-size: 100px 100px;
  outline: none;
  font-size: .82em;
 }

#blok #obsah #seznam-testu #zamek-obal .zamek div
 {
  color: var(--barva-pozadi);
  font-weight: bold;
  text-align: center;
  font-size: 1.3em;
  margin-top: 57px;
 }

#blok #obsah #seznam-testu #zamek-obal .info
 {
  display: flex;
  align-items: center;
 }

#blok #obsah #kviz-zahlavi
 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 35px;
  margin-bottom: 50px;
 }

#blok #obsah #kviz-zahlavi .blok
 {
  padding: 12px 20px;
  background-color: var(--barva-kvizy-kviz-zahlavi-pozadi);
 }

#blok #obsah #kviz-zahlavi .blok.cil
 {
  max-width: 390px;  /* 470 */
 }

#blok #obsah #kviz-zahlavi .blok p
 {
  text-align: left;;
 }

#blok #obsah #kviz-zahlavi .blok .nadpis
 {
  font-weight: bold;
  text-transform: uppercase;
  color: var(--barva-kvizy-kviz-zahlavi-nadpis-text);
 }

#blok #obsah #kviz-zahlavi .blok .splneno
 {
  color: var(--barva-kvizy-kviz-zahlavi-splneno-text);
  background-color: var(--barva-kvizy-kviz-zahlavi-splneno-pozadi);
  padding: 3px 8px;
 }

#blok #obsah #kviz-popis
 {
  margin-bottom: 50px;
 }

#blok #obsah #kviz-popis a
 {
  color: var(--barva-kvizy-popis-odkaz);
  text-decoration: underline;
 }

#blok #obsah #kviz-popis a:hover
 {
  color: var(--barva-kvizy-popis-odkaz-hover);
 }

#blok #obsah #kviz-otazky
 {
  margin-top: 60px;
 }

#blok #obsah #kviz-otazky .otazka
 {
  display: flex;
  margin-bottom: 20px;
 }

#blok #obsah #kviz-otazky .otazka .cislo
 {
  min-width: 60px;
  /* width: 60px; */
  font-size: 2.2em;
  font-weight: bold;
  padding: 23px 0;
 }

#blok #obsah #kviz-otazky .otazka .zadani
 {
  background-image: var(--barva-kvizy-kviz-zadani-pozadi);
  padding: 25px;
  flex-grow: 1;
 }

#blok #obsah #kviz-otazky .otazka .zadani .text
 {
  margin-bottom: 18px;
  font-size: 1.1em;
 }
 
#blok #obsah #kviz-otazky .otazka .zadani .text .tri-tecky
 {
  color: var(--barva-kvizy-kviz-zadani-tri-tecky);
  font-family: Sans-Serif;
  letter-spacing: 1px;
  font-size: .95em;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 3px 4px;
 }

#blok #obsah #kviz-otazky .otazka .zadani .moznosti
 {
  margin-bottom: 15px;
 }

#blok #obsah #kviz-otazky .otazka .zadani .moznosti label
 {
  display: block;
  cursor: pointer;
  background-image: var(--barva-kvizy-kviz-zadani-moznosti-nevybrane-pozadi);
  color: var(--barva-kvizy-kviz-zadani-moznosti-nevybrane-text);
  padding: 13px 20px;
  transition: all .15s ease-out;
  border: 2px solid var(--barva-kvizy-kviz-zadani-moznosti-nevybrane-ohraniceni);
 }

#blok #obsah #kviz-otazky .otazka .zadani .moznosti label:hover
 {
  background-image: var(--barva-kvizy-kviz-zadani-moznosti-nevybrane-pozadi-hover);
 }

#blok #obsah #kviz-otazky .otazka .zadani .moznosti input[type="radio"]
 {
  visibility: hidden;
  height: 0;
  width: 0;
  position: absolute;
 }

#blok #obsah #kviz-otazky .otazka .zadani .moznosti input[type="radio"]:checked + label
 {
  color: var(--barva-kvizy-kviz-zadani-moznosti-vybrane-text);
  background-image: var(--barva-kvizy-kviz-zadani-moznosti-vybrane-pozadi);
 }

#blok #obsah #kviz-otazky .otazka .zadani .screenshoty
 {
  margin-bottom: 15px;
 }

#blok #obsah #kviz-otazky .otazka .zadani .screenshoty img
 {
  border: 1px solid var(--barva-obrazky-ohraniceni);
  margin: 2px;
 }

#blok #obsah #kviz-otazky .otazka .zadani .rozbalovatko
 {
  margin: 20px 0 15px 0;
 }

#blok #obsah #kviz-otazky .otazka .zadani input.nezalomit
 {
  display: inline !important;
 }

#blok #obsah #kviz-otazky .otazka .zadani .cas,
#blok #obsah #kviz-otazky .otazka .zadani .slova
 {
  margin: 15px 0 25px 0;
 }

#blok #obsah #kviz-otazky .otazka .zadani .rozbalovatko select,
#blok #obsah #kviz-otazky .otazka .zadani .cas input[type="time"]
 {
  font-size: 1em;
  padding: 8px 13px;
  color: var(--barva-tlacitka-text);
  background-color: var(--barva-tlacitka-pozadi);
  width: 100%;
  max-width: 350px;
 }

#blok #obsah #kviz-otazky .otazka .zadani .slova input[type="text"]
 {
  font-family: "Lucida Console", Courier, monospace;
  font-size: 1.4em;
  padding: 8px 13px;
  color: var(--barva-tlacitka-text);
  background-color: var(--barva-tlacitka-pozadi);
  letter-spacing: 5px;
  width: 100%;
  max-width: 370px;
  border: none;
  outline: none;
 }

#blok #obsah #kviz-otazky .otazka .zadani .rozbalovatko label,
#blok #obsah #kviz-otazky .otazka .zadani .cas label
 {
  margin-right: 10px;
 }

#blok #obsah #kviz-otazky .otazka .zadani .napoveda
 {
  font-size: .95em;
 }

#blok #obsah #kviz-otazky .otazka .zadani .napoveda a
 {
  color: var(--barva-blok-hlavni-barva-textu);
  text-decoration: underline;
 }

#blok #obsah #kviz-otazky .otazka .zadani .napoveda a:hover
 {
  color: var(--barva-blok-hlavni-barva-textu-hover);
 }

#blok #obsah .kviz-hlaska
 {
  text-align: center;
  padding: 20px;
  max-width: 600px;
  margin: 0 auto;
  font-size: 1.05em;
  filter: drop-shadow(5px 5px 10px var(--barva-kvizy-kviz-hlaska-stin));
 }

#blok #obsah .kviz-hlaska.ok
 {
  color: var(--barva-kvizy-kviz-zahlavi-splneno-text);
  background-color: var(--barva-kvizy-kviz-zahlavi-splneno-pozadi);
 }

#blok #obsah .kviz-hlaska.ok
 {
  color: var(--barva-kvizy-kviz-zahlavi-splneno-text);
  background-color: var(--barva-kvizy-kviz-zahlavi-splneno-pozadi);
 }

#blok #obsah .kviz-hlaska.chyba
 {
  color: var(--barva-kvizy-kviz-hlaska-chyba-text);
  background-color: var(--barva-kvizy-kviz-hlaska-chyba-pozadi);
 }

#blok #obsah .kviz-hlaska.chyba a
 {
  color: var(--barva-kvizy-kviz-hlaska-chyba-text);
  text-decoration: underline;
 }

#blok #obsah input[type=submit]
 {
  padding: 12px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  background-image: var(--barva-blok-tlacitka-pozadi);
  color: var(--barva-blok-tlacitka-text);
  font-size: 1.1em;
  letter-spacing: 1px;
  border: 1px solid var(--barva-blok-tlacitka-ohraniceni);
  filter: drop-shadow(0px 0px 5px var(--barva-blok-tlacitka-stin));
 }

#blok #obsah input[type=submit]:hover
 {
  background-color: var(--barva-blok-tlacitka-pozadi-hover);
  filter: drop-shadow(0px 0px 5px var(--barva-blok-tlacitka-stin-hover));
 }

#blok #obsah .text-svetly
 {
  color: var(--barva-text-svetly);
 }