/* Farby */
a {color:#4396DC;}
a.visited {color:#73ABDA;}
a:hover {color:#2626D6;}
h1, h2 {color:#00BD39;}
h3, h4 {color:#00B25C;}
h5, h6 {color:#0ACF00;}
legend {color:#00BD39;}

/* Dizajn */

#top {
  width:100%;
  background: url("/userdata/pages/4rgog3/kaviaren_bg03.jpg") bottom center no-repeat;
  background-size: cover;
  margin-top:-50px;
  min-height:700px;
}
#top .cont{margin: 0px auto;text-align: center;z-index:100;position: relative;}
#top #devices{z-index:100;position: relative;top:57px;}
#top #devices img{left: 350px;position: relative;top: 4px;left:50%;margin-left:-470px;}

#top #top-text1, #top #top-text2{ 
  font-size: 3em;
  text-align: center;
  color: #fff;
  line-height: 110%;
  text-shadow: rgba(0, 0, 0, 1) 2px 2px 6px;
}
#top #top-text2 {font-size: 2em;}
#top #top-video {position: absolute;top: 0;left: 50%;margin-left: -634px;}


html, body, applet, object, iframe, .wrapperb h1, .wrapperb h2, .wrapperb h3, .wrapperb h4, .wrapperb h5, .wrapperb h6, .wrapperb 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, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;}

body {margin:0px;font-family:"Trebuchet MS", Helvetica, sans-serif}
#header-all {background-color: #83D22B; overflow: hidden;height: 50px;}
#header-basic { margin: 0 auto;}

/* pomocne */
.ezop-page {position: relative;}
.maxwidth, .section, .ezop-page, h1 {max-width: 800px;margin: 0px auto;}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }
  
#next-sec span {
  background: url("/App_Themes/MenuDnaTheme/Images/arr_down_2.png") no-repeat #F49A22;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  overflow: hidden;
  text-indent: -9000px;
  display: block;
  cursor: pointer;
  position: fixed;
  right: 35px;
  top: 300px;
  z-index: 99999;  
}
#next-sec span.go-to-top {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.header-logo-z {
  background-color: #FFF;
  display: inline-block;
  padding: 4px 11px;
  border-radius: 17px 17px 0px 0px;
  border-bottom: 1px solid #FFF;
  margin-left: 12px;
  padding-bottom: 6px;
  vertical-align: top;
}
.header-reg-z{vertical-align: top; margin-top: 0px; display: inline-block; margin-left: 2px; color: #FFF; font-size: 13px;font-family: Arial;}
.social-btn{background: url('/userdata/images/gui.png') no-repeat; display: inline-block; width: 33px; height: 35px; text-decoration: none;    margin: 5px; opacity: .7;}
.social-btn:hover{text-decoration: none;}

/* cookies info*/
.ck-agrmnt-pnl {
    color: #FFF;
    background-color: #818181;
    padding: 2px 0 5px;
    font-size: 9pt;
    line-height: 18px;
    font-family: Arial;
}

.ck-agrmnt-pnl-in {
    max-width: 980px;
    margin: 0 auto;
    padding: 0 4px;
}
span.ck-agrmnt-pnl-txt {
margin-right: 5px;
vertical-align: middle;
}

a.ck-agrmnt-pnl-link, a.ck-agrmnt-pnl-ok {
    
    cursor: pointer;
    color: #FFF;
    padding: 3px 8px;
    background-color: #564F4F;
    border-radius: 2px;
    vertical-align: bottom;
}
a.ck-agrmnt-pnl-link:hover, a.ck-agrmnt-pnl-ok:hover {
    color:white
}
a.ck-agrmnt-pnl-link{
    margin-right: 20px;
}

/* ADMIN ezop veci */
.admin-panel-frontpage{display:none;}
/* ezop info o dokumentoch */
.ezop-page-admin-editbar{ float:right;}
.ezp-page-info-details, .ezp-page-info-details, .ezop-docman-front-item .ezp-documents-info-details{z-index:50; position:absolute; background-color:Black; border:1px solid black; padding:10px; color:White; margin:0px -320px;display:none;
                            -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -khtml-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;}
.ezp-page-info-details td, .ezp-page-info-details th, .ezop-docman-front-item .ezp-documents-info-details td, .ezp-documents-info-details th{background-color:transparent !important; word-wrap:break-word; border:none; background-image:none !important; text-align:left; font-weight:normal; padding:0px !important; height: auto !important;}
.ezp-page-info-details td td{min-width:200px;}
.ezp-page-info-details td div{word-wrap:break-word; min-width:200px;}    

/* URL odkazy */
.ezp-page-url-info{display:none; background-color:#1A1A1A;padding:7px;z-index:1000;position:absolute; border-radius:3px; color:White; }
.ezp-page-url-info input{display:inline-block;width:320px;}
.ezop-page-url-info-qrcode{margin-left:5px;}
.ezop-page-url-info-qrcode img {vertical-align:text-bottom;}
.ezp-page-url-close{float:right;}

.page-editbar-edit-url-copy, .page-editbar-edit-url-copy ul{list-style:none;margin:0;display:inline-block;}
.page-editbar-edit-url-copy{padding:5px 8px 0px 0px;}
.page-editbar-edit-url-copy ul{display:none; position:absolute; padding:3px 6px 5px 6px;}
.page-editbar-edit-url-copy ul li {margin-top:5px;}
.page-editbar-edit-url-copy:hover ul {display:block; background-color:#F5F5F5;}
.page-editbar-edit-url-copy:hover{background-color:#F5F5F5;}  

.ezop-btn-row, .ezop-btn-row-del, .ezop-btn-row-edit{width:16px;height:16px;display:inline-block;margin-left:4px;}
.ezop-btn-row-del{background:url('/App_Themes/EzopTheme/Images/del.png') no-repeat;}
.ezop-btn-row-edit{background:url('/App_Themes/EzopTheme/Images/edit.png') no-repeat;}
.ezop-page-admin-editbar{ float:right;}

/* Informacny modul, ktory sa zobrazuje pri ostatnych moduloch na vrchu stranky a ma len jeden text. */
.ezop-message-box-info, .ezop-message-box-warning, .ezop-message-box-error{color:White; font-size:120%;font-weight:bolder;margin:5px 3px 5px 3px;display:block;min-height:33px; padding:3px 5px 3px 35px;background-position:left center;}
.ezop-message-box-info{background:url('Images/msg_info_24.png') no-repeat; border-bottom: solid 2px Navy; border-top: solid 2px Navy; background-color:rgb(85,149,210);}
.ezop-message-box-warning{background:url('Images/msg_warning_24.png') no-repeat; border-bottom: solid 2px Orange; border-top: solid 2px Orange; background-color:rgb(255,196,102);}
.ezop-message-box-error{background:url('Images/msg_error_24.png') no-repeat; border-bottom: solid 2px Red; border-top: solid 2px Red; background-color:rgb(255,124,124);}
.ezop-message-box-empty{}

@media screen and (max-width: 770px) {
  #ckie-agr-pnl {position: fixed;z-index: 500;bottom: 0;}
}
.ezp-page-lang-select{
	margin:10px 4px 0 4px;
}

.ezp-page-lang{
    display: inline-block;
    width: 29px;
    height: 19px;
    margin: 0 18px 6px 0;
    background-image: url('../EzopTheme/Images/eu_flags_47x30.jpg');
    background-repeat: no-repeat;
    background-size: 238.666666667px 223.333333333px;
}
.ezp-page-lang-select .ezp-page-lang:last-child {
    margin-right:0px;
}

.ezp-page-lang.sk-SK {
    background-position: -86px -169px;
}

.ezp-page-lang.en-US, .ezp-page-lang.en-GB {
    background-position: -8px -62px;
}

.ezp-page-lang.it-IT {
    background-position: -124px -62px;
}

.ezp-page-lang.de-DE {
    background-position: -47px -35px;
}

.ezp-page-lang.cs-CZ {
    background-position: -200px -169px;
}

.ezp-page-lang.de-AT {
    background-position: -200px -115px;
}

.ezp-page-lang.es-ES {
    background-position: -162px -170px;
}
.ezp-page-lang.sl-SI {
    background-position: -123px -169px;
}
.ezp-page-lang.ru-RU {
    background-position: -123px -142px;
}

.ezp-page-lang.pl-PL {
    background-position: -8px -142px;
}
.ezp-page-lang.hu-HU {
    background-position: -85px -196px;
}

.qr-scan-btn {
    display: none;
    align-items: center;
    gap: .6rem;
    padding: 14px 22px;
    border: 0;
    border-radius: 999px;
    background: #22c55e;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 6px 14px rgba(0,0,0,.15);
    transition: all .15s ease;
}

.qr-scan-btn:hover {
    background: #16a34a;
    box-shadow: 0 8px 18px rgba(0,0,0,.18);
}

.qr-scan-btn:active {
    transform: translateY(1px);
}

.qr-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: white;
    opacity: .9;
}

.qr-wrap {
    margin: 20px 0;
    text-align: center;
}

#qrReader {
    max-width: 320px;
    margin: 16px auto auto auto;
    border-radius: 14px;
    overflow: hidden;
}

#qrMsg {
    display: none;
    margin-top: 12px;
    padding: 10px 14px;
    border-radius: 10px;
    background: #fee2e2;
    color: #7f1d1d;
    font-weight: 600;
}

/* Paticka (navrh 29): copyright, zasady cookies, odkaz na iKelp */
#zo-footer {
    margin: 40px 0 0 0;
    padding: 14px 12px;
    background-color: #83D22B;
    color: #fff;
    font-size: 13px;
    line-height: 1.6;
    text-align: center;
}
#zo-footer .zo-footer-copy,
#zo-footer .zo-footer-link {
    display: inline-block;
    margin: 0 10px;
    color: #fff;
}
#zo-footer .zo-footer-link:hover {
    color: #fff;
    text-decoration: underline;
}

/* Clanky sekcie qr (navrh 29, Z2): triedy namiesto inline stylov zo stareho webu */
.zo-guide {
    max-width: 720px;
    margin: 0 auto;
    padding: 0 10px;
}
.zo-title,
.zo-center {
    text-align: center;
}
.qr-place {
    text-align: center;
    margin: 10px 0;
}
details.zo-details {
    text-align: center;
}
details.zo-details summary {
    display: inline-block;
    cursor: pointer;
    color: #4396DC;
}
details.zo-details summary:hover {
    color: #2626D6;
}
.zo-steps {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin: 10px 0;
}
.zo-steps img {
    display: block;
    width: 250px;
    height: auto;
}
.zo-feature {
    margin: 20px auto;
    max-width: 300px;
    clear: both;
    overflow: hidden;
}
.zo-feature-icon {
    float: left;
    margin: 0 5px 1px 0;
}
.zo-feature h3 {
    margin: 0 0 4px;
    text-align: left;
}
.zo-feature p {
    text-align: justify;
}
.zo-note {
    max-width: 300px;
    margin: 0 auto;
    font-size: 10pt;
}
.zo-sep {
    margin: 10px 0;
}
.zo-promo {
    margin: 10px auto;
    max-width: 300px;
    clear: both;
    overflow: hidden;
}
.zo-promo-logo {
    float: left;
    width: 60px;
    height: 60px;
    margin: 0 5px 1px 0;
}
.zo-promo p {
    font-size: small;
    margin: 0;
}
.zo-promo a {
    color: #42b7d8;
}
.zo-msg {
    max-width: 720px;
    margin: 20px auto;
    padding: 0 10px;
}
.zo-msg h2 {
    text-align: center;
}

/* Panel nastaveni cookies (odkaz Preferencie cookies, CookieAgreement.ascx): kopia pravidiel z iKelpComTheme/Site.css
   (.slide-check-* a .ck-argmnt-*), tema MenuDna ich nemala a panel sa vypisal ako text. Pri zmene v iKelpCom zmenit aj tu. */
.slide-check-container {
    position: relative;
    width: 90px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: pointer;
    border: 1px solid #666;
    border-radius: 32px;
    height: 32px;
    overflow: hidden;
}

.slide-check-container-inner {
    width: 200%;
    width: 150px;
    float: left;
    white-space: nowrap;
    position: relative;
}

.slide-check-container input {
    display: none !important;
}

.slide-check-container label {
    white-space: nowrap;
    cursor: pointer;
    display: block;
    overflow: hidden;
}

.slide-check-container, .slide-check-container label {
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
}

label.slide-check-label-on {
    padding: 0;
    padding-left: 15px;
    background-color: #44AB67;
    border-radius: 32px 0 0 32px;
    width: 50%;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    color: #FFF;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0px 15px 0px rgba(0, 0, 0, 0.08) inset;
    float: left;
}


label.slide-check-label-off {
    padding: 0;
    padding-right: 15px;
    background-color: #E65C5C;
    color: white;
    text-align: right;
    border-radius: 0 32px 32px 0;
    width: 50%;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0px 15px 0px rgba(0, 0, 0, 0.08) inset;
    float: left;
}

.slide-check-disable label.slide-check-label-off, 
    .slide-check-disable label.slide-check-label-on, .slide-check-container input[disabled] ~ label{
    background-color:#B3B3B3;
}


.slide-check-handle {
    width: 32px;
    margin: 0px;
    background: #FFF;
    border: 1px solid #666;
    border-radius: 32px;
    position: absolute;
    top: 0;
    bottom: 0;
    box-shadow: 0 1px 1px #FFF inset;
    height: 32px;
    top: -1px;
    left: 59px;
}

.slide-check-handle-right {
    height: 100%;
    width: 100%;
    padding-right: 3px;
}

.slide-check-handle-center {
    height: 100%;
    width: 100%;
}

.slide-checkbox.small .slide-check-container {
    width: 40px;
    border-radius: 20px;
    height: 20px;
}

.slide-checkbox.small .slide-check-container-inner {
    width: 68px;
}

.slide-checkbox.small label.slide-check-label-on {
    border-radius: 20px 0 0 20px;
    height: 20px;
    line-height: 20px;
}


.slide-checkbox.small label.slide-check-label-off {
    border-radius: 0 20px 20px 0;
    height: 20px;
    line-height: 20px;
}


.slide-checkbox.small .slide-check-handle {
    width: 20px;
    border-radius: 20px;
    height: 20px;
    left: 18px;
}

.ck-argmnt-root{
    position: fixed !important;
    z-index: 2147483644 !important;
    align-items: center !important;
    height: 100% !important;
    left: 0px !important;
    overflow-x: auto !important;
    top: 0px !important;
    display: flex;
    justify-content: center !important;
    width: 100% !important;
}


.ck-modal-v{
       background-color: black !important;
    height: 100% !important;
    left: 0px !important;
    opacity: 0.6 !important;
    position: fixed !important;
    top: 0px !important;
    width: 100% !important;
    z-index: -1 !important;
}

.ck-argmnt-dial{
    max-width: 512px !important;
    width: 90% !important;
    display: flex !important;
}

.ck-argmnt-dial-body{
    max-height: 80vh !important;
    background-color: rgb(255, 255, 255) !important;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    border-radius: 8px !important;
    box-shadow: rgb(0 0 0 / 16%) 0px 4px 8px !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    outline: transparent solid 1px !important;
}

.ck-argmnt-dial-ptitle-pnl {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ck-argmnt-dial-ptitle {
    font-weight: bold;
    font-size: 13px;
}

.ck-argmnt-dial-parts {
    margin-top: 15px;
}

.ck-argmnt-dial-part {
    margin-bottom: 5px;
}
.ck-argmnt-dial-part-chld {
    margin-left: 25px;
}
.ck-argmnt-dial-desc{
    font-size: 13px;
}
.ck-argmnt-dial-p-desc {
    font-size: 10px;
}

.ck-argmnt-dial-conf-pnl {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 13px 50px 16px;
    margin-top: 13px;
    padding-top: 16px;
    border-top: 1px solid #dbdbdb;
}
.ck-argmnt-dial-cont {
    flex: 1 1 auto !important;
    overflow-y: overlay !important;
}
.ck-argmnt-dial-cont-scrl {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    box-sizing: border-box;
    margin: 0 50px;
}
@media(max-width:420px) {
    .ck-argmnt-dial-cont-scrl {
        margin: 0 25px;
    }
}

.ck-argmnt-dial-conf-btn{
    display: inline-block;
    cursor: pointer;
    font-family: "Montserrat", Verdana, Geneva, Tahoma, sans-serif;
    text-align: center;
    color: #fff;
    background-color: #24bf24;
    padding: 8px 15px;
    border-radius: 3px;
    position: relative;
    text-decoration: initial;
    transition: all 300ms ease;
    min-width: 140px;
    margin: 3px 15px;
}
.ck-argmnt-dial-conf-btn:hover {
    color: #fff;
    text-decoration: none;
    background-color:#31ac31;
}

.ck-argmnt-dial-conf-btn.gray {
    background-color:#969696;
}
.ck-argmnt-dial-conf-btn.gray:hover {
    background-color:#868686;
}

.ck-argmnt-dial-topt {
    color: rgb(95, 99, 104) !important;
    font-size: 14px !important;
    margin-top: 24px !important;
    font-weight: bold !important;
    text-align: center !important;
}

.ck-argmnt-dial-title {
    margin: 12px 0px !important;
    font-size: 18px !important;
    font-weight: bold !important;
    font-style: normal !important;
    text-decoration: initial !important;
    text-align: center !important;
    font-family: "Open Sans" !important;
    color: rgb(0, 0, 0) !important;
}



.ck-argmnt-dial-cont::-webkit-scrollbar {
    width: 8px;
}

.ck-argmnt-dial-cont::-webkit-scrollbar-button {
    display: none;
}

.ck-argmnt-dial-cont::-webkit-scrollbar-track {
    background: transparent;
}

.ck-argmnt-dial-cont::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 20px;
}

.ck-argmnt-dial-agrmntdat {
    font-size: 13px;
    margin: 5px 0 0 0;
}

/* Cookies okno kompaktne (10/2026): bez uvitania, titulok s ikonou, uvodny text zbaleny na 2 riadky (Zobrazit viac v ezop.js),
   Blizsie informacie vzdy vidiet, kategorie a tlacidla sa na mobile zmestia na jednu obrazovku. */
.ck-argmnt-dial-topt {
    display: none !important;
}
.ck-argmnt-dial-title {
    margin: 18px 0 8px !important;
    font-size: 17px !important;
    line-height: 1.3 !important;
}
.ck-argmnt-dial-title::before {
    content: "\1F36A\00A0";
}
.ck-argmnt-dial-desc-txt {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ck-argmnt-dial-desc-txt.open {
    display: block;
    -webkit-line-clamp: unset;
    line-clamp: unset;
    overflow: visible;
}
.ck-argmnt-dial-more,
.ck-argmnt-dial-desc .ckie-agr-link {
    display: inline-block;
    margin: 4px 14px 0 0;
    font-size: 13px;
}
.ck-argmnt-dial-agrmntdat {
    font-size: 12px;
    color: #6b7280;
    margin: 4px 0 0 0;
}
.ck-argmnt-dial-parts {
    margin-top: 10px;
}
.ck-argmnt-dial-p-desc {
    font-size: 12px;
    color: #4b5563;
}
.ck-argmnt-dial-cont-scrl {
    margin: 0 24px;
}
.ck-argmnt-dial-conf-pnl {
    margin: 10px 24px 14px;
    padding-top: 12px;
}
@media(max-width:420px) {
    .ck-argmnt-dial-cont-scrl {
        margin: 0 16px;
    }
    .ck-argmnt-dial-conf-pnl {
        margin: 8px 16px 12px;
        flex-wrap: nowrap;
    }
    .ck-argmnt-dial-conf-itm {
        flex: 1 1 0;
    }
    /* Skryte tlacidlo (Len nevyhnutne alebo Ulozit podla stavu) nema zaberat miesto. */
    .ck-argmnt-dial-conf-itm:has(> .ck-argmnt-dial-conf-btn[style*="none"]) {
        display: none;
    }
    .ck-argmnt-dial-conf-btn {
        display: block;
        min-width: 0;
        margin: 3px 4px;
        padding: 8px 6px;
    }
}