div#inner {opacity:0}


div#black {position:absolute;width:100%; height: 100vh; background: linear-gradient(to bottom, rgba(0,0,0,0.60), rgba(0,0,0,0.50), rgba(0,0,0,0.25), rgba(0,0,0,0.50), rgba(0,0,0,0.75));   z-index:2;}

div.clean {width:100%;height:100px;clear:both}

div.clean-10 {width:100%!important;height:10px;margin:0px auto;text-align:center; }

div.clean-15 {width:100%;height:25px;clear:both}

div.clean-25 {width:100%;height:25px;clear:both}

div.clean-50 {width:100%;height:50px;clear:both}

div.break {width:100%;height:1px;clear:both}


div.head {margin:auto; width: 100%; height:50vh;}

img.small-flags {height:30px; width:auto; border:1px solid #aaa}
img.reference-flags {height:auto; width:100px; border:1px solid #aaa}


div.light-blue{
  padding: 2em;
  border-radius: 10px;
  background: var(--blue-light);
  margin-bottom: 2em;

}

div.light-blue p{margin-top:0; color: var(--white);}
div.light-blue h3{margin-top:0; color: var(--yellow);}


div.light-yellow{
  padding: 2em;
  border-radius: 10px;
  background: rgba(237, 180, 12, .50);
  margin-bottom: 2em;
  border: 1px solid var(--blue-light);

}

div.light-yellow *{margin-top:0; color: var(--blue-light);}


div.light-gray{
  padding: 2em;
  border-radius: 10px;
  background: #f6f6f6;
  border: 1px solid #ddd;
  position: relative;  
  top: 0px;
  box-shadow: none;
  transition: all .25s;
}


div.light-gray:hover{
  padding: 2em;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #ccc;
  position: relative;
  top: -10px;
  box-shadow: 0px 0px 20px #ccc;  
  transition: all .25s;

}


div.light-gray *{margin-top:0}

  div.flexbox{
	display:flex;
	flex-flow: row wrap;
	justify-content: center;
   width:100%;
   column-gap:2em;
   margin-top:50px;
   align-items: center;
	}

div.flexbox div{
	width: calc(50% - 2em);
  text-align:center;
  margin: auto;
	}

  div.flexbox div h2{
  text-align:center;
	}


div.inner-box{
  display:grid;
  grid-template-columns: 200px auto;
  grid-template-rows: auto auto;
}

div.inner-box img {
  border-radius: 10px;
  background: var(--blue-light);

}



div.certifikaty{
	display:flex;
	flex-flow: row wrap;
	justify-content:center;
   width:100%;
   column-gap:1em;
   margin-top:50px;
   align-items: center;
   /* border-bottom: 1px solid var(--yellow); */
   margin-bottom: 50px;
   padding-bottom: 50px;
  /* background: #f6f6f6;; */
	}

div.certifikaty div{
	width: calc((100% / 3) - 1em);
  /* width: calc(20% - 1em); */
	}

div.certifikaty div a img{
	width: 300px;
  height: auto;
}



div.border-yellow{
   width:100%;
   height: 1px;
   border-bottom: 10px solid var(--yellow);
   margin-top: 50px;
   margin-bottom: 50px;
	}

div.border-yellow-thin{
   width:100%;
   height: 1px;
   border-bottom: 1px solid var(--yellow);
   margin-top: 20px;
   margin-bottom: 20px;
	}


  div.border-black{
   width:100%;
   height: 1px;
   border-bottom: 1px solid var(--yellow);
   margin-top: 50px;
   margin-bottom: 50px;
	}



div.linka-grid-a, div.linka-grid-b{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
   width:100%;
   column-gap:3em;
   margin-top:50px;
   align-items: start;
   /* border-bottom: 1px solid var(--yellow); */
   margin-bottom: 50px;
   padding-bottom: 50px;
	}

div.linka-grid-a div, div.linka-grid-b div{
  width: 100%;
	}

  div.linka-grid-a div *, div.linka-grid-b div *{
   text-align: justify;
	}

  /* div.linka--a div h3, div.linka-grid-b div h3{
   margin-top: 0;
	} */

  div.linka-grid-a div img, div.linka-grid-b div img{
   border: 1px solid var(--yellow);
   width: 100%;
   height:auto;
   
	}



  div.linka-grid-a div:first-child{
  border-top: 10px solid var(--yellow-transparent);
	}

  div.linka-grid-b div:last-child{
  border-top: 10px solid var(--yellow-transparent);
	}


  .yellow {color: var(--yellow)}




  div.reference{
	display:flex;
  margin: auto;
  text-align:center;
	flex-flow: row wrap;
	justify-content: start;
   width:100%;
   column-gap:.5em;
   margin-top:50px;
   align-items: center;
	}

div.reference div{
  display:grid;
  grid-template-columns: auto;
  grid-template-rows: 40% 20% 30% 10%;
	width: 330px;
  height: 500px;
  text-align:center;
  margin: auto;
  margin-bottom:50px;
	}

  div.reference div *{	
  text-align:center;
	}

  div.reference div h3{	
  font-size: 26px;
	}

  div.reference div img{	
  border-radius: 50%;
  margin-bottom: 25px;
  width:126px;
	}

  .pocet-zakazek{
    display:inline-block;
    background: var(--yellow);
    font-family: ConstantaB;
    color: var(--blue-light);
    width: 40px;
    height: 40px;
    padding: 0 .25em .5em .25em;
    text-align: center;
    border-radius: 50%;

  }





div.produkty{
	display:flex;
  margin: auto;
  text-align:center;
	flex-flow: row wrap;
	justify-content: center;
   width:60%;
   column-gap:1em;
   margin-top:50px;
   align-items: center;
	}

div.produkty div{
  display:grid;
  grid-template-columns: auto;
  grid-template-rows: 30% 30% 30% 10%;
	width: 360px;
  min-height: 565px;
  text-align:center;
  margin: auto;
  margin-bottom:50px;
	}

  div.produkty div *{	
  text-align:center;
	}

  div.produkty div h3{	
  font-size: 26px;
	}

  div.produkty div img{	
  border-radius: 50%;
  margin-bottom: 25px;
	}




div#menu-produkty {
  width:350px;
  text-align:left;
  position:absolute;
  z-index: 21;
  margin-top: 16px;
  background: var(--yellow-transparent);
  padding: 0;
  line-height:30px;
  transition: all .5s;
}

div#menu-produkty:hover {
  background: var(--yellow);
  transition: all .5s;
}

div#menu-produkty a {
  margin: 5px 10px 10px 10px;
  text-decoration:none; 
  color: var(--blue);
  font-size: 26px; 
  border-bottom: 3px solid transparent;
  transition: all .75s;
  }

div#menu-produkty a:hover {
  border-bottom: 3px solid var(--blue);
  transition: all .75s 
}




div#menu-reference {
  width:360px;
  text-align:left;
  position:absolute;
  z-index: 21;
  margin-top: 16px;
  background: var(--yellow-transparent);
  padding: 0;
  line-height:30px;
  transition: all .5s;
}

div#menu-reference:hover {
  background: var(--yellow);
  transition: all .5s;
}

div#menu-reference a {
  display:block;
  margin: 5px 10px 10px 10px;
  text-decoration:none; 
  color: var(--blue);
  font-size: 26px; 
  border-bottom: 3px solid transparent;
  transition: all .75s;
  }

div#menu-reference a:hover {
  border-bottom: 3px solid var(--blue);
  transition: all .75s 
}


div.graf-wrapper-major{
  margin: 0px auto; 
  max-width: 100%; 
  overflow: auto;

}



div.graf-wrapper{
  padding: 0;
  border-radius: 10px;
  width:900px;
  margin: 0px auto; 
  text-align: center;
  /* background: #eee; */
}



div.graf-outer{
  display: inline-block; 
  width: 80px;             
  /* margin-right:10px; */
  font-size: 22px;
  color: var(--blue-light);
  /* background: #fff; */
  margin-bottom: 20px;
  cursor:pointer;
  border: 1px solid transparent;
  transition: all .5s;
  border-radius: 10px;
  /* padding-top: 5px;
  padding-bottom: 5px; */

  padding: 5px 10px;


}


div.graf-outer:hover{
  background: #f6f6f6;
  border: 1px solid #ccc;
  transition: all .5s;
}


div.graf-inner{
  display: inline-block; 
  width: 100%; 
  margin-right:10px;
}

.grafa-data{
  display:block;
  margin-bottom: 10px;
  line-height: 20px;
}


.country{
  display:block;
  margin-top: 5x;
  margin-bottom: 5px;
  font-family: ConstantaB;
}






.invisible-popup-menu-1{
  overflow: hidden; 
  max-height: 0; 
  transition: max-height .25s;    
}

.visible-popup-menu-1{
  overflow: hidden; 
  max-height: 200px; 
  transition: max-height .5s;  
}



.invisible-popup-menu-2{
  overflow: hidden; 
  max-height: 0; 
  transition: max-height .25s;    
}

.visible-popup-menu-2{
  overflow: hidden; 
  max-height: 600px; 
  transition: max-height .5s;  
}




h1 {
    color: var(--blue-light);
    text-align: left;
    font-weight: normal;
    
    font-size: 34px;
    letter-spacing: 0px;
    margin: 10px 10px 30px 0px;
}



h2 {
       
    font-size: 40px;
    color: var(--blue-light);
    margin: 10px 10px 20px 0px;
    font-weight: normal;
    font-family: ConstantaB;
    display:inline-block;
    /* text-align: left;  */
    border-left: 10px solid var(--yellow);
    padding: 0 0 0 10px;
}


h2.admin {
       
    font-size: 36px;
    color: var(--blue-light);
    margin: 10px 10px 20px 0px;
    font-weight: normal;
    font-family: ConstantaB;
    border-left: 10px solid var(--yellow);
    padding: 0 0 0 10px;
    text-align:left;
    display:block;
}




h3 {
    font-size: 30px;
    color: var(--blue-light);
    margin: 10px 10px 20px 0px;
    font-weight: normal;
    font-family: ConstantaB;
    display:block;
    text-align: left; 
    padding: 0;
}



h4 {
    font-size: 26px;
    color: var(--blue-light);
    margin: 10px 10px 20px 0px;
    font-weight: normal;
    font-family: ConstantaB;
    display:block;
    text-align: left; 
    padding: 0;
}




h3 img.time {height:25px; width: auto; position: relative; top: 5px}


div#flags {display:block; position:absolute; top: 100px; right: 15px; z-index:2}
img.flags {width:auto; height:25px; box-shadow:1px 1px 2px #666}

._visible_ {opacity:1;}
._invisible_ {opacity:.50; transition:opacity .35s}    
._invisible_:hover {opacity:1; transition:opacity .35s}



.navigace-obal {
    width:100%;
    padding: 0px;    
    z-index:15;
    margin: 0px;
    position:absolute;
    top:0px;
    /* background: rgba(0, 0, 0, .5); */
    background: rgba(15, 64, 82, .85);
}


div.navigace {
  width:100%;
  height: 80px;
  margin: 0px auto;
  padding: 1em 2em 1em 1em;

}


div.logo{
    font-family: ConstantaB;
    font-size:50px;
    background: rgba(237, 180, 12, .85);
    color: rgba(15, 64, 82, 1);
    padding: .35em;    
    border-radius: 10px;
    position: absolute;
    top: 25px;
    left: 25px;
    z-index: 999;
    box-shadow: -2px 2px 25px #222;
    cursor:pointer;
    transition: all .5s;
}



div.logo:hover{
    background: rgba(237, 180, 12, 1);
    transition: all .25s;
}


div.popis{
    font-size: 30px;
    padding: .5em 1em;
    color: rgba(237, 180, 12, 1);
    background: rgba(15, 64, 82, .85);
    border-radius: 10px 0 0 10px;
    position: absolute;
    bottom: 25px;
    right: 0px;
    z-index: 9999;
    box-shadow: 0px 0px 15px #222;
}



table.zarizeni{
  width: 100%;
}

table.zarizeni th, table.zarizeni td{
  font-size: 26px;
  color: #666;
}

table.zarizeni td{
  vertical-align: top;
}

table.zarizeni td:first-child{
  text-align:right;
}

table.zarizeni th:last-child, table.zarizeni td:last-child{
  text-align:center;
}




table.linka{
  border-collapse: collapse;
  margin: 0px auto; 
  text-align: center;
  width: 100%;
}



table.linka td{
  font-size: 26px;
  text-align:left;
  border: 1px solid var(--blue-light);
  /* background: #f6f6f6; */
  /* color: #666; */
  width: 50%;
}

table.linka tr:nth-child(odd) {
    background: #f6f6f6; 
    color: var(--blue-light);
}

table.linka tr:nth-child(even) {
    background: #ffffff;
    color: var(--blue-light);
}


       table.zarizeni tr:nth-child(odd) {
    background: #f6f6f6; 
    }

    table.zarizeni tr:nth-child(even) {
        background: #ffffff;
    }

    table.zarizeni td:nth-child(2) {
    text-align: left;
}









div.odkazy{
    text-align:right;
}




a.logo-circle{
    width: 200px;
  }


img#logo-circle{
    position:absolute;
    width: 200px;
    height: auto;
    margin-top:20px;    
  }

  img#logo-transparent{

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    width: auto;
    height: 300px;
    border: 0;
  }




div.telefon, div.email {
  display:grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  place-content: center center;
  gap: .5em;
  /* background: rgba(251, 228, 243, .75); */
  border-left: 1px solid rgba(142, 171, 221, .5);
  /* position:relative;
  top: -10px; */
}

div.telefon a, div.email a{
  
  text-decoration: none;
  font-size:20px;
  color: var(--blue-light)!important;
}

img.telefon, img.email {
  width:25px; height:auto;
  margin: 0 0 0 30px;
  position:relative;
  top:5px;
}


img#hamburger {display:none}


    #hamburgermenu1{
        z-index:9999;
        width: 500px;
        height: 100vh;
        padding: 0.8em;
        background: var(--yellow-transparent2);
        text-align: left;
        color:#fff;
        font-size:18px;
        font-weight: normal;
    }

    #hamburgermenu2a, #hamburgermenu2b{
        z-index:10000;
        width: 500px;
        height: 100vh;
        padding: 0.8em;
        background: var(--yellow-transparent2);
        text-align: left;
        color:#fff;
        font-size:18px;
        font-weight: normal;
    }


    #hamburgermenu1 *, #hamburgermenu2a *, #hamburgermenu2b *{color: var(--blue)}


  div.weeklyMenu{
	display:flex;
	flex-flow: row wrap;
	justify-content: center;
   width:100%;
   column-gap:2em;
   margin-top:50px;
	}

div.weeklyMenu fieldset{
	width: calc(50% - 2em);
    padding:1em;
	}


 div.doubleField{
	display:flex;
	flex-flow: row wrap;
	justify-content: center;
    width:100%;
	}

div.doubleField div{
	width: 50%;
    min-height:300px;
    padding:0 2em 2em 2em;
	}

div.doubleField div:last-child{
	border-left: 1px solid var(--yellow);
	}


table.doubleField th{
  text-align:left;
  font-size: 22px;
  font-weight:normal;
  
  color: var(--blue-light);
  border-bottom: 1px solid var(--blue-light);
}

table.doubleField td{
  font-size: 22px;
  text-align:left;
  border-bottom: 1px dotted var(--blue-light);
}


table td{
  font-size: 22px;
}


table.detail-reference td{
  font-size: 22px;
  text-align:left;
  border-bottom: 1px solid var(--blue-light);
}





div.adminer-contains{
	display: -ms-flexbox;
	display:flex;
	flex-flow: row wrap;
	justify-content: space-between;
    -ms-flex-pack: center;
}
    
    
div.adminer-items{
	width: calc(50% - 1em);
    /*min-height: 100px;*/
    text-align:left!important;
    margin: 0 .9em 1.3em 0;
    padding: .5em .5em 0 .5em;
    line-height:1.5em;
    background: var(--very-light-brown);
    border: 1px solid var(--blue-light);
    border-radius:5px;
}




div.adminer-items *{
    text-align:left;
}









a.navmenu{
    
    font-size: 20px;
    letter-spacing: 1px;
    padding: 0px 0px 0px 0px;
    margin: 12px 0px 0px 10px;
    color: var(--blue-rgba-1);
    text-decoration:none;
    display:inline-block;
    border-bottom: 1px solid var(--blue-rgba-0);
    transition: border-bottom .5s;
}

a.navmenu:hover{
    color: var(--blue-rgba-1);
    border-bottom: 1px solid var(--blue-rgba-1);
    transition: border-bottom .5s;
}


a.hmenu{
    font-size: 26px;
    letter-spacing: 1px;
    padding: 7px 0px 5px 0px;
    margin: 0px 20px 0px 10px;
    color:var(--white);
    text-decoration:none;
    display:inline-block;
    /*  */
    border-bottom: 3px solid transparent;
    transition: all .5s;
}

a.hmenu:hover{
    color: var(--white);
    border-bottom: 3px solid var(--yellow);
    transition: all .5s;
}


div#major-text1 {
    display:block;
    position:absolute;

    top: 130px;
    left: 40px;

    z-index:10;
    color: #fff;
    text-shadow: 0px 0px 15px #000;
    font-size: 30px;
    
    }




    div#major-text2 {
    display:block;
    /* margin: auto;
    text-align:center; */
    position:absolute;
    /* top: 60vh; */
    /* left: 0; */
    right: 40px;
    bottom: 40px;
    z-index:10;
    /* width: 100%;
    height:300px; */
    color: #fff;
    text-shadow: 0px 0px 15px #000;
    font-size: 30px;
    }

  ul {margin-bottom: 30px; margin-left:20px}


  p, li {font-size: 26px; color: #666;text-align: left; padding-bottom: 0px; line-height: 34px}

  li {list-style-type: '✔  '; color: var(--yellow)}

  li span{color: #666}



.invisible{
    position: fixed;
    top: 0px;
    right: -3000px;
    transition: right .5s;
    }

.visible{
    position: fixed;
    top: 0px;
    right: 0px;
    transition: right .5s;
    }

b {
        font-weight: normal;
        
        }

strong, b, th {
        font-weight: normal; 
        font-family: ConstantaB;       
        }

strong {
        color: var(--blue-light);       
        }

p.blue {
        font-weight: normal;
        
        color:var(--blue);
        margin-bottom:8px;
        }

.povinne {  color: #c00;   }

iframe#ml200{
  width: 100%;
  height: 800px;
}



a#to_home {text-decoration: none;}

#down {position: absolute;
  left: 0;
  bottom: 5%; right: 0;
  margin: auto;
  height: 30px; width: 30px; cursor:pointer;
  color: #fff;
  text-shadow: 2px 2px 5px #444;
  z-index:10;
  /* opacity:0; */
   }


a#to_down, a.icons {text-shadow: 1px 1px 1px #444; text-decoration: none; color: var(--white); transition: color .5s}

a#to_down:hover, a.icons:hover {text-decoration: none; color: var(--orange); transition: color .3s}

a.icons, .icons {text-decoration: none; color: var(--blue);}
a.icons:hover, .icons:hover {text-decoration: none; color: var(--violet);}


div#upstairs {position:fixed; bottom: 20px; right: 20px; z-index:10;}
img#up {width:40px; height:auto}


div#downstairs {display:block; margin: auto; text-align:center; position:absolute; left: 0; bottom: 5%; right: 0; z-index:10;}

div#facebook {display:block; width: auto; position:fixed; right: 20px; top: 100px; z-index:10; background: var(--white);  padding: .5em; border-radius: 3px; box-shadow: 2px 2px 5px #000; color: var(--red); transition: all .35s}

div#facebook:hover  {color: var(--blue); transition: all .35s}


div#facebook span {margin-right: 10px; /*font-size:37px*/}

.visible3 {opacity: 1; cursor: pointer; transition: opacity 1s}
.invisible3 { opacity: 0; cursor: text; transition: opacity 1s}

.visible4 {opacity: 1; cursor: pointer; transition: opacity 1s}
.invisible4 { opacity: .5; cursor: text; transition: opacity 1s}

.visible5 {opacity: 1; transition: opacity 1s}
.invisible5 { opacity: 0; transition: opacity 1s}

a.text:link, a.text:visited, .neodkaz {cursor:pointer; color: var(--blue-light);transition: all .5s}
a.text:hover, a.text:active, .neodkaz:hover {color:var(--light-brown);text-decoration: none; transition: all .5s}


a.help {color: var(--white); }

/* a.help:hover, a.help:active {cursor:pointer; color: var(--white);} */

/*
.desktop {display:inline}
.mobile {display:none}
*/

div.mapa{text-align:center;margin:auto }




p.msgr{font-family: ConstantaB; background: var(--blue-light); color:var(--white); text-align:center;  clear:both; padding:5px;  border-radius:10px; }

p.msgf{font-family: ConstantaB; background: var(--yellow); color:var(--blue-light); text-align:center;  clear:both; padding:5px;  border-radius:10px; }


div.warning{
  background: var(--light-brown-transparent); 
  border: 1px solid var(--light-brown);
  margin: auto;
  text-align:center;
   
  padding:3px 10px;  
  border-radius:5px; 
  width:50%;
  margin-bottom:50px;
}

div.warning p{color: var(--blue-light);}


p.warning{
  display:inline; 
  background: var(--light-brown); 
  color:var(--white);  
  text-align:center; 
   
  padding:3px 10px;  
  border-radius:5px;
  position:relative;
  top:12px; 
}

.odebrat {cursor:pointer; font-size:30px; color: var(--medium-brown); position:relative; top: 10px; right: 5px}

.pridat {cursor:pointer; font-size:30px; color: var(--blue-light); position:relative; bottom: 10px; right: 0}


img.img {opacity: .85; padding:0px; border: 1px solid var(--yellow); transition: all .5s}

img.img:hover {opacity: 1; border: 1px solid var(--blue-light); transition: all .5s}

.majorImage{
  position:absolute;
  text-align:center;
  margin:0px auto;
  z-index:999;
  font-family: ConstantaB;
   
  font-size:20px;
  line-height:24px;
  color: var(--blue);
  background: var(--yellow-transparent);
  padding: .25em .30em;
  margin-top: 80px;
}


.dirImage{
  position:absolute;
  text-align:center;
  margin:0px auto;
  z-index:999;
  font-family: ConstantaB;
   
  font-size:20px;
  line-height:20px;
  color: var(--blue);
  background: var(--yellow-transparent);
  padding: .25em .30em;
  margin-top: 73px;
}


/* #video {display:block; width:auto; height:80vh; margin:0px auto; padding:0;margin-top: 10vh; border-radius:5px; }  */

#video {display:block; width:100%; height:auto; margin:0px auto; padding:0;  } 




div.obal-outer{
  margin: 0px auto;
  text-align:center;
  width:100%;
  min-height: var(--vertical-height);
  background: var(--white);
	}

div.obal-inner{
  margin: 0px auto;
  text-align:center;
  width:80%;
  padding: 2em 2em 2em 2em;
	}



  div.obal-outer-admin{
  margin: 0px auto;
  text-align:center;
  width:100%;
  min-height: var(--vertical-height);
  background: var(--white);
	}

div.obal-inner-admin{
  margin: 0px auto;
  text-align:center;
  width:80%;
  padding: 80px 2em 2em 2em;
	}




  /* ------------------------------------------------------------------------ */




div.o-nas{
  margin: 0px auto;
  text-align:center;
	display:flex;
	flex-flow: row wrap;
	justify-content: center;
  width:100%;
  padding: 2em;
  /* background: var(--white); */
	}


  div.o-nas > div{
	width: 50%;
  padding:1em 1em 1em 1em;
  margin: 0px auto;
  text-align:center;
  align-self:start;
	}

  div.o-nas > div img{
	width: auto;
  height: 60vh;
	}

  div.o-nas h2{
	text-align:center
	}




  /* ------------------------------------------------------------------------ */

div.obal-ubytovani-outer{
  margin: 0px auto;
  text-align:center;
  width:100%;
  min-height: var(--vertical-height);
  background: var(--light-brown-transparent);
	}

div.obal-ubytovani-inner{
  margin: 0px auto;
  text-align:center;
  width:80%;
  padding: 2em 2em 2em 2em;
	}


div.ubytovani{
  margin: 0px auto;
  text-align:center;
	display:flex;
	flex-flow: row wrap;
	justify-content: center;
  width:100%;
  padding: 2em;
  /* background: var(--white); */
	}


  div.ubytovani > div{
	width: 50%;
  padding:1em 1em 1em 1em;
  margin: 0px auto;
  text-align:center;
  align-self:start;
	}

  div.ubytovani > div img{
	width: auto;
  height: 60vh;
	}

  div.ubytovani h2{
	text-align:center
	}


/* ------------------------------------------------------------------------ */

div.obal-stravovani-outer{
  margin: 0px auto;
  text-align:center;
  width:100%;
  min-height: var(--vertical-height);
  background: var(--white);
	}

div.obal-stravovani-inner{
  margin: 0px auto;
  text-align:center;
  width:80%;
  padding: 2em 2em 2em 2em;
	}


div.stravovani{
  margin: 0px auto;
  text-align:center;
	display:flex;
	flex-flow: row wrap;
	justify-content: center;
  width:100%;
  padding: 2em;
  /* background: var(--white); */
	}


  div.stravovani > div{
	width: 50%;
  padding:1em 1em 1em 1em;
  margin: 0px auto;
  text-align:center;
  align-self:start;
	}

  div.stravovani > div img{
	width: auto;
  height: 60vh;
	}

  div.stravovani h2{
	text-align:center
	}





/* ------------------------------------------------------------------------ */


  div.obal-cenik-outer{
  margin: 0px auto;
  text-align:center;
  width:100%;
  min-height: 100vh;
  background: var(--white);
	}

div.obal-cenik-inner{
  margin: 0px auto;
  text-align:center;
  width:80%;
  min-height: 100vh;
  margin-top:3em;
  padding: 0  2em 2em 2em;
	}

div.cenik{
  margin: 0px auto;
  text-align:center;
	display:flex;
	flex-flow: row wrap;
	justify-content: center;
  gap: 0;
  width:100%;
  min-height: 100vh;
  padding: 2em;
  background: var(--white);
	}


  div.cenik > div{
	width: 50%;
  padding:1em 1em 1em 1em;
  margin: 0px auto;
  text-align:center;
  align-self:start;
	}

  div.cenik > div img{
	width: 250px;
  height: auto;
	}


  div.cenik h2{
	text-align:left;
	}

/* ---------------------------------------------------------------- */

  





  fieldset{

    border: 1px solid var(--blue-light);
    border-radius: 5px;
    background: var(--very-light-brown);
    margin-bottom: 30px;

  }

  legend{

    font-size: 24px;
    
    color: var(--blue-light);
    padding: 0 .5em;
  }

  
div.form-wrapper{
  width: 500px;
  height: auto;
  margin: auto;
  text-align: center;
}




input, textarea, select{border:1px solid var(--blue-light); background:var(--white); color:#444; padding:5px; font-size:16px; }

input.checkbox{position:relative; top:3px;}


input#submit,input.submit{font-family: Constanta; font-size:26px; margin:auto; border:none; background: var(--blue-light); color: var(--white); text-align:center;  padding: .25em .5em; border-radius: 10px; cursor:pointer;   transition: all .3s }



input#submit:hover,input.submit:hover {background: var(--yellow); color: var(--blue); transition: all .3s}





label {cursor:pointer; }

label:hover {color: var(--blue)}

/* input[type=text], textarea, select {width:430px} */

input[type=text], textarea {outline-style: none}

input[type=text]:focus, textarea:focus { background: #f6f6f6; }

:-ms-input-placeholder {color:#aaa;font-style:italic}
::-webkit-input-placeholder {color:#aaa;font-style:italic}
::placeholder  {color:#aaa;font-style:italic}



input[type=text], input[type=number], input[type=password], input[type=file], textarea, select {width: 100%; padding:8px; border: 1px solid var(--blue-light); border-radius: 5px;  color:#555;font-size: 18px;}

:focus {
  outline: none;
}


input[type="radio"]:checked+label { color: var(--blue)}

/* input[type=text]:focus, textarea:focus {background:rgba(251, 228, 243, .75)} */



iframe.mapa {
      width:100%; height:400px;
      border: 1px solid var(--yellow);
      }


a[name] {position:relative; top:-80px}


div#dark{
display:none;
/*height:1000px;*/
position:absolute;
top:0px;
left:0px;
z-index:1000;
width:100%;
background:#000;
opacity:0;
filter: alpha(opacity=0);
overflow:none;
padding:0px;
}


div.effectwindow{
	padding:15px;
	display:none;
	position:absolute;
	box-shadow: 0px 0px 20px #000;
	opacity:0;
	background: var(--white);
	z-index:2000;
	}




option:disabled {color: #ccc; }

input:disabled {opacity: .33; cursor: default }

input[type="radio"]:disabled + label {opacity: .33; cursor: not-allowed }

input:disabled:hover {background:var(--blue) }

input[type="radio"]:disabled:hover + label {color:#444}

table.cenik {
  width: 100%;
}


table.cenik th, table.cenik td {
  font-size: 22px; color: #fff;
}



table.cenik td:first-child {
  text-align:left;
}

table.cenik td:last-child, table.cenik th:last-child {
  text-align:right;
}

table.cenik th{font-weight:normal; text-align:left;  border-bottom: 1px dotted #fff}



div.kontakt-flexbox{
	display:flex;
	flex-flow: row wrap;
	justify-content: start;
  width:100%;
  column-gap: 2em;
	}


  div.linka-grid-a p, div.linka-grid-b p{
	width: auto;
  text-align:left!important;
	}


.image {
  width:30px; height:auto;
  display:inline-block;
}











table.formular td {
  text-align:left;
}




div.foto-podklad{

  display:grid;
  grid-template-rows: 6fr 1fr;
  grid-template-columns: auto;

  justify-content: center;
  /* align-content: center; */

  width:350px;
  height:300px;
  border:5px solid #fff;
  border-radius: 20px;
  background: var(--blue-gradient);
  text-align:center;
  margin: 0px auto;
  /* position:absolute;
  margin-top:500px;
  margin-left: 95px; */
  cursor:pointer;
  position:relative;
  bottom: 0px;
  transition: all .25s;

}


/* div.foto-podklad:hover{
  position:relative;
  bottom:20px;
  transition: all .25s;
}

div.foto-podklad:active{
  position:relative;
  bottom:20px;
  transition: all .25s;
} */


div.foto-podklad p.name{
  /*position:absolute; */
  
  color: #fff;
  font-size: 22px;
  display:block;
  text-align:center;
  margin: 0px auto;
  /* margin-top:10px; */
}


img#megasun {display:block; text-align:center; margin: 0px auto;width: 180px;height:auto; margin-top: 35px}

img#luxura {display:block; text-align:center; margin: 0px auto; width: auto;height:180px;margin-top: 10px}

img#ergoline {display:block; text-align:center; margin: 0px auto;width: 200px;height:auto; margin-top: 32px}


div.video-box{
  margin: 0px auto;
  text-align:center;
	display:flex;
	flex-flow: row wrap;
	justify-content: start;
  gap: 1em;
  width:100%;
  padding: 0;
	}


  div.video-box > *{
	width: calc(50% - .5em);
  align-self:start;
	}


.video-source {font-size:16px; padding-top:10px; width:calc(50% - .5em)}

.video-close {
  /* position:absolute;margin-left:930px;margin-top:20px;z-index:9999 */
  text-align:center;margin:0
}


video#video-megasun, video#video-luxura{
  margin:0;
  width:calc(50% - .5em);
  height:300px;
}


div.owl-carousel {
  width:100%;
  margin: 0px auto;
  text-align:center;
  padding:0;
  /* padding: .6em 1.5em 0 1.5em; */

}


div.item {
  position:static;
  margin:auto;
  text-align:center;
  width: 150px;
  height:100px;
  cursor:pointer;
  border: 1px solid var(--blue);
  filter: contrast(90%) brightness(90%);
  transition: all .25s;
}

div.item:hover {
  border: 1px solid var(--violet);
  filter: contrast(110%) brightness(110%);
  transition: all .25s;
}


#nahoru {color: var(--blue-light); transition: color .5s; text-shadow: 0px 0px 5px #fff}
#nahoru:hover {color: var(--yellow); transition: color .5s}


div#foot{
      width:100%;
      min-height:100px;
      padding: 1em;
      background: var(--blue-light);
      color:var(--white);
    }

    div#foot p {
      margin:0px auto;
      text-align:center;
    }

div#foot p, div#foot a {color:var(--white)}
div#foot a:hover {text-decoration:none}

div.adult {display:inline-block;position:relative;top:-15px;height:60px;padding:0px 15px 0px 18px;border-left:1px solid var(--blue); color: var(--blue); margin-left:20px}

div.adult a {position:relative;top:15px}


a.button{
    
    font-size: 22px;
    letter-spacing: 1px;
    padding: 3px 8px 3px 8px;
    text-decoration:none;
    /* background: #fff; */
    /* border:2px solid var(--blue); */

    color: var(--white);
    background: var(--blue-light);
    border:2px solid var(--white);

    border-radius: 5px;
    box-shadow: 1px 1px 3px #000;
    transition: all .25s;
}

a.button:hover{

    color: var(--blue-light);
    background: var(--white);
    border:2px solid var(--blue-light);

    transition: all .25s;
}



a#rezervovat{
    margin: auto;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0; 
    bottom: 120px;
    z-index: 10;
    width: 200px;
    height: auto;
}


.blue {color: var(--blue)}