@font-face { font-family: 'Open Sans'; src: url("https://s3b.estranky.sk/img/d/1000000370/opensans-regular.eot"); src: url("https://s3b.estranky.sk/img/d/1000000370/opensans-regular.eot?#iefix") format("embedded-opentype"), url("https://s3b.estranky.sk/img/d/1000000370/opensans-regular.woff") format("woff"), url("https://s3b.estranky.sk/img/d/1000000370/opensans-regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Open Sans Light'; src: url("https://s3b.estranky.sk/img/d/1000000370/opensans-light.eot"); src: url("https://s3b.estranky.sk/img/d/1000000370/opensans-light.eot?#iefix") format("embedded-opentype"), url("https://s3b.estranky.sk/img/d/1000000370/opensans-light.woff") format("woff"), url("https://s3b.estranky.sk/img/d/1000000370/opensans-light.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Open Sans Semibold'; src: url("https://s3b.estranky.sk/img/d/1000000370/opensans-semibold.eot"); src: url("https://s3b.estranky.sk/img/d/1000000370/opensans-semibold.eot?#iefix") format("embedded-opentype"), url("https://s3b.estranky.sk/img/d/1000000370/opensans-semibold.woff") format("woff"), url("https://s3b.estranky.sk/img/d/1000000370/opensans-semibold.ttf") format("truetype"); font-weight: normal; font-style: normal; }
.message { text-indent: -10000px; position: absolute; display: none !important; }
.clear { clear: left; height: 0; line-height: 0; font-size: 0; width: 1px; }
button:focus, #sendsearch:focus, #send-mail-list:focus, .submit:focus { background-image: none; outline: 0; -webkit-box-shadow: none; box-shadow: none; }
#clear6 { clear: both; }
hr { display: none }

#leaderboard-top {
  display: none!important;
  margin: 0 auto;
   width: 85%;
}
@media(min-width: 991px) {
  #leaderboard-top {
    display: block!important;
  }
}
#m-leaderboard-top {
  display: block!important;
}
@media(min-width: 991px) {
  #m-leaderboard-top {
    display: none!important;
    margin: 0 auto 15px;
    width: 100%;
  }
}
#m-square-1 {
  display: block!important;
  margin: 5px auto;
  width: 95%;
}
@media(min-width: 991px) {
 #m-square-1 {
    display: none!important;
  }
}
#square-1 {
  display: none!important;
}
@media(min-width: 991px) {
 #square-1 {
    display: inline-block!important;
  }
}

#m-sticky {
  display: inline-block;
}
@media(min-width: 991px) {
  #m-sticky {
      display: none!important;
  }
}
.accessibility-links { position: absolute; top: -10000em; }
input[type="text"], input[type="password"], input { border: 1px solid #CCC; background: #FFF; padding: 11px 5px; margin: 3px 0; color: #424242; font-size: 100%; }
input[type="radio"] { margin-right: 4px; }
input[type="submit"] { border: none; color: #FFF; background-color: #FA965A; }
h1, h2, h3, h4, h5, h6 { font-family: "Open Sans Semibold"; font-weight: normal; }
p.message-info { font-size: 120%; font-family: "Open Sans Semibold"; margin: 5px 0px 45px; }
#logo { float: left; margin: 16px; }
#navigation .inner_frame h2 { display: none; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; outline: none; }
body { font: 14px 'Open Sans', Arial, Sans-serif; color: #818181; line-height: 25px; font-weight: normal; font-style: normal; background-color: #8B94A5; }
a { color: #FA965A; text-decoration: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
a:hover { color: #000000; }
p { margin: 0 0 15px; word-break: break-word; line-height: normal; }
#whole-page { padding: 0; width: 100%; min-height: 100%; position: relative; z-index: 10; clear: both; background: #F2EFE6;}
#navigation { background-color: white; }
#navigation #logo { position: absolute; margin: 20px 0 0 0; background-repeat: no-repeat; background-position: center left; width: 200px;height: 60px;background-size: cover;}
.level_2 {position: absolute; padding: 0; top: 78px; background: white; z-index: 99;}
.level_2 li {width: 100%;}
.level_2 li > a {padding: 0 10px !important;}
#navigation .inner_frame { max-width: 940px; margin: 0 auto; padding-bottom: 0px; width: 100%; }
#navigation .inner_frame menu { padding-left: 200px; display: block; float: right; list-style: none; margin: 0; max-width: 100%; }
#navigation .inner_frame menu li { display: inline-block; padding: 0; position: relative; vertical-align: top; max-width: 100%; overflow: unset !important;}
#navigation .inner_frame menu li a { display: block; padding: 20px 15px 18px; text-transform: uppercase; white-space: nowrap; font-family: 'Open Sans'; font-size: 16px; line-height: 52px; font-weight: normal; font-style: normal; color: #3B3E4F; border-bottom: white 2px solid; overflow: hidden; }
#navigation .inner_frame menu li a:hover, #navigation .inner_frame menu li.current a { background: #F7F5F0; border-bottom: #DACA9C 2px solid; text-decoration: none; }
#body { background: url(https://s3b.estranky.sk/img/d/1000000370/bg-subpages.jpg) repeat-x white; }
.headerWrap h2, #photos h2 { font-size: 20px; font-family: "Open Sans"; padding: 0px 0 10px; }
#eshop h2 { font-size: 20px; font-family: "Open Sans"; margin-bottom: 6px; }
#eshop #perex { padding-top: 35px; margin-bottom: 20px; }
.home #eshop #perex { padding-top: 0px; }
#eshop #perex p { line-height: normal; text-align: left; }
#obalstranek { width: 850px; margin: 0 auto; padding-top: 20px; max-width: 100%; }
#header { background: white; display: none; }
.home #header { display: block; }
#header .inner_frame { padding: 35px 35px 5px 35px; }
#obrazek { background: url("https://s3b.estranky.sk/img/l/logo_1000000370.jpeg") no-repeat; background-size: cover; width: 100%; height: 300px; position: relative; }
.preview { position: relative; height: 95px; overflow: hidden; background-color: #F4F0E4; }
#obrazek:before, .preview:before, .photo-wrap:before { content: ""; display: block; position: absolute; width: 0; height: 0; border-left: 15px solid rgba(0, 0, 0, 0); border-right: 15px solid rgba(0, 0, 0, 0); border-bottom: 15px solid #FFF; bottom: 0px; left: 20px; z-index: 7777; }
.photo-wrap.ephoto:before { content: none; }
#perex { background: white; padding: 0px 35px 20px; border-bottom: 2px solid #E4E4E4; border-bottom: 2px solid rgba(0, 0, 0, 0.1); }
#nav-column { width: 940px; margin: 30px auto; padding: 30px 0px; border-top: 1px solid #D6CCAE; max-width: 100%; }
#nav-column .column { width: 850px; margin: 0 auto; padding-left: 20px; max-width: 100%; }
#eshop { width: 100%; }
.article { padding: 35px; background: white; }
div#articles { margin-top: 20px; }
div#articles .article h2 { height: 40px; overflow: hidden; padding: 25px 25px 10px 25px; font-size: 16px; color: #666; }
div#articles .article { width: 268px; height: 317px; float: left; margin-right: 20px; margin-bottom: 20px; background: #FFF; border: 1px #DDD solid; border-bottom: 2px solid #E4E4E4; border-bottom: 2px solid rgba(0, 0, 0, 0.1); padding: 0; }
div#articlesArticles .article:nth-child(3n) { margin-right: 0; }
#articles .article div.editor-area { padding: 0 25px; height: 100px; overflow: hidden; }
#articles .article div.editor-area p { line-height: 20px; }
h1 { font-family: 'Open Sans'; line-height: 1.4em; font-size: 22px; font-style: normal; color: #666; }
.article h2 { font-family: 'Open Sans'; line-height: 1.4em; font-size: 22px; font-style: normal; color: #616161; }
h2 a, h1 a { color: #666; }
a.a-whole-article { float: right; position: relative; }
.under-article { font-size: 80%; color: #75889C; padding: 10px 25px; line-height: 17px; }
.article .under-article { height: auto; }
div#preview-folder div.box { float: left; margin: 5px 10px 5px 0; }
.art-delimit-wa, .art-delimit-sec { display: none; }
div#folders { }
.folder { width: 268px; float: left; margin: 0px 20px 20px 0px; background: #FFF; border: 1px #DDD solid; border-bottom: 2px solid #E4E4E4; border-bottom: 2px solid rgba(0, 0, 0, 0.1); }
.folder:nth-child(3n+3) { margin-right: 0; }
#photos { clear: both; }
.photo-wrap { width: 268px; height: 180px; overflow: hidden; position: relative; z-index: 0; }
.photo-wrap div { height: 180px; width: 269px; text-align: center; display: table; overflow: hidden; }
.photo-wrap div a { width: 100%; height: 100%; border: 0px; display: table-cell; vertical-align: middle; }
.photo-wrap div a img { width: auto; height: auto; }
.folder-info { width: 240px; height: 134px; margin: 25px; overflow: hidden; }
.folder-info a { color: #666; font-family: 'Open Sans'; line-height: 1.4em; font-size: 16px; font-style: normal; }
div.folder-info div { line-height: 20px; }
#footer { background: #333; color: #fff; margin-top: 20px; padding: 20px; text-align: center; *font-size: 0.929em; *position: relative; *bottom: 0 }
#footer .inner_frame { width: 1200px; margin: 0 auto; text-align: center; max-width: 100%; }
#footer .inner_frame span, #footer .inner_frame a { margin: 0 10px }
#footer .inner_frame span a { margin: 0 }
#footer .inner_frame a { color: #fff; margin: 0 10px }
#footer .inner_frame a:hover { color: #cbcbcb }
#footer .inner_frame p+p { margin-top: 10px }
#footer .inner_frame p + p a { margin: 0 10px 0 0 }
#footer a.promolink strong { position: absolute; left: 0; top: -9999px; text-indent: -9999px; }
#footer { clear: both; background-color: #2C2E3A; color: #E8ECEF; }
img { max-width: 100%; height: auto; }
#contact-nav h2 { display: none; }
#contact-nav { background-color: #FFF; }
#contact-nav .inner_frame { padding: 15px; }
#contact-nav p.contact_name { font-family: "Open Sans Semibold"; }
.section { margin-bottom: 20px; width: 263px; float: left; margin-right: 20px; background-color: #fff; min-height: 145px; }
.section a { color: #666; }
.section h2 { font-size: 20px; font-family: "Open Sans"; padding: 20px 15px 10px; }
div#login.section { clear: left; }
#search form, #mail-list form { background-color: #FFF; text-align: center; }
#search form input#key, #mail-list form input#mail-list-key { width: 200px; background-color: #fffff; margin: 0 auto; background-color: #FFF; border: 1px solid #D6DDE3; font-family: inherit; padding: 14px; }
#sendsearch, #send-mail-list { margin-top: 10px; float: none; color: #FFF; background-color: #FA965A; font-weight: normal; font-style: normal; padding: 14px; border: 0; width: 230px; }
input[type="submit"]:hover, #eshop span.clButton a.submit:hover { -webkit-box-shadow: inset -1px -1px 4px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset -1px -1px 4px 0px rgba(0, 0, 0, 0.3); box-shadow: inset -1px -1px 4px 0px rgba(0, 0, 0, 0.3); }
input[type="submit"]:active { background-color: #E38953 !important; }
.section ul { list-style: none; padding: 0; margin: 0; }
.section ul li { border-bottom: 1px solid #D6DDE3; color: #FA965A; }
.section ul li.current a { color: #3B3E4F; }
.section ul li a { font-size: 15px; padding: 12px 20px 12px 0px; display: block; position: relative; line-height: 1.471; }
.section ul li a:hover { color: #AAA; }

/*.section ul li a:before {
position: absolute;
left: 17px;
top: 9px;
font-family: 'Open Sans Semibold';
font-weight: 100;
text-align: left;
font-size: 17px;
line-height: 29px;
width: 29px;
content: '>';
color: #FA965A;
}*/
#nav-basket { background: url(https://s3b.estranky.sk/img/d/1000000370/cart.png) no-repeat 172px 170px white; min-height: 259px; }
#ecategory { min-height: 259px; }

/* ADVERTISEMENT */
#sky-scraper-block {
    position: absolute;
    right: -300px;
    width: 300px;
}
#sticky-box {
  position: -webkit-sticky;
    position: sticky;
  top: 0;
  right: 0;
}

/* PHOTOS */
ul.photos-shadow { list-style: none; padding: 0; margin: 0; }
ul.photos-shadow li { display: inline-block; text-align: center; vertical-align: top; }
ul.photos-shadow .wrap-box { width: 209px; margin-bottom: 0; display: inline-block; position: relative; }
ul.photos-shadow .wrap-box-inner { display: block; max-width: 100%; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
ul.photos-shadow .shadow-wrap { width: 100%; height: auto; padding: 0 20px 20px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
ul.photos-shadow li a { display: block; position: relative; overflow: hidden; }
ul.photos-shadow .wrap-box .wrap-box-element { vertical-align: top; width: 100%; height: auto; }

/* LOGIN */
#login .inner_frame { text-align: center; }
#login input[type="text"], #login input[type="password"], #login input[type="submit"] { border: 1px solid #CCC; background: #FFF; padding: 14px 5px; margin: 3px 0; color: #424242; }
#login label { display: none; }
#login input[type="text"], #login input[type="password"] { width: 220px; }
#login input[type="submit"] { width: 232px; border: none; color: #FFF; background-color: #FA965A; float: none; }
#login p a { display: inline-block; margin: 10px 8px 0 0; font-size: 0.9em; }

/* ESHOP */
#eshop .products div.article { margin: 0 20px 20px 0; padding: 0; width: 268px; float: left; border: 1px solid #D6DDE3; background: #FFF; position: relative; }
#eshop .products div.article:nth-child(3n+4) { margin-right: 0; }
#eshop .products .article h3 { float: right; width: 133px; padding: 4px; height: auto; }
#eshop .products .photo-wrap.ephoto { float: left; width: 120px; border-top: none; border-left: none; border-bottom: none; display: block; }
#eshop .products .photo-wrap.ephoto div { height: 180px; width: 120px; text-align: center; display: table; overflow: hidden; margin: 0; }
#eshop .products .photo-wrap.ephoto { width: 120px; height: 180px; float: left; margin: 0; }
#eshop .products .article .editor-area { width: 133px; float: right; padding: 4px; line-height: 20px; }
#eshop .products .price { width: 141px; float: right; text-align: center; position: absolute; bottom: 0; right: 0; font-family: "Open sans semibold"; padding: 4px 0; }
div.editor-area { padding-right: 0; }
div.editor-area:after { display: none; }
}
div#portrait img { width: 100%; height: auto; max-width: none; }
div#breadcrumb-nav { font-size: 80%; margin: -10px 0 10px; color: #999; }
div#breadcrumb-nav a { color: #000; }
#calendar .inner_frame { text-align: center; }
#calendar .inner_frame th { padding-top: 10px; }
#calendar .inner_frame th, #calendar .inner_frame td { text-align: center; padding: 4px; }
#calendar .inner_frame caption { display: none; }
#calendar .inner_frame table { width: 100%; _width: 225px; }
#calendar .inner_frame .archive-nav-c { text-align: center; }
#calendar .inner_frame .day_active { padding: 0; }
#calendar .inner_frame .day_active a { padding: 3px; display: block; color: white; background: #333333;}
#calendar .inner_frame .day_active a:hover { color: black; background: #eeeeee; -webkit-transition-property: color; -moz-transition-property: color; -o-transition-property: color; transition-property: color; }
tr#archive-days th {width: 30px;}
#calendar table thead tr td, #calendar #archive-small td, #calendar table thead tr td a, #calendar #archive-small td a { background: url("https://s3b.estranky.sk/img/d/1000000370/sipky.png") no-repeat; _background: none; }
#calendar table thead tr td.archive-nav-c, #calendar #archive-small td.archive-nav-c, #calendar table thead tr td.archive-nav-c a, #calendar #archive-small td.archive-nav-c a { background: none; }
#calendar table thead .archive-nav-l { width: 38px; background-position: 9px -21px; *background-position: 15px -22px; color: transparent; }
#calendar table thead .archive-nav-l a { background-position: 0px 5px; color: transparent; _color: #333333; }
#calendar table thead .archive-nav-l a:hover { background-position: 0px -28px; }
#calendar table thead .archive-nav-r { width: 38px; background-position: -35px -21px; *background-position: -35px -21px; color: transparent; }
#calendar table thead .archive-nav-r a { background-position: -42px 5px; color: transparent; _color: #333333; }
#calendar table thead .archive-nav-r a:hover { background-position: -51px -28px; }
#calendar #archive-small .archive-nav-l { width: 44px; background-position: 14px -23px; *background-position: 18px -22px; color: transparent; }
#calendar #archive-small .archive-nav-l a { background-position: 0px 5px; color: transparent; }
#calendar #archive-small .archive-nav-l a:hover { background-position: 0px -28px; }
#calendar #archive-small .archive-nav-r { width: 44px; background-position: -37px -23px; *background-position: -33px -22px; color: transparent; }
#calendar #archive-small .archive-nav-r a { background-position: -51px 5px; color: transparent; }
#calendar #archive-small .archive-nav-r a:hover { background-position: -51px -28px; }
#portrait .inner_frame { text-align: center; }
#stats th { padding-right: 6px; text-align: left; }
#breadcrumb-nav div { width: 11px; height: 13px; margin: 9px 13px 0px 5px; display: inline-block; font-size: 80%; background-image: url("https://s3b.estranky.sk/img/d/1000000370/bread.png"); }
div#block-comments { background-color: #FFFFFF; max-width: 100%; padding: 1px 35px 15px; }
div#block-comments .message {
    display: block !important;
    position: static;
    text-indent: 0;
    color: #f00;
    margin-bottom: 15px;
}
h2#comments { font-size: 20px; font-family: "Open Sans"; padding: 20px 0 10px; }
#contact-nav p { margin: 0; }
#eshop #panel { width: auto; }
#comments-form dt, #product-comments dt { display: none; }
#comments-form legend span { display: none; }
#block-comments h3 { color: #FA965A; margin-top: 20px; }
#block-comments > h3 { color: #818181; font-size: 18px; font-family: "Open Sans"; padding: 20px 0 0px; }
form#comments-form, #product-comments form { text-align: center; }
form#comments-form input, #product-comments input { width: 70%; font-size: 17px; padding: 11px 6px; font-family: "Open Sans Light"; margin: 5px 0; border: 1px solid #D6DDE3; }
input#c_validation { max-width: 228px !important; }
form#comments-form input.submit, #product-comments input.submit { margin-top: 20px; float: none; color: #FFF; background-color: #FA965A; font-size: 19px; line-height: 19px; font-weight: normal; font-style: normal; padding: 14px 25px; border: 0; }
a.sound-captcha { display: block; }
#comments-form textarea, #product-comments textarea { width: 70%; font-size: 17px; padding: 3px 6px; font-family: "Open Sans Light"; margin: 5px 0; border: 1px solid #D6DDE3; }
.comment { font-size: 90%; line-height: 130%; border-bottom: 1px solid #cccccc; padding: 0 10px; clear: left; }
#eshop .comment { padding: 10px; }
.comment .comment-headline h3 span { font-family: "Open Sans Semibold"; }
.comment-headline div { font-size: 80%; margin-bottom: 5px; }

/* comments level */
.level1 { padding-left: 25px; }
.level2 { padding-left: 35px; }
.level3 { padding-left: 50px; }
.level4 { padding-left: 70px; }
.level5 { padding-left: 80px; }
.level6 { padding-left: 90px; }
.level7 { padding-left: 105px; }
.level8 { padding-left: 120px; }
.level9 { padding-left: 135px; }
.admin h3 span { color: #111; }
.comment-text { padding-bottom: 2px; }
.comment-answer a { float: right; margin-top: -27px; display: block; padding: 5px 12px; background: #FA965A; color: #FFFFFF; font-size: 13px; }
.comment-answer a:hover { background: #DE8048; }
strong, b { font-family: "Open Sans Semibold"; font-weight: normal; }
#footer p { margin: 0; line-height: 22px; }
.section .inner_frame { padding: 15px; }
#mail-list-message { display: block; text-align: center; color: red; padding-top: 3px; }
h2#product-name { margin-top: 0; text-align: center; font-size: 20px; }
div#photo-album { clear: both; }
div#photo-album-nav .photo-wrap { display: none; }
#eshop #sorting select { background: #FFF; color: #666; float: right; margin: 10px; width: 264px; padding: 5px; font-size: 14px; line-height: 1; border: 1px solid #D6DDE3; border-radius: 0; height: 30px; font-family: "Open Sans"; -webkit-appearance: none; }
#eshop #sorting { margin-top: -26px; }
input#product-search-text { border: 1px solid #CCC; background: #FFF; padding: 11px 5px; margin: 3px 0; color: #424242; font-size: 100%; width: 210px; }
input#product-search-submit { background: #FFF; padding: 11px 5px; margin: 3px 0; color: #424242; width: 115px; border: 1px solid #FA965A; color: #FFF; background-color: #FA965A; font-size: 100%; }
#eshop .photo-wrap div { height: 100%; }
#eshop #photo-detail .photo-wrap { float: left; }
#eshop .article .photo-wrap, #eshop #photo-detail .photo-wrap { margin-top: 1px; }
#eshop .photos .photo-wrap { border: none; }
#eshop a#viewLightbox { display: none; }
#product div#block-comments { margin: 0; }
#eshop fieldset.validation dd { margin: 10px auto 0px; }
#eshop #panel .inner_frame { background-color: #FFF; padding: 15px; }
#eshop .wrap { width: 570px; margin: 0 auto; max-width: 100%; }
div#product-detail { font-size: 80%; }
div#calculation p, div#product-info { margin-bottom: 0; color: #999; }
#eshop #product-detail #action-panel { margin: 50px 0 5px; }
#eshop #basket input.amount { font-size: 15px; padding: 4px; font-family: "Open Sans"; height: 24px; }
#eshop #basket input.add_basket { font-size: 14px; font-family: "Open Sans"; padding: 5px 5px 5px 30px; margin: 8px 0 0 0; border-radius: 0px; -moz-border-radius: 0px; background-color: #FA965A; border: 1px solid #FA965A; color: #FFFFFF; background-image: url("https://s3b.estranky.sk/img/d/1000000370/add.png"); height: 34px; }
#eshop .photo-wrap.ephoto { border: 1px solid #FFF; }
#eshop #panel .panel-header li.active a { background: #FFF !important; border-bottom: 1px solid #FFF; }
#eshop #panel .panel-header li a { font-family: "Open Sans Semibold"; font-weight: normal; font-size: 17px; padding: 6px 16px; }
#product-comments .comment .comment-headline { font-size: 80%; margin-bottom: 6px; }
#product-comments .comment .comment-headline h3 { font-size: 14px; margin: 0; }
.column #languages a { padding: 0px 15px 0 0px; float: left; }
#eshop #product-detail .price { color: #000000; }
#eshop div#steps { margin: 0 auto; width: 270px; }
#eshop #steps li { width: 74px; padding: 0; margin: 0; text-align: center; border: 1px solid #FFF; }
#eshop #steps li.active { background: #FFF; }
form#basket_preview_form table, #confirm table { margin: 20px auto; border-spacing: 0px; }
form#basket_preview_form table th, #confirm table th { font-family: "Open Sans Semibold"; font-weight: normal; }
form#basket_preview_form table tr td, #confirm table tr td { padding: 4px 1px; }
form#basket_preview_form table tr td input[type="text"] { padding: 1px 4px; width: 50px; }
#eshop p span.clButton input { color: #FFF; background-color: #FA965A; border: 0; padding: 10px 12px; font-family: "Open Sans"; width: 100%; }
#eshop span.clButton a.submit { color: #FFF; background-color: #FA965A; border: 0; padding: 10px 0; font-family: "Open Sans"; width: 100%; text-align: center; float: left; }
#eshop span.clButton a.submit:hover { text-decoration: none; }
#eshop span.clButton { float: left; margin: 0 8px 8px 0; }
#eshop #basket_preview_form .wrap { width: 100%; margin-top: 25px; }
#eshop #basket_preview_form span.nextstep input.submit[disabled]:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
#baskettransport ul, #basketpayments ul { padding-left: 0px; margin-top: 0px; }
#basket_preview_form li { display: block; background: #FFF; margin: 4px 2px; padding: 3px; }
#eshop span.clButton.nextstep { width: 100%; }
form.gennewmail span.placeholder { display: none; }
form.gennewmail p { margin: 15px 0; }
#eshop .gennewmail fieldset.validation dd, #eshop .registration fieldset.validation dd { margin: 10px 0 0; }
form.registration.contact-info td.placeholder { display: none; }
form.registration tbody.right-float { float: left; }
form.registration tbody.left-float { float: left; margin-right: 50px; }
form#basket_preview_form tr:nth-child(2n+2), #confirm tr:nth-child(2n+2) { background-color: #FFF; }
#eshop #basket_preview_form td.remove { padding-right: 5px; }
form#basket_preview_form table tr td:nth-child(n+5), form#basket_preview_form table tr th:nth-child(n+5) { text-align: right; padding-right: 13px; }
form.login-info label, form.contact-info label { display: none; }
#eshop .settings #sameaddress + label, #eshop .settings #individual + label, #eshop .settings #firm + label, #eshop .settings #usernewsletter + label, #eshop .contact-info #sameaddress + label, #eshop .contact-info #individual + label, #eshop .contact-info #firm + label, #eshop .contact-info #usernewsletter+label { width: auto; display: inline; }
form.contact-info { margin-top: 25px; }
form.contact-info h3, form.login-info h3 { font-family: "Open Sans Semibold"; font-size: 1.2em; }
form.contact-info .left-float { float: left; margin-right: 50px; }
form.contact-info .right-float { float: left; }
fieldset#account_firm, fieldset#delivery_address { margin-top: 25px; }
form.contact-info p { clear: left; padding-top: 15px; }
form.contact-info p + p { padding: 0; }
#eshop #confirm table td, #eshop #confirm table th { padding: 2px 6px; }
#eshop #basket_preview_form td img, #eshop #confirm td img { max-width: 25px; }
form#confirm table { font-size: 80%; line-height: 19px; }
#eshop #confirm td.title { width: 35%; }
#confirm fieldset.wrap { background-color: #FFF; padding: 15px; }
#eshop #confirm .price, #eshop .order_account .price { font-weight: normal; font-family: "Open Sans Semibold"; }
fieldset#usernote { text-align: center; }
fieldset#usernote h3 { display: none; }
#eshop #confirm #usernote { text-align: center; }
#eshop #confirm #usernote textarea#usernote_area { border: 1px solid #CCC; font-size: 100%; padding: 15px; width: 570px; }
#confirm .validation dl { width: 240px; margin: 0 auto; }
#confirm { text-align: center; }
#confirm fieldset { text-align: left; }
#confirm input[type="checkbox"] { margin: 40px 3px 20px; }
#confirm span.clButton { float: none; }
#eshop #confirm span.clButton input { padding: 11px 0; }
#eshop #block-comments span.clButton { float: none; }
input[type="submit"] { cursor: pointer; }

/* RESPONSIVE */
@media (max-width:870px) {
div#breadcrumb-nav { margin-left: 10px; }
}
@media (max-width:849px) {
div#nav-column { width: 566px; }
#nav-column .column { padding-left: 0; }
div#articles { width: 580px; margin: 20px auto; padding-left: 15px; }
div#articlesArticles .article:nth-child(3n) { margin-right: 20px; }
div#photo-album { width: 580px; margin: 0 auto; padding-left: 15px; }
.folder:nth-child(3n+3) { margin-right: 20px; }
ul.photos-shadow .wrap-box { width: 190px; }
#eshop .products div.article:nth-child(3n+4) { margin-right: 20px; }
#eshop .products { width: 580px; margin: 0 auto; }
#eshop #sorting select { margin-right: 20px; }
#eshop .wrap { width: auto; }
#eshop #confirm #usernote textarea#usernote_area { width: 93%; }
}
@media (max-width:589px) {
div#articles { width: 270px; padding-left: 15px; }
#eshop div#articles { width: 100%; padding: 0; }
div#photo-album { width: 270px; padding-left: 0; }
ul.photos-shadow .wrap-box { width: 100%; }
ul.photos-shadow .shadow-wrap { padding-right: 0px; }
.section { float: none; margin: 0 auto 20px; }
#eshop form { margin-left: 15px; margin-right: 15px; }
}
@media (max-width:565px) {
div#nav-column { width: 310px; }
#eshop .products { width: 270px; }
}
@media (max-width:480px) {
div#product-detail { clear: both; padding: 20px; text-align: center; }
div#product-detail table { margin: 0 auto; text-align: left; }
#eshop #product-detail #action-panel { margin: 0; }
#eshop #photo-detail { margin: 0 auto; float: none; }
}

/* ------------------------- submenu --------------------------- */
#navigation menu li ul.classic, #navigation menu li ul.submenu, #navigation menu li ul.click, #navigation menu li ul.onmouse { display: none; background: #FA965A; }
#navigation menu li.submenu-over ul.onmouse, #navigation menu li:hover ul.onmouse, #navigation menu li.submenu-over ul.click, #navigation menu li.submenu-over ul.classic { display: block; line-height: 35px; }
#navigation menu li.submenu-over ul.onmouse, #navigation menu li:hover ul.onmouse, #navigation menu li.submenu-over ul.click { margin: 0px 0 0 1px; }
#navigation menu li.submenu-over ul.onmouse, #navigation menu li:hover ul.onmouse, #navigation menu li.submenu-over ul.click { position: absolute; z-index: 99999; *width: 400px; }
#navigation menu li.submenu-over ul.onmouse li, #navigation menu li.submenu-over ul.onmouse li.current, #navigation menu li:hover ul.onmouse li, #navigation menu li:hover ul.onmouse li.current, #navigation menu li.submenu-over ul.click li, #navigation menu li.submenu-over ul.click li.current { float: none; border: 0; padding-left: 0; text-align: left; color: #000000; background-image: none; opacity: 0.9; width: 100%; }
#navigation menu li.submenu-over ul.onmouse li a, #navigation menu li.submenu-over ul.onmouse li.current a, #navigation menu li:hover ul.onmouse li a, #navigation menu li:hover ul.onmouse li.current a, #navigation menu li.submenu-over ul.click li a, #navigation menu li.submenu-over ul.click li.current a { min-width: 100px; width: 100%; border-left: none; border-right: none; border-bottom: 1px solid #eeeeee; font-size: 1em; padding: 0px 0px 0px 10px; background-color: #fefefe; color: #757575; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; }
#navigation menu li.submenu-over ul.onmouse li a:last-of-tipe, #navigation menu li.submenu-over ul.onmouse li.current a:last-of-tipe, #navigation menu li:hover ul.onmouse li a:last-of-tipe, #navigation menu li:hover ul.onmouse li.current a:last-of-tipe, #navigation menu li.submenu-over ul.click li a:last-of-tipe, #navigation menu li.submenu-over ul.click li.current a:last-of-tipe { border-bottom: none; }
#navigation menu li.submenu-over ul.onmouse li a:hover, #navigation menu li.submenu-over ul.onmouse li.current a:hover, #navigation menu li:hover ul.onmouse li a:hover, #navigation menu li:hover ul.onmouse li.current a:hover, #navigation menu li.submenu-over ul.click li a:hover, #navigation menu li.submenu-over ul.click li.current a:hover { background: #FFF; color: #FA965A; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; }
#navigation menu li.submenu-over ul.onmouse li:last-child a, #navigation menu li.submenu-over ul.onmouse li.current:last-child a, #navigation menu li:hover ul.onmouse li:last-child a, #navigation menu li:hover ul.onmouse li.current:last-child a, #navigation menu li.submenu-over ul.click li:last-child a, #navigation menu li.submenu-over ul.click li.current:last-child a { border-bottom: none; }
ul.submenu { padding-left: 10px; padding-right: 10px; }
.list-of-pages, #paging { padding: 10px 35px; margin: 20px 0; text-align: center; clear: both; }
.list-of-pages .numbers { padding: 0; }
.list-of-pages p { display: inline-block; *display: inline; }
.list-of-pages span, .list-of-pages a, #paging span, #paging a { margin: 3px 10px 3px 0; padding: 5px 15px; *padding: 2px 5px; font-size: 0.857em; display: inline-block; }
.list-of-pages a, #paging a { border: 0; background: #FA965A; color: #fff; *font-size: 0.71em; *padding: 2px 10px; }
#footer a.promolink { background-image: url("https://s3b.estranky.sk/img/d/1000000370/promolink.png"); padding: 10px 5px 0 22px; }
#eshop #basket_preview_form li div { font-size: x-small; margin-left: 23px; }
#eshop #basket_preview_form td.price { font-family: "Open Sans Semibold"; font-weight: normal; }
form.contact-info span { color: red; }
div#last-photo img { width: 100%; height: auto; }
.section_article { margin: 15px 0; }
form.settings label { display: none; }
#eshop th { font-family: "Open Sans Semibold"; font-weight: normal; }
#ecategory ul ul li { border-bottom: none; padding-left: 20px; }
.ie9 #document .column label, .ie8 #document .column label, .ie9 #comments-form label, .ie8 #comments-form label, .ie9 #eshop #block-comments form dt, .ie8 #eshop #block-comments form dt, .ie9 #eshop .placeholder, .ie8 #eshop .placeholder, .ie9 #usernote label, .ie8 #usernote label, .ie9 #content #eshop .settings .labelFix label, .ie8 #content #eshop .settings .labelFix label, .ie9 #content #eshop .login-info label, .ie8 #content #eshop .login-info label, .ie9 #content #eshop .contact-info .labelFix label, .ie8 #content #eshop .contact-info .labelFix label { display: block; }
div#login p { clear: left; margin-bottom: 4px; }
#eshop #basket_preview_form td.coupon input.submit { padding: 10px 12px; font-family: "Open Sans"; }
#eshop #basket_preview_form td.coupon input.couponText { width: 100px; padding: 11px 4px; position: relative; top: 0px; }
#eshop #basket_preview_form td.title { width: 43%; }
#eshop #basket_preview_form span.clButton { float: none; }
.full-width div#nav-column { display: none; }
#archive .under-article { padding: 0; }
#archive .folder { margin-top: 25px; }
#archive .article .preview { display: none; }
#archive .article { padding: 18px 35px; }
div#slide { text-align: center; }
.slidenav { width: 300px; margin: 0 auto; }
div#slide div#photo_prev_div { float: left; }
div#slide div#photo_next_div { float: right; }
div#slide div#timenav { margin: 20px; }
div#slide #thumbnav .box { display: inline-block; }

.menu-toggle {
  position: absolute;
  margin-top: 18px;
  right: 10px;
  border: 0;
  outline: 0;
  padding: 0;
    padding-bottom: 6px;
  cursor: pointer;
  min-height: 35px;
  display: none;
  background: transparent;
  z-index: 99999;
}
.menu-toggle span {
  border-top: 5px black solid;
    width: 30px;
    margin: 2px 0;
    display: block;
    transition: 0.3s all linear;
}
.menu-toggle.menu-active span:nth-of-type(1) {
  opacity: 0;
}
.menu-toggle.menu-active span:nth-of-type(2) {
  transform: rotate(45deg);
}
.menu-toggle.menu-active span:nth-of-type(3) {
  transform: rotate(-45deg);
  margin-top: -7px;
}

@media only screen and (max-width: 991px) {

  #whole-page {
    overflow: hidden;
  }
  body {
    width: 100% !important;
  }
  .menu-toggle {
      display: block;
  }
  #navigation #logo {
      margin: 5px 0 0 0;
    }
  #navigation nav {
    display: none;
  }
  #navigation.menu-active nav {
    display: block;
  }
  #navigation .inner_frame {
        min-height: 70px;
  }
  #navigation .inner_frame menu {
      width: 100%;
        position: relative;
        background: white;
        z-index: 9999;
        padding-top: 50px;
  }
  #navigation .inner_frame menu li {
      display: block;
      text-align: center;
      border-bottom: 1px solid #e8e9e8;
  }
  #navigation .inner_frame menu li a {
        padding: 10px 0;
        white-space: pre-wrap;
        line-height: 2;
  }
  .level_2 {
      display: none !important;
  }

}

/* ------------- CUSTOM GALLERY ---------------- */
/* INIT SLIDER STYLES  */
.initSlider,
.initSlider *,
.initSlider *::after,
.initSlider *::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

 

.slide.hide,
.slide.hideSlide {
  display: none !important;
}

 

.initSlider {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 1;
}
.initSlider .firstImg {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
}

 

.initSlider .lastImg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
}
.initSlider img {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  user-drag: none;
}

 

.initSlider .slide {
  position: relative;
  display: inline-block;
  float: left;
  overflow: hidden;
  text-align: center;
}

 

.initSlider .slide a {
  z-index: 55;
}

 

.initSlider .containerGallery {
  position: relative;
  display: inline-block;
}

 

.initSlider .slider__arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 40px;
  background: rgba(0, 0, 0, 0.4);
}
/* end INIT SLIDER STYLES */

 

/* SLIDER GALLERY STYLES  */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
  body[data-slider-open="true"] {
     background: #000;
  }
}
body[data-slider-open="true"] {
  overflow: hidden;
}
body[data-slider-open="true"] .slider-gallery {
  display: block;
}

 

.slider-gallery {
  position: fixed;
  z-index: 100000;
  padding: 5px 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000;
  display: none;
}
.slider-gallery .slider-gallery__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
   -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 15px 10px;
  margin-top: 15px;
}
.slider-gallery .slider-gallery__title {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: left;
 -webkit-box-flex: 1;
   -ms-flex: 1;
    flex: 1;
}
.slider-gallery .slider-gallery__position {
  font-size: 1.42857rem;
  -webkit-box-flex: 1;
   -ms-flex: 1;
    flex: 1;
}
.slider-gallery .slider-gallery__count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
  color: inherit;
}
.slider-gallery .slider-gallery__header-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: 1;
   -ms-flex: 1;
    flex: 1;
}
.slider-gallery .slider-gallery__close {
  padding-left: 5px;
 cursor: pointer;
}

 

.slider-gallery .slider-gallery__close:hover {
  opacity: 0.6;
}
.slider-gallery .slider-gallery__description-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px 10px 0;
  line-height: 1.5;
}

 

.slider-gallery .slider-gallery__description,
.slider-gallery .slider-gallery__comment {
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
  color: #eee;
  text-align: left;
}

 

.slider-gallery .slider-gallery__comment {
  font-size: 0.7rem;
}

 

.slider-gallery .slider-gallery__arrow {
  position: absolute;
  top: 0;
  bottom: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  color: transparent;
  text-decoration: none;
  cursor: pointer;
}
.slider-gallery .slider-gallery__arrow {
  width: 30px;
}

 

.slider-gallery .slider-gallery__arrow:hover {
  opacity: 0.6;
}

 

.slider-gallery .slider-gallery__arrow-prev {
  left: 0;
  width: 30%;
}

 

.slider-gallery .slider-gallery__arrow-next {
  right: 0;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 70%;
}

 

.slider-gallery .slider-gallery__arrow-icon {
   border: solid #fff;
    border-width: 0 4px 4px 0;
    display: inline-block;
    padding: 8px;
    position: relative;
}

 

.slider-gallery .slider-gallery__arrow-prev-icon {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    left: 10px;
}

 

.slider-gallery .slider-gallery__arrow-next-icon {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    right: 10px;
}

 

.slider-gallery .slider-gallery__slider {
  position: relative;
  height: 80vh;
  min-height: 700px;
}

 

.slider-gallery .slider-gallery__slide {
  height: 100%;
}

 

.slider-gallery .slider-gallery__container {
   position: relative;
   height: 89vh;
   height: calc(100vh - 65px);
   padding: 0 15px;
}

 

.slider-gallery .slider-gallery__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  text-align: center;
}

 

.slider-gallery .slider-gallery__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  height: 100%;
  max-width: 90%;
  max-height: 100%;
  margin: auto;
  overflow: hidden;
}

 

.slider-gallery .slider-gallery__img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

 

.slider-gallery .containerGallery {
    height: 100%;
}

 

@media (max-width: 650px) {
  .slider-gallery .slider-gallery__container {
     padding: 0;
  }
}
/* end SLIDER GALLERY STYLES */

 

/* Foto (vyjmutí #photos definicí -> nově má samostané styly ) */
#preview-folder .box, #thumbnav .box, .folder .photo-wrap, #photo-album-nav li .photo-wrap {
  width: 100%;
  height: 130px;
  float: left;
  margin: 15px 0 0;
}
#preview-folder .box div, #thumbnav .box div, .folder .photo-wrap div, #photo-album-nav li .photo-wrap div {
  height: 130px;
  width: 100%;
  text-align: center;
  display: table;
  overflow: hidden;
}
#preview-folder .box div a, #thumbnav .box div a, .folder .photo-wrap div a, #photo-album-nav li .photo-wrap div a {
  height: 100%;
  border: 0;
  display: table-cell;
}
#preview-folder .box div img, #thumbnav .box div img, .folder .photo-wrap div img, #photo-album-nav li .photo-wrap div img {
  width: auto;
  height: auto;
  max-width: 80%;
  max-height: 120px;
}

 

@media (max-width: 900px) {
  #preview-folder .box, #thumbnav .box, .folder .photo-wrap, #photo-album-nav li .photo-wrap {
    width: 100%;
    height: auto;
    margin: 10px 5px 0;
  }
  #preview-folder .box div, #thumbnav .box div, .folder .photo-wrap div, #photo-album-nav li .photo-wrap div {
    height: auto;
    width: 95%;
  }
 #preview-folder .box div img, #thumbnav .box div img, .folder .photo-wrap div img, #photo-album-nav li .photo-wrap div img {
    max-width: 90%;
    max-height: 100%;
  }
}

 

/* speciální úprava pro detail galerie */
#photos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
   justify-content: space-between;
}
#photos::after {
    content: "";
    flex: auto;
}
#photos .slide {
  width: 130px;
  height: 130px;
  float: left;
  margin: 15px 7px 0;
}
#photos .slider-gallery__wrap {
  height: 130px;
  width: 130px;
  text-align: center;
  display: table;
  overflow: hidden;
}
#photos .slider-gallery__box {
  height: 100%;
  border: 0;
  display: table-cell;
}
#photos .slider-gallery__img {
  width: auto;
  height: auto;
  max-width: 120px;
  max-height: 120px;
  cursor: pointer;
}
#photos .slider-gallery__description-box {
   display: none;
}

 

@media (max-width: 900px) {
  #photos .slide {
    width: 75px;
    height: 75px;
    margin: 10px 5px 0;
  }
  #photos  .slider-gallery__wrap {
    height: 75px;
    width: 75px;
  }
  #photos .slider-gallery__img {
    max-width: 75px;
    max-height: 75px;
  }
}
/* Galerie responsive END */