/* 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;
}