html {
  min-width: 300px;
}

body {
  box-sizing: border-box;
}

.zobrazit { display: block; }
.schovat { display: none; }
.zobrazit-grid { display: grid; }
.zobrazit-flex { display: flex; }
.clearfloat { clear:both; height:0; font-size:1px; line-height:0px; display: table; }

html,
body,
ul,
li,
.container,
.logo,
.logo-kontakt,
.logo-promo,
.hlavicka,
.hlavicka-hledat form,
.drobecky,
.logo-kategorie,
.filtry,
.kategorie,
.hlavicka-projetky,
.nadpis,
.vypis,
.polozka,
.snippet,
.hlavicka-hledattext,
.hlavicka-hledatsubmit,
.hlavicka-hledatsubmit2 {
  margin: 0;
  padding: 0;
}

.logo li,
.hlavicka li,
.menu li,
.filtry li,
.kategorie li,
.drobecky li,
.paticka li,
.strankovani li,
.nastaveni li,
.podkategorie li,
.uvod-specifikace li {
  list-style: none;
}

.logo a,
.hlavicka a,
.filtry a,
.kategorie a,
.drobecky a,
.paticka a,
.copyright a,
.strankovani a,
.nastaveni a {
  text-decoration: none;
}

.drobecky a:hover,
.logo-kategorie a:hover,
.copyright a:hover,
.strankovani a:hover,
.nastaveni a:hover {
  text-decoration:underline;
}

.hlavicka-projetky a,
.drobecky a,
.drobecky span {
  display: block;
  min-height: 36px;
  padding: 8px 0.3em 0 0.3em;
}

.logo-logo,
.hlavicka-hledatsubmit,
.hlavicka-hledatsubmit2,
.logo-burger a,
.filtry a,
.kategorie a,
.paticka a,
.detail,
.button,
.nactizbozi {
  cursor: pointer;
}

.tac { text-align: center; }
.tar { text-align: right; }
.tal { text-align: left; }
.fl { float: left; }
.fr { float: right; }
.mt5  { margin-top: 0.5em; }
.mt2 { margin-top: 2em; }
.mt2b2 { margin-top: 2em; margin-bottom: 2em; }
.ml5r5 { margin-left: 0.5em;  margin-right: 0.5em; }
.m5555 { margin: 0.5em; }
.m2525 { margin: 2em 0.5em 2em 0.5em; }

.hlavicka-projetky,
.drobecky {
  min-height: 44px;
  font-size: 1.1em;
}

.nadpis {
  text-align:center;
}

.nadpis h1 {
  padding:0.5em;
  margin:0;
  font-size:2em;
  text-shadow: 1px 1px 3px #888888;
}

.drobecky {
  box-shadow: 1px 1px 3px #888888;
}

.drobecky ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.drobecky .iw-svg-home {
  margin-left:0.5em;
  width: 1.5em;
  height: 1.5em;
}

.button {
  min-height: 44px;
  background-color: #e7e7e7;
  border: 1px solid #888888;
  margin: 0.5em 0.5em;
  padding: 0.5em 2em 0 2em;
  border-radius: 2em;
  text-align: center;
  text-decoration: none;
  font-size: 1.3em;
  font-weight: bold;
  transition-duration: 0.1s;
  display: inline-block;
}

button.button,
input.button  {
  padding: 0.5em 2em 0.5em 2em
}

.button:hover {
  background-color: #d7d7d7;
}

.zalozky h3,
h2 {
  font-size:1.5em;
  text-shadow: 1px 1px 3px #888888;
  color: #003c00;
  padding: 0.5em 0 0 0;
  line-height: 1.3em;
  background-image: url(/images/grafika/h3_pozadi.gif);
  background-repeat: repeat-x;
  background-position: bottom;
}

.zalozky h3 > span,
h2 > span {
  background-color: #ffffff;
  padding-right:0.3em;
}

.noviny {
  columns: 20em;
  column-gap: 3em;
  column-rule: dotted #cccccc;
  column-rule-width: 1px;
  column-fill: balance;
}

.iw-svg-icon {
  width: 20px;
  height: 20px;
  vertical-align: baseline;
  display: inline-block;
}
.iw-svg-white { color: white; }
.iw-svg-black { color: black; }
.iw-svg-16 { width: 16px; height: 16px; }
.iw-svg-20 { width: 20px; height: 20px; }
.iw-svg-24 { width: 24px; height: 24px; }
.iw-svg-28 { width: 28px; height: 28px; }
.iw-svg-32 { width: 32px; height: 32px; }
.iw-svg-40 { width: 40px; height: 40px; }

.strankovani .iw-svg-icon { vertical-align:text-top; }
.menu .iw-svg-icon { vertical-align:text-top; }
.button .iw-svg-icon { vertical-align:middle; }
.button:hover .iw-svg-icon { color: #003e00; }
.paticka .iw-svg-icon { vertical-align:text-top; color: #888888; }