@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&subset=latin,latin-ext);

* {
	margin: 0;
	padding: 0;
}

@font-face {
    font-family: 'Minion';
    src: url('fonts/MinionPro-It.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}


html {
	overflow-y:scroll;
/*  height:100%;*/
  min-height:100%;
  background:#000;
}
html.no3d:not(.index) {height:1px;}

html.index {
  height:100%;
}

html.index.fancyopened {overflow-y:hidden;}
html.index.fancyopened section,html.index.fancyopened footer {overflow-y:scroll;}

body {
	margin: 0;
	padding: 0;
	font-family: "Open Sans","Arial CE", Arial, "Helvetica CE", Helvetica, Verdana, Tahoma, lucida, sans-serif;
	font-size: 14pt;
  font-weight:300;
	text-align: center;
	line-height:1.5em;
  color:#e0d0c0; 
  background-attachment: fixed;
}

html.lt-ie10 body { 
scrollbar-arrow-color: #696969;
scrollbar-base-color: #000000;
scrollbar-track-color: #000000;
scrollbar-face-color: #696969;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #000000;
}


img {max-width:100%}

a {
  color:#ab191b;
  text-decoration:none;
  outline:none;
}

.text a,.fulltext a {
  border-bottom:1px #ab191b solid
}
.text .pul.box a {
  border-bottom:none;
}
.text .pul.box {
  text-align:center;width:47%;max-width:auto;max-width:650px;min-width:250px;
}

.onas .text .pul.box {
width:100%!important;
max-width: 100%!important;
min-width: 100%!important;
}

a.out:not(.not) {
  padding-right:1.3em;
  background:transparent url('../img/out.png') top right no-repeat;
  background-size:contain;
}

/* p {text-align:justify} */

ul {list-style-type:none}
li {margin:0.4em 0}
table {width:98%;}
table td {text-align:left;}
#denni-menu table tr td:first-child,#denni-menu td.jidelni-nabidka-gramaz.jidelni-nabidka-cele {text-align:right;width:10%;padding:0 1%}
#denni-menu td.jidelni-nabidka-cena {text-align:right;width:11%;min-width:5em;padding:0 1%}
#denni-menu table tr td:last-child {text-align:right;width:11%;min-width:5em;padding:0 1%}
#denni-menu .content {margin-bottom:3em;}
.jidelni-nabidka-jednotka {padding-right:2%;width:3%;}
.jidelni-nabidka-konec {display:none}
.jidelni-nabidka-menu span {display:none}
.content.vicedenni .jidelni-nabidka-menu span {display:inline;font-weight:300 !important;font-size:0.85em;} 
.content.vicedenni .jidelni-nabidka-menu span:nth-child(1):before {display:block;content:"";}
body,header,section,#bg {
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  position:relative;
  height:100%;
  min-height:100%;
}
html:not(.mobil) body,header,section,#bg {
  height:100%;
}
html:not(.mobil),html:not(.mobil) body {
  height:100%;min-height:100%;overflow:visible;
}
html:not(.index),html:not(.index) body {
  overflow:auto;
}
html.noswipe #bg {display:none !important}


section.full {
  height:auto;
  min-height:100%;
}
section#aktualne {
  height:180%;
  min-height:180%;
}

html.no-js body,html.no-js header,html.no-js section,html.no-js #bg {
  height:auto;
  min-height:100%;
}
html.no-js header > div {padding-bottom:3em;}
html.no-js header,html.no-js section {background-attachment:fixed;}
html.js #bg { background-attachment: scroll;}

.pul {width:50%;display:inline-block;height:100%;}

#bg,#bg > div {position:fixed;top:0;width:100%;left:0;height:100%;}
#bg > div  {background:rgba(0,0,0,0.7) url(../img/dots.gif) 0 0 repeat;transition:1s background;-webkit-transition:1s background;}
html.noon #bg > div {background:rgba(0,0,0,0.6) url(../img/dots.gif) 0 0 repeat;transition:1s background;-webkit-transition:1s background;}
html:not(.mobil) #bg > div:hover,html:not(.mobil) #aktualne .polo > div:hover,html:not(.mobil) #kontakt .polo > div:hover {background:rgba(0,0,0,0.6) url(../img/dots.gif) 0 0 repeat;}
html.noon:not(.mobil) #bg > div:hover {background:rgba(0,0,0,0.5) url(../img/dots.gif) 0 0 repeat;}
#aktualne .polo > div,#kontakt .polo > div {background:rgba(0,0,0,0.8) url(../img/dots.gif) 0 0 repeat;transition:1s background;-webkit-transition:1s background;}
html:not(.mobil) #aktualne .polo > div:hover,html:not(.mobil) #kontakt .polo > div:hover {background:rgba(0,0,0,0.7) url(../img/dots.gif) 0 0 repeat;}
html.noon #aktualne .polo > div,html.noon #kontakt .polo > div {background:rgba(0,0,0,0.7) url(../img/dots.gif) 0 0 repeat;transition:1s background;-webkit-transition:1s background;}
html.noon:not(.mobil) #aktualne .polo > div:hover,html.noon:not(.mobil) #kontakt .polo > div:hover {background:rgba(0,0,0,0.6) url(../img/dots.gif) 0 0 repeat;}
html.lt-ie9 #bg > div,html.lt-ie9 #aktualne .polo > div,html.lt-ie9 #kontakt .polo > div {background:transparent url(../img/dotsie.png) 0 0 repeat !important;}

#aktualne,#kontakt {background:#000;}
html.js #aktualne .polo > div,html.js #kontakt .polo > div {position:absolute;height:100%;width:100%}

html.js header,html.js section {
  height:100%;
  min-height:1100px;
  overflow:visible;
}
html.js section.full {
  height:auto;
  min-height:100%;
}

header > div,section > div {
  min-height:100%;
  background:rgba(0,0,0,0.7) url(../img/dots.gif) 0 0 repeat;
  overflow:hidden;
}
html.lt-ie9 header > div,html.lt-ie9 section > div {
  background:transparent url(../img/dotsie.png) 0 0 repeat;
}

html.js header > div,html.js section > div {
    height:100%;
}

header > div {
  overflow:visible;
}
html.noon header > div,section > div {
  background:rgba(0,0,0,0.7) url(../img/dots.gif) 0 0 repeat;
}
html.noon.lt-ie9 header > div,html.noon.lt-ie9 section > div {
  background:transparent url(../img/dotsie.png) 0 0 repeat;
}


html.js header > div,html.js section > div {
  background:none;
}
html.js.lt-ie9 header > div,html.js.lt-ie9 section > div {
  background:none;
}

#grad1 {
  background: -moz-linear-gradient(top,  rgba(0,0,0,1) 10%, rgba(0,0,0,0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0)));
  background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 10%,rgba(0,0,0,0) 100%);
  background: -o-linear-gradient(top,  rgba(0,0,0,1) 10%,rgba(0,0,0,0) 100%);
  background: -ms-linear-gradient(top,  rgba(0,0,0,1) 10%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to bottom,  rgba(0,0,0,1) 10%,rgba(0,0,0,0.6) 40%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to bottom,  rgba(0,0,0,1) 10%,rgba(0,0,0,0.6) 60%,rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
  position:fixed;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  top:-100px;
  transition:top 0.75s;
  -webkit-transition:top 0.75s;
  left:0;
  width:100%;
  height:10%;
  min-height:100px;
  z-index:5;
  pointer-events: none;
}
#grad2 {
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 10%, rgba(0,0,0,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 10%,rgba(0,0,0,1) 100%);
  background: -o-linear-gradient(top,  rgba(0,0,0,0) 10%,rgba(0,0,0,1) 100%);
  background: -ms-linear-gradient(top,  rgba(0,0,0,0) 10%,rgba(0,0,0,1) 100%);
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 10%,rgba(0,0,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
  position:fixed;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  bottom:-100px;
  transition:bottom 5.75s;
  -webkit-transition:bottom 5.75s;
  left:0;
  width:100%;
  height:10%;
  max-height:100px;
  z-index:6;
}
html.no-js #grad2 {pointer-events: none;}
html.js #down {display:block;width:100%;height:100%;position:absolute;top:0;left:0;text-align:center;background:none;outline:none;}
html.js #down {background:transparent url(../img/down.png) center center no-repeat}
html.js:not(.mobil) #grad2 #down:hover {background:transparent url(../img/down2.png) center center no-repeat;cursor:pointer}

html.fixed #grad1,html.no-js #grad1 {top:0}
html.js #grad2,html.no-js #grad2 {bottom:0}

html.no-js header,html.js #bg.home {background-image:url(../img/bg/exterier1.jpg);}
html.no-js #o-nas,html.js #bg.o-nas {background-image:url(../img/bg/exterier0.jpg);}
html.no-js #denni-menu,html.js #bg.denni-menu {background-image:url(../img/bg/jidlo6.jpg);}
#aktualne div.polo {
  background-size:cover;
  background-position:center center;
}
html.no-js #aktualne div.polo {background-attachment:fixed;}
#aktualne\3A novinky {background-image:url(../img/bg/1000/interier12.jpg);background-position:right center; }
#aktualne\3A novinky h3 a {border-bottom:none}
#aktualne\3A gurmanske-akce {background-image:url(../img/bg/1000/gastro1.jpg); }
#aktualne\3A krouzkovany-lezak {background-image:url(../img/bg/1000/interier2.jpg); }
#aktualne\3A navstevni-kniha {background-image:url(../img/bg/1000/kniha3g.jpg); }
#aktualne\3A sluzby-restaurace {background-image:url(../img/bg/1000/jidlo1.jpg); }
#aktualne\3A virtualni-prohlidka {background-image:url(../img/bg/1000/interier8.jpg); }
#aktualne\3A fotogalerie {background-image:url(../img/bg/1000/fotogalerie.jpg); }

#kontakt div.polo {background-attachment:fixed;background-position:center center;background-repeat:no-repeat;background-size:cover;}
html.js #kontakt div.polo {background-size:contain;}
#kontakt div.polo.kontakt {background-image:url(../img/bg/bg2---.jpg);background-position:30% center; }
#kontakt div.polo#kontakt\3A oteviraci-doba {background-image:url(../img/bg/1000/interier11.jpg);background-position:70% center; }

#bg.aktualne,#bg.kontakt {background:none;}
html.js #aktualne > div,html.js #kontakt > div {white-space:nowrap;overflow:hidden;position:relative;}
html.js #aktualne > div *,html.js #kontakt > div * {white-space:normal}

html #langs {
  position:fixed; /* úprava RK, .. původně bylo absolut */
  top:5px;
  left:5px;
  z-index:222
}

html #langs li {display:inline-block;}
html #langs li a {color:#e4e3de;background:rgba(217, 201, 182, 0.2);border-radius: 50%;display: inline-block;font-size: 0.9em;height: 1.7em;line-height: 1.6em;margin: 0 0.2em;padding: 0;width: 1.8em;}

html.lt-ie9 #langs li a {background:transparent url(../img/langs.png) center center no-repeat;}
html #langs li.cur a {background:rgba(217, 201, 182, 0.7)}
html #langs li a:hover {background:rgba(217, 201, 182, 0.5)}


html.js nav div,html.no-js #mainlinks div {
  /* margin-top:4%; */
  white-space:nowrap;
  overflow:hidden;
  margin: 2em 0 4em; /* přidáno 2024-02-08 */
}

nav.nvmain > div{
  display: none;
}

nav.nvmain > div.fixed{
  display: block;
}

.nvclone::before{
  display: none;
}

html.js nav.nvclone div li.main a {
  opacity: 1;
}

html.fixed body{
  padding-top:114px;
}

html.js nav div.fixed {height:48px;}
html.js nav div ul ul {display:inline;}
html nav div li,#menupanel li {list-style-type:none}
html.js nav div li {display:none;list-style:none}

html.js nav div li.main,html.no-js #mainlinks div {
  display:inline-block;
  width: 11%;
  margin:0 2%;
  transition:border 1s;
  -webkit-transition:border 1s;
}


html.js nav div li.main a {opacity:0}
html.no-js #mainlinks {position:relative;top:24%;margin-bottom:11%;}
html.js nav div a,html.no-js #mainlinks div a {color:#e0d0c0;font-size:1em;text-decoration:none;display:block;background: transparent none center top no-repeat;}
html.js nav div li.main > a,html.no-js #mainlinks div a {padding-top:100px;}
html.js nav a[href="#o-nas"],html.no-js #mainlinks a[href="#o-nas"] {background-image:url(../img/o-nas.png);}
html.js nav a[href="#denni-menu"],html.no-js #mainlinks a[href="#denni-menu"] {background-image:url(../img/denni-menu.png);}
html.js nav a[href="#aktualne"],html.no-js #mainlinks a[href="#aktualne"] {background-image:url(../img/aktualne.png);}
html.js nav a[href="#kontakt"],html.no-js #mainlinks a[href="#kontakt"] {background-image:url(../img/kontakt.png);}

/* doplněno RK  2025-04-27 */ 
.nvclone .home-menu-onas a      {background-image:url(../img/o-nas.png);}
.nvclone .home-menu-onas        {display: none !important;}
.nvclone .home-menu-rezervace a {background-image:url(../img/ikona_rezervace.png)!important;}
div.fixed .home-menu-onas       {display: none !important; }



html.js nav div.fixed li.main {margin-top:7px;height:40px;width:44px;}
html.js nav div.fixed li.main > a,html.no-js nav div li.main > a {padding-top:0;width:100%;height:100%;}
html.no-js nav div li.main > a[href="#o-nas"],html.js nav div.fixed li.main > a[href="#o-nas"],html.js #menupanel li.main > a[href="#o-nas"] {background-image:url(../img/o-nas.fixed.png)}
html.no-js nav div li.main > a[href="#denni-menu"],html.js nav div.fixed li.main > a[href="#denni-menu"],html.js #menupanel li.main > a[href="#denni-menu"] {background-image:url(../img/denni-menu.fixed.png)}
html.no-js nav div li.main > a[href="#aktualne"],html.js nav div.fixed li.main > a[href="#aktualne"],html.js #menupanel li.main > a[href="#aktualne"] {background-image:url(../img/aktualne.fixed.png)}
html.no-js nav div li.main > a[href="#kontakt"],html.js nav div.fixed li.main > a[href="#kontakt"],html.js #menupanel li.main > a[href="#kontakt"] {background-image:url(../img/kontakt.fixed.png)}

/* doplněno RK  2025-04-27 */ 
/*.fixed */.menu-fixed-rezervace       {background-image:url(../img/ikona_rezervace.fixed.png)!important;}
.menu-hamburger-rezervace   {background-image:url(../img/ikona_rezervace_hamburger.png)}
.menu-hamburger-onas        {background-image:url(../img/o-nas.fixed.png)}


html.no-js li.main > a[href="#o-nas"],html.js #menupanel li.main > a[href="#o-nas"] {background-position:11px 3px}
html.no-js li.main > a[href="#denni-menu"],html.js #menupanel li.main > a[href="#denni-menu"] {background-position:11px 3px}
html.no-js li.main > a[href="#aktualne"],html.js #menupanel li.main > a[href="#aktualne"] {background-position:11px 3px}
html.no-js li.main > a[href="#kontakt"],html.js #menupanel li.main > a[href="#kontakt"] {background-position:11px 3px}

html.js .pages {position:relative;}
html.js .pages .page {position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden}
html.js .pages .page.hide {left:100%;}

.polo {
vertical-align:top;
position:relative;
}
html.js .polo {min-height:100%;width:50%;display:inline-block;}
html.js #aktualne .polo {min-height:50%;height:50%;}

h1,h2,h3,h4 {font-weight:300}


h1 {
  color:#f0e0d0;
  width:310px;
  height:130px;
  background:transparent url(../img/mk.png) left center no-repeat;
  display:inline-block;
  overflow:hidden;
  text-indent:-99em;
  position:relative;
  margin:0 auto;
  z-index:21;
}

.stuck h1 {
  color:#f0e0d0;
  width:310px;
  height:86px;
  background:transparent url(../img/mk.png) left center no-repeat;
  display:inline-block;
  overflow:hidden;
  text-indent:-99em;
  position:relative;
  margin:0 auto;
  z-index:21;
  visibility: unset !important; 
}
/* ----------------------  */




#space1 {height:80px;display:block;overflow:hidden}
h1 a {height: 100%;left: 0;position: absolute;top: 0;width: 100%;}
nav li {transition:all 1s;-webkit-transition:all 1s;}
nav a {outline: none ;}
nav.stuck {position:fixed;backface-visibility: hidden;-webkit-backface-visibility: hidden;padding-top:0;width:100%;top:0;left:0;z-index:8;}
nav.stuck h1 {position:relative;}
nav div.fixed {position:fixed;backface-visibility: hidden;-webkit-backface-visibility: hidden;top:10px;right:65px;padding-right:30px;white-space:nowrap;}
html.js nav div.fixed {margin-top:0}
nav div.fixed li.main > a {}
.collapsednav nav div.fixed li.main > a {display:none;}
#menu {display:inline-block;text-indent:-99em;overflow:hidden;width:50px;height:50px;color:#e0d0c0;z-index:60;border-radius:25px;-webkit-border-radius:25px;cursor:pointer;position:fixed;backface-visibility: hidden;-webkit-backface-visibility: hidden;top:10px;right:20px;background:rgba(217,201,182,0.2) url(../img/menu.png) 0 -50px no-repeat;transition:background 0.5s;-webkit-transition:background 0.5s;}
html.lt-ie9 #menu {background:url(../img/menuie.png)}
nav div.fixed li.main > a {display:inline-block;text-indent:-99em;overflow:hidden;color:#e0d0c0; border-bottom:1px transparent solid;}
nav div.fixed li.main > a.cur {border-bottom:1px #ab191b solid;}

html.js .content > ul li a {white-space:none;border-bottom:1px transparent solid;padding:0.3em 0em 0.1em;margin:0 1em;display:block}

html.js .content > ul li.cur a {border-bottom:1px #ab191b solid;}

#mapa {display:none}
html.js #mapa {display:block;width:100%;min-height:200px;height:50%}

.fixed #menu {background-position:0px 0px;}
/*.collapsednav #menu {background-position:0px -50px;}*/
.fixed.menuopened #menu {background-position:-50px 0px;}
.menuopened #menu,.menuopened.collapsednav #menu {background-position:-50px -50px;z-index:60}

nav.stuck div {}
h2 {padding-bottom:0.6em;line-height:1em;text-align:center;color:#e0d0c0;padding-top:190px;font-size:2.4em;background:transparent none center 85px no-repeat;}
h2.clickable {cursor:pointer;}
h2.no-icon {padding-top:0.3em;background:none !important}
html.jidelni-listek h2.no-icon {margin-bottom:0.7em}
html.jidelni-listek h2.no-icon + h3 {margin-top:0em}
html.jidelni-listek table td {padding:0.26em}
html.no-js h2 {padding-bottom:0em;}
html.no-js section:not(#kontakt) .polo h2 {padding-bottom:0.6em;}
h3 {color:#ab191b;font-size:1.6em;text-align:left;margin-bottom:0.5em;line-height:1.1em;}
.wrap h3 {margin-top:1em;}
html.no-js h3 {margin-top:0.6em;}
h4 {font-weight:bold;margin-top:1em;text-align:left;line-height:1em;}
a.fancybox2-textify + h4,img + h4 {margin-top:7px;}
footer,html.page404 {background:#000 url(../img/footer.jpg) center center no-repeat;background-size:cover;padding-bottom:0px;position:relative;z-index:10}

.sticky-wrapper {z-index:8;}
html .content {margin:2em 2em 0;overflow:hidden;}
html.no-js .content {padding-bottom:5em;}

html footer .content {padding:2em;position:relative;background:rgba(0,0,0,0.6) url(../img/dots.gif);margin:0;text-align:center;border:none;}
html.lt-ie9 footer .content {background:transparent url(../img/dotsie.png) 0 0 repeat}
html footer .content > div > ul > li {text-align:left;vertical-align:top;width:20%;margin-right:0;margin-right:4%;display:inline-block}
html footer .content > div > ul > li:nth-child(1) {text-align:center;}
html footer li a {color:inherit} 
html footer a.fb span {padding-left:1.4em;background:transparent url(../img/fb.png) left top no-repeat;background-size:contain}
html footer a.yt span {padding-left:1.4em;background:transparent url(../img/yt.png) left top no-repeat;background-size:contain}
html footer a.nl span {padding-left:1.4em;background:transparent url(../img/nl.png) left top no-repeat;background-size:contain}
html footer a.icon_insta span {padding-left:1.4em;background:transparent url(../img/icon_insta.png) left top no-repeat;background-size:contain}
html footer img {width:100%;height:auto;}

    .head-soc {
      text-align: left;
      margin: 0.5em 0.1em;
      background-size: contain !important;
      font-size: 1.5em;
      padding-left: .2em;
      position: fixed;
      top: 50px;
      z-index: 222;
    }
  
   .head-soc a.fb  {
      background:transparent url(../img/icon_fb.png) left top no-repeat !important;      
    }
    .head-soc a.fb:hover  {
      background:transparent url(../img/icon_fb_hover.png) left top no-repeat !important;      
    }

   .head-soc a.icon_insta  {
      background:transparent url(../img/icon_insta.png) left top no-repeat !important;       
    }
    .head-soc a.icon_insta:hover  {
      background:transparent url(../img/icon_insta_hover.png) left top no-repeat !important;       
    }

    
.content {text-align:left;}
.fulltext {padding-bottom:6em;}
.text p,.fulltext p {margin-bottom:0.5em;}
p.small,.male {font-size:0.85em;line-height:1.5em}
.text table tr td:nth-child(1),.fulltext table tr td:nth-child(1) {padding-right:20px;}
html.js .text {overflow:hidden;margin-bottom:1em}
.page {height:88%;overflow:hidden}
html.no-js .page {margin-top: -3em;padding-top: 4em;}
header,section,footer .content {
transition: transform .5s ease;-webkit-transition: -webkit-transform .5s ease;
right:0}
html.has3d.menuopened section,html.has3d.menuopened footer .content {transform: translate3d(-120px, 0, 0);-webkit-transform: translate3d(-120px, 0, 0);}
html.no3d.menuopened section,html.no3d.menuopened footer .content {right:120px;}
html.lt-ie10.menuopened section,html.lt-ie10.menuopened footer .content {right:120px;}
html.no-js nav {position:fixed;backface-visibility: hidden;-webkit-backface-visibility: hidden;top:0px;width:100%;z-index:12;text-align:center;}
html.no-js nav:after {display:inline-block;text-indent:-99em;overflow:hidden;width:50px;height:50px;color:#e0d0c0;z-index:60;border-radius:25px;-webkit-border-radius:25px;cursor:pointer;position:fixed;backface-visibility: hidden;-webkit-backface-visibility: hidden;top:10px;right:20px;background:rgba(217,201,182,0.2) url(../img/menu.png) 0 -50px no-repeat;transition:right 0.5s;-webkit-transition:right 0.5s;content:" "} 
html.no-js nav:hover:after {right:-50px;}
html.no-js nav div,html.no-js nav div * {overflow-x:hidden;overflow-y:auto;touch-action:pan-x;-ms-touch-action:pan-x;}
html.no-js nav div,#menupanel {width:300px;max-width:75%;background:rgba(0,0,0,0.85); position:fixed;backface-visibility: hidden;-webkit-backface-visibility: hidden; height:100%; top:0;right:-300px;z-index:21;}
html.lt-ie9.no-js nav div,html.lt-ie9 #menupanel {background:transparent url(../img/menupanel.png) 0 0 repeat}
html.has3d.no-js nav div,html.has3d #menupanel {transition: transform .5s ease;-webkit-transition: -webkit-transform .5s ease;transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
html.no-js.longnav.locked nav div,html.has3d.no-js:not(.longnav) nav:hover div {transform: translate3d(-300px, 0, 0);-webkit-transform: translate3d(-300px, 0, 0);}
html.no-js.longnav.locked nav:after {display:none}
html.no-js.longnav.locked,html.no-js.longnav.locked body {overflow:hidden !important;height:100% !important;}
html.no3d.no-js nav:hover div {right:0}
html.lt-ie10.no-js nav:hover div {right:0}
#menupanel > div {margin-top:60px;}
html.no-js nav div > ul:nth-child(1) {margin-top:35px;}
#menupanel div > ul:last-child {margin-bottom:50px;}
html.no-js nav div a,#menupanel div a {border-left:1px transparent solid;outline:none;display:block;line-height:36px;color:#e0d0c0;font-size:1em;margin:5px 0;margin-left:1px; padding:0.1em; text-align:left;padding-left:2.6em;text-decoration:none;background-position:10px 0px;background-repeat:no-repeat}
html.no-js nav div a:focus,#menupanel a:focus {border-left:1px #ab191b solid}
html.no-js nav div ul li ul,#menupanel ul li ul {padding-bottom:8px;}
html.no-js nav div ul li:not(.main) ul,#menupanel ul li:not(.main) ul {padding-bottom:4px}
html.no-js nav div ul li ul li,#menupanel ul li ul li {font-size:0.8em;margin:3px 10px 3px 45px;}
html.no-js nav div ul li ul li> a,#menupanel ul li ul li > a {
  margin: 0;  
  color: #998e84;
  line-height: 1.1em;
  padding-left: 0.5em;
  margin-left: 0.9em;
  padding-bottom:0.25em;
  padding-top:0.25em;  
}
#marquee {font-size:1em;margin-top:5%;width:60%;margin-left:auto;margin-right:auto;position:relative;}
html.js #marquee div {display:none;position:absolute;text-align:center;width:100%;left:0;}
html.no-js #marquee {display:none}
html.no-js #marquee div {margin-bottom:1.6em}

#marquee .vite p,#marquee .news p {
  display:inline-block;
  padding-left: 36px; 
  position:relative;
}

#marquee .vite p > a , #marquee .news p > a {
  display:inline-block;
  left: -18px; 
  position:relative;
}

#marquee .vite p {text-align:center;background:transparent url(../img/vite.fixed.png) 0 1px no-repeat;}
#marquee .news p {text-align:center;background:transparent url(../img/aktualne.fixed.png) 0 1px no-repeat;}
#marquee .news .datum {position:absolute;top:94%;font-size:0.5em;}
#marquee .news a {color:#e0d0c0;}
#marquee .news a.button,#marquee .vite a.button {display:inline-block;margin-top:0.6em;}
html.no-js #marquee .news a.button,html.no-js  #marquee .vite a.button {background:none;padding:0;border:none;text-decoration:underline;color:#ab191b;position:relative;top:-.5em;}

li.sluzby-foto {padding-left:34px;background:transparent url(../img/sluzby-foto.png) 0 0.3em no-repeat}
li.sluzby-oslavy {padding-left:34px;background:transparent url(../img/sluzby-oslavy.png) 0 0.2em no-repeat}
li.sluzby-tv {padding-left:34px;background:transparent url(../img/sluzby-tv.png) 0 0.3em no-repeat}
li.sluzby-expozice {padding-left:34px;background:transparent url(../img/sluzby-expozice.png) 0 0.3em no-repeat}
li.sluzby-wifi {padding-left:34px;background:transparent url(../img/sluzby-wifi.png) 0 0.3em no-repeat}
li.sluzby-hudba {padding-left:34px;background:transparent url(../img/sluzby-hudba.png) 0 0.3em no-repeat}
li.sluzby-rauty {padding-left:34px;background:transparent url(../img/sluzby-rauty.png) 0 0.3em no-repeat}

.center {text-align:center;}
button,.button,a.button.out {color:#f0e0d0;background:#ab191b;border:1px #ab191b solid;padding:0.1em 1em;display:inline-block;margin:0.2em 0.4em;z-index: 7;position: relative;}
.button[value=*] {display:none}

.oteviraci-doba {
  text-align: center !important;
}


section a:empty {display:none}
a.fancybox2-item:empty {display:block}

.otv {
  width: 30%;
  font-size: 0.9em;
  margin: 3% 3% 7%;
  border:none;outline:none;display:inline-block;text-align:center;vertical-align:top;
}
.otv p {text-align:center;}
.otv strong {display:block;font-weight:300;color:#ab191b;font-size:2em;margin-bottom:0.5em;line-height:1.1em;}
.otv.cur {border-bottom:1px #ab191b solid;}
.otv.cur strong {color:#e0d0c0}

.wrap {padding:2em 4em 4em;}

html.has3d.menuopened #menupanel {
  transform: translate3d(-300px, 0, 0);
  -webkit-transform: translate3d(-300px, 0, 0);
  font-size: 1.3em ;
  z-index:50;  
}
html.no3d.menuopened #menupanel {right:0;z-index:50;}
html.lt-ie10.menuopened #menupanel {right:0;z-index:50;}

.contentText{
	margin-left:0;
	float:left;
}
 /* EX.CSS */
 
html section > div h3 {
  text-align:center;
}
html.no-js section > div .content {
  margin-bottom:3em;
}
html section > div .content {
  text-align:center;
  margin:0 20%;
  width:60%;
  border:none;
}
html.js section > div .content {
  height:100%;
}
.text,.fulltext {text-align:left;}
#o-nas .text {text-align:center;}

html section > div .polo .content {
  margin:0 10%;
  width:80%;
}
html section > div .polo .content h2 {
  background:transparent none center 1.9em no-repeat;
}

html section > div .polo .content h4 {
  text-align:center;
}

html section#o-nas > div h2 {background-image:url(../img/o-nas.png)}
html section#denni-menu > div h2 {background-image:url(../img/denni-menu.png)}
html #aktualne\3A novinky > div h2 {background-image:url(../img/aktualne.png)}
html #aktualne\3A gurmanske-akce h2 {background-image:url(../img/gastro.png)}
html #aktualne\3A krouzkovany-lezak h2 {background-image:url(../img/pivo.png)}
html #aktualne\3A navstevni-kniha h2 {background-image:url(../img/kniha.png)}
html #aktualne\3A sluzby-restaurace h2 {background-image:url(../img/sluzby.png)}
html #aktualne\3A virtualni-prohlidka h2 {background-image:url(../img/prohlidka.png)}
html #aktualne\3A fotogalerie h2 {background-image:url(../img/fotogalerie.png)}
html section#kontakt > div h2 {background-image:url(../img/kontakt.png)}
html section#kontakt > div .polo#kontakt\3A oteviraci-doba h2 {background-image:url(../img/otviracka.png)}

/* end of EX.css */

/* PAGES */

html.has3d.nas-tym {background:transparent url(../img/bg/exterier0.jpg) center center fixed;}
html.nas-tym img {float:left;clear:left;margin:0 1em 1em 0}
html.nas-tym a img {float:right;clear:right;margin:0 0em 1em 1em}
html.nas-tym .small {position:relative;top:-.75em;}

html.has3d.historie-a-soucasnost {background:transparent url(../img/bg/exterier0.jpg) center center fixed;}
html.has3d.navstevni-kniha {background:transparent url(../img/bg/1000/kniha3g.jpg) center center fixed;}
html.has3d.jidelni-listek {background:transparent url(../img/bg/jidlo6.jpg) center center fixed;background-size:cover;}
html.has3d.gurmanske-akce {background:transparent url(../img/bg/gastro1.jpg) center center fixed;}
html.has3d.krouzkovany-lezak {background:transparent url(../img/bg/interier2.jpg) center center fixed;}
html.has3d.virtualni-prohlidka {background:transparent url(../img/bg/interier8.jpg) center center fixed;}
html.has3d.sluzby-restaurace {background:transparent url(../img/bg/jidlo1.jpg) center center fixed;}
html.has3d.novinky {background:transparent url(../img/bg/interier12.jpg) center center fixed;}
html.has3d.fotogalerie {background:transparent url(../img/bg/fotogalerie.jpg) center center fixed;}
html.has3d.tiraz {background:transparent url(../img/bg/tiraz.jpg) center center fixed;}
html.has3d:not(.index) {background-size:cover;overflow-y:auto;background-attachment:fixed;}
html.no3d:not(.index) {background:#222}

html.has3d:not(.index) body {background:rgba(0,0,0,0.85) url(../img/dots.gif) center center fixed;background-repeat:repeat;background-size:auto;}
html.has3d:not(.index) body.noon {background:rgba(0,0,0,0.8) url(../img/dots.gif) center center fixed;}
html.has3d.krouzkovany-lezak body,html.has3d.virtualni-prohlidka body {background-color:rgba(0,0,0,0.8)}
html.has3d.krouzkovany-lezak body.noon,html.has3d.virtualni-prohlidka body.noon {background-color:rgba(0,0,0,0.75)}
html.has3d.rezervace {background-image:url(../img/bg/exterier1.jpg);background-color:rgba(0,0,0,0.9);background-size:cover;overflow-y:auto;}
html.has3d.newsletter {background-image:url(../img/bg/exterier1.jpg);background-color:rgba(0,0,0,0.9);background-size:cover;overflow-y:auto;}
html.has3d.page404 body {background-color:rgba(0,0,0,0.5)}
html.has3d.tiraz body {background-color:rgba(0,0,0,0.5)}
html.lt-ie9.has3d body,html.lt-ie9.has3d body.noon {background:transparent url(../img/dotsie.png) 0 0 repeat !important;}
html.lt-ie9.has3d.index body,html.lt-ie9.has3d.index body.noon {background:#000;}

html.lt-ie9.page404 body {background:transparent url(../img/dotsie50.png) 0 0 repeat !important;}
html.lt-ie9.tiraz body {background:transparent url(../img/dotsie50.png) 0 0 repeat !important;}

html.jidelni-listek table tr td:first-child,html.jidelni-listek table tr td:last-child {width:6em}
html.jidelni-listek table tr td.rightCena {text-align:right;}


html.rezervace form > div {width:65%;margin:0 auto;padding:0 1em 1em;}
#rezervace_datum,#rezervace_cas,#rezervace_osob,#rezervace_doba {display:inline-block;width:44%;margin:1%}
#rezervace_datum input {background-image:url(../img/cal.png);background-position:10px 16px;}
#rezervace_cas select {background-image:url(../img/cas.png);}
#rezervace_osob select {background-image:url(../img/osob.png);}
#rezervace_doba select {background-image:url(../img/doba.png);}
html.rezervace h2 + p.center {position:relative;top:-1em;}
html.rezervace form div span,html.newsletter form div span {font-size:0.8em;display:block;}
html.rezervace select,html.rezervace input,html.newsletter input  {
  padding:0.8em 0.8em 0.8em 2.4em;
  background:rgba(224,208,192,0.15) 0.7em 1em no-repeat;
  border:none;
}
html.rezervace .err select,html.rezervace .err input,html.newsletter .err input {
  background:rgba(224,50,50,0.15) 0.7em 1em no-repeat;
  color:#ab191b;
}
html.rezervace.lt-ie9 select,html.lt-ie9.rezervace input,html.lt-ie9 newsletter input {background-image:none !important}

option{background: none repeat scroll 0 0 #fff;color: #000;padding: 0 0.5em;}
html.rezervace select {width:12em}
html.rezervace input,html.newsletter input {width:9em}
html.rezervace .formdal input,html.newsletter .formdal input {width:80%;padding:0.8em}
html.rezervace .formdal input#zasilani {width:auto;padding:0.8em} 
html.rezervace input.submit,html.newsletter input.submit {width:auto;color:#e0d0c0;background:#ab191b;border:1px #ab191b solid;padding:0.2em 1em;}
html.rezervace form input.nobutton {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;color: #ab191b;padding: 0 0.5em;width: auto;} 
html.rezervace form input.nobutton:hover,html.rezervace .formdal input.nobutton:focus {text-decoration:underline} 

#errors li {font-weight:bold;color:#ab191b}
#errors {margin-bottom:1em;}

.right {text-align:right}

.box {background:rgba(0,0,0,0.5)}
html.lt-ie9 .box {background:transparent url(../menupanel.png) 0 0 repeat}

.box.pad {padding:1em;}
.box.pad h4 {margin-top:0em;}
.mezera {margin-bottom:1.5em;}
.obrmezera {margin-bottom:3em;}
.mezeranad {margin-top:1em;}
.pul {width:23%;max-width:350px;margin:1%;vertical-align:top;}

form.formdal .pul {width:47.5%;max-width:auto;}

.pul img {width:100%}
.box h3 {padding-top:0.2em;margin:0.3em;text-align: center;}
.box .fgp {/*text-align:left;*/}
.box .fgp,.box .vice {margin:0.5em;}
.vice a {font-weight:400}
.box p {margin:0 0.5em 0}
.box .vice {font-size:0.85em;}

html:not(.index) h2 {padding-bottom:0}

.flash {margin:0.5em 0;}

.seznam {
  margin-top:0.5em;
  list-style:none;
  column-width: 200px; column-gap: 30px; 
  -moz-column-width: 200px; -moz-column-gap: 30px; 
  -webkit-column-width: 200px; -webkit-column-gap: 30px; 
  text-align:left;
}
.seznam li {
  line-height:1.2em;margin:0.4em 0;
  padding-left:0.5em;
  border-left:1px transparent #ab191b solid;
  column-break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;
  width:100%;
}
html.gurmanske-akce .seznam li {
  display:inline-block
}
.seznam li.cur {
  border-left:1px #ab191b solid;
}
.seznam a:hover {
  text-decoration:underline;
}
.seznam span {color:#ab191b;font-size:0.85em;}

.fotky {
  margin-top:1em;
  margin-bottom:1em;
  line-height:0.8em;
}
html.fotogalerie .fotky {text-align:left;}
html.navstevni-kniha .navstevniKnihaGal .fotky a {width:30%;}
html.navstevni-kniha .navstevniKnihaGal .fotky a img {width:100%}

html.krouzkovany-lezak .wrap {text-align:left}
.left {text-align:left}

.fotky a {
  display:inline-block;
  margin:2px;
}
.foto .pocet {display:none}

html.has3d:not(.index) #header,html.has3d:not(.index) #footer {
  position:fixed;
  backface-visibility: hidden;-webkit-backface-visibility: hidden;
  left:0;
  width:100%;
  max-height:100px;
  z-index:9;
  height:80px;
}
html:not(.index) #header > div,html:not(.index) #footer > div {
  background:rgba(0,0,0,0.8);margin:0;height:100%;
}
html.lt-ie9:not(.index) #header > div,html.lt-ie9:not(.index) #footer > div {
  background:transparent url(../img/menupanel.png) 0 0 repeat;
}
html.has3d body:not(.iframe) .wrap {
  padding-top:8em;
}
#backbox {
  height:3em;
}
html.has3d #backbox {
  background:rgba(0,0,0,0.8);margin:0px;text-align:left;
  position:fixed;
  backface-visibility: hidden;-webkit-backface-visibility: hidden;
  left:0;
  width:100%;
  z-index:9;
  top:0;
}
html.lt-ie9.has3d #backbox {
  background:transparent url(../img/menupanel.png) 0 0 repeat;
}
#backbox a {padding:10px;font-size:1.3em;background:url(../img/back.png) rgba(0,0,0,0.8) 0.5em center no-repeat;background-size:contain;padding-left:64px;display:inline-block}
.paging span {padding:0.5em;display:inline-block}

.fancybox2-inner .text {margin:0.5em;}
.float {float:left}
.fancywrap {margin:1em;}
.fancywrap li {text-align:justify}

html.has3d:not(.index) #header {top:0em}
html.has3d:not(.index) body.iframe #header {top:0px}
html.jidelni-listek #header h3 {color:#e0d0c0;position:absolute;top:10px;left:10px;padding:0 0 0 54px;margin:0;background:transparent url(../img/denni-menu.fixed.png) 2px 1px no-repeat}
html.navstevni-kniha #header h3 {color:#e0d0c0;position:absolute;top:10px;left:10px;padding:0 0 0 54px;margin:0;background:transparent url(../img/kniha.fixed.png) 2px 1px no-repeat}
html.fotogalerie #header h3 {color:#e0d0c0;position:absolute;top:10px;left:10px;padding:0 0 0 54px;margin:0;background:transparent url(../img/fotogalerie.fixed.png) 0 0 no-repeat}
html.novinky #header h3 {color:#e0d0c0;position:absolute;top:10px;left:10px;padding:0 0 0 54px;margin:0;background:transparent url(../img/aktualne.fixed.png) 12px 1px no-repeat}
#header a {position:absolute;top:2.4em;left:66px;}

html:not(.index) h2 {margin-bottom:1em;padding-top:98px;background-position:center top;}
html.novinky h2 {background-image:url(../img/aktualne.png)}
html.navstevni-kniha h2 {background-image:url(../img/kniha.png)}
html.gurmanske-akce h2 {background-image:url(../img/gastro.png)}
html.fotogalerie h2 {background-image:url(../img/fotogalerie.png)}
html.sluzby h2 {background-image:url(../img/sluzby.png)}
html.virtualni-prohlidka h2 {background-image:url(../img/prohlidka.png)}
html.sluzby-restaurace h2 {background-image:url(../img/sluzby.png)}
html.krouzkovany-lezak h2 {background-image:url(../img/pivo.png)}
html.jidelni-listek h2 {background-image:url(../img/denni-menu.png)}
html.rezervace h2 {background-image:url(../img/o-nas.png)}
html.newsletter h2 {background-image:url(../img/o-nas.png)}
html.tiraz h2 {background-image:url(../img/o-nas.png)}
html.nas-tym h2 {background-image:url(../img/o-nas.png)}
html.historie-a-soucasnost h2 {background-image:url(../img/o-nas.png)}

html:not(.index) h4 {font-weight:300;text-align:center;margin-bottom:0.6em;font-size:2em;}

.akce img {float:left;margin-right:20px;}
.akce h3 {text-align:left;color:#e0d0c0;}
.akce p {text-align:left;}
.akce p strong {font-weight:300;color:#ab191b;}
.akce {clear:both;margin-bottom:2em;}

h2.no-icon,html:not(index) h2.no-icon {margin-top:1.6em;padding-top:0;margin-bottom:0}
h2.no-icon.mezera {margin-bottom:0.4em;}
.prepis {font-size:1.4em;margin-bottom:1.5em;margin-top:0.6em;line-height:1.25em;text-align:center;}
.prepis span {color:rgba(242,231,218,0.3);font-family: "Times New Roman",Helvetica,serif;font-size: 3em;font-weight: bold;}
.prepis span:last-child {position: absolute;}
html:not(.index) #footer {bottom:0}
html:not(.index) #footer a span {font-size:0.8em;color:#e0d0c0;}
html:not(.index) #footer a:hover span {text-decoration:none;}
html:not(.index) #footer a.prev {position:absolute;bottom:10px;left:10px;width:45%;text-align:left;white-space:nowrap;overflow-x:hidden;}
html:not(.index) #footer a.next {position:absolute;bottom:10px;right:20px;width:45%;text-align:right;white-space:nowrap;overflow-x:hidden;}
html:not(.index) #footer a.prev img {float:left;margin-right:12px;height:60px;}
html:not(.index) #footer a.next img {float:right;margin-left:12px;height:60px;}

#slrauty,#sltv,#slhudba,#slwifi,#slfoto,#sloslavy,#slexpozice {background:transparent center top no-repeat;padding-top:85px;background-size:auto 80px;}
#slrauty {background-image:url(../img/sluzby-rauty_.png)}
#sltv {background-image:url(../img/sluzby-tv_.png)}
#slhudba {background-image:url(../img/sluzby-hudba_.png)}
#slwifi {background-image:url(../img/sluzby-wifi_.png)}
#slfoto {background-image:url(../img/sluzby-foto_.png)}
#sloslavy {background-image:url(../img/sluzby-oslavy_.png)}
#slexpozice {background-image:url(../img/sluzby-expozice_.png)}
.big {font-size:1.6em;vertical-align:text-bottom}
section#kontakt .kontakt .box {width:40%;text-align:center;float:right;margin-top:0;}
section#kontakt .kontakt .box a {display:block}
section#kontakt .kontakt .box > div {padding:6em 1em 2em;background:transparent url(../img/kontakt_.png) center center no-repeat;background-size:contain;}

/* end of PAGES */

html.noswipe #bg {display:none !important}
html.noswipe * {background-attachment:scroll !important}
html.noswipe #mainlinks {padding-top:200px}

html.noswipe.no-js #grad1 {}
html.noswipe.no-js #grad2 {}
html.noswipe.no-js.no3d:not(.index) #header,html.noswipe.no-js.no3d:not(.index) #footer {}
html.noswipe.no-js.no3d #backbox {}







section > div.multi .content {display:inline-block;height:100%;}
@media screen and (max-width: 400px) { 
/*html.no-js nav div,#menupanel {width:240px !important;right:-240px !important;}*/

}

@media screen and (max-width: 1300px) { 
  .pul {width:47%;}
}

@media screen and (max-width: 1000px) {
  html.noswipe #mainlinks {padding-top:100px}
  html.noswipe.no-js nav div {font-size:1.2em;}
  html.noswipe.no-js nav div ul li ul li> a {line-height:1.6em;}
  html.no-js #mainlinks {top:24%;margin-bottom:8%;}
  html.no-js #mainlinks div {width:40%;margin-top:4%}
  //html.jidelni-listek {background:transparent url(../img/bg/1000/jidlo6.jpg) center center fixed;}
  html.gurmanske-akce {background:transparent url(../img/bg/1000/gastro1.jpg) center center fixed;}
  html.krouzkovany-lezak {background:transparent url(../img/bg/1000/interier2.jpg) center center fixed;}
  html.virtualni-prohlidka {background:transparent url(../img/bg/1000/interier8.jpg) center center fixed;}
  html.sluzby-restaurace {background:transparent url(../img/bg/1000/jidlo1.jpg) center center fixed;}
  html.novinky {background:transparent url(../img/bg/1000/interier12.jpg) center center fixed;}
  //html.fotogalerie {background:transparent url(../img/bg/1000/fotogalerie.jpg) center center fixed;}

  html.no-js header,html.js #bg {background-image:url(../img/bg/1000/exterier1.jpg);}
  html.no-js #o-nas,html.js #bg.o-nas {background-image:url(../img/bg/1000/exterier0.jpg);}
  html.no-js #denni-menu,html.js #bg.denni-menu {background-image:url(../img/bg/1000/jidlo6.jpg);}
  
  html.rezervace form > div {width:70%;}
  html.newsletter form > div {width:70%;}
  #denni-menu table tr td:first-child,#denni-menu table tr td:last-child {width:14%;}
  .polo,html.js .polo {width:100%;}
  html.js #kontakt div.polo {background-attachment:fixed;background-position:center center;background-repeat:no-repeat;background-size:cover;}
  html.js #kontakt div.polo.kontakt {background:transparent url(../img/bg/bg2---.jpg) center center no-repeat;background-size:cover;}
  html.js #kontakt div.polo#kontakt\3A oteviraci-doba {background:transparent url(../img/bg/1000/interier11.jpg) center center no-repeat;background-size:cover; }
  html footer .content > div > ul > li {width:28%;margin-right:4%;} 
  html footer .content > div > ul > li:nth-child(1) {display:none;}
  
  section#aktualne {height:360%;min-height:360%;}
  html.js nav div li.main {width:18%;margin:0 1%;}
  html section > div .content {margin:0 15%;width:70%;}
  html.js #aktualne .polo {min-height:25%;height:25%;}
  #left,#right {width:15%;}
  section#kontakt {height:200%}
  html.js #kontakt > div {white-space:normal;}
  html.js #kontakt .polo {min-height:50%;height:50%;}
}

@media screen and (max-width: 900px) {
  html.rezervace form > div {width:80%;}
  html.newsletter form > div {width:80%;}
}
@media screen and (max-width: 800px) {
  html.rezervace form > div {width:90%;}
  html.newsletter form > div {width:90%;}
}
@media screen and (max-width: 700px) {
  html.menuopened section, html.menuopened footer .content {right:120px;}
  #menupanel {width:250px;right:-250px;}
  html.has3d.menuopened #menupanel {transform: translate3d(-250px, 0, 0);-webkit-transform: translate3d(-250px, 0, 0);}
  html.no3d.menuopened #menupanel {right:0;}
  html.rezervace form > div {width:100%;padding:0;}
  html.newsletter form > div {width:100%;padding:0;}
  .wrap {padding:2em 1em;}
  #footer img {display:none}
  #rezervace_datum, #rezervace_cas, #rezervace_osob, #rezervace_doba {width:auto;}
  form.formdal .pul {width:100%}
  section#kontakt .kontakt .box {width:45%}
  .pul {width:100%;margin-left:0;margin-right:0;margin-bottom:1em;}
  #denni-menu table tr td:first-child,#denni-menu table tr td:last-child {width:18%;} 
  html section > div .content {margin:0 10%;width:80%;}
  #left,#right {width:13%;}
  html.js nav div li.main {width:20%;margin:0 1%;}
  h1 {width:90px;height:86px;background:transparent url(../img/mk-.png) center -6px no-repeat;} 
  html footer .content > div > ul > li {width:100%;margin-right:0;margin-bottom:1em;text-align:center;} 
  html footer .content > div > ul > li h3 {text-align:center;}
}

@media screen and (max-width: 500px) {
  #left,#right {width:10%;}
  html section > div .content,html section > div .polo .content {margin:0 7%;width:86%;}
  section#kontakt .kontakt .box {display:none;}
  /* #space1 {height:5%;} */
  html.js nav div {white-space:normal;margin-top:0px;}
  html.js nav div li.main {width:40%;margin:2% 2%;}
  #marquee {display:none;}
}
@media screen and (max-width: 400px) {
  html.js #right {background-position:center left;}
  html.js #left {background-position:center right;}
}
@media screen and (max-width: 500px) and (min-height:560px) {
  #marquee {display:block;}
}
@media screen and (max-width: 1000px) and (min-height: 1000px) {
.page {height:92%;}
}
@media screen and (max-width: 1000px) and (max-height: 660px) {
  html.js .content > ul {margin:0}
  html.js .content > ul li {margin:0.2em 0}
  section#kontakt .kontakt .box > div {padding:5em 0.5em 1.5em;}
  html.index section h2 {padding-top:1.8em;padding-bottom:0.4em;background:none !important;}
  html.index section h2 + h3 {position:relative;top:-0.2em;}
}

@media screen and (max-width: 1000px) and (max-height: 560px) {
  section#kontakt .kontakt .box > div {padding:4em 0.5em 1em;}
  #marquee {margin-top:5%;}
}

@media screen and (max-width: 1000px) and (max-height: 480px) {
  section#kontakt .kontakt .box > div {padding:0em;}
  #marquee {margin-top:3%;}
  #left,#right {width:10%;}
  html.js nav div li.main {vertical-align:top;white-space:normal}
  html.js nav div li.main > a {padding-top:40px;}
  html.js nav a[href="#o-nas"] {background-image:url(../img/o-nas.fixed.png)}
  html.js nav a[href="#denni-menu"] {background-image:url(../img/denni-menu.fixed.png)}
  html.js nav a[href="#aktualne"] {background-image:url(../img/aktualne.fixed.png)}
  html.js nav a[href="#kontakt"] {background-image:url(../img/kontakt.fixed.png)}
  html.js #down {background-position:center top;}
  html.js:not(.mobil) #grad2 #down:hover {background:transparent url(../img/down.png) center top no-repeat;cursor:pointer}
}
@media screen and (max-width: 1000px) and (max-height: 585px) {
  html.js .hide0 {display:none}
  html.js .hide1.pokr::after {content:"..."}
}
@media screen and (max-width: 1000px) and (max-height: 550px) {
  html.js .hide1 {display:none}
  html.js .hide2.pokr::after {content:"..."}
}
@media screen and (max-width: 1000px) and (max-height: 515px) {
  html.js .hide2 {display:none}
  html.js .hide3.pokr::after {content:"..."}
}
@media screen and (max-width: 1000px) and (max-height: 385px) {
  #marquee {display:none !important;}
  .otv {margin-top:3%}
}
@media screen and (max-width: 1000px) and (max-height: 480px) {
  html.js .hide3 {display:none}
  html.js .hide4.pokr::after {content:"..."}
  .page {height:85%;}
}
@media screen and (max-width: 1000px) and (max-height: 445px) {
  html.js .hide4 {display:none}
  html.js .hide5.pokr::after {content:"..."}
}
@media screen and (max-width: 1000px) and (max-height: 410px) {
  html.js .hide5 {display:none}
  html.js .otv {display:none}
  html.js .otv.cur {display:block}
  html.js .hide6.pokr::after {content:"..."}
}
@media screen and (max-width: 1000px) and (max-height: 375px) {
  html.js .hide6 {display:none}
  html.js .hide7.pokr::after {content:"..."}
}
@media screen and (max-width: 1000px) and (max-height: 340px) {
  html.js .hide7 {display:none}
   .otv {width:100%;margin:0;margin-top:0}
   .otv strong {display:inline;font-weight:700;font-size:1em;}
   .otv.cur {border-bottom:none;}
   .otv p {margin:0}
  html.js .hide8.pokr::after {content:"..."}
}
@media screen and (max-width: 1000px) and (max-height: 305px) {
  html.js .hide8 {display:none}
  html.js .hide9.pokr::after {content:"..."}
}
@media screen and (max-width: 1000px) and (max-height: 270px) {
  html.js .hide9 {display:none}
}

@media screen and (max-width: 1200px) and (min-width: 1000px) and (max-height: 765px) {
   .otv {width:100%;margin:0}
   .otv strong {display:inline;font-weight:700;font-size:1em;}
   .otv.cur {border-bottom:none;}
}

@media screen and (min-width: 1000px) and (max-width: 1350px) and (max-height: 915px) {
  html.js .polo .hide0 {display:none}
  html.js .hide1.pokr::after {content:"..."}
}
@media screen and (min-width: 1000px) and (max-width: 1350px) and (max-height: 880px) {
  html.js .polo .hide1 {display:none}
  html.js .hide2.pokr::after {content:"..."}
}
@media screen and (min-width: 1000px) and (max-width: 1350px) and (max-height: 845px) {
  html.js .polo .hide2 {display:none}
  html.js .hide3.pokr::after {content:"..."}
}
@media screen and (min-width: 1000px) and (max-width: 1350px) and (max-height: 810px) {
  html.js .polo .hide3 {display:none}
  html.js .hide4.pokr::after {content:"..."}
}
@media screen and (min-width: 1000px) and (max-width: 1350px) and (max-height: 775px) {
  html.js .polo .hide4 {display:none}
  html.js .hide5.pokr::after {content:"..."}
}
@media screen and (min-width: 1000px) and (max-width: 1350px) and (max-height: 740px) {
  html.js .polo .hide5 {display:none}
  html.js .hide6.pokr::after {content:"..."}
}
@media screen and (min-width: 1000px) and (max-width: 1350px) and (max-height: 705px) {
  html.js .polo .hide6 {display:none}
  html.js .hide7.pokr::after {content:"..."}
}

@media screen and (min-width: 1000px) and (max-width: 1350px) and (max-height: 660px) {
  html.js .polo .hide6,.polo .hide5,.polo .hide4 {display:inline}
  html.js .polo p.hide6,.polo p.hide5,.polo p.hide4 {display:block}
  html.js .polo li.hide6,.polo li.hide5,.polo li.hide4 {display:list-item}
  html.js .hide7.pokr::after,.hide6.pokr::after,.hide5.pokr::after {content:""}
}
@media screen and (min-width: 1000px) and (max-width: 1350px) and (max-height: 650px) {
  html.js .polo p.hide4,.polo span.hide4,.polo li.hide4,.polo .hide4 {display:none}
  html.js .hide5.pokr::after {content:"..."}
}
@media screen and (min-width: 1000px) and (max-width: 1350px) and (max-height: 615px) {
  html.js .polo p.hide5,.polo span.hide5,.polo li.hide5,.polo li.hide5 {display:none}
  html.js .hide6.pokr::after {content:"..."}
}
@media screen and (min-width: 1000px) and (max-width: 1350px) and (max-height: 580px) {
  html.js .polo p.hide6,.polo span.hide6,.polo li.hide6,.polo p.hide6 {display:none}
  html.js .hide7.pokr::after {content:"..."}
}
@media screen and (min-width: 1000px) and (max-width: 1350px) and (max-height: 555px) {
  html.js .polo .hide7 {display:none}
  html.js .hide8.pokr::after {content:"..."}
}
@media screen and (min-width: 1000px) and (max-width: 1350px) and (max-height: 520px) {
  html.js .polo .hide8 {display:none}
  html.js .hide9.pokr::after {content:"..."}
}
@media screen and (min-width: 1000px) and (max-width: 1350px) and (max-height: 445px) {
  html.js .polo .hide9 {display:none}
}


@media screen and (min-width: 1351px) and (max-width: 1650px) and (max-height: 835px) {
  html.js .polo .hide0 {display:none}
  html.js .hide1.pokr::after {content:"..."}
}
@media screen and (min-width: 1351px) and (max-width: 1650px) and (max-height: 800px) {
  html.js .polo .hide1 {display:none}
  html.js .hide2.pokr::after {content:"..."}
}
@media screen and (min-width: 1351px) and (max-width: 1650px) and (max-height: 765px) {
  html.js .polo .hide2 {display:none}
  html.js .hide3.pokr::after {content:"..."}
}
@media screen and (min-width: 1351px) and (max-width: 1650px) and (max-height: 730px) {
  html.js .polo .hide3 {display:none}
  html.js .hide4.pokr::after {content:"..."}
}
@media screen and (min-width: 1351px) and (max-width: 1650px) and (max-height: 695px) {
  html.js .polo .hide4 {display:none}
  html.js .hide5.pokr::after {content:"..."}
}
@media screen and (min-width: 1351px) and (max-width: 1650px) and (max-height: 630px) {
  html.js .polo p.hide2,html.js .polo span.hide2,html.js .polo li.hide2,html.js .polo .hide2 {display:none}
  html.js .hide3.pokr::after {content:"..."}
}
@media screen and (min-width: 1351px) and (max-width: 1650px) and (max-height: 595px) {
  html.js .polo p.hide3,html.js .polo span.hide3,html.js .polo li.hide3,html.js .polo .hide3 {display:none}
  html.js .hide4.pokr::after {content:"..."}
}
@media screen and (min-width: 1351px) and (max-width: 1650px) and (max-height: 560px) {
  html.js .polo p.hide4,html.js .polo span.hide4,html.js .polo li.hide4,html.js .polo .hide4 {display:none}
  html.js .hide5.pokr::after {content:"..."}
}
@media screen and (min-width: 1351px) and (max-width: 1650px) and (max-height: 525px) {
  html.js .polo p.hide5,html.js .polo span.hide5,html.js .polo li.hide5,html.js .polo .hide5 {display:none}
  html.js .hide6.pokr::after {content:"..."}
}
@media screen and (min-width: 1351px) and (max-width: 1650px) and (max-height: 490px) {
  html.js .polo p.hide6,html.js .polo span.hide6,html.js .polo li.hide6,html.js .polo .hide6 {display:none}
  html.js .hide7.pokr::after {content:"..."}
}
@media screen and (min-width: 1351px) and (max-width: 1650px) and (max-height: 455px) {
  html.js .polo .hide7 {display:none}
  html.js .hide8.pokr::after {content:"..."}
}
@media screen and (min-width: 1351px) and (max-width: 1650px) and (max-height: 420px) {
  html.js .polo .hide8 {display:none}
  html.js .hide9.pokr::after {content:"..."}
}
@media screen and (min-width: 1351px) and (max-width: 1650px) and (max-height: 385px) {
  html.js .polo .hide9 {display:none}
}

@media screen and (min-width: 1651px) and (max-height: 770px) {
  html.js .polo .hide0 {display:none}
  html.js .hide1.pokr::after {content:"..."}
}
@media screen and (min-width: 1651px) and (max-height: 735px) {
  html.js .polo .hide1 {display:none}
  html.js .hide2.pokr::after {content:"..."}
}
@media screen and (min-width: 1651px) and (max-height: 700px) {
  html.js .polo .hide2 {display:none}
  html.js .hide3.pokr::after {content:"..."}
}

@media screen and (min-width: 1651px) and (max-height: 700px) {
  html.js .polo .hide2,html.js .polo .hide1,html.js .polo .hide0 {display:inline}
  html.js .polo li.hide2,html.js .polo li.hide1,html.js .polo li.hide0 {display:list-item}
  html.js .polo p.hide2,html.js .polo p.hide1,html.js .polo p.hide0 {display:block}
  html.js .hide3.pokr::after,html.js .hide1.pokr::after,html.js .hide2.pokr::after {content:""}
}
@media screen and (min-width: 1651px) and (max-height: 680px) {
  html.js .polo p.hide0,html.js .polo span.hide0,html.js .polo li.hide0,html.js .polo .hide0 {display:none}
  html.js .hide1.pokr::after {content:"..."}
}
@media screen and (min-width: 1651px) and (max-height: 645px) {
  html.js .polo p.hide1,html.js .polo span.hide1,html.js .polo li.hide1,html.js .polo .hide1 {display:none}
  html.js .hide4.pokr::after {content:"..."}
}
@media screen and (min-width: 1651px) and (max-height: 610px) {
  html.js .polo p.hide2,html.js .polo span.hide2,html.js .polo li.hide2,html.js .polo .hide2 {display:none}
  html.js .hide3.pokr::after {content:"..."}
}

@media screen and (min-width: 1651px) and (max-height: 575px) {
  html.js .polo .hide3,html.js .polo li.hide3,html.js .polo span.hide3 {display:none}
  html.js .hide4.pokr::after {content:"..."}
}
@media screen and (min-width: 1651px) and (max-height: 540px) {
  html.js .polo .hide4,html.js .polo li.hide4,html.js .polo span.hide4 {display:none}
  html.js .hide5.pokr::after {content:"..."}
}
@media screen and (min-width: 1651px) and (max-height: 505px) {
  html.js .polo .hide5,html.js .polo li.hide5,html.js .polo span.hide5 {display:none}
  html.js .hide6.pokr::after {content:"..."}
}
@media screen and (min-width: 1651px) and (max-height: 470px) {
  html.js .polo .hide6,html.js .polo li.hide6,html.js .polo span.hide6 {display:none}
  html.js .hide7.pokr::after {content:"..."}
}
@media screen and (min-width: 1651px) and (max-height: 435px) {
  html.js .polo .hide7,html.js .polo li.hide7,html.js .polo span.hide7 {display:none}
  html.js .hide8.pokr::after {content:"..."}
}
@media screen and (min-width: 1651px) and (max-height: 400px) {
  html.js .polo .hide8,html.js .polo li.hide8,html.js .polo span.hide8 {display:none}
  html.js .hide9.pokr::after {content:"..."}
}
@media screen and (min-width: 1651px) and (max-height: 375px) {
  html.js .polo .hide9,html.js .polo span.hide9,html.js .polo span.hide9 {display:none}
}
@media screen and (max-width: 480px) and (max-height: 715px) {
  html.js .polo .hide0,html.js .polo li.hide0,html.js .polo span.hide0 {display:none}
  html.js .hide1.pokr::after {content:"..."}
}
@media screen and (max-width: 480px) and (max-height: 680px) {
  html.js .polo .hide1,html.js .polo li.hide1,html.js .polo span.hide1 {display:none}
  html.js .hide2.pokr::after {content:"..."}
}
@media screen and (max-width: 480px) and (max-height: 645px) {
  html.js .polo .hide2,html.js .polo li.hide2,html.js .polo span.hide2 {display:none}
  html.js .hide3.pokr::after {content:"..."}
}
@media screen and (max-width: 480px) and (max-height: 610px) {
  html.js .polo .hide3,html.js .polo li.hide3,html.js .polo span.hide3 {display:none}
  html.js .hide4.pokr::after {content:"..."}
}
@media screen and (max-width: 480px) and (max-height: 575px) {
  html.js .polo .hide4,html.js .polo li.hide4,html.js .polo span.hide4 {display:none}
  html.js .hide5.pokr::after {content:"..."}
}
@media screen and (max-width: 480px) and (max-height: 540px) {
  html.js .polo .hide5,html.js .polo li.hide5,html.js .polo span.hide5 {display:none}
  html.js .hide6.pokr::after {content:"..."}
}
@media screen and (max-width: 480px) and (max-height: 505px) {
  html.js .polo .hide6,html.js .polo li.hide6,html.js .polo span.hide6 {display:none}
  html.js .hide7.pokr::after {content:"..."}
}



@media screen and (min-width: 1000.1px) {   
  .nvclone  li.main {
    width: 6em !important;
    margin: 0 1em !important;    
  }
}




.fancybox2-inner {
  /* border:1px solid #D9CFC38F !important;	*/
}


/* KOREKCE speciální formátování odkazů (barva atd) v novinkách ..  */
.novinky p  a  {
  color: #e0d0c0;
  text-decoration: dotted #e0d0c096 underline;
  text-underline-position: under;
}


html.has3d.novinky h3 {
  text-align: center !important;
}

#aktualne p {
  text-align: center !important;
}


/*------ Logo Update 2024 start -------*/

#space1 {height:50px;display:block;overflow:hidden}

#langsinmenu{
text-align: left;
padding-left: 1em;
}

#langsinmenu li {
  display: inline-block;
  margin: 0 0.5em 0 0 !important;
}

html #langsinmenu li a {
  color: #000;
  background: rgba(217, 201, 182, 0.2);
  border-radius: 50%;
  display: inline-block;
  font-size: 1em;
  height: 1.4em;
  width: 1.4em;
  line-height: 1.6em;
  margin: 0 0.2em;
  padding: 0.2em !important;  
  text-align: center;
}

html #langsinmenu li.cur a {
  background: rgba(217, 201, 182, 0.7);
  color: #000000!important;
}

.head-soc.head-soc-in-menu{
  position: relative;
  text-align: left;
  margin: 0!important;
  padding-left: 0.5em!important;
  top:0;
}

.head-soc.head-soc-in-menu a{
  height: 36px;
  width: 36px;
  display: inline-block!important;
  padding: 0px!important;
  margin-left: 0px!important;
  border:0px solid #fff!important;
}

h1 {
  background: transparent url(../img/logo_masne-kramy_2025_svetle_big_sekyrky-transp.webp) center center no-repeat;  /* pozor 4x !!! */
  background-size: contain;
  /*width:100%;
  background-color: #ab191b33;*/
  /* height: 136px; */
  margin-top: -30px;
  margin-bottom: 20px;
  max-width: 100%;
  width: 750px;
}

.stuck h1 {
  background-image: none;
  /*width:100%;
  background-color: #ab191b33;*/
  height:74px; 
}

.stuck h1 a{
  background: transparent url(../img/logo_masne-kramy_2025_svetle_big_sekyrky-transp.webp) center center no-repeat;
  background-size: contain;
  height:66px;
  margin-top: 4px;
}

html.fixed .head-soc{
  display: none;
}

html.fixed .head-soc{
  display: none;
}

html.fixed .head-soc.head-soc-in-menu{
  display: block;
}

nav::before {
  content: '';
  display: block;
  width: 100%;
  /* background-color:#ab191b; */
  position: absolute;
  height: 136px;
  margin-top: -50px;
}

html.fixed nav::before {
  margin-top: -60px;
}

@media screen and (max-width: 967px) {
  #langs, .head-soc{
    display: none;
  }
  .head-soc.head-soc-in-menu{
    display: block;
  }
}

@media screen and (max-width: 700px) {
  .head-soc{
    top:40px;
  }
  h1{
    width:100%;
    background: none;    
  } 
  .stuck h1 {  
    /* background-color: #ab191b; */
    width:100%;
  }
  h1 a{
    width:100%;
    height:66px;
    background: /* #ab191b */ url(../img/logo_masne-kramy_2025_svetle_big_sekyrky-transp.webp) center center no-repeat;
    background-size: contain;
  } 
  nav::before {
    height: 74px;
  }  
}

@media screen and (max-width: 500px) {
  h1 a{
    width:100%;
    height:66px;
    background: /* #ab191b */ url(../img/logo_masne-kramy_2025_svetle_big_sekyrky-transp.webp) center center no-repeat;
    background-size: contain;
  } 
}

/*------ Logo Update 2024 konec -------*/

/*------ Photo banner 2024 start -------*/

.photo-banner{
  margin: 0px auto;
  padding: 0 0 0px;
  width: 90%;
  max-width: 600px;
  display: flex;
  flex: 0 0 100%;
  flex-wrap:wrap;
  text-align: center;
  line-height: 0;
  justify-content: center;
}

.photo-banner div{
  max-width: 300px;
}

.photo-banner img{
  width: 100%;
}

@media screen and (max-width: 700px) {
  /*.photo-banner div{
    max-width: 100%;
  }*/
}

#marquee {
  margin-top: 30px;
}

html.js nav div{
  margin: 2em 0 3em;
}

/*------ Photo banner 2024 konec -------*/


.nvmain .home-slogan {
   display: none; 
}

.home-slogan {
  color: #e4e4df;
  font-size: 0.9em;
  margin-bottom: 1em;
  line-height: 1.5em;
  padding: 0 1em;
  font-family: 'Minion', "Open Sans","Arial CE", Arial, "Helvetica CE", Helvetica, Verdana, Tahoma, lucida, sans-serif;
}

.home-slogan-line {
  margin: 0 37%;
  border-bottom: 1px #ab191b solid;
}