@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
body {background-color:#F5F1E9; margin:0; -webkit-font-smoothing: antialiased; background-image:url(../images/bkg.webp);}
.wrap { width:96%; height:auto; overflow:hidden; max-width:1400px; margin:0 auto;}
.bl { width:100%; overflow:hidden;} button { border:none; cursor:pointer;}
.err { padding:8px; color:#fff; font-weight:bold; background:#c00;}
nav { width:40px;  overflow:visible; }
nav .ms { width:40px; height:40px; overflow:hidden; margin-bottom:6px; background-repeat:no-repeat; background-size:contain; cursor:pointer;}
nav .mi { width:210px; height:auto; padding:5px 10px 5px 5px; overflow:hidden; position:fixed; top:69px; right:0; height:calc(100vh - 69px); background:#000; display:none;} 
nav .mi a { color:#fff;font-weight:500;display:inline-block;width:190px;padding:6px 5px 6px 2px;text-decoration:none; text-align:right;font-family:"Open Sans", Arial, Helvetica, sans-serif;}
nav .mi a:hover { text-decoration:underline;}
nav.m .mi { display:block;}

header { width:100%;  overflow:visible;  position:absolute; left:0; top:0; z-index:333;}
header.pg { background:#000;height:100px;}
header nav { position:absolute; top:28px; right:26px; /* margin:28px 26px 2px 2px*/}
header.pg nav .ms {background-image:url(../images/menu-g.svg);}
header nav .mi a { color:#cca039;}
header .logo { display:block; width:250px; height:70px; overflow:hidden; background-repeat:no-repeat; background-size:contain; margin:28px auto 50px auto;}
header.pg .logo { background-image:url(../images/nobart-g.svg);}
.hof { width:100%; height:100px; overflow:hidden;}
.sp {width:100%; height:6px; overflow:hidden; background:#cca039; }

header.t { background:#000;height:64px;}
header.t nav .ms {background-image:url(../images/menu-g.svg);}
header.t .logo { background-image:url(../images/nobart-g.svg);width:200px; height:56px; overflow:hidden; background-repeat:no-repeat; background-size:contain; margin:14px auto 0 auto;}
header.t nav { top:12px; right:26px; /* margin:28px 26px 2px 2px*/}
.hot { width:100%; height:64px; overflow:hidden;}
.spw {width:100%; height:5px; overflow:hidden; background:#cca039; }

header.n { background:#000; /*background-image:url(../images/bgk570.webp);background-repeat:repeat;background-size:auto 70px; background-position:center center;*/ height:70px;}
header.n .logo { background-image: url(../images/nobart-g.svg);width:200px; height:56px; overflow:hidden; background-repeat:no-repeat; background-size:contain; margin:14px auto 0 auto; transition:all ease-in-out .4s;}
/*header.n .logo:hover { width:206px; height:60px;}*/
header.n nav { top:12px; right:26px; }
header.n nav .ms {background-image: url(../images/menu-g.svg);}
header.n nav .mi { padding-top:12px; /*background:rgba(255,255,255,.4);*/}
header.n nav .mi a { color:#fff; /*#cca039;*/ }
.hon {height: 70px;}

header .k { display:block;width:36px; height:32px; background:url(../images/cart3.svg) no-repeat; background-size: contain; background-position:center center; float:right; position:relative; margin: 10px 10px 0 0; position:absolute; top:6px; right:75px;} header .k.h { display:none;}
header .k span { display:block; position:absolute; top:6px; right:7px; width:21px; height:17px; line-height:17px;  text-align:center; font-size:12px; color:#715030; font-family:Arial, Helvetica, sans-serif;}
.bgw { width:100%; overflow:hidden; background:#fff;}
header.pg nav .mi { top:106px;height:calc(100vh - 106px);} 

table {border-spacing:0; border-collapse:collapse; font-weight:300;}
.item {width:100%; height:auto; padding:0 0 14px 0; overflow:hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

.page { width:100%; overflow:hidden; min-height:calc(100vh - 206px);background-color:#000;background-image:url(../images/bgn.webp);background-repeat:repeat-y; background-size:100% auto;}
.page article { width:66%; overflow:hidden; max-width:800px; margin:1em 0 1em 30%;}
.page article h1, .page article h2{ color: #cca039;}
article h3 {font-family:"Open Sans", Arial, Helvetica, sans-serif; line-height:1.4; font-size:1.35em; color:#cca039;}
article h4 {font-family:"Open Sans", Arial, Helvetica, sans-serif; line-height:1.4; font-size:1.2em; color:#cca039;}
article p, article li, table {font-family:"Open Sans", Arial, Helvetica, sans-serif; line-height:1.4;}
.page article p, .page article li, .page table { color:#cca039;}
article a {color:#cca039;}
article a:hover { text-decoration:none;}
article th, article td { padding:4px;}
article li { margin-bottom:.5em;}
.page article pre {font-family:"Open Sans", Arial, Helvetica, sans-serif; white-space:normal; line-height:1.4; color:#cca039;}
.page article pre br { display:block; content:" "; margin-bottom:1em;}
article.obj .num { display:inline-block; width:2em; height:2em; box-sizing:border-box; padding:.22em 0 0 .13em; text-align:center; color:#000; background:#cca039; border-radius:50%; margin-right:.5em;}
article.obj .qr span { display:inline-block; padding:10px 10px 4px 10px; background:#fff; }

article { margin:1em 0;}
article .header { overflow:hidden; margin-top:1em;}
article .header h1 {color:#c89f2d; font-size:40px; font-family:"Open Sans", Arial, Helvetica, sans-serif; line-height:1.3; font-weight:300; margin:0 0 .1em 0;}
article .header h2 {color:#c89f2d; font-size:32px; font-family:"Open Sans", Arial, Helvetica, sans-serif; line-height:1.3; font-weight:300; margin:0 0 .3em 0;}
article .c1 { width:58%; max-width:800px; padding:6px 1%; overflow:hidden; float:left; margin:18px 0 1em 0;}
article .c1 .gal { width:100%; max-width:800px; height:auto; padding:4px 0; overflow:hidden; }
article .c2 { width:38%; overflow:hidden; float:right;margin:0 0 1em 0;}
article p { font-size:15px; color:#111;}
article .c2 ul { list-style-type:none; padding-left:0;}
article .c2 li { font-size:14px;}
article .dts { width:58%; overflow:hidden; float:left; color:#222;}
article .dts label { display:inline-block; min-width:100px; color:#715030}
article #photo { width:100%; max-width:800px;}
article .ord { width:35%; padding:.5em 2%; overflow:hidden; float:right; background:#fff; border-radius:12px; border:1px solid #c89f2d; margin:1.5em 0 0 0; text-align:center;}
article .ord button {  width:94%; height:auto; padding:15px 0 14px 0; border-radius:12px; font-size:16px; font-weight:300; text-align:left; text-indent:18px;  margin-bottom:10px; color:#715030;
	 background:#dcca90 url(../images/cart2.svg) no-repeat; background-size:22px 22px; background-position:90% 12px;  }
article .ord button:hover, .tk .k button.active {background-color:#a87f0d; color:#fff; background-image:url(../images/cart.svg);} article .ord button:before {content:"DO KOŠÍKU"} article .ord button.active:before {content:"JE V KOŠÍKU"}
article .ord .price {color:#c89f2d; font-size:30px; font-weight:300; margin:6px 0 0 0;}
article .ord .oldprice {color:#888; font-size:30px; font-weight:300; margin:10px 0 -5px 0;text-decoration:line-through;text-decoration-color: red; line-height:1;}
article .ord .delivery, #infoDV { color:#715030; margin-top:.5em}

#photo-b { width:100%; height:auto; overflow:hidden; border-radius: 3px; box-shadow: 0 0 5px #899; background:#fff;position: relative; }
#photo-b img { width:100%;height:auto; display:block; overflow:hidden;}
#photo { opacity:1; -webkit-transition: opacity 1s ease-in; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; transition: opacity 1s ease-in;}
#photo.fade-out {opacity:0;} #photo.fade-in {opacity:1;}	
#photo-b .arr{width:44px;height:44px; overflow:hidden; border-radius:22px; position:absolute; z-index:111; cursor:pointer; background:rgba(80,80,80,.25); color:#fff; font-size:31px; top:250px;}
#photo-b .arr:hover {background:rgba(80,80,80,.4);}
#photo-b .arr.l{left:4px; text-indent:.5em;}
#photo-b .arr.r{right:4px; text-indent:.6em;}

#thumbs-a { width:7000px; height:102px; overflow:hidden; position: absolute; left:0px; -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;  -o-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out;}
#thumbs-a a, #thumbs-a img  { display: block;float: left;-webkit-transition: border-color .5s;	-moz-transition: border-color .5s;	-ms-transition: border-color .5s;	transition: border-color .5s;  cursor:pointer;}
#thumbs-b { width:89%; height:122px; overflow:hidden;padding: 10px 0;position: relative; float:left;}
#thumbs-a a { border: 1px solid #899;	width: 150px;	height: 100px;/*100%*/	margin: 0 10px; vertical-align:middle; background:#fff; overflow: hidden;	border-radius: 5px; cursor:pointer;}
#thumbs-a a:hover, #thumbs-a a.selected {	border-color: #566;}
#thumbs-c { width:100%; height:120px; overflow:hidden; position:relative;}
#atp, #atn {background:rgba(80,80,80,.25); color:#fff; font-size:21px; display: block; width:30px; height:30px; border-radius:15px; overflow:hidden; margin-top:45px; cursor:pointer;}
#atp {float:left; text-indent:.48em;}
#atn {float:right; text-indent:.6em;}		

a.btn { text-decoration:none; display:inline-block; padding:9px 20px 8px 20px; border-radius:12px; font-size:16px; font-weight:300; margin:10px 0; background:#dcca90; color:#715030;
 font-family:"Open Sans", Arial, Helvetica, sans-serif;} a.btn.r { float:right;}
a.btn:hover {background-color:#a87f0d; color:#fff;} 

.obj { width:100%; overflow:hidden; min-height:calc(100vh - 230px);}
.obj h1 {color:#c89f2d; font-size:30px; font-family:"Open Sans", Arial, Helvetica, sans-serif; line-height:1.3; font-weight:300; margin:.5em 0 1em 0;}

.obj h2 { font-size:1.25em; color:#888;font-family:"Open Sans", Arial, Helvetica, sans-serif;}
.obj table th, .obj table td { padding:2px 18px 2px 0; margin-bottom:1px; border-bottom:1px solid #b49460;}
.obj table th:nth-child(1),.obj table th:nth-child(2) { text-align:left;}
.obj table tr.nbb td {border-bottom:none;}
.obj table td a { color:#111; text-decoration:none;}
.obj table td a:hover { color:#ff156c;}
.obj table td:nth-child(3) { text-align:center;}
.obj table td:nth-child(4) { text-align:right;}
.obj table td:nth-child(5) { text-align:right;}
.obj table td:nth-child(6) { text-align:center;}
.obj table input { width:30px; text-align:center; padding:5px 2px 5px 0; border:1px solid #ccc;}
.obj label { font-family:Arial, Helvetica, sans-serif;}
.obj .b { width:100%; height:auto; overflow:hidden; margin:20px 0; }
.obj .b a { display:block; padding:5px 0; text-align:center; font-size:15px; width:200px; border-radius:16px; color:#fff; background:#a18060; text-decoration:none;}
.obj .b a:first-child { float:left;}
.obj .b a:last-child { float:right;}
.obj .b button { display:block; padding:10px 20px; text-align:center; font-size:15px; font-weight:600; border:none; border-radius:8px; color:#fff; background:#a18060; 
	text-decoration:none; float:right;}
.obj .b button.l { float:left;}
.obj a.btn { display:inline-block; padding:8px 22px; font-size:15px; width:auto; border-radius:8px; color:#fff; background:#a18060; text-decoration:none;}
.obj a.btn:hover { background:#614020;}
.obj span.num { display:inline-block; width:20px; height:20px; padding:7px 7px 4px 4px; text-align:right; font-family:Arial, Helvetica, sans-serif; font-weight:600; border:2px solid #a18060; border-radius:18px; margin-right:8px; color:#00b872; }

.obj .c1 { width:64%; height:auto; overflow:hidden; float:left;}
.obj .c2 { width:32%; height:auto; overflow:hidden; float:right;}
.obj .c3 { width:39%; height:auto; overflow:hidden; float:left;}
.obj .c4 { width:58%; height:auto; overflow:hidden; float:right;}
.obj .c3 table td {border-bottom:none;line-height:28px;}
.obj .c4 table { width:100%;}
.obj .c4 table td { line-height:1; padding:8px 18px 8px 0;}

.doinf span { font-size:.9em; font-weight:600; letter-spacing:1px; padding:8px 10px; color:#333; background-color:rgba(161,128,96,0.3);}

.obj_form, .obj_form .cr label, .obj_form p, .obj_form a { font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:1.5;}
.obj_form a { color:#917050}
.obj_form .c1 { width:65%; height:auto; overflow:hidden; float:left;}
.obj_form .c2 { width:34%; height:auto; overflow:hidden; float:right;}
.obj_form h4 { font-size:22px; margin:0 0 14px 0; color:#917050;}
.cr {  width: 95.9%; height:auto;  overflow: hidden;  font-size: 17px;  line-height: 25px;  padding: 1% 0 1% 0; 
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.cr label {color:#b49460; }
.fr { width:100%; height:auto; overflow:hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}		
.fr input[type=text], .fr input[type=email], .fr input[type=tel], .fr input[type=password], .fr input[type=number], .fr textarea
	{ display:inline-block; background:#fff; font-size:14px; padding:1%; margin:0 1% 0 0; border:none; float:left; border:1px solid #b49460; border-radius:4px;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }		
.fr input[type=text].s {width:16%;}
.fr input[type=text].ms {width:16%;}
.fr input[type=text].m {width:32%;}
.fr input[type=text].ic {width:31%;}
.fr input[type=text].dc {width:33%;}
.fr input.lh {width:49%;}
.fr input[type=text].lq {width:82%;}
.fr input[type=text].xl {width:99%;}
.fr textarea { font-family: Arial, Helvetica, sans-serif; height:2.6em; width:99%;}	
.fr p { /*padding: 2% 2% 0 2%;*/}
.fr p.info { padding: 0 2% 0 2%; margin-bottom:0;}
.fr p.info label { display:inline-block; width:8em; height:auto;}
.fr p.infoheslo { display:block; width:95.9%; height:auto; overflow:hidden; padding: 0 2% 0 0; margin:-8px 0 0 0;}
.fr p.ll { margin:0; padding: 0 0 14px 0;color:#000; line-height:1.5; }
.fr input[type=radio] { margin:2% 1% 0 2%;}
#l_suhlas1 { display:block; width:1em; height:3.2em; overflow:hidden; float:left; margin:2% 1% 0 2%}
#r_suhlas1 { display:block; width:92%; height:3.2em; overflow:hidden; float:left; margin:2% 1% 0 0}
.fr label { margin:0; padding: 2% 2% 0 0; cursor:pointer;}
.fr a { text-decoration:underline;}
.fr table {margin:2% 0 ; width:96%;}
.fr table td {text-align:left; vertical-align:top;} .fr table td:nth-child(1) { min-width:8em;}
.fr span { color:#000; }
.hl, .objednavka .hl a  { color:#000;} .objednavka .hl a:hover { color:#c70000; text-decoration:none;}
#mobinf { display:none; position:absolute; left:0; top:37px; z-index:335;font-size:.7em; color:#c00; font-weight:bold;}
#mobinf.no { display:block;}
.fr input[type=tel].ok { width:49%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border:solid 1px #47B183;} 
.fr input[type=tel].no { width:49%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border:solid 1px #c00;} 
#mob { display:none; position:absolute; left:1.4%; top:44px; font-size:.75em; color:#c00; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
#mob.no { display:block;}
#bfirma, #bdadr { display:none;}
.obj_form .c2 table { margin-bottom:20px;}
.obj_form .c2 table td { line-height:1.5;} .obj_form .c2 table td:first-child { padding-right:20px;}
.obj_form button {display:inline-block;	width:auto;height:auto;	font-family:"Open Sans", Arial, Helvetica, sans-serif; cursor:pointer;
	 color:#715030;background:#dcca90 ; font-size:18px; padding:9px 20px 7px 20px;	text-align: center; text-decoration: none; text-transform:uppercase;
	-webkit-transition: all 0.5s ease;    -moz-transition: all 0.5s ease;    -o-transition: all 0.5s ease;    -ms-transition: all 0.5s ease;    transition: all 0.5s ease;
	-webkit-border-radius: 3px;	-moz-border-radius: 3px; border-radius: 3px;}
.obj_form button:hover {background-color:#a87f0d; color:#fff;}

#o5 {width:92%; height:auto; min-height:calc(100vh - 238px); padding:20px 4%; overflow:hidden;background:#F5F1E9 url(../images/bkg.webp); }
#o5 a { color:#715030; text-decoration-color:#715030; text-underline-offset: 1px;}
#o5 h1 { color:#c89f2d; font-family:"Open Sans", Arial, Helvetica, sans-serif; text-align:center; font-weight:300; font-size:2.5em; margin:.7em 0 .3em 0;}
#o5 h2 { color:#333; font-size:36px; text-align:center;}
#o5 h3 { color:#555; font-family:"Open Sans", Arial, Helvetica, sans-serif; text-align:center; font-weight:300; font-size:1.55em; line-height:1.25;  margin:.3em 0 1em 0;}
#o5 h3  span {font-size:.85em;}
#o5 h4 { font-size:22px;}
#o5 button { margin-top:1em;}
#o5 a.btn:hover { color:#fff;}

.kontakt .c1 { width:46%; overflow:hidden; float:left;}
.kontakt .c2 { width:400px; height:250px; overflow:hidden; float:right; margin-top:20px;}
.kontakt .c2 .c { width:400px; height:1756px; overflow:hidden;margin-top:-628px; animation:sa linear 10s normal;}
.kontakt .c2 .c div { width:400px; height:878px; overflow:hidden; background:url(../images/stitok.webp) no-repeat; background-size:cover;}

.page .gp { width:28%; overflow:hidden; margin:6px 20px 10px 0; float:left; /*padding:1%; border:1px solid #cca039; background:rgba(200,159,45,.3);*/ border-radius:4px; }
.page .gp img { width:100%;}
.page .mn { width:28%; overflow:hidden; margin:6px 0 15px 20px; float:right; border-radius:4px; }
.page .mn img { width:100%;}

.pagey { width:100%; overflow:hidden; min-height:calc(100vh - 206px);background-color:#fcf3cd;}
.pagey article { width:96%; height:auto; overflow:hidden; max-width:1100px; margin:0 auto;}
.pagey article p { font-size:15px;}
.pagey .oz table { border-collapse:collapse; }
.pagey .oz th { color:#fff; background:#cca039; font-weight:normal; }
.pagey .oz th:first-child { text-align:left;}
.pagey .oz td, .pagey .oz th { padding:3px 6px; border:1px solid #cca039; font-size:.9em; }
.pagey .oz tr.eb td { border:none;}
.pagey .platba { overflow:hidden; font-family:"Open Sans", Arial, Helvetica, sans-serif; white-space:normal; line-height:1.4;}
.pagey .platba .bl {padding:1em 0 .8em 0;border-top:1px solid #d7a947; border-bottom:1px solid #d7a947;}
.pagey .platba .c1 { width:68%; overflow:hidden; float:left;}
.pagey .platba .c2 { width:30%; overflow:hidden; float:right;}
.pagey .platba .c21 { width:60%; overflow:hidden; float:right;}
.pagey .platba .c22 { width:40%; overflow:hidden; float:right; text-align:right;}
.pagey .platba .c22 img { max-height:111px;}
.pagey .platba em { display:inline-block; padding:2px 8px; margin-right:1em; color:#fff; background:#cca039; font-style:normal; font-weight:normal; }
.pagey .platba hr { border:none; border-bottom:1px solid #d7a947;}

.pagey .po { font-family: "Open Sans", Arial, Helvetica, sans-serif;}
.pagey .po .bl { background:#fff; }
.pagey .po .p1 { width:50%; overflow:hidden; float:left;} .pagey .po .p1 img { display:block; width:100%;}
.pagey .po .p2 { width:46%; overflow:hidden; float:right; padding:20px 2%;}
.pagey .po h2 {font-size: 1.4em; font-weight:400;}
.pagey .po h3 {font-size: 1.3em; font-weight:400;}
@keyframes sa { 0% { margin-top:0;} 100% {margin-top:-628px;}}
footer { width:100%; font-family:"Open Sans", Arial, Helvetica, sans-serif; color:#fff; font-weight:400; background:#000; min-height:95px; font-size:14px; text-shadow:1px 1px #653;}
footer a { color:#fff; text-decoration:none; display:inline-block; padding:5px 0 4px 0;} footer a:hover { text-decoration:underline;}
footer .wrap { padding:0 0 .5em 0; }
footer .wrap div { overflow:hidden; float:left; margin-top:10px; }
footer .wrap div:nth-child(1) { width:33.33%; text-align:left; line-height:1.6; padding-top:5px }
footer .wrap div:nth-child(2) { width:33.33%; text-align:center}
footer .wrap div:nth-child(3) { width:33.33%; text-align:right}

html {scroll-behavior: smooth;}
#csa {width:220px;height:24px;padding:8px 8px 0 8px;overflow:auto;position:fixed;left:calc(100vw / 2 - 130px);bottom:0;background:#fff; font-size:16px;
	border:1px solid #d7a947;z-index:100;text-align:center; cursor:pointer; color:#d7a947;border-radius:8px 8px 0 0;font-family:"Open Sans", Arial, Helvetica, sans-serif;line-height:1.2;}
#csa:hover { color:#fff; background:#d7a947;}	
#cs {display:none;width:100%;height:auto;overflow:hidden;position:fixed;left:0;bottom:0;z-index:111;font-family:Arial, Helvetica, sans-serif;} #cs.s, #cs.p { display:block;}
#cs .cs { width:343px; height:auto; max-height:100vh; padding:13px 12px 12px 14px; overflow:auto; margin:0 auto; background:#fff; border:1px solid #ccc;border-radius:8px 8px 0 0;box-sizing:content-box;}
#cs .cs h4 { margin:.2em 0 .5em 0; font-size:20px;}
#cs.p .cs {max-height:80vh; margin:15vh auto 0 auto;}
#cs p { margin:.4em 0; font-size:13px;}
#cs .cso { float:right; color:#999; font-size:17px; cursor:pointer;} #cs .cso:hover { color:#c00;}
#cs #cst { width:100%; height:auto; overflow:hidden; margin-bottom:10px;}
#cs.p #cst { margin-top:5px;}
#cs #cst h5 {  margin:10px 40px 10px 40px;font-size:1em;display:none;}
#cs.p #cst h5 { display:block;}
#cs #cst h5 label { float:right; cursor:pointer;}
#cs #cst h5 span { display:inline-block; color:#aaa; font-size:22px; font-weight:300; cursor:pointer; margin:-4px 0 -4px 10px; float:right;}
#cs #cst h5 span:before { content: "\1f6c8";}
#cs #cst h5 span:hover { color:#06C; } 
#cs #cst input:checked + label {color:#396;} #cs #cst label#lcs1 {color:#396;}
#cs #cst input {float:right;margin:0 0 0 10px; cursor:pointer;}
#cs #cst p { font-size:14px; line-height:1.2; display:none;display:none; padding:4px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
#cs.p #cst p.s {display:block;} 
#cs #bt { width:100%; height:auto; overflow:hidden; margin-top:5px;}
#cs #onc { margin-top:-4px; }
#cs button { width:102px; height:40px; margin-right:9px; padding:5px 0; border:0; border-radius:6px; cursor:pointer; color:#000; background:#ccc; font-size:13px; line-height:1.2;}
#cs button:first-child { background:#d7a947;}
#cs button:last-child, #cs button:nth-child(3) {margin-right:0;}
#cs button:hover { color:#fff; background:#888;}
#cs #bt button:last-child { display:none;}
#cs.p #bt button:nth-child(2) { display:none;}
#cs.p button:nth-child(3) {margin-right:9px;}
#cs.p #bt button:last-child { display:inline-block;}
#cs #csp button { margin:6px 0 0 105px;}
#cs #csp a {margin-left:.55em; text-underline-position: under; color:#333; text-decoration:underline; cursor:pointer;} /*#cs.p #csp a { display:block; margin-left:0;}*/
#cs #csp a:hover { color:#000;}
#cs #ct { width:100%; height:auto; max-height:90vh; overflow:hiden;  z-index:133; position:absolute; top:0; left:0; }
#cs #ct .mct {width:94%; max-width:1000px; height:auto; max-height:89vh; padding:15px; overflow:auto; margin:3vh auto; background:#fff;}
#cs #ct .close { float:right;  color:#ca001a; cursor:pointer;}
#cs #ct .mct p a { text-align:center; color:#ca001a; cursor:pointer;} #cs #ct a:hover { text-decoration:underline;}
.nomap { width:100%; height:auto; min-height:16vh; margin:20px 0; padding-top:11vh; overflow:hidden; border:solid 1px #be0022; font-weight:bold; color:#be0022;text-align:center; }
.nomap p {text-align:center;}
#csa:before { content:"Změna nastavení cookies";}
#cs h4:before, .ncs { content:"Nastavení cookies ";}
#cs #cst label:before { content:"zakázáno";}
#cs #cst input:checked + label:before {content:"povoleno";}
#cs #cst label#lcs1:before { content:"vždy povoleno";}
#cs #cst h5:first-child:before { content:"Nezbytné ";}
#cs #cst h5:nth-child(3):before { content:"Pro funkčnost ";}
#cs #cst h5:nth-child(5):before { content:"Pro statistiku ";}
#cs #cst h5:nth-child(7):before { content:"Pro marketing ";}
#cs #csp:before { content:"Soubory cookie používáme k analýze údajů o našich návštěvnících, ke zlepšení našich webových stránek, zobrazení personalizovaného obsahu a k tomu, abychom vám poskytli skvělý zážitek z webu."}
#cs.p #csp:before { content:"Zde si můžete nastavit, jaké soubory cookies jsou ukládány ve vašem internetovém prohlížeči. Díky nim si stránka zapamatuje vaše preference. Používají se také k tomu, aby stránka fungovala jak očekáváte. Obvykle vás neidentifikují přímo. Jejich povolením získáte více přizpůsobený internetový obsah. Můžete Přijmout všechny cookies, nebo Nastavit, které cookies povolíte. Upozorňujeme, že kliknutím na tlačítko Nepřijmout žádné cookies ovlivníte zobrazení stránky. Některé její služby pak nemusí správně nebo vůbec fungovat."}
#cs #cst #csp1:before {content:"Tyto cookies zajišťují bezvadný provoz našich webových stránek. Umožňují například vložení služby do objednávky, ukládání dat s ohledem na bezpečnost webu, přihlašování k webu a podobně. Nezbytné cookies nelze deaktivovat, protože by došlo k narušení správného fungování webu.";}
#cs #cst #csp2:before {content:"Tyto cookies umožňují, aby si webová stránka zapamatovala informace, které mění, jak se webová stránka chová nebo jak vypadá. Je to například preferovaný jazyk nebo region, kde se nacházíte.";}
#cs #cst #csp3:before {content:"Pomocí těchto cookies můžeme sledovat, jak stránky používáte, z jakých zdrojů a technologií. Na základě těchto dat můžeme web neustále vylepšovat, aby byl pro vás co nejpřívětivější. Veškerá data jsou anonymizována, konkrétní uživatele tedy identifikovat nemůžeme.";}
#cs #cst #csp4:before {content:"Společně s nástroji třetích stran můžeme zobrazovat vámi preferované reklamy v partnerských sítích podle vašich zájmů. V případě nesouhlasu nebudou vaše zájmy a preference zohledněny a bude se vám reklama zobrazovat plošně.";}
#cs #bt button::first-line { word-spacing: 60px;}
#cs #bt button:first-child:before {content:"Přijmout";}
#cs #bt button:nth-child(2):before {content:"Nastavit";}
#cs #bt button:nth-child(3):before {content:"Odmítnout";}
#cs #bt button:last-child:before {content:"Zavřít nastavení";}
#cs.p #bt button:first-child:before {content:"Přijmout všechny";}
#cs.p #bt button:nth-child(3):before {content:"Odmítnout všechny";}
#cs #onc a:before {content:"Více o cookies";}
#cs #csp a:before {content:"Více o cookies"; }
.nomap:before { content:"Aby se zobrazila google mapa, je třeba povolit všechny cookies a dát znovu načíst stránku."}
.nomap a:before {content:"Nastavení cookies";}
.gtmns {height:0;width:0;display:none;visibility:hidden;}

@media (max-width: 1400px) {
#photo-b .arr{ top:17.2vw;}
}
@media (max-width: 1300px) {
article .dts { width:56%;}
article .ord { width:38%;margin: 1em 0 0 0;}
article .c2 li { font-size:13px;}
article .dts label { min-width:90px;}
}
@media (max-width: 1200px) {
article .dts { width:53%;}
article .ord { width:41%;}
article .dts label { min-width:80px;}
.kontakt .c2 { float:left;}
}
@media (max-width: 1100px) {
article .dts { width:95%;}
article .ord { width:95%; float:left; max-width:180px;}
article .dts label { min-width:90px;}
article .c2 li { font-size:14px;}
}
@media (max-width: 1000px) {
article .c1 { width:98%; float:none; margin:18px auto 1em auto;}
article .c2 { width:100%; float:none;}
article .dts { width:56%;}
article .ord { width:38%; float:right;}
#photo-b .arr{ top:26vw;}
}
@media (max-width: 960px) {
#photo-b .arr{ top:27vw;}
.kontakt .c1, .kontakt .c2 { width:100%; float:none;}
.page .gp, .page .mn { width:38%;}
article .header h1 {font-size:36px;}
article .header h2 {font-size:30px;}
}
@media (max-width: 799px) {
#photo-b .arr{ top:28vw;}
.pagey .platba .c1 { width:100%; float:none;}
.pagey .platba .c2 { width:100%; float:none;}
.pagey .platba .c21 { margin-top:1em;}
article .header h1 {font-size:32px;}
article .header h2 {font-size:28px;}
footer .wrap div:nth-child(1) { width:100%; text-align:center; }
footer .wrap div:nth-child(2) { width:100%; margin:2em 0;}
footer .wrap div:nth-child(3) { width:100%; text-align:center;}

}
@media (max-width: 600px) {
header .logo { margin:28px 0 50px 20px;}
header.n .logo { margin:16px 10px 0 20px; }
header.t .logo { margin:16px 10px 0 20px; }
article .c1 .gal { display:none; }
#photo-b .arr{ top:26vw;}
#photo-b .arr.l{left:-5px;}
#photo-b .arr.r{right:-5px;}
.pagey .po .p1 { width:100%; float:none;}
.pagey .po .p2 { width:92%; padding:20 px 4%; float:none;}
.pagey .po h2 {font-size: 18px; margin:.5em 0;}
.pagey .po h3 {font-size: 19px; margin:.5em 0;}
article .header h1 {font-size:30px;}
article .header h2 {font-size:17px;}
.page .gp, .page .mn { width:90%;}
#cs .cs { max-height:90vh; margin:10vh auto  auto;}
}
@media (max-width: 500px) {
article .dts { width:95%;}
article .ord { width:180px; float:none; margin:1em auto;}
}