/* Banda Trotlů – styly převzaté z původního index.php (2007–2011),
   doplněné o úpravy pro moderní prohlížeče (standardní režim). */

html { background: #0a1f33 url('pozadi-venku.gif'); }
body { padding: 0; margin: 0; background: #0a1f33 url('pozadi-venku.gif'); }

a:link    { color: #e87a28; text-decoration: underline }
a:visited { color: #e87a28; text-decoration: underline }
a:active  { color: #e87a28; text-decoration: underline }
a:hover   { color: #e87a28; text-decoration: none }

table {
  color: #eaeaea;
  font-size: 12px;
  font-family: Tahoma, "Trebuchet MS";
  line-height: 150%;
}

img { border: 0 }
img.blok { display: block }

/* hlavní rám stránky */
table.stranka { background: url('pozadi-uvnitr.png'); }

.rastr {
  padding: 10px;
  background-color: #112b42;
  margin-bottom: 10px;
}
.rastr2 {
  padding: 3px;
  background-color: #112b42;
  margin-bottom: 5px;
}
.rastr3 {
  padding: 0;
  background-color: #c4ccff;
  margin-bottom: 0;
  width: 293px;
}

/* levé menu */
.levemenu { margin: 0; padding: 3px; border: solid #0d2439 1px; width: 160px; }

.menu_odkaz {
  height: 20px;
  background: #112b42;
  padding: 4px;
  text-decoration: none;
  font-size: 13px;
  display: block;
}
.menu_odkaz:link, .menu_odkaz:visited, .menu_odkaz:active { text-decoration: none; }
.menu_odkaz:hover { background: #09263f; }

.menu_odkaz_hover {
  height: 20px;
  background: #071929;
  padding: 4px;
  text-decoration: none;
  font-size: 13px;
  display: block;
}
.menu_odkaz_hover:link, .menu_odkaz_hover:visited, .menu_odkaz_hover:active { text-decoration: none; }

h1.menu_nadpis {
  margin: 0;
  font-weight: bold;
  padding-bottom: 20px;
  border-bottom: solid #071929 1px;
  margin-bottom: 2px;
  line-height: 150%;
}

/* novinky v levém sloupci */
.novinky {
  font-size: 11px;
  margin: 7px;
  border-right: solid #071929 1px;
  padding-right: 3px;
}

img.sponzor { border: solid #071929 1px; }

h1 {
  font-weight: bold;
  font-size: 25px;
  padding-bottom: 5px;
  text-align: center;
  line-height: 150%;
}
h2 {
  font-weight: normal;
  font-size: 20px;
  text-transform: uppercase;
  padding-bottom: 5px;
  text-align: center;
  line-height: 150%;
}
h3 {
  font-weight: bold;
  font-size: 15px;
}

.clen_nadpis { font-size: 16px; text-align: center; margin-bottom: 10px; }
.clen_info { font-style: italic; margin-bottom: 5px; }
.clen_otazka {
  font-style: italic;
  padding-left: 10px;
  background-image: url('odrazka.gif');
  background-repeat: no-repeat;
  background-position: left 50%;
  margin-bottom: 1px;
}
.clen_odpoved { margin-bottom: 10px; margin-left: 20px; }

p { text-indent: 20px }
li { margin-bottom: 15px; }

p.MsoNormal, li.MsoNormal, div.MsoNormal { margin: 0; margin-bottom: .0001pt; }

.aaa td { vertical-align: top; text-align: center; }

/* horní menu */
.topmenu table {
  width: 100%;
  border-left: solid #081118 1px;
  border-collapse: separate;
  border-spacing: 0;
}
.topmenu table td {
  border-right: solid #081118 1px;
  border-top: solid #0c2031 1px;
  height: 36px;
  padding: 0;
  vertical-align: middle;
}
.topmenu table td a {
  text-decoration: none !important;
  display: block;
  line-height: 36px;
  vertical-align: middle;
  text-align: center;
  font-size: 17px;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #cb6518;
  background: #122a3d url('menu_bg1.png') repeat-x bottom;
}
.topmenu table td a.aktualni {
  color: #cd6618;
  background: #122a3d url('menu_bg2.png') repeat-x bottom;
}

/* vložená videa nesmí přetéct obsah */
td.obsah iframe { max-width: 100%; }

/* jednoduché vyhledávání (náhrada Google SiteSearch) */
form.hledani { background: #072035; padding: 8px; display: inline-block; }

/* ---- galerie (původně galerie_universal.css) ---- */
table.fotogalerie td {
  text-align: center;
  vertical-align: middle;
  padding: 5px;
}
table.fotogalerie a img { border: solid #071929 5px; }
table.fotogalerie a:hover img { border: solid #e87a28 5px; }

div#ram_obrazu {
  position: absolute;
  padding: 10px;
  background: #071929;
  color: #e87a28;
  z-index: 100;
}
div#ram_obrazu a { text-decoration: none; color: #e87a28 }
div#ram_obrazu a:hover { text-decoration: none; color: #FFFFFF }
div#ram_obrazu a.zavri_obr { position: absolute; right: 10px; top: 10px; }
div#ram_obrazu #obr { margin: 10px 25px 25px 25px; cursor: pointer; max-width: calc(100vw - 90px); max-height: calc(100vh - 110px); width: auto; height: auto; }
div#ram_obrazu div#nacitani {
  text-align: center;
  font-style: italic;
  width: 300px;
  padding-top: 100px;
  padding-bottom: 100px;
}
div#zavoj { background-color: #000000; opacity: .7; }

/* Emulace chování starého webu (bez DOCTYPE): první/poslední prvek v buňce tabulky nemá vnější okraj */
:where(td) > :where(:first-child) { margin-top: 0; }
:where(td) > :where(:last-child) { margin-bottom: 0; }

/* náhrada za zrušený Facebook "like box" */
a.fb_odkaz, a.fb_odkaz:link, a.fb_odkaz:visited {
  display: block; width: 292px; height: 62px; line-height: 62px;
  text-align: center; font: bold 13px "lucida grande", tahoma, verdana, arial, sans-serif;
  color: #3b5998; text-decoration: none;
}
a.fb_odkaz:hover { text-decoration: underline; }

/* =========================================================================
   MOBILNÍ ZOBRAZENÍ (telefony a malé tablety)
   Na počítači se nic nemění – styly níže platí jen pro úzké obrazovky.
   ========================================================================= */
.mobil-paticka { display: none; }

@media (max-width: 800px) {
  html, body { overflow-x: hidden; }
  table { font-size: 14px; }

  /* rám stránky přes celou šířku */
  table.stranka { width: 100% !important; }
  table.stranka img.blok { width: 100%; height: auto; }

  /* horní menu: dva sloupce dlaždic */
  .topmenu table, .topmenu tbody { display: block; width: 100%; }
  .topmenu tr { display: flex; flex-wrap: wrap; }
  .topmenu table td { display: block; flex: 1 1 50%; width: auto !important; box-sizing: border-box; height: auto; }
  .topmenu table td a { font-size: 15px; line-height: 20px; padding: 9px 4px; }

  /* hlavní část: menu nahoře, pak obsah, pod ním novinky */
  td.obal { padding: 6px !important; }
  table.vnitrek, table.vnitrek > tbody { display: block; width: 100%; }
  table.vnitrek > tbody > tr { display: flex; flex-direction: column; }
  table.vnitrek > tbody > tr > td { display: block; width: auto !important; }
  table.vnitrek > tbody > tr > td.levy { display: contents; }
  td.levy > .levemenu { order: 1; }
  td.obsah { order: 2; padding: 10px 2px; }
  td.levy > .novinky { order: 3; }
  td.levy > br { display: none; }

  /* levé menu jako mřížka tlačítek */
  .levemenu { width: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 2px; box-sizing: border-box; }
  .levemenu h1.menu_nadpis { grid-column: 1 / -1; padding-bottom: 4px; height: auto; }
  .levemenu a.menu_odkaz, .levemenu a.menu_odkaz_hover { height: auto; padding: 8px 6px; font-size: 14px; }

  .novinky { margin: 14px 0 0; border-right: 0; border-top: solid #071929 1px; padding: 10px 2px 0; font-size: 13px; }

  /* obsah: nic nesmí přetéct šířku displeje */
  td.obsah { overflow-wrap: anywhere; }
  td.obsah img { max-width: 100%; height: auto; }
  td.obsah iframe { width: 100%; height: auto; aspect-ratio: 16 / 9; }
  td.obsah table:not(.fotogalerie):not(.galerie2),
  td.obsah table:not(.fotogalerie):not(.galerie2) > tbody,
  td.obsah table:not(.fotogalerie):not(.galerie2) > tbody > tr,
  td.obsah table:not(.fotogalerie):not(.galerie2) > tbody > tr > td,
  td.obsah table:not(.fotogalerie):not(.galerie2) > tr,
  td.obsah table:not(.fotogalerie):not(.galerie2) > tr > td {
    display: block; width: auto !important; box-sizing: border-box;
  }
  td.obsah form.hledani input[type=text] { width: 100%; box-sizing: border-box; }
  a.fb_odkaz, a.fb_odkaz:link, a.fb_odkaz:visited { width: auto; }
  .rastr3 { width: auto; }

  /* fotogalerie: náhledy se zalamují podle šířky */
  table.fotogalerie, table.galerie2 { display: block; }
  table.fotogalerie > tbody, table.galerie2 > tbody { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
  table.fotogalerie tr, table.galerie2 tr { display: contents; }
  table.fotogalerie td:empty, table.galerie2 td:empty { display: none; }
  table.fotogalerie td, table.galerie2 td { display: flex; align-items: center; justify-content: center; }
  table.fotogalerie td { width: 44vw !important; max-width: 160px; height: auto !important; padding: 0; }
  table.fotogalerie a img { max-width: 100%; height: auto; box-sizing: border-box; }

  /* patička: odkazy pod obrázkem (mapa obrázku se při zmenšení nehodí) */
  .mobil-paticka { display: block; text-align: center; padding: 8px; font-size: 13px; background: #0b1622; }

  /* prohlížeč fotek */
  div#ram_obrazu { padding: 6px; }
  div#ram_obrazu #obr { margin: 8px 0 0; max-width: calc(100vw - 24px); }
}