body {  margin:0; padding:0; font-size:100%;  line-height:1;  background:#fff;    font-family: Trebuchet MS, "Segoe UI", Arial, Helvetica, sans-serif, Times Roman; }
img {max-width: 90%;     }
.resp {  max-width: 88%;   margin: 0 auto;   position: static;  }
.resp_total {  background: white; background-attachment: fixed; background-size: 100%; max-width: 88%;    margin: 0 auto;   position: static;   }
header {   position: sticky;  top: 0;   z-index: 50; }
header .article  { float: left; margin-top: -0.5em; width: 80%; margin-right: 0.15em; color: #008d06;   }
header .article a {  color: #008d06; font-size: 1.00em  Trebuchet MS, "Segoe UI", Arial, Helvetica;  font-style:  ; font-weight: ; }
header .article  ul { padding: 0 0 0 0%;   }
header .article .sloupec {   display: block;  margin-bottom:0%; width: 20%;  height: auto;   float: right;  margin-right: 0.0%;  border-left: 1px #000 solid;}
header .article h1  {   margin-left: 0.6em;  font: 1.35em Trebuchet MS,  "Segoe UI", Trebuchet MS, "Segoe UI", Arial, Helvetica;  color: #2aa92f;   padding: 0.4em;   border-radius: 4px;}
header .article  li {  margin-left: 1.0em;  color: #78084b;  font: 0.75em Trebuchet MS, "Segoe UI", Arial, Helvetica;   line-height: 18px;  padding: 0% 0% 0% 0%; list-style-type: none ; }
header .article a:hover {   color: #008d06;  text-decoration: underline;}
header .article a.shipka-next {display:inline-block; color:#008d06;}
header .article a.shipka-next:after {width:0; height:0; content:' '; display:inline-block; margin-left:4px; border-style:solid; border-width:5.5px 0 5.5px 5.5px;	border-color:transparent transparent transparent #008d06; }
header .article ul li, ul li ul li {list-style-type: none;}
header  .logo { float: left;  margin-top: 0.40em; margin-left: 0.00em;}

.lista { width: 100%; height:75px; opacity:0.90;  background:#fff;   }
.lista   { z-index: 3;} 
.image {width: 100%;   background-size: cover; }
.image img {    float:left;  margin-left: 0px;   width: 100%;   }
.konec1 {clear: both;}

.container {  overflow: hidden; margin-top:0em;   margin-bottom:em;  width:100%;   margin-left: 0%;   background:#fff;  margin-right: 0%;  display: grid; grid-template-columns: repeat(1, 1fr);     gap: 2%;}
.container {   background:none;    padding: 0em 0em 0em 0em;}
.container .column  {   line-height: 22px;    padding: 0.0em;  margin: 0;  text-align: left;   font-weight:  background:#fff; ;    border-top: 1px #fff solid;   border-bottom: 1px #fff solid;   border-left: 1px #fff solid;   border-right: 1px #fff solid;  border-radius: 7px;}
.container .column  ul { padding: 0 0 0 0%;   }
.container .column  li {  margin-left: 1em;  color: #78084b;  font: 0.85em Trebuchet MS, "Segoe UI", Arial, Helvetica;   line-height: 25px;  padding: 0% 0% 0% 1%; list-style-type: none ; }
.container .column  h1  {   margin-left: 0.6em; margin-right: 0.6em; font: 0.95em Trebuchet MS,  "Segoe UI", Trebuchet MS, "Segoe UI", Arial, Helvetica;  color: #fff;   padding: 0.4em;  background: #2aa92f; border-radius: 4px;}
.container .column  h2 {  margin-left: 0.6em; margin-right: 0.6em; font: 0.95em Trebuchet MS, "Segoe UI", Trebuchet MS, "Segoe UI", Arial, Helvetica;  color: #fff;   padding: 0.3em;  background: #2aa92f; border-radius: 4px; }
.container .column  img {  float: left; width:100%;  border-radius: 7px;  margin-right: 0.5em;  margin-top: 0.5em;}
.container .column a {  text-decoration: none;  color: #008d06;  font-weight:  ;  }
.container .column a:hover {   color: #008d06;  text-decoration: underline;}
.container .column a.shipka-next {display:inline-block; color:#008d06;}
.container .column a.shipka-next:after {width:0; height:0; content:' '; display:inline-block; margin-left:4px; border-style:solid; border-width:5.5px 0 5.5px 5.5px;	border-color:transparent transparent transparent #008d06; }
.container .column ul li, ul li ul li {list-style-type: none;}


.container2 {  overflow: hidden;  margin-top:1.5%;   padding-top: 0.0em;  width:100%;   margin-left: 0%;   margin-right: 0%;    background:#fbebf1;   display: grid;  grid-template-columns: repeat(2, 1fr);     gap: 2%;}
.container2 {   background:none;    padding: 0em 0em  0em 0em;}
.container2 .column  ul { padding: 0 0 0 4%;  }
.container2 .column  {   line-height: 22px;    padding: 0.2em;  margin: 0;  text-align: left;  background: #fbebf1;  font-weight: ;    border-top: 1px #fff solid;   border-bottom: 1px #fff solid;   border-left: 1px #fff solid;   border-right: 1px #fff solid;  border-radius: 7px;}
.column  ul { padding: 0 0 0 4%;  }
.container2 .column  li {  margin-left: 2em;  color: #78084b;  font: 0.90em Trebuchet MS, "Segoe UI", Arial, Helvetica;   line-height: 25px;  padding: 0% 0% 0% 1%; list-style-type: ; }
.container2 .column  h3  {   margin-left: 0.6em; margin-right: 0.6em; font: 1.00em Trebuchet MS, "Segoe UI", Arial, Helvetica;  color: #fff;   padding: 0.4em;   background: #60995e; border-radius: 4px;}
.container2 .column  h4 {  margin-left: 0.6em; margin-right: 0.6em; font: 0.95em Trebuchet MS, "Segoe UI", Arial, Helvetica;  color: #fff;   padding: 0.4em;   background: #60995e; border-radius: 4px; }
.container2 .column p { padding: 0% 2% 0% 2%; color: #3c464f;  font: 0.91em Trebuchet MS, "Segoe UI", Arial, Helvetica; line-height: 22px;  }
.container2 .column .sloupec {   display: block;  margin-bottom:1%; margin-top:0%; width:50%;  height: auto;   float: left;  margin-right: 0%; margin-left: 0%; list-style-type: none ;}
.container2 .column .sloupec  a { text-decoration: underline;}

.container2 .column .sloupec2 {   display: block;      margin-bottom:1%; margin-top:0%; width:170px;  height: auto;   background: #fff; float: left; margin-left: 0.8em; list-style-type: none ;  border-radius: 7px; }

.container2 .column a.shipka-next {display:inline-block; color:#78084b; }
.container2 .column a.shipka-next:after {width:0; height:0; content:' '; display:inline-block; margin-left:4px; border-style:solid; border-width:5.5px 0 5.5px 5.5px;	border-color:transparent transparent transparent #78084b; }
.container2 .column a { text-decoration: none;}

.container3 {  overflow: hidden;  margin-top:1.0%;   padding-top: 0.0em; width:100%;      background:#fff;     padding: 0em 0em  0em 0em;  display: grid;  grid-template-columns: repeat(1, 1fr);     gap: 2%;}
.container3 {  background:none;   }
.container3 .column   {   line-height: 22px;    padding: 0.2em;  margin: 0;  text-align: left;  background: #fff;  font-weight: ;    border-top: 1px #fff solid;   border-bottom: 1px #fff solid;   border-left: 1px #fff solid;   border-right: 1px #fff solid;  border-radius: 7px;}
.container3 .column  img {  float: left; width:100%;  border-radius: 7px;  margin-right: 0.0em;  margin-top: 0.0em;}

.kontakty { overflow: hidden;   background: linear-gradient(to top right, transparent,     rgb(244, 220, 229) 15%, rgb(255, 255, 255) 50%); background-image: -ms-linear-gradient(bottom left,  #f4dce5 15%,  #ffffff 50%); opacity:0.80;    margin-top: 1.25em; }
.kontakty .article {   display: block;  margin-bottom:1%; width: 23%;  height: auto;   float: left;  margin-right: 0.50%; margin-left: 0.5%; }
.kontakty .article .sloupec {   display: block;  margin-bottom:1%; margin-top:0%;   height: auto;   float: left;  margin-right: 0%; margin-left: 0%; }
.kontakty .article h3 { padding: 0px;   color: #458447; font: 1.00em Trebuchet MS, "Segoe UI", Arial, Helvetica;   font-weight: bold; }
.kontakty .article p { color: #94125f; font: 0.90em Trebuchet MS, "Segoe UI", Arial, Helvetica;  line-height: 18px; }
.kontakty .article strong { color: #458447;   font: 1.00em Trebuchet MS, "Segoe UI", Arial, Helvetica;   font-weight: bold; }
.kontakty .article .font5 {   color: #94125f;  font: 1.00em Trebuchet MS, "Segoe UI", Arial, Helvetica;  text-decoration: underline;  float: left;}
.kontakty .article .font5 img {  float: left; max-width: 100%;  margin: 0%;  padding: 0px 10px 0px 0px;}
.kontakty  ul { padding: 0 0 0 0%;   }
.kontakty  li {  margin-left: 0.0em;  color: #78084b;  font: 0.85em Trebuchet MS, "Segoe UI", Arial, Helvetica;   line-height: 25px;  padding: 0% 0% 0% 0%; list-style-type: none ; }
.kontakty a {  text-decoration:;  color: #78084b;  font-weight:;  }
.kontakty a:hover {   color: #78084b;  text-decoration: underline;}
.kontakty a.shipka-next {display:inline-block; color:#78084b;}
.kontakty a.shipka-next:after {width:0; height:0; content:' '; display:inline-block; margin-left:4px; border-style:solid; border-width:5.5px 0 5.5px 5.5px;	border-color:transparent transparent transparent #78084b; }
.kontakty ul li, ul li ul li {list-style-type: none;}


.slideshow {      position:  relative;    max-width: 100%;   }
.slideshow img {    position: absolute;    top: 0px;    left: 0;    width: 100%;    height: 100%;    opacity: 0;    filter: alpha(opacity=0);  transition: opacity .5s;}
.slideshow .show {    opacity: 1;    filter: alpha(opacity=100);}
.slideshow .stoped {    z-index: 0;}
.slideshow :first-child {    position: relative;     display: block;}

.slideshow2 {      position:  relative;    max-width: 100%;   }
.slideshow2 img {    position: absolute;    top: 0px;    left: 0;    width: 100%;    height: 100%;    opacity: 0;    filter: alpha(opacity=0);  transition: opacity .5s;}
.slideshow2 .show {    opacity: 1;    filter: alpha(opacity=100);}
.slideshow2 .stoped {    z-index: 0;}
.slideshow2 :first-child {    position: relative;     display: block;}


.dialog2 {width: 100%; position: fixed;  bottom:0.0%;   padding: 0.0em 0.0em 0.0em 0.0em;  font: 0.75em Trebuchet MS, "Segoe UI", Arial, Helvetica; background:  #f8d5d7; opacity:0.85; color: #94125f; display: none;  z-index: 1; }
.show .dialog2, .show .dialog2-background {display: block;  }
.dialog2 button  {  padding: 0.1em 0.1em 0.1em 0.1em; background: #3c3a3b; border: 1px solid #000; background: #fff; color: #000;  font-weight: bold;  border-radius: 5px;   }
.font99 {   color: #000;    font: 1.00em Trebuchet MS, "Segoe UI", Arial, Helvetica;  text-decoration:  ;    padding: 0.75%; }



a.tlacitko2 { padding: 0.15em; font: 0.95em Trebuchet MS, "Segoe UI", Arial, Helvetica; background: green;  color: #fff; border: 1px solid #0f3a0f; color: #fff;  text-decoration: none; border-radius: 5px; }
a.tlacitko2:hover {background: #f2b9bc; }
a.tlacitko2:active {top: 0px; left: 0px; }

footer { background: #FFF; padding: 10px;   border-top: 1px #0f3a0f solid;   text-align: center; }
footer p { margin-bottom: 0%; color: #94125f;  font: 0.75em Trebuchet MS, "Segoe UI", Arial, Helvetica;  line-height: 18px; }
footer a { color: #0054ff; }
footer  ul { padding: 0 0 0 0%;   }
footer li {  margin-left: 0.0em;  color: #78084b;  font: 0.75em Trebuchet MS, "Segoe UI", Arial, Helvetica;   line-height: 20px;  padding: 0% 0% 0% 0%; list-style-type: none ; }


img {max-width: 100% !important; height: auto !important; }


@media (max-width:1600px) {
header .article .sloupec {   display: block;  margin-bottom:0%; width: 32%;  height: auto;   float: right;  margin-right: 0.5%; margin-left: 0%;  border-left: 1px #000 solid;}
header .article  { float: left; margin-top: -0.3em; width: 80%; margin-right: 0.15em; color: #008d06; } }

@media (max-width:1400px) {
.container2 {  overflow: hidden;  margin-top:1.5%;   padding-top: 0.0em;  width:100%;   margin-left: 0%;   margin-right: 0%;    background:#fbebf1;   display: grid;  grid-template-columns: repeat(1, 1fr);     gap: 2%;}
.container2 {   background:none;    padding: 0em 0em  0em 0em; border-radius: 7px;}}

@media (max-width:999px) { 
.produkty .article { width: 100%;  }   
.produkty .article h3  {  font-weight: lighter; font: 0.70em Trebuchet MS,  "Segoe UI", Trebuchet MS, "Segoe UI", Arial, Helvetica;  color: #0f3a0f; font-smooth: initial;margin-right: 3%; }
.produkty .article h4 {  font-weight: lighter; font: 0.70em Trebuchet MS, "Segoe UI", Trebuchet MS, "Segoe UI", Arial, Helvetica;  color: #0f3a0f; margin-right: 3%;  }
.menu ul li {  float: left;  margin-top: 0.5em;  font: 0.90em Trebuchet MS, "Segoe UI", Arial, Helvetica; padding: 0.00% 2.00% 0.00% 0.00%; font-weight:;}
.kontakty .article { width: 100%;  }  
header .article h1  {   margin-left: 0.6em;  font: 1.15em Trebuchet MS,  "Segoe UI", Trebuchet MS, "Segoe UI", Arial, Helvetica;  color: #2aa92f;   padding: 0.4em;   border-radius: 4px;} }


@media (max-width:890px) {
header .article  { float: left; margin-top: 0em; width: 70%; }
header .article h1  {   margin-left: 0.6em;  font: 1.15em Trebuchet MS,  "Segoe UI", Trebuchet MS, "Segoe UI", Arial, Helvetica;  color: #2aa92f;   padding: 0.4em;   border-radius: 4px; width: 50%;} }

@media (max-width:860px) {
header .article h1  {   margin-left: 0.6em;  font: 1.15em Trebuchet MS,  "Segoe UI", Trebuchet MS, "Segoe UI", Arial, Helvetica;  color: #2aa92f;   padding: 0.4em;   border-radius: 4px; width: 50%;}
header .article .sloupec {   display: block;  margin-bottom:0%; width: 50%;  height: auto;   float: right;  margin-right: 0.0%;  border-left: 1px #000 solid;} }

@media (max-width:690px) {
header .article h1  {   margin-left: 0.6em;  font: 1.05em Trebuchet MS,  "Segoe UI", Trebuchet MS, "Segoe UI", Arial, Helvetica;  color: #2aa92f;   padding: 0.4em;   border-radius: 4px; width: 50%;} 
header .article .sloupec {   display: block;  margin-bottom:0%; width: 50%;  height: auto;   float: right;  margin-right: 0.0%;  border-left: 1px #000 solid;}}




@media (max-width:630px) {
header .article .sloupec {   display: none; }
header .article h1  {   margin-left: 0.2em;  font: 1.05em Trebuchet MS,  "Segoe UI", Trebuchet MS, "Segoe UI", Arial, Helvetica;  color: #2aa92f;   padding: 0.4em;   border-radius: 4px; width: 100%;}
.container2 .column .sloupec {   display: none; }}

@media (max-width:590px) {
header .article .sloupec {   display: none; }
header .article  { float: left; margin-top: 0em; width: 60%; }
header .article h1  {   margin-left: 0.2em;  font: 1.05em Trebuchet MS,  "Segoe UI", Trebuchet MS, "Segoe UI", Arial, Helvetica;  color: #2aa92f;   padding: 0.4em;   border-radius: 4px; width: 100%;}
}

@media (max-width:450px) {
header .article  { float: left; margin-top: 0em; width: 68%; }
header .article h1  {   margin-left: 0.2em;  font: 1.00em Trebuchet MS,  "Segoe UI", Trebuchet MS, "Segoe UI", Arial, Helvetica;  color: #2aa92f;   padding: 0.0em;   border-radius: 4px; width: 100%;}
header  .logo  {  width: 30%; }}

@media (max-width:210px) {   header strong {    position:  absolute; top:65px; left:5px;    } 
.menu button {  z-index: 4;  display: block;   position: absolute;   top: 60px;    right: 10px;   }
.menu.display button { z-index: 4; display: block;  position: absolute;   top: 60px;  right: 10px;    }
.menu ul li {  float: none;  margin-left: -3em;  font: 0.70em  Arial, Helvetica, sans-serif; }}