@import url("https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap");
:root {
  --gray: #e6e6e6;
  --gray50: #909090;
  --white: white;
  --black: black;
  --text: black;
  --canvas: #d9d9d9;
  --red: #f1f1f1;
  --blue: #d9d9d9; }

@media (prefers-color-scheme: dark) {
  :root {
    --gray: #272727;
    --gray50: #d5d5d5;
    --white: black;
    --black: white;
    --text: #939393;
    --canvas: #1c1c1c;
    --red: #323232;
    --blue: #1c1c1d; } }
html {
  scroll-behavior: smooth; }

a {
  text-decoration: none;
  color: var(--black); }

#cermak-trading-logo path.blue,
#cermak-trading-logo path.red {
  -webkit-transition: 0.3s;
  transition: 0.3s; }
#cermak-trading-logo:hover path.blue {
  fill: var(--red); }
#cermak-trading-logo:hover path.red {
  fill: var(--blue); }

body {
  font-family: sans-serif;
  font-size: 18px;
  background-color: var(--canvas);
  color: var(--text);
  color-scheme: light dark;
  margin: 0;
  padding: 0; }
  body.ochrana #main {
    -webkit-column-count: 2;
            column-count: 2; }
  body.ochrana #header #menu li:nth-child(9) {
    background-color: var(--gray); }
    body.ochrana #header #menu li:nth-child(9) a {
      color: var(--black); }
  body.o #main {
    -webkit-column-count: 2;
            column-count: 2; }
  body.o #header #menu li:nth-child(2) {
    background-color: var(--gray); }
    body.o #header #menu li:nth-child(2) a {
      color: var(--black); }
  body.galerie #main {
    text-align: center; }
    body.galerie #main table {
      margin: 0 auto;
      display: block; }
      body.galerie #main table * {
        display: block;
        width: 100% !important; }
      body.galerie #main table img {
        max-width: 100%;
        margin-bottom: 15px;
        border-radius: 15px;
        -webkit-box-shadow: 3px 3px 50px #00000047;
                box-shadow: 3px 3px 50px #00000047; }
  body.galerie #header #menu li:nth-child(7) {
    background-color: var(--gray); }
    body.galerie #header #menu li:nth-child(7) a {
      color: var(--black); }
  body.kontakty #main {
    text-align: center; }
  body.kontakty #header #menu li:nth-child(6) {
    background-color: var(--gray); }
    body.kontakty #header #menu li:nth-child(6) a {
      color: var(--black); }
  body.katalog #header #menu li:nth-child(5) {
    background-color: var(--gray); }
    body.katalog #header #menu li:nth-child(5) a {
      color: var(--black); }
  body.katalog #leftcol {
    display: block;
    max-height: 200px;
    overflow: hidden;
    -webkit-transition: 0.8s;
    transition: 0.8s;
    position: relative; }
    body.katalog #leftcol:after {
      display: block;
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(var(--canvas)));
      background: linear-gradient(transparent, var(--canvas)); }
    body.katalog #leftcol.expanded {
      max-height: 20000px; }
      body.katalog #leftcol.expanded:after {
        display: none; }
  body.katalog #rightcol {
    display: block; }
  body.sklad #main,
  body.sklad p {
    text-align: center; }
  body.sklad #header #menu li:nth-child(4) {
    background-color: var(--gray); }
    body.sklad #header #menu li:nth-child(4) a {
      color: var(--black); }
  body.certifikace #main,
  body.certifikace p {
    text-align: center; }
  body.certifikace #main img {
    max-width: 100%;
    margin-bottom: 15px;
    border-radius: 15px;
    border: none !important;
    -webkit-box-shadow: 3px 3px 50px #00000047;
            box-shadow: 3px 3px 50px #00000047; }
  body.certifikace #header #menu li:nth-child(3) {
    background-color: var(--gray); }
    body.certifikace #header #menu li:nth-child(3) a {
      color: var(--black); }
  body #leftcol {
    display: none;
    background-color: var(--canvas); }
  body #rightcol {
    display: none;
    padding: 0 20px; }
  body #box-novinky {
    display: none; }
  body #box-odkaz {
    display: none; }
  body #langbox {
    display: none; }
  body #footer {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  body #pagewidth {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 100vh; }
    body #pagewidth #wrapper {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      margin-top: 50px;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -ms-flex-item-align: stretch;
          align-self: stretch;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background-color: var(--gray); }
      body #pagewidth #wrapper #twocols {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        position: relative;
        margin: 0 15px;
        width: 100%;
        max-width: 1200px;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; }
        body #pagewidth #wrapper #twocols #maincol {
          padding-bottom: 60px;
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1; }
          body #pagewidth #wrapper #twocols #maincol #main {
            padding: 0 40px; }
            @media (max-width: 920px) {
              body #pagewidth #wrapper #twocols #maincol #main {
                padding: 0 15px; } }
            body #pagewidth #wrapper #twocols #maincol #main .produkt {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: vertical;
              -webkit-box-direction: reverse;
                  -ms-flex-direction: column-reverse;
                      flex-direction: column-reverse; }
              body #pagewidth #wrapper #twocols #maincol #main .produkt .fotky img {
                max-width: 100%;
                mix-blend-mode: multiply;
                width: 90%; }
                @media (prefers-color-scheme: dark) {
                  body #pagewidth #wrapper #twocols #maincol #main .produkt .fotky img {
                    -webkit-filter: invert(1);
                            filter: invert(1);
                    mix-blend-mode: lighten; } }
              body #pagewidth #wrapper #twocols #maincol #main .produkt table {
                margin-top: 60px;
                max-width: 600px;
                background-color: var(--white);
                border: 20px solid var(--white);
                border-radius: 30px;
                margin-left: auto;
                margin-right: auto; }
                body #pagewidth #wrapper #twocols #maincol #main .produkt table td:nth-child(1) {
                  width: 30%;
                  text-align: right;
                  padding-right: 10px;
                  color: var(--gray50);
                  vertical-align: top; }
              body #pagewidth #wrapper #twocols #maincol #main .produkt p {
                margin: 0; }
            body #pagewidth #wrapper #twocols #maincol #main h1 {
              position: absolute;
              padding-inline: 10px;
              top: 0;
              right: 0;
              left: 0;
              text-align: center;
              margin-top: 50px;
              font-family: "Instrument Serif", serif;
              font-weight: 400;
              font-size: 48px; }
              body #pagewidth #wrapper #twocols #maincol #main h1 * {
                font-size: inherit !important; }
            body #pagewidth #wrapper #twocols #maincol #main h3,
            body #pagewidth #wrapper #twocols #maincol #main h2 {
              -webkit-column-break-after: avoid;
                      break-after: avoid;
              font-family: "Instrument Serif", serif;
              font-weight: 400;
              font-size: 32px; }
            body #pagewidth #wrapper #twocols #maincol #main p {
              -webkit-column-break-inside: avoid;
                      break-inside: avoid; }
            body #pagewidth #wrapper #twocols #maincol #main .katalog .produkty {
              display: grid;
              grid-template-columns: 1fr 1fr 1fr;
              gap: 10px; }
              @media (max-width: 920px) {
                body #pagewidth #wrapper #twocols #maincol #main .katalog .produkty {
                  grid-template-columns: 1fr 1fr; } }
              @media (max-width: 400px) {
                body #pagewidth #wrapper #twocols #maincol #main .katalog .produkty {
                  grid-template-columns: 1fr; } }
              body #pagewidth #wrapper #twocols #maincol #main .katalog .produkty .produkt-info {
                overflow: hidden; }
                body #pagewidth #wrapper #twocols #maincol #main .katalog .produkty .produkt-info h3 {
                  margin: 0; }
                  @media (max-width: 920px) {
                    body #pagewidth #wrapper #twocols #maincol #main .katalog .produkty .produkt-info h3 {
                      font-size: 24px; } }
                body #pagewidth #wrapper #twocols #maincol #main .katalog .produkty .produkt-info img {
                  margin: 1em 0;
                  mix-blend-mode: multiply;
                  width: 90%; }
                  @media (prefers-color-scheme: dark) {
                    body #pagewidth #wrapper #twocols #maincol #main .katalog .produkty .produkt-info img {
                      -webkit-filter: invert(1);
                              filter: invert(1);
                      mix-blend-mode: lighten; } }
                body #pagewidth #wrapper #twocols #maincol #main .katalog .produkty .produkt-info table {
                  width: 100%;
                  display: block;
                  margin-bottom: 40px; }
                  body #pagewidth #wrapper #twocols #maincol #main .katalog .produkty .produkt-info table tr {
                    display: block; }
                  body #pagewidth #wrapper #twocols #maincol #main .katalog .produkty .produkt-info table tbody {
                    display: block; }
                  body #pagewidth #wrapper #twocols #maincol #main .katalog .produkty .produkt-info table td {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-wrap: wrap;
                        flex-wrap: wrap; }
                    body #pagewidth #wrapper #twocols #maincol #main .katalog .produkty .produkt-info table td p {
                      margin: 0;
                      overflow: hidden;
                      text-overflow: ellipsis;
                      max-width: 100%; }
                    body #pagewidth #wrapper #twocols #maincol #main .katalog .produkty .produkt-info table td p.text-bold {
                      font-weight: bold;
                      width: 100px;
                      text-align: right;
                      padding-right: 10px; }
                    body #pagewidth #wrapper #twocols #maincol #main .katalog .produkty .produkt-info table td h3.text-bold {
                      font-weight: bold;
                      width: 100px; }
        body #pagewidth #wrapper #twocols #rightcol {
          position: absolute;
          top: 70px;
          left: 0;
          right: 0; }
          body #pagewidth #wrapper #twocols #rightcol #search_form table {
            display: block; }
            body #pagewidth #wrapper #twocols #rightcol #search_form table tbody {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap;
              gap: 10px;
              width: 100%; }
              body #pagewidth #wrapper #twocols #rightcol #search_form table tbody tr {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                        flex-direction: column;
                -webkit-box-pack: end;
                    -ms-flex-pack: end;
                        justify-content: end;
                -webkit-box-flex: 1;
                    -ms-flex-positive: 1;
                        flex-grow: 1; }
                body #pagewidth #wrapper #twocols #rightcol #search_form table tbody tr input {
                  line-height: 30px;
                  padding-inline: 10px;
                  display: block;
                  width: calc(100% - 20px);
                  border: none; }
                  body #pagewidth #wrapper #twocols #rightcol #search_form table tbody tr input#search_submit {
                    cursor: pointer;
                    min-width: 90px; }
                    body #pagewidth #wrapper #twocols #rightcol #search_form table tbody tr input#search_submit:hover {
                      background-color: var(--black);
                      color: var(--canvas); }
      body #pagewidth #wrapper #leftcol #box-katalog {
        margin: 0 15px; }
        body #pagewidth #wrapper #leftcol #box-katalog ul {
          padding: 0;
          list-style: none;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          gap: 5px;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
          body #pagewidth #wrapper #leftcol #box-katalog ul li a {
            display: block;
            padding: 3px 10px;
            text-decoration: none;
            background-color: var(--white);
            color: var(--black);
            border-radius: 15px;
            opacity: 0.5; }
            body #pagewidth #wrapper #leftcol #box-katalog ul li a:visited {
              background-color: var(--canvas);
              color: var(--text); }
            body #pagewidth #wrapper #leftcol #box-katalog ul li a:hover {
              background-color: var(--black) !important;
              color: var(--gray); }
  body #header {
    position: fixed;
    left: 0;
    right: 0;
    background-color: var(--canvas);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transition: 0.3s;
    transition: 0.3s; }
    body #header #menu {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin: 0;
      padding: 0;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      max-width: 1200px;
      width: 100%; }
      body #header #menu li {
        list-style: none;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1; }
        body #header #menu li a {
          display: block;
          padding: 15px;
          text-align: center;
          color: var(--text); }
          body #header #menu li a:hover {
            background-color: var(--gray); }
  body .ac_results {
    background-color: var(--white);
    border-radius: 0 0 15px 15px;
    -webkit-box-shadow: 0 2px 10px #0000003d;
            box-shadow: 0 2px 10px #0000003d; }
    body .ac_results ul {
      list-style: none;
      padding: 0;
      margin: 0; }
      body .ac_results ul li {
        padding: 5px; }
        body .ac_results ul li:hover {
          background-color: var(--gray); }
        body .ac_results ul li a {
          color: var(--text); }

/*# sourceMappingURL=styly.css.map */