/* cmsms stylesheet: normalize modified: úterý 21. května 2024 12:44:23 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

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

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

figure {
  margin: 1em 40px;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}
/* cmsms stylesheet: skeleton modified: středa 25. února 2026 16:08:19 */
/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/


/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/


/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box; }
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }

/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 85%;
    padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 550px) {
  .container {
    width: 80%; }
  .column,
  .columns {
    margin-left: 4%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column, .one.columns { width: 4.66666666667%; }
  .two.columns { width: 13.3333333333%; }
  .three.columns { width: 22%; }
  .four.columns { width: 30.6666666667%; }
  .five.columns { width: 39.3333333333%; }
  .six.columns { width: 48%; }
  .seven.columns { width: 56.6666666667%; }
  .eight.columns { width: 65.3333333333%; }
  .nine.columns { width: 74.0%; }
  .ten.columns { width: 82.6666666667%; }
  .eleven.columns { width: 91.3333333333%; }
  .twelve.columns { width: 100%; margin-left: 0; }
  .one-third.column { width: 30.6666666667%; }
  .one-third.column:nth-child(3n+1) { margin-left: 0; }
  .two-thirds.column { width: 65.3333333333%; }
  .one-half.column  { width: 48%; }
  .one-half.column:nth-child(2n) {  }
  .one-half.column:nth-child(2n-1) { margin-left: 0; clear: left; }

  /* Offsets */
  .offset-by-one.column, .offset-by-one.columns { margin-left: 8.66666666667%; }
  .offset-by-two.column, .offset-by-two.columns { margin-left: 17.3333333333%; }
  .offset-by-three.column, .offset-by-three.columns { margin-left: 26%;            }
  .offset-by-four.column, .offset-by-four.columns { margin-left: 34.6666666667%; }
  .offset-by-five.column, .offset-by-five.columns { margin-left: 43.3333333333%; }
  .offset-by-six.column, .offset-by-six.columns { margin-left: 52%;            }
  .offset-by-seven.column, .offset-by-seven.columns { margin-left: 60.6666666667%; }
  .offset-by-eight.column, .offset-by-eight.columns { margin-left: 69.3333333333%; }
  .offset-by-nine.column, .offset-by-nine.columns { margin-left: 78.0%;          }
  .offset-by-ten.column, .offset-by-ten.columns { margin-left: 86.6666666667%; }
  .offset-by-eleven.column, .offset-by-eleven.columns { margin-left: 95.3333333333%; }
  .offset-by-one-third.column, .offset-by-one-third.columns { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column, .offset-by-two-thirds.columns  { margin-left: 69.3333333333%; }
  .offset-by-one-half.column, .offset-by-one-half.columns { margin-left: 52%; }
}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%; }
body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #222; }


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300; }
h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }

/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size: 5.0rem; }
  h2 { font-size: 4.2rem; }
  h3 { font-size: 3.6rem; }
  h4 { font-size: 3.0rem; }
  h5 { font-size: 2.4rem; }
  h6 { font-size: 1.5rem; }
}

p {
  margin-top: 0; }


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #1EAEDB; }
a:hover {
  color: #0FA0CE; }


/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #333;
  border-color: #888;
  outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB; }


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }


/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: circle inside; }
ol {
  list-style: decimal inside; }
ol, ul {
  padding-left: 0;
  margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%; }
li {
  margin-bottom: 1rem; }


/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1; }
th:first-child,
td:first-child {
  padding-left: 0; }
th:last-child,
td:last-child {
  padding-right: 0; }


/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
  margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem; }
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 2.5rem; }


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }


/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }


/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after, .u-cf {
  content: "";
  display: table;
  clear: both; }


/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/


/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (min-width: 750px) {}

/* Larger than desktop */
@media (min-width: 1000px) {}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}
/* cmsms stylesheet: 2026_menu modified: úterý 10. března 2026 13:30:14 */
.oswald-<uniquifier> {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
/* menu */
#main-menu { 
  margin-left: 0px; 
}
.menufix {
  z-index: 444;
}
#menu { 
/*  margin-top: -10px;  */
  margin-right: 20px;
}
.menu {
  height: 26px;
/*  width: calc(100% - 410px); */
  position: relative;
/*  top: -4px; */
}
@media (max-width: 1420px) {
.menu { height: 52px; }
}
.menu a { letter-spacing: 0.8px; }
.menu ul { float: right; }
.menu li {
  display: inline-block;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
  font-size: 16px;
}
.menu li a {
/*  color: #aaa; */
  color: #b79d4d;
  text-decoration: none;
  margin: 0px;
  padding: 0 7px;
}
.menu li a:hover {
/*  color: #E1BA55 !important; */
  color: #fff !important;
  background-color: #b79d4d;
  text-decoration: none;
/*  border-bottom: 2px #b79d4d solid; */
}
.menu-pata ul {
  list-style: none; 
/*  padding: 5px !important; */
}
.menu-pata ul li {
 display: inline-block;
 margin: 5px;
}
.menu-pata ul li a {
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
  font-size: 15px;
  text-decoration: none;
  list-style: none;
  color: #5a511f;
}
.menu-pata ul li a:hover {
  text-decoration: underline;
  color: #ad7f0f;
}
.menu-pata ul li:before {
  display: none !important;
}
.menu-but:before { content:"≡"; }
.menu-but {
  background: #60511d;
  border: 0;
  color: #fff !important;
  font-size: 38px;
  cursor: pointer;
  width: 70px;
  min-width: 70px;
  height: 70px;
  border-radius: 0;
  position: fixed;
  top: 0px;
  right: 0px;
  display: none;
}
.menu-but:hover {
  background: #E1BA55;
  color: #fff;
}
.zobraz menur {
/*  display: block; */
}

/* minimal menu.start */
.menu ul li {
  list-style: none;
  display: block;
  float: left;
  position: relative;
  margin: 0px -1px 0px 0px;
  padding: 5px 0;
}
.menu ul li a {
/*  border-left: 1px solid #f0f0f0; */
/*  border-right: 1px solid #f0f0f0; */
  padding: 0px 7px;
}
.menu ul li ul { 
  display: none;
  z-index: 50;
  min-width: 150px;
  padding: 15px 10px 5px 10px;
}
.menu ul li ul li {
  display: block;
  padding: 10px 5px;
/*  margin-left: -30px; */
/*  min-width: 120px; */
  border: none;
  
}
.menu ul li ul li a {
  padding: 0;
  margin: 0;
  border: none;
}
li:hover li { float: none; }
li:hover a {
/* background: #fff; */ 
}
li:hover li a:hover {
}
.menu li ul li { border-top: 0; }
ul ul ul {
  left: 100%;
  top: 0;
}
ul:before,
ul:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}
ul:after { clear: both; }
a:hover img { opacity: 1 !important; }
/* minimal menu.end */

/* box 2 uroven */
ul li:hover > ul {
  display: block;
  position: absolute;
  left: -30px;
  top: 10px;
  padding-top: 12px;
  background: #fff;
  border-left: 1px solid #b79d4d;
  border-bottom: 1px solid #b79d4d; 
  border-right: 1px solid #b79d4d;
}

/* - - - - - -  RESPO MENU - - - - - - */

@media (max-width: 950px) {
  html { /* overflow-x: hidden; */ }
  .logo img, .logo-in img { height: 70px !important; width: auto; margin: 5px 0 0 0;}
  .zobraz { right: 0px; }
  .menufix, .menu { height: 70px; position: fixed; right: 0px;}
  .zobraz .logo, .logo, .zobraz .logo-in, .logo-in { left: 0px; }
  .menu-but { display: block; }
  .zobraz .menu-but:before { content:">"; }
  .zobraz .menu-but { background: #60511d; color: #fff;}
  #main-menu { 
    margin-top: 25px;
    display: grid;
    position: relative;
    left: 0px;
    width: 300px;
  }
  .menur {
    display: block;
    position: fixed;
    left: 0;
    top: 100px;
    width: 0;
    overflow: hidden;
  }
  .zobraz .menu {
    right: 0px;
    top: 70px;
    width: 260px;
    height: 100%;
    background: #60511d;
    transition: 0.2s;
    padding-right: 30px;
  }
  .menu  {
    padding: 0;
    text-align: right;
    display: block;
    position: fixed;
    right: -300px;
    top: 70px;
    width: 300px;
    height: 100%;
    background: #60511d;
    overflow: hidden;
    transition: 0.2s;
  }
  .menu ul { padding: 0; margin: 0; }
  .menu ul li { 
    display: block;
    padding: 2px 15px 2px 2px;
  }
  .menu ul li a { 
    color: #fff !important;
    border: none !important;
    padding: 0 !important;
    line-height: 30px;
    font-size: 19px;
  }
  .menu ul li a:hover { color: #aaa !important; }

/* 2 uroven start v respo */
  .menu ul li ul {
    display: none !important;
/*    display: grid; */
/*    left: 0px; */
/*    padding: 5px; */
/*    position: relative; */
/*    background: none; */
/*    border: 0; */
  }
/*
  .menu ul li ul li {
    padding: 0 10px 0 0;
    margin: 0;
  }
  .menu ul li ul li a {
    color: #E1BA55 !important;
    font-size: 14px !important
  }
  .menu ul li ul li a:after {
    content: " <";
  }
*/
/* 2 uroven konec */
  .crossfade > figure { max-height: 310px; }
}
/* respo.konec */

.zobraz-respo { display: none; }
@media (max-width: 768px) {
  .zobraz-respo { 
    display: inline-table;
    padding: 30px 20px;
  }
.zobraz-respo img, .zobraz-respo svg { 
    width: 40px; 
    height: 40px;
  }
}/* CSS Document */
/* cmsms stylesheet: 2026_css modified: středa 11. března 2026 12:43:40 */
body {
  width: 100%;
  margin: 0;
  font-family: 'Roboto', sans-serif;;
  color: #666;
  font-size: 15px;
  line-height: 1.2;
  position: absolute;
  top: 0; 
  right: 0;
  transition: right .2s;
  height: 100vh;
  overflow-x: hidden;
}
.container {
  width: 100%;
  margin: 0;
  padding: 0 0 20px 0;
/*  min-height: calc(100vh - 140px);	 */
  min-height: calc(100vh - 320px);
}
.hlavicka, .logo, .menufix, .socsite {
  display: flex; 
}
.hlavicka {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.menufix {
  margin: auto 0 !important;
}
#content_home {
  margin-bottom: 70px; 
}
#content {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0 3.33%; 
}
#header2026 {
  position: relative;
  max-height: 520px;
/*  aspect-ratio: 16 / 6; */
  height: calc(100vh - 110px);
  min-height: 340px;
  max-width: 2400px;
  margin: 0 auto;
  background: url(https://zlatatretra.cz/uploads/images/slidy2025/zt25s00.jpg) center center;
  background-size: cover;
  margin: 0 auto;
  padding: 0 3%;
  z-index: 22;
}
.motto-header {
    margin: 0 auto;
    text-align: center;
    position: absolute;
    bottom: 26px;
    padding-left: calc(50% - 360px);
}
.motto-header img { max-width: 74%; }
.headbut {
  text-align: right;
}
.headbut img {
  max-width: 220px;
}
.headbut a:hover {
  filter: opacity(0.5);
}
.topheadbut {
  padding-top: 40px;
}
.top30 { margin-top: 30px !important; }
.top50 { margin-top: 50px !important; }
.socsite {
  align-items: center;
  margin: auto 0 auto 15px;
}
.socsite a img, .socsite a svg {
  height: auto;
  width: 34px;
  min-width: 30px;
  margin: 0; 
  padding: 0;
/*  filter: opacity(0.5) grayscale(1); */
/*  -webkit-filter: opacity(0.5) grayscale(1); */
  -webkit-filter: none;
  filter: none;
  transition: transform .2s;
}
.socsite a:hover img, .socsite a:hover svg {
  transform: scale(0.8);
  filter: opacity(50%);
  -webkit-filter: opacity(50%);
}
.YT, .XX, .IG, .FB {
 margin-right: 6px;
}
.cart-icon {
  position: relative;
  top: 5px;
}
.cart-icon .badge {
  font-size: 13px;
  border-radius: 30px;
  font-weight: bold;
  position: absolute;
  bottom: 2px;
  right: -5px;
  background-color: rgb(184, 141, 37);
  padding: 0 7px;
  color: #000;
}
.inside {
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 3%;
}
.top-sticky {
  position: sticky;
  top: 0;
  width: 100%;
  background-color: #fff;
  z-index: 999;
}
.top30 { margin-top: 30px; }
.top50 { margin-top: 50px; }
.logo, .logo-in {
  z-index: 777;
  margin-right: 20px;
  padding: 0 !important;
}
.logo img, .logo-in img { 
  max-width: 220px;
  height: auto;
}
.partneri img { margin: 40px 20px; }
img {
  max-width: 100%;
  height: auto;
}
.inside .row { 
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
}
.doleva, .vlevo { text-align: left; }
.nastred { text-align: center; }
.doprava, .vpravo { text-align: right; }
.nasirku {
  max-width: 99.8%;
  overflow-x: auto;
}

/* - - - - typo - - - - */
h1, h2, h3, h4 {
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  margin: 15px 0 7px 0;
  line-height: 1.5;
  color: #61521e;
}
h1 { font-size: 26px;   font-family: "Domine", serif; }
h2 { font-size: 23px; }
h3 { font-size: 20px; }
h4 { font-size: 17px; }
td h1, td h2, td h3, td h4, td p {
  margin: 0 auto !important;
  padding: 4px !important;
}
.slider h1 {}
p {
  margin: 0;
  padding: 0;
}
#content p, .inside p {
  margin-bottom: 10px;
/*  text-indent: 12px; */
  line-height: 1.4em;
}
#content ul {
  list-style: none;
  padding-left: 55px;
}
#content ul li:before {
  content: "\25cf";
  color: #b08011; /* #E1BA55; */
  font-weight: bold;
  display: inline-block;
  width: 16px;
  margin-left: -16px;
}
#content ul li {
  margin-bottom: 7px;
}
/* em { font-style: normal !important; } */
.nomobile {
/* display: inline; */
}

/* - - - linky - - - */
a {
  color: #ad7f0f;
}
a:hover {
/*  color: #1A2B4C; */
  cursor: pointer;
}
.button {    
  border: 1px solid #ad7f0f;
  text-decoration: none;
/*  border-radius: 50px; */
  font-size: 1.15em;
  font-weight: normal;
  display: inline-block;
  align-content: center;
  text-align: center;
/*  padding: 20px 30px; */
/*  box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px */
}
.button:hover {
  background: #ad7f0f;
  color: #fff;
  transition: color 0.5s, transform 1.5s, background-color 0.2s;
}
.button-menu2, .button2-menu2 {
  margin: 7px 2px;
  padding: 10px 15px;
  border-radius: 4px;
/*  border: solid 1px #ad7f0f; */
  border: solid 1px #fff;
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.7px;
  display: inline-block;
}
@media (max-width: 480px) {
  .button-menu2, .button2-menu2 {
    font-size: 12px;
    margin: 5px 1px;
    letter-spacing: normal;
  }
} 

.button-menu2 {
  background: #fff;
  color: #5f501c;
}
.button-menu2:before--- {
/*  content: "\25cf"; */
/* content: " "url(/uploads/images/icon-ticket-menu.svg); */
  height: 20px;
  width: 20px;
  color: #b08011; /* #E1BA55; */

}
.button2-menu2 {
/*  background: #ad7f0f; */
  color: #fff;
}
.button-menu2:hover, .button2-menu2:hover {
  background: #ad7f0f;
  color: #fff;
}
.button-menu2::after, .button2-menu2::after {
  content: " »"
}
.kulaty {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

/* - - - bloky - - - */

.termin {
  float: right;
  text-align: right;
  position: relative;
  top: 100px;
/*  margin-top: 2vh; */
  color: #fff;
  z-index: 8888;
}
.termin hr {
  margin: 0;
  paddin: 0;
  color: #fff;
  height: 1px;
  border-width: 0;
  background-color: #fff;
}
#odpocet, .odpocet {
  font-family: 'LCDDot', sans-serif;
  font-size: 26px;
  color: #000;
}
.boxodpocet {
  background: #000;
  padding: 8px 8px 0 8px;
  color: #ad7f0f;
  width: 60px;
  min-width: 48px;
  height: 34px;
  border-radius: 10px;
  display: inline-grid;
  text-align: center;
}
.datum {
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  font-size: 46px;
  line-height: 50px;
  text-align: right;
}
.zlato, .stribro, .bronz {
  border-radius: 10px;
  width: 20px;
  height: 20px;
  color: black;
  position: relative;
  display: inline-block;
  text-align: center;
}
.zlato { background: gold; }
.stribro { background: silver; }
.bronz { background: #cd7f32; }
#topBtn {
  display: none;
  position: fixed;
  bottom: 60px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #fff;
  cursor: pointer;
  width: 60px !important;
  height: 60px;
  padding: 5px;
  -webkit-filter: opacity(0.4);
  filter: opacity(0.4);
}
#topBtn img {
  max-width: 50px !important;
  height: auto;
  max-height: 50px !important;
}
#topBtn:hover {
  background-color: #b08011; /* #E1BA55; */
  -webkit-filter: opacity(1);
  filter: opacity(1);
  border-radius: 50px;
  color: #fff;
}
.bt_head {
    color: #fff;
    border: 1px solid #aaa;
    padding: 3px 10px;
    border-radius: 10px;
    text-decoration: none;
}
.bt_head:hover {
/*  text-decoration: underline; */
  color: #000;
  background: #fff;
}

/* - - - - - - MENU 2 + 3 - - - - - - */
.menu2 {
  display: block;
  width: 100%;
  border-bottom: 2px #b79d4d solid;
  color: #61521e;
  z-index: 333;
  position: relative;
  font-family: "Oswald", sans-serif;
  background:#5f501c;
}
.menu2 .odkazy {
  max-width: 950px;
  margin: 0 auto;
  height: 55px;
  border-radius: 20px 20px 0 0;
  color: #61521e;
  z-index: 5;
}
.menu2 .button {
  margin: 7px 5px;
}
.menu3.odkazy {
  background: #fff0bb;
  margin: 0 auto;
  height: 55px;
  color: #fff;
  text-align: center;
/*  top: 100px; */
  width: 100vw;
  position: sticky;
  z-index: 255;
}
#menu2 .odkazy a, .menu3.odkazy a {
  color: #61521e;
  text-decoration: none;
  font-family: "Oswald", sans-serif;
  font-size: 15px;
  padding: 20px 10px 2px 10px;
  display: inline-block;
}
.menu3.odkazy a {
  padding: 20px 10px 5px 10px;
}
.menu3.odkazy a::after {
/*  content: "  |  "; */
}

#menu2 .odkazy a:hover, .menu3.odkazy a:hover {
/*  color: #1A2B4C; */
  text-decoration: none;
  border-bottom: 2px #61521e solid;
}

/* - - - - - - - - tabulky - - - - - - - - - - */
table {
/*  border-collapse: collapse; */
  max-width: 99vw;
  overflow-x: auto;
  display: block;
}
tbody {
  border: 1px solid #f3f3f3;
  display: inline-table;
}
table, tbody, tr {
  min-width: 69.1%;
  max-width: 99.1%;
  width: 99.1%;
}
th, td {
  padding: 5px 12px;
  text-align: left;
  border-bottom: 1px solid #fafafa;
}
th p, td p {
  padding: 0;
  margin: 0;
}
td img {
min-width: 60px;
}
th {
  font-size: 12px;
  color: #fff;
  background: #1A2B4C;
  border-right: 1px solid #E1E1E1;
}
tr:nth-child(2n+1) {
  background: #fafafa;
}
tr:hover {
  background: #ffe7a7;
  cursor: default;
}

/* - - - - - - - youtube video iframe - - - - - - - */
iframe {
  max-width: 99.8%;
}

/* - - - - - - footer - - - - - - */
#vzdydole {
  position: absolute;
  bottom: 0px;
  width: 100%;
}
.copyr {
  margin: 20px 0 40px 0;
  width: 100%;
  text-align: center;
/*  position: relative; */
position: static;
min-height: 110px;
background: #fff0bb;
/*  bottom: 130px; */
  display: block;
}
.copyr p {
  padding: 27px;
  font-size: 10px;
  color: #666;
}
.pata-page {
  margin: 20px 0 40px 0;
  padding: 0;
  width: 100%;
  background: #fff0bb url(https://zlatatretra.cz/uploads/images/bg-pata-logo520e.png) no-repeat right top;
  background-size: contain;
}
.pata-page .row { 
  padding: 10px 12px; 
  display: block;
}
.pata-page p { 
  margin-left: 10px; 
  padding: 3px 0px;
}
#footer {
  width: 100%;
  background: #5f501c;
  padding: 0;
  margin: 0;
  text-align: center;
  position: fixed;
  bottom: 0px;
  height: 50px;
  color: #aaa;
  font-size: 10px;
  z-index: 567;
}
.pata img {
  width: auto;
  height: 50px;
}
.foot-loga img {
  padding: 0 10px;
}
.pata a, .copyr a {
  color: #9999cc;
}
.pata a:hover { opacity: 1; }

.norm-pismo { text-transform: none !important; }

/* cookiehub icon position */
.ch2-icon {
  left: unset !important;
  right: 3px;
  bottom: 43px !important;
}

iframe #cc_div #cm, #cm {
display: none !important;
bottom: -500px !important;
}

/* L A N D I N G */

.modra { background: #2b3446; }
.zlata { background: #fff0bb; }
.seda { background: #fbfaf7; border: 0px solid #decd8e; border-radius: 12px; }
.modra h1, .modra h2, .modra h3, .modra h4, .modra p,
.zlata h1, .zlata h2, .zlata h3, .zlata h4, .zlata p { color: #493f1f !important; }
.bila { background: #fff; }
.bgrlogo {
    background-image: url(https://zlatatretra.cz/uploads/images/bgr2logo.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.sekce {
  position: relative;
  display: block;
  padding: 20px 0px;
  margin: 0;
}
.atlet-boxy {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.atlet-boxy img {
  padding: 30px 20px;
  max-width: 100%;
}
.atlet-boxy h3 {
  margin: -10px 0 12px 0;
}
@media (max-width: 520px){
  .atlet-boxy img {
    padding: 20px 12px;
    max-width: calc(100% - 30px);
  }
}
.atlet-box {
  margin: 15px 5px;
  border-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 6px 15px;
}
.atlet-box h1, .atlet-box h2, .atlet-box h3, .atlet-box p  {
  padding: 0 20px !important;
  color: #1A2B4C !important;
}
.atlet-box:nth-child(even) { 
/* background-color: #eef1f7; */
/* border: 1px solid #2b3446; */
/* background-image: linear-gradient(#fff, #eef1f7, #fff); */
  background: #fff;
/*  border: 1px solid #eef1f7; */
}
.atlet-box:nth-child(odd) { 
/* border: 1px solid #b48a0f; */
/* background-image: linear-gradient(#fff8e7, #fff); */
  background: #fff;
/*  border: 1px solid #fff8e7; */
}
.atlet-box img {
  width: 100%;
  border-radius: 20px 20px 0 0;
  margin: 0;
  padding: 0;
}
.atlet-box p.medaile { 
 margin: 15px 0 0 30px !important;
}
.atlet-box p.medaile img {
  width: 26px !important;
  height: 26px !important;
  float: left;
  margin: -2px 10px 0 -35px;
}

.odrazit {
  margin-top: -80px;
  padding-top: 80px;
  margin-bottom: 0px;
}
.odrazit-atlet {
  margin-top: -140px;
  padding-top: 140px;
  margin-bottom: 0px;
}
.mtop30 { margin-top: 30px; }
.mtop50 { margin-top: 50px; }
.ptop30 { padding-top: 30px; }
.ptop50 { padding-top: 50px; }
hr, .form-linka {
  display: block;
  border: none;
  margin: 40px auto;
  padding: 0;
  height: 2px;
  background-image: linear-gradient(to right, #fff, #b48a0f, #fff);
}

tr.tourgold {
  background: #e1c378;
}

@media (min-width: 550px) {
  .casova-osa .one-half.column:nth-child(2n-1) {
    margin-left: 0;
    padding: 0 4% 0 2%;
    width: 50%;
    border-right: 2px solid #aaa;
    border-bottom: 1px solid #aaa;
    border-radius: 0 0 0 22px;
  }
  .casova-osa .one-half.column:nth-child(2n) {
    margin-left: 49.85%;
    margin-right: 0;
    padding: 0 2% 0 4%;
    border-left: 2px solid #aaa;
    border-bottom: 1px solid #aaa;
    border-radius: 0 0 22px 0;
  }    
}

/* M O D A L img */
#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}
#myImg:hover {opacity: 0.6;}
.modal {
  display: none;
  position: fixed;
  z-index: 888;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  overflow: auto;
  background-color: rgb(43,52,70);
  background-color: rgba(43,52,70,0.9); /* Black w/ opacity */
}
.modal-content {
  margin: auto;
  display: block;
  width: 96%;
/*  max-width: 700px; */
}
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}
.modal-content, #caption {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}
@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}
@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}
.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}
/* cmsms stylesheet: 2026_respon modified: středa 11. března 2026 13:20:24 */
.onlymobile {display: none !important; }
@media (max-width: 1400px) {
  #content {
    padding: 0 2%; 
  }
}
@media (max-width: 1270px) and (min-width: 940px) {
  .menu { top: 0; }
  .menufix {
    align-self: flex-start;
    margin-top: 7px;
  }
}
@media (max-width: 940px) {
  .onlymobile {display: block !important; }
  .hlavicka {
    z-index: 9999;
    height: 70px !important;
    position: fixed;
    top: 0px;
    left: 0;
    width: calc(100% - 70px);
    background: #fff;
    padding: 0;
  }
  .socsite {
    flex-flow: wrap;
    margin-right: 16px;
  }
  #header2026 {
    height: calc(100vh - 300px) !important;
    min-height: 260px;
    padding-top: 80px;
/*  bottom: 10px; */
  }
  .menu2 {
    top: 70px;
  }
  .headbut {
    width: 26%;
    position: relative;
    left: 68%;
  }
  motto-header {
    max-width: 64%;
  }
  .inside {
    margin: 0 auto;
  }
  .inside h1, .inside h2, .inside h3, .inside h4, .inside p {
    padding: 0 7px;
  }
  #content {
    padding: 0; 
  }
  .menu3.odkazy {
    margin: 0px;
    text-align: center;
    padding: 10px 0;
    height: auto;
    position: fixed;
    top: 70px;
  }
  .menu3.odkazy a {
    padding: 7px 5px;
    display: inline-block;
  }
  #content {
    margin-top: 100px;
  }
  .partneri img {
    margin: 20px 0;
  }
}
@media (max-width: 520px) {
  #header2026 {
    max-height: 160px;
    margin-top: 70px;
  }
  .topheadbut {
    margin: 0;
    padding: 5px 0;
  }
  .headbut {
    width: 40%;
    position: relative;
    left: 40%;
  }
  motto-header {
    width: 82%;
  }
  .motto-header img { max-width: 85%; }
  .inside {
/*    padding: 0 12px; */
  }
  .socsite a img {
/*    height: 25px; */
/*    width: auto; */
    max-height: 28px;
    max-width: 28px;
    margin: 0px 2px;
  }
  .partneri img {
    max-width: 280px !important;
    height: auto;
  }
  .logo img, .logo-in img, .socsite img { 
    padding: 0px;
    max-width: 140px;
  }
  table {
    width: 100% !important;
    overflow-x: auto; 
  }
  th, td, th p, td p {
    padding: 2px;
    /* font-size: 0.75em; */
  }
  #content p {
    padding-left: 7px;
  }
  #content ul {
    padding-left: 35px;
  }
  .news-foto {
    width: 99.2% !important;
    max-width: 100% !important;
    height: auto;
    float: none !important;
    margin: 0px 0 20px 0px !important;
  }
  .termin { top: 70px !important; }
  .termin h1 { font-size: 18px; }
  .odpocet { font-size: 26px; }
  .datum { font-size: 36px !important; }
  .nomobile { display: none !important; }
  .logo, .logo-in {
    background: transparent !important;
  }
  .XX, .YT { display: none !important; }
}
@media (max-width: 340px) {
  .hlavicka {
        width: calc(100% - 70px);
  }
  .logo, .logo img {
   max-width: 140px;
   height: auto;  
  }
  .logo img { height: auto !important; }
  #footer .inside {
    padding: 0 3px !important;
  }
  .pata img { 
    max-width: calc(100% / 4.2);
    height: auto;
  }
  .XX, .YT { display: none !important; }
}

@media (max-height: 500px) {
  .zobraz .menu {
    overflow: scroll;
    height: calc(100vh - 140px) !important;
  }
}
/* cmsms stylesheet: ZT_news modified: úterý 17. února 2026 12:21:20 */
.NewsSummaryUp {
  width: 100%;
  padding: 20px 0 0 0;
}
.NewsDate, .nws-dat {
  font-size: 13px;
  margin-bottom: 10px;
  color: #999;
}

.NewsTitle {
/*  float: left; */
  margin: 0 0 0 55px;
}
.NewsSummary h1 a, .NewsSummary h2 a {
  text-decoration: none;
  color: #5a511f;
}
.NewsSummary h1, .NewsSummary h2 { text-transform: uppercase; }
.NewsSummary h2 a:hover { color: #E1BA55; }
.NewsBody {
  padding: 5px 0 0 0;
  margin-left: -15px;
}
.NewsSummarySummary p {
  padding-left: 0 !important;
  font-weight: normal !important;
}
.nws-dat {
  padding-left: 0 !important;
}
.NewsSummary {
  padding: 10px 7px;
  margin: 20px 0;
}
.NewsSummary:nth-child(2n) {
  background: #fff9e2;
  padding-bottom: 20px;
}
.NewsPages {
  text-align: left;
  border-top: 1px solid #dfdfdf;
}
.NewsPages a { text-decoration: none }
.NewsPages a:hover { font-weight: bolder; }
.NewsBody td {
  border: 1px solid #999;
  padding: 3px;
  word-wrap: normal !important;
  font-size: 12px;
}
.news-foto {
  max-width: 50%;
  height:auto;
/*  float: left; */
/*  margin: 0px 25px 10px 0px; */
  float: right;
  margin: 0px 5px 10px 25px;
}
.news-foto-top img {
  margin: 0px;
  padding: 0;
  object-fit: cover;
  width: 100%;
  aspect-ratio: 16 / 9;
  transition: all ease-in-out .3s;
  opacity: 1;
}
.news-foto-top a:hover img {
  opacity: .6;
  -webkit-filter: sepia(100%);
  filter: sepia(100%);
  display: inline-block;
  cursor: pointer;
  border: 0;
}
#NewsPostDetailContent img { margin: 30px 0; }
.NewsSummaryMorelink a {
  padding: 7px 12px 4px 12px;
  background: #fff;
  display: inline-block;
  text-decoration: none;
  border-radius: 4px;
  border: solid 1px #ad7f0f;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.7px;
}
.NewsSummaryMorelink a:hover {
  background: #ad7f0f;
  color: #fff;
}

@media (max-width: 480px) 
{
  .news-foto {
    max-width: 100%;
    width: 100%;
    float: none;
  }

}
/* cmsms stylesheet: FormBuilder Default Style modified: pátek 10. ledna 2025 16:00:11 */
/* Sample FormBuilder CSS base */
.zt_forms {
/*  text-align: center; */
}
.zt_forms div {
  margin: 15px 0;
}
.zt_forms table, .zt_forms tbody, .zt_forms tr, .zt_forms td  {
  border: 0 !important;
}
.zt_forms img {
 min-width: unset !important;
}
form {
	margin-top: 0
}
form table.formbuilderform {
  width: 100%;
  border: 0;
}
form tr, form td, form th, form li {
  font-size: 100%;
  background: #fff;
  border: 0;
}
form div.polozka {
  padding: 20px;
  margin: 10px 0;
  background: #f8f8f8;
}
fieldset div {
	margin-bottom: 0.5em;
	margin-left: 1em;
}
fieldset div div {
	margin-top: 0.5em;
	margin-left: 1em
}
fieldset {
	margin-bottom: 1em;
	border: 1px solid #F60;
	padding: 0.5em
}
label, fieldset label {
  width: auto;
  margin-right: 25px;
  display: inline; 
}
div.multi {
  display: inline;
}
input[type="email"] {
  margin-right: 20px;
}
legend {
	color: #FFF;
	background: #F60;
	font-style: italic;
	font-size: 1.2em;
	margin-bottom: 0.5em;
	padding: 0.2em;
	width: auto;
	border: 1px solid #CCC
}
textarea {
	margin: 0.5em 0;
	width: 98%;
	height: 6em
}
/* Apply this class to text/select input fields with shorter labelsto help alignment */
.short-label label {
	float: left;
	width: 10em
}
.short-label fieldset div input, .short-label fieldset div select {
	width: 16em
}
/* Pretty up your Captcha image output */
.captcha {
  margin: 30px 0;
  width: 100%;
  text-align: center;
}
.captcha img {
  border: 1px solid #F60;
/*  margin-bottom: 40px; */
}
.captcha input {
/*  width: 196px; */
/*  margin-top: 0.5em */
}
/* Just a bit more room for the Submit button */
.submit {
  padding: 20px;
  margin: 10px 0;
  background: #f8f8f8;
  text-align: center;
}
.fbsubmit {
  font-size: 18px;
  padding: 7px 20px;
}
.contactform input {
  border: 1px solid #f60;
}
.contactform input.checkbox {
  border: none;
}
.contactform label {
  display: block;
	float: left;
	width: 150px;
}
.contactform label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 10px;
}
.contactform textarea {
	background-color: #ffc;
	border: 1px solid #f60;
}
.formbuilderform .message {
	line-height: 16px;
	padding: 0 0 8px 0;
}

@media screen and (max-width: 580px) {
  label {
    display: block;
    margin: 5px;
  }
  div.multi {
    text-align: center;
    display: block;
  }
  div.multi label {
    padding-bottom: 20px;
    border-bottom: 1px solid #fff;
  }
}
@media screen and (max-width: 359px) {
  .polozka input {
    max-width: 100%;
  }
}