body {
  position: relative;
  font-size:1.0em;
  /*margin: 0 auto;*/
  /*font-family: Arial, Helvetica, sans-serif; */
  /*font-size:1.10em;*/
  /*background-color:ivory; *//*bisque Wheat  OldLace ivory LightYellow*/
  /*background-image: url("../../images/galerie/1024/kvetuse_1024_002.jpg");  kvetuse_1024_002.jpg */
  /*background-size: cover;*/
  /*background-repeat: no-repeat; ,  no-repeat*/
  /*width: 90%;*/ 
  /*max-width: 800px;*/
  margin-left: auto; 
  margin-right: auto;/**/
  text-align:center; 
}
li {
 padding:0.25em;
}

.bily-pruh {
  background: rgb(255,255,255);
  height: 2.0rem;
}
.hnedy-pruh {
  background: rgb(155,128,111);
  height: 2.0rem;
}
.kontakty-spodni {
  background: rgb(60,60,60);
  color: whitesmoke;
  font-color: whitesmoke;
  font-size: 0.75em;
  font-family: arial;
  text-align:left;
  border:0px solid black;
  padding:0.5em;
  a:link, a:visited, a:hover, a:active {
    text-decoration: none;
    color: whitesmoke;
  }
}

.obsah {
  position: relative;/**/
  margin: 0 auto;/**/
  text-align:center;/**/
}
.obsah .text {
  position: absolute;  /*Position the background text */
  top: 200px; /*bottom: 10;  At the bottom. Use top:0 to append it to the top */
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  color: #f1f1f1; /* Grey text */
  width: 100%; /* Full width */
  padding: 20px; /* Some padding */ /*20px*/
}

.blok-text-1 {
   font-size:1.1em;/**/
   line-height: 1.5;
   color: #666666;
   width: 75%;
   padding:1.5em;
   margin-left: auto; 
   margin-right: auto;/**/
   text-align:center;
}
  .blok-nadpis-1 {
   color: #333333;
   font-size:1.0em;
   font-weight:bold;
   padding:0.25em;
  }
  .blok-nadpis-2 {
   color: #333333;
   font-size:2.0em;
   font-weight:bold;
   padding:0.25em;
  }

 button {
  background-color:rgb(155,128,111);
  color:white;
  font-size:1.0em;
  /*font-weight:bold;*/
  padding:0.75em;
  border:1px solid rgb(155,128,111);
  border-radius:1.0em;
  letter-spacing:1px;
 }  

 .blok-img {
   padding: 0.5em;
   /*margin:1.0em;*/
  }

 #blok-1 {
  position: relative;
  text-align: center;
  color: white;
  font-size:3.0em;
  font-family: Arial;
 }
 #blok-1-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.3));
  padding: 0.50em;  
 }

.slideshow-container {
  /**/
 } 
.slideshow-container img {
  width:100%;/**/   
 }
@media(orientation: portrait) {
  .slideshow-container {
  }
  .slideshow-container img {
     height:300px;/**/
     object-fit: cover;    
  }
}
  
/*@media screen and (max-width: 750px)*/ 
@media only screen and (max-width: 820px) {
  #blok-1-text {font-size: 0.60em;}
} 
@media only screen and (max-width: 360px) {
  #blok-1-text {font-size: 0.60em;}
} 
 
#button-blok-1 {
  background-color:rgb(155,128,111);
  color:white;
  font-size:0.35em;
  /*font-weight:bold;*/
  padding:0.750em;
  border:1px solid rgb(155,128,111);
  border-radius:1.0em;
  letter-spacing:1px;
}
#img-blok-1 {
  width:100%;
  border-radius:0.25em;
  /*opacity: 0.5;*/
}

#blok-2 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; /**/
  justify-content: center;
  gap: 1rem;
  /*border:1px solid black;*/
  /*padding: 0.25em;*/
  margin:1.5em;
  font-family:Arial;
}
.blok-2-1 {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;/**/
  max-width: 20em;
  border:1px solid black;/**/
  padding: 1.5em;/**/
  /*margin:0.5em;*/
  div {
   /*border:1px solid black;*/
  }
}
.nadpis-blok-2-1 {
  padding:0.50em;
  font-weight:bold;
}
  
#blok-3 {
  /*background: rgb(245,250,253);*/
  position: relative;
  width: 100%;
  font-family:Arial;  
}
#blok-4, #blok-44 {
 height: 5.0rem;
}
#blok-5 {
  /*background: rgb(245,250,253);*/
  position: relative;
  width: 100%;
  font-family:Arial;
  /*height: 5.0rem;*/
 /* display: flex;
  flex-direction: row;
  flex-wrap: wrap; /**/
 /* justify-content: center; *//*space-around */
 /* gap: 1rem;  */
  /*margin:0.25em;*/ 
}
.blok-5-1 {
  /**/display: flex;
  flex-direction: row;
  flex-wrap: wrap; 
  justify-content: center;  /*left space-around */
  /*gap: 1rem;*/
  /*border:10px solid black;*/
  padding: 1.0em;/**/
  /*max-width: 85em;*/  
  margin:0.5em;
  font-family:Arial;
}

#blok-6 {
  background: rgb(255,255,255);/**//**/
  position: relative;
  width: 100%;
  font-family:Arial;
  /*height: 5.0rem;*/
}
.blok-6-1 {
  /**/display: flex;
  flex-direction: row;
  flex-wrap: wrap; 
  justify-content: center;  /*left space-around */
  /*gap: 1rem;*/
  /*border:10px solid black;*/
  padding: 1.0em;/**/
  /*max-width: 85em;*/  
  margin:0.5em;
  font-family:Arial;
}

#blok-7 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; /**/
  justify-content: space-around; /*space-between*/
  /*gap: 10rem;*/
  background: rgb(155,128,111);/*rgb(255,255,255)*//**/
  /*position: relative;*/
  width: 100%;
  text-align: center;
  /*margin:0;
  position: absolute;/*
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); */
  color: white;
  font-size:2.25em;
  font-family:Arial;
  /*height: 5.0em;*/
  padding-top: 1.0em;/**/
  padding-bottom: 1.0em;  
}
#button-blok-7 {
  background: orangered;
  color:white;
  font-weight: normal;
  font-size: 0.5em;
  padding: 0.75em;
  letter-spacing:1px;
}
#blok-8 {
  background: rgb(255,255,255);/**//**/
  position: relative;
  width: 100%;
  font-family:Arial;
  padding: 1.0em;
  /*height: 5.0rem;*/
}

table {
  width:100%;
  border-collapse:collapse;
}
td, th {
  padding:0.25em;
  border: 1px solid;
}
@media print {
 td, th {
  padding:0.25em;
  border: 1px solid;
 }
}

fieldset {
  font-family: Arial, Helvetica, sans-serif;
  border: 1px solid black;
  padding:0.5em;
}

legend {
  border:1px solid black;
  padding:0.25em;
  padding-left:0.5em;
  padding-right:0.5em;
}

.toptitle {
  /*width:1024px;*/
  font-size:2.5em;  /*2.0*/
  font-weight:;/**/
  font-family: Arial, Helvetica, sans-serif;
  /*background-color:	rgb(155,128,111);*/   /*117,92,72 rgb(100,75,50) #663300  #663333   #990000  #993300 chocolate Sienna SaddleBrown */
  /*background-image: url("../../images/kvetuse_01_50.png");*/
  padding:0.25em;
  /*border-top-left-radius:0.25em;
  border-top-right-radius:0.25em;*/
  color: white;  /*ivory LightYellow */ 
}
.toptitle a {
   text-decoration:none;
   color:ivory;
}

@media print {
 .toptitle {
   /*display: none;*/
   font-size:1.25em; /**/
   font-weight:bold;
   font-family: Arial, Helvetica, sans-serif; /**/
   background-color: white;/**/ /* chocolate Sienna SaddleBrown */
   /*background-image: url("images/kvetuse_01_50.png");*/
  /* padding:0.5em; */
   /*border-radius:0.5em;*/
   /*color: ivory;*/  /* LightYellow */ 
   /*color:white;*/
   /*font-size:1.5em;*/
 }
 .toptitle a {
   text-decoration:none;
   color:black;
 }
}

.topnav {
  font-size:1.25em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: ; /*bold*/
  letter-spacing:1px;
  overflow: hidden;
  text-align: center;
  /*background-color: black ; */ /*Gray #006600#336600 forestgreen  SlateGray #333 red SteelBlue SiennaTan DimGray */
  background: #343a40; /*#607d8b blue-grey*/ /*rgb(60,60,60)*/  /*brown #795548*/ /*rgb(155,128,111)*/   /*asphalt #343a40*/
  /*border-radius:0.5em;*/
}
@media print {
 .topnav {
   display: none;
   font-family: Arial, Helvetica, sans-serif;
   overflow: hidden;
   text-align: center;
   background-color: Gray;  /* SlateGray #333 red SteelBlue SiennaTan DimGray */
   /*border-radius:0.5em;*/
 }
}

.topnav a {
  display: inline-block; /**/
  color: white; /* #ddd #f2f2f2 */
  padding: 0.5em;/**/
  text-decoration: none;
}

.topnav a:hover {
  background-color: white; /* #eee red #ddd */  /*whitesmoke*/
  color: black;
}

.topnav a.active {
  background-color: white; /* #eee #04AA6D #bbb */  /*whitesmoke*/
  color: #000;  /* white */
}

.topnav .icon {
  display: none;
}

.sticky, .sticky-admin {
  z-index: 999;
  width:100%;/**/
  position: fixed;/**/ 
  top: 0;/**/
  left: 0%;
  margin-right:50%;
}

.sticky + .obsah {  /*.content*/
  padding-top: 2.0em;  /*4.75 6.0*/
}
@media print {
 .sticky + .content {
  padding-top: 2.5em;  /*6.0*/
 }
}

.posun-kalendare {
  scroll-margin-top: 4.25em;  /*100px*/
}

.calendar {
  font-size:0.9em;
  font-family: Arial, Helvetica, sans-serif;
  background-color: white;
  padding:0.25em;
  margin:0.25em;
}
.calendar button {
  background-color: whitesmoke;
  color: black;
  border: 1px solid black;
  border-radius: 0.25em;
  padding:0.25em;
  letter-spacing:1px;
}

.obsazenost {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  font-weight: normal;
  padding: 0.5em;/**/
  /*scroll-margin-top: 6.20em;*/
}
.obsazenost button {
  background-color: whitesmoke;
  color: black;
  border: 1px solid black;
  border-radius: 0.25em;
  padding:0.25em;
  letter-spacing:1px;
}

.paticka {
  text-align:center;
  font-size:0.75em;
}
@media print {
 .paticka {
   display:none;
   text-align:center;
   font-size:0.75em;
 }
}

.povinne {
  background-color:orange;
}

.no-print {
  display:block;
 }
 
.faktura {
  display:block;
  border:1px solid;
  padding:0.5em;
}

@media print {
 .no-print {
   display:none;
  }
 .faktura {
   display:block;
   font-size:0.75em;
   border:0px solid;
   padding:0.5em;
 }
}

.flex-container {
  display: flex;
  flex-direction: row; /**/
  flex-wrap: wrap;
  /*justify-content: center;
  gap: 1rem;*/
}
.flex-container-row {
  display: flex;
  flex-direction: row; /**/
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
}
.flex-container-col {
  display: flex;
  flex-direction: column; /**/
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
}


.flex-container > div {
  /*float:left;*/
  border: 1px dotted;
  margin: 0.1em;
  padding:0.25em;
}

@media screen and (max-width: 820px) {    /* 600 */
.flex-container {
    /*display: flex;*/
    flex-direction: column; /**/
  }
}

@media screen and (max-width: 750px) {    /* 600 */
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }    
  .sticky + .content {
    padding-top: 4.75em;  /*6.0*/
  }
}

@media screen and (max-width: 750px) {   /* 600 */
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
    /*font-size: 17px;*/
  }
     
 .toptitle {
   background-color: rgb(155,128,111) ; /* chocolate SaddleBrown */
   padding: 0.5em;/**/
   color: white; /* LightYellow */
   font-size:1.0em;
   font-weight:bold;
 }
 .obal-tabulky td { /*, th, tr, thead, tbody, tfoot, table*/
  display:inline-block;
 }   
 .calendar {
   scroll-margin-top: 6.20em;
  }
 #blok-1 {
  /*display: none;*/
 }
 .blok-2-1 {
  display: block; 
} 
}

@media screen and (max-width: 290px) {
   .topnav a:not(:first-child) {display: none;}
   .topnav a.icon {
    float: right;
    display: block;
   }
   .sticky + .content {
    padding-top: 6.0em;  
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
    font-size: 12px;
  }
} 

img {
  max-width: 100%;
  height: auto;
  box-sizing: border-box
}

iframe, canvas, video, svg {
  max-width: 100%;
  box-sizing: border-box;
  /*height: auto; */
}

.mezera {
  scroll-margin-top: 6.20em; /*100px*/
  height:0.25em;/**/
}

.rezervace {
  max-width: 1024px;
  /*background: rgb(245,250,253);*/
  font-family: Arial;
  display: block;
  text-align:justify; 
  border: 1px solid rgb(155,128,111);
  padding: 0.50em;
}

.stranka {
  max-width:1024px;
  margin: 0 auto;
  /*background: rgb(245,250,253);*/
  text-align:left;
  font-size:1.1em;
  font-family:arial;
  line-height:1.50;
  text-align:justify; /*left*/
  border: 1px solid rgb(155,128,111); /*chocolate */
  padding-top: 0.50em;
  padding-left:1.0em;
  padding-right:1.0em;
  padding-bottom:0.50em;
}
.stranka-nadpis {  
  background: rgb(155,128,111);
  color:white;
  font-size:1.4em;
  letter-spacing:1px;
  font-weight:;
  margin:0.25em 0em 0.5em 0em;
  padding:0.20em;   
}
.stranka-text-nadpis {
  text-align:left;
  font-family:arial;
  font-size:1.1em;
  font-weight:bold;
  padding-left:0.0em;
  padding-right:0.0em;
  padding-top:0.5em;/**/
  padding-bottom:0.0em;
}
.stranka-text {
  /*background: rgb(245,250,253);*/
  text-align:left;
  font-size:1.1em;
  font-family:arial;
  line-height:1.20;
  /*padding:0.5em;*/
  padding-top:0.0em;/**/
  padding-bottom:0.0em;
}

/*
.cenik, .kontakty, .nasetipy, .popis, .rezervaceee, .vybaveni {
  max-width: 1024px;
  background: rgb(245,250,253);
  font-family: Arial;
  display: block;
  text-align:justify; 
  border: 1px solid rgb(155,128,111);
  padding: 0.50em;
} */

header {
    height:1.75em;/**/
    /*position: absolute;*/
    /*top: 0;*/
}

@media print {  
  @page {
    size: portrait;
  }
  header {
    position: absolute;
    top: 0;
  }
  footer {
    position: fixed;
    bottom: 0;
  }
  .stranka {
    max-width:1024px;
    margin: 0 auto;
    background: white;
    color: black;
    text-align:left;
    font-size:1.0em;
    font-family: Times, serif;
    line-height:1.0;
    text-align:justify; /*left*/
    border: 0px solid black; /*chocolate */
    padding-top: 0.0em;
    padding-left:0.0em;
    padding-right:0.0em;
}
  .stranka-nadpis {
    font-family: Times, serif;
    background: white;
    color: black;
    font-size:1.25em;
    border: 1px solid black;
    padding: 0.25em;
  }  
  .stranka-text-nadpis {
    font-family: Times, serif;
    background: white;
    text-align:left;
    font-size:1.0em;
    font-weight:bold;
    padding-left:0.0em;
    padding-right:0.0em;
    padding-top:0.5em;/**/
    padding-bottom:0.0em;
    border: 0px solid black; /*chocolate */
}
  .stranka-text {
    font-family: Times, serif;  
    background: white;
    color: black;
    font-size:0.95em;
    display: block;
    text-align:left; /*justify*/
    border: 0px solid black; /*chocolate */
    /*border: 5px solid chocolate;*/
    /*border: none;*/
    /*border-radius:0.5em;
    padding: 0.5em;*/  
  }   
}

.admin-nastaveni, .admin-rezervace, .admin-vyuctovani, .admin-texty, .admin-cenik {
   /*max-width:1024px;*/
   /*margin: 0 auto;*/
   font-size:0.90em;
   font-family: Arial, Helvetica, sans-serif;
   display: block;/**/
   text-align:left; /*justify*/
   border: 1px solid rgb(155,128,111);    /*chocolate*/
   /*border-radius:0.5em;*/
   padding: 0.5em;
}
@media print {
 .admin-nastaveni, .admin-rezervace, .admin-vyuctovani, .admin-texty, .admin-cenik {
   font-size:0.90em;
   font-family: Arial, Helvetica, sans-serif;
   display: block;/**/
   text-align:left; /*justify*/
   border: none;
   /*border: 5px solid chocolate;
   border-radius:0.5em;
   padding: 0.5em;*/
  }
}

.sticky-admin + .content-admin {
  padding-top: 3.0em;
}

.fotogalerie {
  /*display: block;
  text-align:left;*/ /*justify*/
  /*border: 5px solid chocolate;
  border-radius:0.5em;*/
  padding: 0.0em; 
  text-align:center;
  /*margin:1em;*/
}
.fotogalerie img {
 text-align:center;
 max-height:188px;
 max-width:250px;/**/
 /*border-radius:0.25em;*/
 margin:0.10em;/**/
}
/*.rezervace {
  text-align:justify;
}*/


.tucne {
  text-align:justify;
  font-weight:bold;
  /*background-color: chocolate;*/
}

.nadpis-sekce {
  display: block;
  /*display: none;*/
  /*height: 5em;*/
  text-align:left;
  font-size:2.0em;
  font-weight:; /*bold*/
  font-family: Arial, Helvetica, sans-serif;
  background-color: rgb(155,128,111); /*rgb(100,75,50)117,92,72 chocolate */  /* #663333  #663300  #990000  #993300   chocolate Sienna SaddleBrown */
  color:white;
  width:auto;
  padding:0.50em;
  /*border: 1px solid black;*/
  /*border-radius:0.25em;*/
}
.nadpis-sekce-uvod {
  display: block;
  text-align:left;
  font-size:2.0em;
  font-weight:; /*bold*/
  font-family: Arial, Helvetica, sans-serif;
  background-color: rgb(155,128,111); /*chocolate*/
  color:white;
  width:auto;
  padding:0.5em;
  /*border: 1px solid black;*/
  /*border-radius:0.25em;*/
}
.nadpis-sekce-domovni-rad {
  display: none;
  text-align:left;
  font-size:2.0em;
  font-weight:; /*bold*/
  font-family: Arial, Helvetica, sans-serif;
  background-color: rgb(155,128,111); /*chocolate*/
  color:white;
  width:auto;
  padding:0.5em;
  /*border: 1px solid black;*/
  /*border-radius:0.25em;*/
}
@media print {
  .nadpis-sekce {
   background-color: white;
   color:black;
  }
  .nadpis-sekce-uvod {
   background-color: white;
   color:black;
  }
.nadpis-sekce-domovni-rad {
   display: block;
   font-weight:bold;
   background-color: white;
   color:black;
  }    
}
@media screen and (max-width: 750px) { 
  .nadpis-sekce {
    display: block;
  }
  .nadpis-sekce-domovni-rad {
    display: block;
  }
  .fotogalerie img {
   /*max-width:none;
   max-height:none;*/
  }  
}

pre {
  overflow: auto;
}

pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}

.rezervace-formular {
  margin:0 auto;
  background:; /*powderblue*/
  /*border:1px dotted black;*/
  
  div {
   font-family: Arial, Helvetica, sans-serif;
   /*font-size: 0.9em;*/
   font-weight: normal;
   /*border:1px dotted black; */
   padding: 0.25em;
   width:;
  }
  label {
  /*margin-bottom: 0.25em;*/
  /*display: block;*/
  }
  input, textarea {
   min-width: 8.0em;
   font-size: 1.25em;
   border: 1px solid;
   border-radius: 0.25em;
   padding:0.25em;
   margin-top: 0.25em;
   margin-bottom: 0.25em;
  }
  select {
   min-width: 8.0em;
   font-size: 1.25em;
   border: 1px solid;
   border-radius: 0.25em;
   padding:0.25em;
   margin-top: 0.25em;
   margin-bottom: 0.25em;
  }
}