body {  margin:0; padding:0; font-size:100%;  line-height:1;     font-family: Trebuchet MS, "Segoe UI", Arial, Helvetica, sans-serif, Times Roman; }
img {max-width: 100%;     }
.resp {  max-width: 98%;   margin: 0 auto;   position: static;  }
.resp_total {  background: #f9edf1; background-attachment: fixed; background-size: 100%; max-width: 100%;    margin: 0 auto;   position: static;   }
header {   position: sticky;  top: 0;   z-index: 50; }
header .article  { float: right; margin-top: -0.8em; width: 50%; margin-right: 0.15em; color: #458447;   background:
linear-gradient(to bottom left, transparent,
    rgb(244, 220, 229) 35%, rgb(255, 255, 255) 50%); background-image: -ms-linear-gradient(top right,  #f4dce5 35%,  #ffffff 50%); }
header .article a {  color: #458447; font-size: 1.00em  Trebuchet MS, "Segoe UI", Arial, Helvetica;  font-style:  ; font-weight: ; }
header .article .sloupec {   display: block;  margin-bottom:0%; width: 32%;  height: auto;   float: left;  margin-right: 0.5%; margin-left: 0%;  border-left: 1px #000 solid;}
header .article  ul { padding: 0 0 0 0%;   }
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: #458447;  text-decoration: underline;}
header .article a.shipka-next {display:inline-block; color:#458447;}
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 #458447; }
header .article ul li, ul li ul li {list-style-type: none;}
header  .logo { float: left;  margin-top: 0.20em; margin-left: 0.99em;}

.lista { width: 100%; height:110px; opacity:0.90;   background: linear-gradient(to bottom right, transparent,    rgb(244, 220, 229) 15%, rgb(255, 255, 255) 50%); background-image: -ms-linear-gradient(top left,  #f4dce5 15%,  #ffffff 50%); opacity:0.85;   }
.lista   { z-index: 3;} 
.menu button { background: #d19db1;  border: 0;  color: #000;  font: 1.50em Trebuchet MS, "Segoe UI", Arial, Helvetica;   display: none; }
.menu.display ul {display: block; z-index: 3;  }
.menu  { display: inline-block;  float: left;  width:80%;  margin-top: -1.15em;  margin-left: -0.50em;  }
.menu ul {  color: #458447;   list-style: none; }
.menu ul li {  float: left;  margin-top: 0.5em;  font: 1.05em Trebuchet MS, "Segoe UI", Arial, Helvetica; padding: 0.00% 2.00% 0.00% 0.00%; font-weight:;  }
.menu  ul li a {  text-decoration: none;  color: #458447;   font-weight:  ;  }
.menu  ul li a:hover {   color: #78084b;  font-weight: bold; text-decoration: underline;}
.image {width: 100%;   background-size: cover; }
.image img {    float:left;  margin-left: 0px;   width: 100%;   }
.font1 {   color: #78084b; font-weight: bold;  text-decoration: underline; }
.font2 {   color: #fff; font-weight: bold; font: 0.2em Trebuchet MS, "Segoe UI", Arial, Helvetica;  text-decoration: underline; }
.konec1 {clear: both;}

.container {  overflow: hidden; margin-top: -1.0%;   margin-bottom:20.25em;  width:95%;   margin-left: 2.5%;   margin-right: 2.5%;   background:#f4dce5;   display: grid; grid-template-columns: repeat(3, 1fr);     gap: 2%;}
.container {   background:none;    padding: 2.5em 0em  5em 0em;}
.container .column  {   line-height: 22px;    padding: 0.2em;  margin: 0;  text-align: left;  background: #f4dce5;  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;}
.container .column  ul { padding: 0 0 0 0%;   }
.container .column  li {  margin-left: 0.5em;  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: #60995e; 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: #60995e; border-radius: 4px; }
.container .column  img {  float: left; width:100%;  border-radius: 7px;   margin-top: 0.5em;}
.container .column a {  text-decoration: none;  color: #458447;  font-weight:  ;  }
.container .column a:hover {   color: #458447;  text-decoration: underline;}
.container .column a.shipka-next {display:inline-block; color:#458447;}
.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 #458447; }
.container .column ul li, ul li ul li {list-style-type: none;}

.container2 {  overflow: hidden;  margin-top:1.5%;   padding-top: 0.0em;  width:95%;   margin-left: 2.5%;   margin-right: 2.5%;    background:#f4dce5;   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: #f4dce5;  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: #78084b;   padding: 0.3em;   background: #d5b9c4; 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:95%;   margin-left: 2.5%;   margin-right: 2.5%;     background: #f9edf1; padding: 0em 0em  2em 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: #f9edf1;  font-weight: ;   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:  url("../img/104.jpg") repeat-x;   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;}

.slideshow3 {      position:  relative;    max-width: 100%;   }
.slideshow3 img {    position: absolute;    top: 0px;    left: 0;    width: 100%;    height: 100%;    opacity: 0;    filter: alpha(opacity=0);  transition: opacity .5s;}
.slideshow3 .show {    opacity: 1;    filter: alpha(opacity=100);}
.slideshow3 .stoped {    z-index: 0;}
.slideshow3 :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:1820px) { 
.container {  overflow: hidden; margin-top: -1.0%;   margin-bottom:17.25em;  width:95%;  }}

@media (max-width:1720px) { 
.container {  overflow: hidden; margin-top: -1.0%;   margin-bottom:15.25em;  width:95%;  }}

@media (max-width:1654px) { 
.image .hgroup {  z-index: 1; width: 100%; height:10px;   background: rgba(0%, 0%, 0%, 0.55); bottom: 3.55em;  position: relative;    }}

@media (max-width:1620px) { 
.container {  overflow: hidden; margin-top: -1.0%;   margin-bottom:12.00em;  width:95%;  }}


@media (max-width:1550px) {header .article .sloupec {   display: block;  margin-bottom:0%; width: 32%;  height: auto;   float: left;  margin-right: 0.5%; margin-left: 0%;  border-left: 1px #000 solid;}
header .article  { float: right; margin-top: -0.8em; width: 60%; margin-right: 0.15em; color: #458447; }  
.container {  overflow: hidden; margin-top: -1.0%;   margin-bottom:10.25em;  width:95%;  }}


@media (max-width:1370px) {
.column  h1  {   margin-left: 0.6em;  font: 0.85em Trebuchet MS,  "Segoe UI", Trebuchet MS, "Segoe UI", Arial, Helvetica;    padding: 0.5em;   border-radius: 4px;}
.column  h2 {  margin-left: 0.6em;  font: 0.85em Trebuchet MS, "Segoe UI", Trebuchet MS, "Segoe UI", Arial, Helvetica;     padding: 0.5em;  border-radius: 4px; }
.container {  overflow: hidden; margin-top: -1.0%;   margin-bottom:6.25em;  width:95%;  }}

@media (max-width:1290px) {
.container {  overflow: hidden; margin-top: -1.0%;   margin-bottom:5.50em;  width:95%;  }}

@media (max-width:1250px) {
.container {  overflow: hidden; margin-top: -1.0%;   margin-bottom:3.50em;  width:95%;  }
header .article  { float: right; margin-top: -0.8em; width: 70%;}
.menu  { display: inline-block;  float: left;  width:100%;  margin-top: -1.15em;  margin-left: -0.50em;  }}


@media (max-width:1130px) {
.container {  overflow: hidden; margin-top: 1.0%;   padding-top: 0.0em;  width:95%;   margin-left: 2.50%;   margin-right: 2.50%;    background:;   display: grid;  grid-template-columns: repeat(1, 1fr);     gap: 0.85%;}
.container {   background:none;    padding: 0em;}
.container2 {  overflow: hidden; margin-top: 1.0%;   padding-top: 0.0em;  width:95%;   margin-left: 2.50%;   margin-right: 2.50%;  background:;   display: grid;  grid-template-columns: repeat(1, 1fr);     gap: 0.55%;}
.container2 {   background:none;     padding: 0em 0em  2em 0em;}
.container3 {  overflow: hidden;  width:95%;   margin-left: 2.50%;   margin-right: 2.50%;    display: grid;  grid-template-columns: repeat(1, 1fr);     gap: 0.55%;}
.resp_total {  background: url("../img/107.jpg") repeat-y; background-attachment: fixed; background-size: 100%; max-width: 100%;    margin: 0 auto;   position: static;   }}

@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%;  }   }


@media (max-width:915px) {
.container .column  li {  margin-left: 0.7em;    font: 0.85em Trebuchet MS, "Segoe UI", Arial, Helvetica;   line-height: 25px;  padding: 0% 0% 0% 1%;  }
.container .column a {    font: 1.05em Trebuchet MS, "Segoe UI", Arial, Helvetica;   line-height: 25px; }
}

@media (max-width:870px) {  
.menu button {  z-index: 4;  display: block;   position: absolute;   top: 70px;    right: 10px;   }
.menu.display button { z-index: 4; display: block;  position: absolute;   top: 70px;  right: 10px;    }
.menu ul  {   display: none;   position:  absolute; top:90px;    width: 100%;   left:  0em;    padding-top: 0.25em;  list-style: none; background:  #d19db1; }
.menu ul li {    float:none; height: 100%; padding: 5px 5px 5px 5px; text-align:left;}
.menu  ul li a {  color: #000; }
.menu  ul li a:hover {  color: #78084b; }
header .article .sloupec {   display: block;  margin-bottom:0%; width: 32%;  height: auto;   float: left;  margin-right: 0.0%; margin-left: 0%;  border-left: 1px #000 solid;}
header .article  { float: right; margin-top: -0.8em; width: 75%; }}


@media (max-width:720px) {  
.lista { width: 100%; height:80px;}
header .article  { float: right; margin-top: 20px; width: 100%; margin-right: 0.15em; color: #458447; }
.menu button {  z-index: 4;  display: block;   position: absolute;   top: 40px;    right: 10px;   }
.menu.display button { z-index: 4; display: block;  position: absolute;   top: 40px;  right: 10px;    }
.menu ul  {   display: none;   position:  absolute; top:60px;    width: 100%;   left:  0em;    padding-top: 0.25em;  list-style: none; background:  #d19db1;  }}

@media (max-width:700px) {  
.container2 .column .sloupec {   display: block;  margin-bottom:1%; margin-top:0%; width:100%;  height: auto;   float: left;  margin-right: 0%; margin-left: 0%; list-style-type: none ;}}


@media (max-width:630px) { 
 .image .hgroup h1  { width: 99.9%;   display: inline-block; padding: 0.5% 0% 0.5% 0%; color: #fff;  font-weight: lighter; font: 0.65em Trebuchet MS, "Segoe UI", Arial, Helvetica;     background: rgba(0%, 0%, 0%, 0.55);  font-weight: ; color: #fff;  margin-right: 0.1em;  margin-left: 0.1em;   }
.container {   background:none;    padding: 0em;}  } 


@media (max-width:400px) {   .menu button {  z-index: 4;  display: block;   position: absolute;   top: 10px;    right: 10px;   }
.menu.display button { z-index: 4; display: block;  position: absolute;   top: 10px;  right: 10px;}    
header .article  {  display: none;}}
  
@media (max-width:350px) {   header strong {    position:  absolute; top:65px; left:5px;    } 
.menu button {  z-index: 4;  display: block;   position: absolute;   top: 20px;    right: 10px;   }
.menu.display button { z-index: 4; display: block;  position: absolute;   top: 20px;  right: 10px;    }}

@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; }
.container2 .column .sloupec2 {   display: none;   }
.container3{   display: none;   }}