html, body{min-width:960px; height:100%; margin:0px; padding:0px; background:#f8f8f8; }
body{overflow-y:scroll}
p, a, li, h1, h2, h3{font-family: Arial, sans-serif; font-size:14px; line-height:17px; color:#ccc; margin:0;}
p, a, li{font-size:15px; line-height:17px;}
h1, h3{font-size:44px; font-weight:400;}
h3{font-size:38px; font-weight:300; margin:0 0 0 0;}
h3 span{font-weight:600;}
h2{font-size:17px; font-weight:700;}
a{color:#fff; text-decoration:none;}
a:hover{text-decoration:underline; cursor:pointer}
p, h1, h2, h3, span{cursor:default;}
img{border-width: 0;}
.clear{clear:both;}
.stretch {width: 100%; display: inline-block; font-size: 0; line-height: 0; margin:-10px 0 0; padding:0;}

#container{width:100%; min-width:960px; min-height:100%; overflow:hidden; background:#1c0a04 url('images/background.jpg') top center no-repeat;}
#container.podstr{background:#1c0a04 url('images/background-podstrona.jpg') top center no-repeat;}
.container{width:960px; position:relative; margin:0 auto;}
.podstrona{padding:0 10px}
.content{width:701px; background:url("images/content_overlay.png"); }
.content>div{padding:7px 23px 0 15px}
ul.dash{list-style: square inside url('data:image/gif;base64,R0lGODlhBQAKAIABAP///////yH5BAEAAAEALAAAAAAFAAoAAAIIjI+ZwKwPUQEAOw==');} /* https://conv.darkbyte.ru/ code/decode base64/hex 14,15,16 bajt*/
ul.dash li{list-style-position:outside}
.imgshadow{box-shadow:  0px 0px 5px 1px #ffffbe inset, 5px 5px 5px 0px #000;}
img[usemap], map area{outline: none;}
hr{width:100%; height:1px; border:0; background:#614730; box-shadow:0 3px 5px 3px rgba(0, 0, 0, 0.25);}

#top{height:184px}
#top #logo{}
#top .overlay{height:149px; background:url('images/top-overlay.png');}

#top #menu, #top #menu .container, #top #menu .button{height:35px; position:relative; z-index:100;}
#top #menu{box-shadow:  0px 7px 5px -5px #ffffbe inset, 0px -7px 5px -5px #ffffbe inset; background-color:rgba(130, 103, 71, 0.95);}
#top #menu #logo{width:346px; height:152px; display:block; position:absolute; bottom:16px; right:326px; background:url('images/logo.png') no-repeat; z-index:0;}
#top #menu{text-align:center}
#top #menu .container{width:auto; display:inline-block; text-align:left;}
#top #menu .container>div{height:35px;}
#top #menu .button, #top #menu .button.konsultant a{padding:0 17px;}
#top #menu .button.konsultant{padding:0;}
#top #menu .button{display:block; position:relative; float:left; font-family:Arial, sans-serif; color:#fff; font-size:16px; line-height:35px; text-shadow:5px 5px 5px rgba(0,0,0,0.75); text-decoration:none;}
#top #menu .button a{display:block; width:100%; height:100%; text-decoration:none; font-size:16px; line-height:35px;}
#top #menu .button img{padding-top:4px;}
#top #menu .button:hover{background:rgba(255,255,255,0.15)}
#top #menu .button.konsultant{}
#top #menu .button .menu{/* visibility:hidden; opacity:0; */ display:none; position:absolute; top:35px; left:0px; background-color:rgba(130, 103, 71, 0.95);}
#top #menu .button .menu a{width:100%; font-size: 15px;}
/* #top #menu .button.konsultant:hover .menu{visibility:visible; opacity:1;} */
#top #menu .button .menu .button{width:119px; text-shadow:none}
#top #menu .button .menu .button.oferta{width:100%; padding:0;}
#top #menu .button .podmenu{/* visibility:hidden; opacity:0; */display:none; position:absolute; top:0px; left:100%; background-color:rgba(130, 103, 71, 0.95);/* transition:visibility 0.2s, opacity 0.2s; */}
/* #top #menu .button.oferta:hover .podmenu{visibility:visible; opacity:1;} */
#top #menu .button .podmenu .button{width:285px; font-size: 15px}

#breadcrumbs{padding-top:14px;}
#breadcrumbs p, #breadcrumbs a{font-size:12px; float:left; color:#9c928d; text-shadow:1px 0px 0px rgba(156, 146, 141, 0.75);}
#breadcrumbs p.arrow{font-weight:700; margin:1px 3px;}

.sidebar{width:230px; float:right;}
#sidebar, #czekolada, #propozycje-drinkow{width:230px; float:right; clear:right;  background:url("images/content_overlay.png");}
#sidebar>div hr, #czekolada>div hr, #propozycje-drinkow>div hr{width:100%; height:1px; border:0; background:#614730; box-shadow:0 3px 5px 3px rgba(0, 0, 0, 0.25); margin:-7px 0 5px}

#sidebar{}
#sidebar>div{padding:20px 13px 0;}
#sidebar>div p, #sidebar>div a{display:inline-block; font-family:Arial, sans-serif; font-size:14px; line-height:22px; color:#fff; margin:0px}
#sidebar>div p.telefon{font-size:18px; margin-bottom:1px;}
#sidebar>div p.telefon img{margin:19px 10px -3px 6px}

#sidebar #truskawka{display:block; margin:43px 0 22px 16px;}
#sidebar #truskawka2{display:block; margin:6px 0 11px 42px;}
#sidebar #truskawka3{display:block; margin:13px 0 14px 28px;}

#sidebar .nag-sidebar.certyfikat{margin-left:-12px; margin-bottom:-6px;}
#sidebar a.certyfikat{display:block; width:100px; margin:0 auto; text-align:center; margin-bottom:8px;}

#sidebar p.partnerzy{width:100%; text-align:center; text-shadow:3px 3px 5px rgba(0, 0, 0, 0.75), 1px 0px 0px rgba(255, 255, 255, 0.75); margin-top:7px;}
#sidebar a.partnerzy{width:200px; display:block; line-height:0; box-shadow:4px 4px 6px 1px rgba(0, 0, 0, 0.75); margin:18px auto 0;}

#czekolada, #propozycje-drinkow{margin-bottom:7px;}
#czekolada>div{padding:20px 15px 13px;}
#czekolada>div #nag-czekolady{margin:0 35px;}
#czekolada>div hr{margin:-7px 0 5px}
#czekolada>div p{font-family:Arial, sans-serif; font-size:14px; line-height:17px; text-align:center; color:#dca064; margin-bottom:17px}
#czekolada>div .standardowa{display:block; margin:18px auto 25px;}
#czekolada>div .smakowa{float:left; margin:0 0 9px;}
#czekolada>div img.smakowa{width:72px; height:72px; clear:left;}
#czekolada>div p.smakowa{line-height:72px; text-shadow:3px 3px 5px rgba(0, 0, 0, 0.75), 1px 0px 0px rgba(220, 160, 100, 0.75); margin-left:12px;}

#propozycje-drinkow{}
#propozycje-drinkow>div{padding:20px 15px 4px;}
#propozycje-drinkow>div div{position:relative;}
#propozycje-drinkow>div h2{font-family:Arial, sans-serif; font-size:16px; font-weight:400; color:#fff; text-align:center; text-shadow:3px 3px 5px rgba(0, 0, 0, 0.75), 0px 0px 1px rgba(255, 255, 255, 0.75), 0px 0px 15px rgba(255, 255, 190, 1), -5px -5px 15px rgba(255, 255, 190, 0.25), 5px -5px 15px rgba(255, 255, 190, 0.25), -5px 5px 15px rgba(255, 255, 190, 0.25), 5px 5px 15px rgba(255, 255, 190, 0.25);}
#propozycje-drinkow>div ul{margin-top:-10px; padding:0px 12px 0px;}
#propozycje-drinkow>div ul li{line-height:17px; color:#fff;}
#propozycje-drinkow>div img.drink{position:absolute; bottom:0; right:0;}

#strona-glowna .container{height:638px; position:relative;}
#strona-glowna .container .napis{height:89px; position:absolute; bottom:33px;}
#strona-glowna .container .napis .hover{display:none;}

.podstrona div div{/* height:100%; */ position:relative;  /* overflow:hidden */}
.podstrona .content .nag{margin:0 4px;}
.podstrona .content h2, .podstrona .content p.cena{font-family:Arial, sans-serif; font-size:20px; font-weight:400; color:#dca064;}
.podstrona .content hr{width:99%;}
.podstrona .content img.czekofon, .podstrona .content img.alkofon{position:absolute;}
.podstrona .content ul{margin-top:-10px; padding:0 17px 21px;}
.podstrona .content ul li{line-height:22px; color:#fff; }
.podstrona .content p.tekst{font-family: Arial, sans-serif; color:#fff; font-size:14px; line-height:22px;}

#fontanny-czekoladowe .content hr, #fontanny-alkoholowe .content hr{/* margin:-1px auto 5px */}

#fontanny-czekoladowe .content{/* height:1896px; */}
/* #fontanny-czekoladowe .content hr{margin:-1px auto 5px} */
#fontanny-czekoladowe .content p.tekst{margin:9px 2px;}
#fontanny-czekoladowe .content h2{ margin:30px 5px 27px;}
#fontanny-czekoladowe .content p.rozmiar{margin:0 0 0 41px}
#fontanny-czekoladowe .content p.cena{margin:0 0 0 329px;}
#fontanny-czekoladowe .content h4{font-family:Arial, sans-serif; font-size:16px; font-weight:700; color:#dca064; margin:10px 2px 11px}

#fontanny-czekoladowe .logotyp{display:block; float:left; margin:-7px 28px 11px;} 

#fontanny-alkoholowe .content{/* height:1544px */}
#fontanny-alkoholowe .content p.tekst{font-family: Arial, sans-serif; font-size:16px; line-height:24px; color:#fff; margin:14px 0 79px 7px;}
/* #fontanny-alkoholowe .content hr{margin:-1px auto 5px} */
#fontanny-alkoholowe .content h2{margin:43px 5px 27px;}
#fontanny-alkoholowe .content ul{margin-top:33px; margin-right:210px; margin-bottom:19px;}
#fontanny-alkoholowe .content p.cena{margin:0 0 0 293px;}
#fontanny-alkoholowe .content p.dodatkowo{font-size:14px; line-height:43px; margin-top:-28px;}

#konsultant-slubny .content{min-height:782px;}
#konsultant-slubny .content>div{height:100%; background:url('images/konsultant-bgr.png') no-repeat 312px 496px; overflow:hidden;}
#konsultant-slubny .content .obrazek, #konsultant-slubny .content p.tekst{/* float:left; clear:left */ position:relative; right:110%;}
#konsultant-slubny .content .obrazek, #konsultant-slubny #jak_pracujemy #obrazy .over{/* box-shadow:  0px 0px 5px 1px #ffffbe inset, 5px 5px 5px 0px #000; */}
#konsultant-slubny .content .obrazek{width:657px; height:253px; display:block; position:relative; margin:22px auto 0; z-index:0; background-repeat:no-repeat; background-position:center;}
#konsultant-slubny .content p.tekst{margin:18px 0 0 3px;}
#konsultant-slubny .content #nav{width:701px; height:17px;  position:absolute; top:1570px; left:0; z-index:5;}
#konsultant-slubny .content #nav  .arrow{position:relative; top:0; font-family:Arial, sans-serif; font-size:13px; color:#fff; text-decoration:none; padding:5px 0}
#konsultant-slubny .content #nav  .arrow.left{float:left; display:none;}
#konsultant-slubny .content #nav  .arrow.right{float:right;}
#konsultant-slubny .content #nav  .arrow img{vertical-align:text-bottom; margin:0 10px; -webkit-transition:left 0.5s ease-in-out; -moz-transition:left 0.5s ease-in-out; -o-transition:left 0.5s ease-in-out; -ms-transition:left 0.5s ease-in-out; transition:left 0.5s ease-in-out;}
#konsultant-slubny .content #nav  .arrow.left:hover{padding-right:2px;}
#konsultant-slubny .content #nav  .arrow.left:hover img{margin-right:8px;}
#konsultant-slubny .content #nav  .arrow.right:hover{padding-left:2px;}
#konsultant-slubny .content #nav  .arrow.right:hover img{margin-left:8px;}

#konsultant-slubny .menu{}
#konsultant-slubny .menu a{float:left; text-decoration:none;}
#konsultant-slubny .menu.mid{position:absolute; left:50px; top:1650px; /* padding:4px 35px 34px; */}
#konsultant-slubny .menu.mid a{width:129px; height:25px; display:block; clear:left; font-size:14px; line-height:25px; padding:0 11px; text-shadow:5px 5px 5px rgba(0,0,0,0.75);}
#konsultant-slubny .menu a:hover{background:rgba(255,255,255,0.15)}
#konsultant-slubny .bottom{width:658px; height:57px; position:absolute; bottom:0; left:15px;}
#konsultant-slubny .bottom .menu{padding:2px 2px 0;}
#konsultant-slubny .bottom .menu a{font-size:12px; line-height:12px; padding:0 7px;}
#konsultant-slubny .bottom .menu a+a{border-left:1px solid #ccc;}

#konsultant-slubny #partnerzy{}
/* #konsultant-slubny #partnerzy .obrazek, #konsultant-slubny #partnerzy p.tekst, #konsultant-slubny #oferta .obrazek{right:0} */

#konsultant-slubny #oferta .menu.mid{margin-top:-11px}
#konsultant-slubny #oferta .menu.mid a{width:255px; height:36px; line-height:36px;}

#konsultant-slubny #jak_pracujemy .menu.mid{left:11px;}
#konsultant-slubny #jak_pracujemy #akordeon{width:375px;}
#konsultant-slubny #jak_pracujemy #akordeon h3{height:32px; display:block; position:relative; font-family:Arial, sans-serif; font-size:14px; line-height:32px; color:#fff; background-color:rgba(135,119,92,0.50); margin:4px 0 0; padding:0 11px; outline:none;}
#konsultant-slubny #jak_pracujemy #akordeon h3 .akordeon-ico{width:14px; height:18px; display:block; position:absolute; top:8px; right:13px; background-image:url('images/akordeon-ico.png'); background-repeat:no-repeat; background-position:0 -18px;}
#konsultant-slubny #jak_pracujemy #akordeon h3 .akordeon-ico.active{background-position:0 0;}
#konsultant-slubny #jak_pracujemy #akordeon p{font-family:Arial, sans-serif; font-size:14px; line-height:22px; color:#fff; padding:17px 10px;}
#konsultant-slubny #jak_pracujemy #akordeon p span.wciecie{display:inline-block; margin-left:36px;}
#konsultant-slubny #jak_pracujemy #akordeon p a{width:136px; margin:0 -11px;}
#konsultant-slubny #jak_pracujemy #akordeon p a.ankieta{width:120px; margin:20px 105px}

#konsultant-slubny #jak_pracujemy #obrazy{width:221px; height:609px; float:right; margin:5px 4px 0}
#konsultant-slubny #jak_pracujemy #obrazy>div{position:relative; margin-bottom:5px;}
#konsultant-slubny #jak_pracujemy #obrazy img, #konsultant-slubny #jak_pracujemy #obrazy .over{width:221px; height:145px;}
#konsultant-slubny #jak_pracujemy #obrazy .over{position:absolute; top:0; left:0;}

#galeria .content{height:633px; margin-bottom:20px;}
#galeria .content .miniatury-container{width:656px; height:520px; position:relative; padding:18px 0 0 7px}
#galeria .content .highslide-gallery>div{/* width:120px; height:120px; */ width:136px; height:136px; position:relative; float:left; margin:-6px 0 0 -6px; padding:0;}
#galeria .content .highslide-gallery>div .hover{position:absolute; top:0; width:100%; height:100%; background-image:url('images/galeria_hover.png'); opacity:0; z-index:0; -webkit-transition:opacity 0.5s ease-in-out; -moz-transition:opacity 0.5s ease-in-out; -o-transition:opacity 0.5s ease-in-out; -ms-transition:opacity 0.5s ease-in-out; transition:opacity 0.5s ease-in-out;}
#galeria .content .highslide-gallery>div>a{width:100%; height:100%; }
#galeria .content .highslide-gallery>div:hover .hover{opacity:1}
#galeria .content .highslide-gallery img, #galeria .imgshadow{position:relative; z-index:1; width:120px; height:120px; padding:8px;}
#galeria .imgshadow{position:absolute; top:8px; left:8px; padding:0; box-shadow:  0px 0px 0px 2px #fefefe inset, 5px 5px 5px 0px rgba(0, 0, 0, 0.20);}
#galeria .miniatury-container>div{width:100%; height:100%; position:relative; overflow:hidden;}
#galeria .miniatury-container>div>div{height:60000px; position:absolute; top:0px;}
#galeria .miniatury-container>a.arrow{width:14px; height:18px; display:block; position:absolute; left:324px; background-image:url('images/akordeon-ico.png'); z-index:2;}
#galeria .miniatury-container>a.arrow.top{top:-2px;}
#galeria .miniatury-container>a.arrow.bottom{bottom:-15px; background-position:0 -18px;}

#kontakt .content{height:633px; margin-bottom:20px;}
#kontakt .podstrona div div{overflow:auto}

#kontakt #formularz{padding:60px 32px 0 0;}
#kontakt #formularz h2{line-height:25px; margin-right:15px}
#kontakt #formularz h2, #kontakt #formularz input, #kontakt #formularz textarea, #kontakt #formularz textarea, #kontakt #formularz .input{float:right; font-family:Arial, sans-serif; color:#fff; font-size:14px;}
#kontakt #formularz .input{clear:right; margin-bottom:8px;}
#kontakt #formularz input, #kontakt #formularz textarea, #kontakt #formularz #submit{width:428px; height:23px; border:1px solid #a1968f; background:none; outline:none; padding:0 5px;}
#kontakt #formularz textarea{height:96px; resize:none; padding:5px;}
#kontakt #formularz #submit{width:105px; height:30px; float:right; padding:0; -webkit-transition:background-color 0.5s ease-in-out; -moz-transition:background-color 0.5s ease-in-out; -o-transition:background-color 0.5s ease-in-out; -ms-transition:background-color 0.5s ease-in-out; transition:background-color 0.5s ease-in-out;}
#kontakt #formularz #submit p{font-family:Arial, sans-serif; color:#fff; font-size:14px; line-height:30px; text-align:center;}
#kontakt #formularz #submit:hover{background-color:rgba(255,255,255,0.15);}
#ui-datepicker-div{font-size:18px; background-color:rgba(130,103,71,0.85); padding:7px; box-shadow:  0px 7px 5px -5px #ffffbe inset, 0px -7px 5px -5px #ffffbe inset, -7px 0px 5px -5px #ffffbe inset, 7px 0px 5px -5px #ffffbe inset;}
.ui-datepicker-next{float:right;}
.ui-datepicker-prev{float:left;}
.ui-datepicker-month, .ui-datepicker-year, .ui-datepicker-calendar th{color:#3c2517}
.ui-datepicker-month{margin-left:3px;}
.ui-datepicker-calendar td a{width:100%; display:block; text-align:center}

#inne-atrakcje{}
#inne-atrakcje .inne{width:311px; height:741px; float:left; text-align:center; margin:0 9px 10px 0; background-color:rgba(130,103,71,0.26);}
#inne-atrakcje .inne>div{padding:17px 20px 0;}
#inne-atrakcje .inne hr{margin:0;}
#inne-atrakcje .inne p, #inne-atrakcje .inne li{font-family:Arial, sans-serif; font-size:14px; color:#fff; line-height:22px;}
#inne-atrakcje .inne p{margin:17px 6px 26px;}
#inne-atrakcje .inne p.cena{font-size:20px; font-weight:400; color:#dca064;  margin-bottom:29px;}
#inne-atrakcje .inne ul{margin-bottom:41px;}
#inne-atrakcje .inne li{text-align:left;}
#inne-atrakcje .inne a.podziekowanie{border:0 !important;}
#inne-atrakcje .inne img.podziekowanie{box-shadow:5px 5px 5px -3px #000; margin:27px 0 -22px; border:0 !important;}

#inne-atrakcje .inne .miniatury-container{width:260px; height:351px; position:relative;  margin:34px 0 0 6px}
#inne-atrakcje .inne .miniatury-container>div{width:100%; height:340px; position:relative; overflow:hidden;}
#inne-atrakcje .inne .miniatury-container>div>div{height:60000px; position:absolute; top:0px;}
#inne-atrakcje .inne .miniatury-container>div>div a{display:block; width:250px; height:100px; margin:0px; padding:0 0 15px;}
#inne-atrakcje .inne .miniatury-container>div>div img{box-shadow:5px 5px 5px -3px #000; border:1px solid #fff; border-radius:1px; margin:0px; padding:0;}
#inne-atrakcje .inne .miniatury-container>a.arrow{width:14px; height:18px; display:block; position:absolute; left:123px; background-image:url('images/akordeon-ico.png'); z-index:2;}
#inne-atrakcje .inne .miniatury-container>a.arrow.top{top:-25px;}
#inne-atrakcje .inne .miniatury-container>a.arrow.bottom{bottom:-10px; background-position:0 -18px;}



#stopka #menu-dolne, #strona-glowna #menu-dolne .container, #strona-glowna #menu-dolne .buttom{height:17px; }
#stopka #menu-dolne{box-shadow:  0px 5px 5px -5px #ffffbe inset, 0px -5px 5px -5px #ffffbe inset; background-color:#826747;}
#stopka #menu-dolne .button{display:block; float:left; font-family:Arial, sans-serif; color:#d2cac3; font-size:12px; line-height:17px; text-shadow:4px 4px 4px rgba(0,0,0,0.75); text-decoration:none; padding:0 7px;}
#stopka #menu-dolne .button:hover{background:rgba(255,255,255,0.15)}

#stopka #wykonanie{border-top:1px solid #837773; margin-top:5px;}
#stopka #wykonanie .container div{padding:4px 10px 20px;}
#stopka #wykonanie p{float:right; font-family:Arial, sans-serif; color:#d2cac3; font-size:12px; line-height:20px; margin:0 5px;}
#stopka #wykonanie p img{vertical-align:middle; padding-bottom:2px;}