/* cmsms stylesheet: page2025 modified: 07/02/25 23:50:15 */
/* cmsms stylesheet: page2024 modified: 06/24/24 21:16:08 */
body .pair .input textarea, body .pair .input input, body .pair .input select {border-radius:0; padding:5px 5px; font-size:80%;}
.error_message ul {color:red; font-weight:bold; margin:0; padding:0;}
.error_message li {margin:0;  list-style:none; padding:0;}
input, select, textearea,.form input, .form select, .form textarea, textarea {color:#000}
leend {color:#fff}
@font-face {
    font-family: 'norrmal';
    src: url('../../uploads/files/fonts/2017/botanika-3-lite-webfont.woff2') format('woff2'),
    url('../../uploads/files/fonts/2017/botanika-3-lite-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'heeavy';
    src: url('../../uploads/files/fonts/2017/botanika-8-heavyitalic-webfont.woff2') format('woff2'),
    url('../../uploads/files/fonts/2017/botanika-8-heavyitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'boold';
    src: url('../../uploads/files/fonts/2017/botanika-7-bolditalic-webfont.woff2') format('woff2'),
    url('../../uploads/files/fonts/2017/botanika-7-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* latin-ext */
@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Work Sans'), local('WorkSans-Regular'), url(https://fonts.gstatic.com/s/worksans/v3/QGYsz_wNahGAdqQ43Rh_cqDpp_k.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Work Sans'), local('WorkSans-Regular'), url(https://fonts.gstatic.com/s/worksans/v3/QGYsz_wNahGAdqQ43Rh_fKDp.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'bold';
    font-style: normal;
    font-weight: 600;
    src: local('Work Sans SemiBold'), local('WorkSans-SemiBold'), url(https://fonts.gstatic.com/s/worksans/v3/QGYpz_wNahGAdqQ43Rh3o4T8lthN2fk.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'bold';
    font-style: normal;
    font-weight: 600;
    src: local('Work Sans SemiBold'), local('WorkSans-SemiBold'), url(https://fonts.gstatic.com/s/worksans/v3/QGYpz_wNahGAdqQ43Rh3o4T8mNhN.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.subtitle-header {font-size:40px; text-transform:uppercase; margin-top:-15px; margin-bottom:0; font-family: 'Bebas Neue', cursive;}
h2,h1, .reg {  }
.main-menu {clear:both;}
.pair .label { font-size: 16px; color:inherit;}

#log_reg_form .subtitle h2 { padding-top:15px; padding-bottom:15px;}
#log_reg_form .form p.forgot {width:auto; background:#fff6d0; padding:10px; font-size:14px}
#log_reg_form .form p.forgot a {font-size:14px; padding-left:0;}
.uploads {padding-top:10px;}
.uploads .title { line-height:1em;}
#flashMsg { padding:20px 10px;  clear:both; border-bottom:0 none; background:#eddfa5; }
.invoices_list tr td,.slist tr td{font-size:14px; line-height:1.1em;}
#invoiceGenerateButton { margin-top:15px; background:#fff6d0; padding: 10px 5px; text-align:center; }
.uploads .filename {margin-bottom: 0;margin-top: 0;}
/**/
html {color: #000;}
#promo-case {margin:0 auto;width:700px;position: relative;}
.promo {left: 140px; position:relative;}
#promo-case #nav {position:absolute;z-index: 1000;text-align: right;width: 100%;right: -130px;bottom: 0;}
#promo-case #nav a { text-indent: 100050px; border:3px solid #fff;  margin-left:5px; border-radius:20px; width:10px; height:10px; display:inline-block;}
#promo-case #nav a.activeSlide { background:#fff; }
body {
    background: #000;
    color:#000000;
    font-family: 'Raleway', sans-serif;

    font-size:140%;
    letter-spacing:0px;
}
label {font-weight:normal;}
h1 {
    font-size: 33px
    font-family:'bold', arial, serif;
}
h2 {
    margin-top: 10px;
    font-size: 24px;


    color:#000000;
}
h3 {font-size: 22px;
}

#footer {margin: -20px 0 0px 0px; }
#footer table {background:url('../../uploads/images/2015/css/footer-background.png') center center no-repeat; width:1028px; margin: 0 auto;margin-top:5px;}
#footer table td {padding:15px 0 0 0}

body {
    background: url('../../uploads/images/2025/zk/background.jpg') center top repeat-x #730C14;
}

#document_wrapper {
    background-color: transparent;
    padding-left: 0;
    padding-right: 0;
    width: 999px;
    padding-top: 0;
    background: none;
}

#document_wrapper-into {
    width: 1020px;
    margin:0 auto;
    padding: 0 5px;
}

#document {border: 0 none;padding:0 8px 8px 8px;border-bottom:0 none;width:auto !important;}
#menu {width: 256px; background: #000000; font-weight:normal;}
#menu .line {display:none}
#header {padding: 600px 0;background: url('../../uploads/images/2025/zk/header.jpg') center top no-repeat;
    background-size: cover; /* or use 'contain' or '100% 100%' based on your needs */

}
#header .top_block {
    margin:0;
    width:auto;

    height: 375px;
}



#header .info_block {
    display:none;
    height: 8px;
    margin-bottom: 8px;
    background: none;
}
#header .logo2 {position:absolute; left:2%; top:15px;}
.product {border-bottom:0 none;}
.product .addtobasket input {padding:5px;}
.product .title {font-size:100%;  border-bottom:0 none;}
.product .title span {
    color: #000;
    display: inline;
    float:none;
}

#menu #user_block a {
    color: #000000;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    padding: 0  !important;
    text-decoration:none;
}

#menu #user_block a:hover{
    color: #000;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    text-decoration: underline  !important;

}

#user_block .user_logout a:hover{color:#000;}
#menu li{padding: 0 !important;margin: 0 0 0px 0 !important;font-weight:normal;}

#menu a{
    display: block;
    border-top: 0px solid #ececec;
    /* border-bottom: 1px solid #7f6600; */
    background: none;
    padding: 10px 14px 10px 24px;
    line-height: 18px;
    font-size: 14px;
    text-decoration: none;
    color:#4d5460;
}
#menu ul li {background:none !important;}
body #menu ul li a.active,#menu ul li a {color: #f1c744 !important;font-weight: normal;font-size: 100%;text-align: left;padding-right: 20px;}
#menu ul li.active a {color: #000000 !important;}

#menu a:hover,  #menu .active a{
    background: #fff;
    /* border-bottom: 1px solid #7f6600; */
    color: #000000 !important;
}

#menu .user li a {background: none;border-bottom: 0;font-weight:normal; }
#menu .reg{border: none}
#menu .reg li{text-transform:uppercase;background: #000 !important;padding: 10px 10px !important;}
#menu .reg li a,
#menu .reg .active a,
#menu .reg li a:hover
{color: #000000 !important;padding: 0 14px;border:none !important;background-image: none !important;background-color: transparent !important;}
#menu .reg li a:hover{text-decoration: underline}
#menu .user{border: none !important;text-transform: none;margin-top: -20px;background: #fff; padding-top:15px; padding-bottom: 15px;}

#menu .user li a {color: #000000 !important; padding-top:3px;  padding-bottom:3px; text-transform: none;font-size:15px;}
#menu .user li a:hover {text-decoration:underline}
#user_block {clear:both;text-align: left;background-color: #fff;color: #000000 !important;padding-left:25px;padding-bottom:15px; margin-bottom:15px;}
#user_block br {display:none}

#reg_title {
    width: 700px;
    background: #000;
}

#rights {
    color: #a2a584;
    text-align: center;
}

#content {padding: 0 0 20px 0;margin: 0px 0 0px 0px;width: 706px; background:transparent}
.yl #content {margin-top:0;}
.content_bgr{padding: 10px 20px 0 20px;margin-top: 0;border-top: 0 none; background: #fff;}
.clearfix{height:00px;display:block;clear:both;width:100%; font-size:0;}

#artworks_list {
    margin-bottom: -20px;
    margin-top: -10px;
}
.filmarik {
    background: #efc858 url(../../images/2013/category.png) no-repeat;
}
.filmarik h2{
    font-size:18px !important;
    font-family: 'PT Serif', serif;
    color:#fff !important;
    font-weight:normal !important;
}


.artwork_final .infos, .artwork .infos {}
.artlist .detail,.artwork_final, .artwork {background-color: transparent !important;color: inherit;font-weight: normal;}
.whiter h2{
    color:#fff !important;
}
.whiter {
    background: #27282c url(../../images/2013/category-even.png) no-repeat;
}
.whiter h2 .header2wrap{background:none transparent !important;}

#artworks_list {
    border-top: 0px solid #585b48;

    clear: both;
    margin-right: -20px;
    background:transparent;
}

.category h2 {
    color: #000;
    font-weight: bold;
    padding:9px 20px !important;
    line-height: 22px;
    font-size:18px !important;
    font-weight:normal !important;
}
.category{
    height: 40px; overflow: hidden; padding: 0; margin: 0;}
.event_list {background:transparent !important}
.event_list h3 {
    margin:0 10px;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}

.event_list h4 {
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    margin: 10px 20px;
}

.artwork_final, .artwork {

    margin-bottom: 4px;
    margin-left: 25px;
    width: 685px;
}
.artwork_final {
    border-bottom:0 none !important;
    width: 665px !important;
}
.artwork .company {color:#fff}
.artwork_final .company,
.artwork company {
    font-size: 14px;
    color: #000000;
    padding-bottom:0px;
}
.artwork_final .company  { color:#000000 }
.artwork_final{border-bottom:3px solid #ffffff;}
.artwork_final .infos .c_red,
.artwork .infos .c_red {
    font-size: 16px;
    text-transform:uppercase;
    color: #000000;
    font-weight: normal;
}

.artwork_final .infos,
.artwork .infos {
    color: #000000;
    font-weight: normal;
    text-transform: noe;
}

.artwork_final > div,
.artwork > div {
    padding: 0 0 0 155px;
}

.pair .input.submit input,
.product .addtobasket span.submit input {color: #000000 !important;width: 313px !important;border-top: 0px solid #f9e6a6 !important;border-bottom: 0px solid #e6ad36 !important;padding: 5px 14px 5px 14px !important;font-weight: bold;text-transform:uppercase;}


.form fieldset  {border:0 none; margin:0; padding:0;}
.form fieldset   legend {margin:0 0 10px 0; padding:20px 0 10px 0;; font-weight:bold; display:block; width:100%; border-bottom:1px solid #aaa; text-transform:uppercase;}
.form fieldset {font-size:85%;}
.form fieldset img {margin-right:5px;}
.form fieldset input {margin-right:5px;; padding:5px 10px; border-radius:0}
.form fieldset > div { margin-bottom:5px;}
.form fieldset label {display:inline-block; width:150px; font-size:100%; font-weight:normal; text-align:left; white-space:inherit}
.form fieldset .radio input {width:auto;}
.form fieldset select {width:100px; margin-right:0;}
.form fieldset select  {padding:10px !important;}
.form .submit input { margin-left:0px; background:#6fbeb5 !important; color: #fff;   line-height: 1.6em !important;  width:325px !important; font-size: 100% !important;}
.form .submit input:hover {color:#fff;}
.form input, .form select, .form textarea {width: 300px;}
.form select {width:600px;}
.pair .input { margin-left: 0px;  }
#artwork .form .submit input,#files .form .submit input  {margin-left:0;width: 100% !important;border: 0 none;}
.pair .input  input { padding:10px 5px; border:1px solid #ccc;}
.pair .input.submit input    {border:0 none; background: #000000 !important;color: #fff !important; line-height: 1.6em !important;font-weight: normal;width: 300px !important;font-size: 110% !important;}
.pair .input.submit input:hover    {background-color: #000000 !important; color:#f1c744  !important }

.product .submit input    {background-color: #000 !important; color: #fff; }
.product .submit input:hover{background-color: #f0ca5c !important; color: #000}

.product .addtobasket span.submit input {
    border: none;
    color: #000;
    padding: 3px 0;
    width:auto !important;
    font-family:arial,serif;
}

#log_reg_form{margin-top: -20px;}
#log_reg_form .subtitle {
    background-color: transparent;
    width: 700px;
    border-top: 2px solid black;
}
#log_reg_form .subtitle h2{
    color:#000000 !important;
    font-weight: normal;
}

div.user_company {
    font-size: 14px;
}

.user_logout {
    margin-top: 10px;
}

#user_block .user_logout a,#user_block .user_logout a:link,#user_block .user_logout a:visited {
    font-size: 15px;
    font-weight: normal;
    color:#000000;
}
#user_block .user_logout a:hover{color:#545454;}
.ui-tabs .ui-tabs-nav {height:auto;float:left;width:100%;padding-bottom: 0;padding-left: 0; border-color:#114173}
.ui-tabs .ui-tabs-nav li {border: 0px solid #9a703d !important;color: #000;margin-right: 3px;font-size:18px;}
.ui-state-default, .ui-widget-content .ui-state-default { background: transparent;  margin:0;  padding:10px ;  border:0 none; cursor:pointer; outline-width:0px !important;}

.ui-state-active, .ui-widget-content .ui-state-active {margin:0; border:0 none; padding:10px ; background: #000 !important;color: #000000 !important;cursor: pointer;
    outline-width:0px !important;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {}
.ui-state-active a , .ui-widget-content .ui-state-active a {color:#000000 cursor: pointer !important;}
.ui-widget-content .ui-state-active a {colo:#fff !important}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {color:#000000}
.ui-state-hover a, .ui-state-hover a:hover {color:#000000 }

.order_list {margin-left:0px;}
.order_list  li {background: #fff!important;border-bottom:1px solid #000000}
.order_list .handle {top:-13px; position: relative;}
.order_list .handle img {top:20px; position:relative; height:50px;}
.order_list .detail { top: -14px; }
.order_list .delete { top: -7px; }
.order_list .flag   { top: -0px; }
.order_list li span.thumb { display:inline-block; width: 80%; }

a {color: #337ab7;text-decoration:none;}
a:hover {color:#657279; }


.artwork_final .fb-like {float:right; padding:0 20px 0 20px; margin-right: -140px;}

.partnerOther a{display:inline-block;width:auto;height:auto;float:left;}
a.as{margin-top:15px;}
.partnerosf{margin:-30px 0 0 70px;}
#search_box select{width:200px; float: none}
#search_box {float: right; padding-top: 30px; padding-bottom:10px; margin: 0}
#search_box .cms_submit{display: inline;}

#page_title{display:block; margin: 0 0 15px 0; padding: 8px  15px 8px 15px; text-align: left;background: #fff;color:#000000;border: 0 none;}
.pagetitle2{display:block;margin: 0;padding: 15px 0;text-align: center;background: #000000;color:#fff;border: 0 none;  font-weight:normal}


.content_bgr #page_title{display:block;


}

#page_title h1{
    display:inline-block;
    font-size: 200%;
    font-weight: normal;
    color: #000000 !important;
    text-transform: none;
    letter-spacing: 0;
    font-family: 'PT Serif', serif;
    margin-bottom:0px;
}

#reg_title {
    width: 700px;
    padding: 20px 0 34px 10px !important;

    margin: 0 0 0 -20px;

}

#reg_title h1{display:inline-block;
    line-height: 30px;
    font-size: 23px;
    font-weight: normal;
    color: #fff !important;
}

.h2zoznam{display: none}
#m1b4e0moduleform_1{display: none}
.ui-tabs .ui-tabs-nav{background-color: transparent;margin-bottom:15px;border-bottom: 1px solid #114173;}
.ui-widget-content .ui-state-active a {}
.ui-state-active, .ui-widget-content .ui-state-active{background-color: #fff!important}



.partners2013 h2{display: inline-block; background-color: yellow; border: 1px solid #b7b7b7; border-top: none; line-height: 29px; padding: 0 10px !important; background: #e6ad36 url('uploads/partners/partners-header.png') repeat-x}

.partners-table{display: table;  margin: 0 auto; width: 480px;}
.partners-row{display: table-row; width: 100%}
.partners-row p{vertical-align: bottom; display: table-cell; padding-bottom: 70px; text-align: center}
.partners-row p a{vertical-align: bottom; display: inline}

.partners-block img{display: inline; float: none}
.warning {font-size:90%; padding: 5px 10px; background:#f4d96b; }

.artwork_final {background:none; position:relative;}
.artwork_final:after {
    background:url(../../uploads/images/2019/zk/klinec.png) 25px  no-repeat;
    position: absolute;
    top: 25px;
    padding-left: 60px;
    font-size: 11px;
    width: 150px;
    line-height: 1em;
    font-weight: bold;
    word-spacing: 100vw;
    text-transform: uppercase;
    color: #000000;
}
.artwork_final.gold:after {
    content: "Zlatý klinec";
}
.artwork_final.silver:after {
    content: "Strieborný klinec";
}

.artwork_final.bronz:after {
    content: "Bronzový klinec";
}

.category-wrapper {clear:both;  margin-bottom:15px; background:#fff; position:relative;}
.category-wrapper:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 0;
    bottom: 0%;
    border-bottom: 20px solid transparent;
    border-left: 20px solid transparent;
}
.filmarik {background: transparent; padding-right:0;width: auto;height:auto; margin:0px;}
.filmarik2 {background: transparent;}
.filmarik h2{
    line-height:1em;
    padding-top:0.5em;
    padding-bottom:0.5em;
    height:auto !important;
    text-align:left;
    font-size:30px !important;
    color:#000000 !important;
    font-weight:normal !important;
}
.filmarik h2::first-letter {font-weight:bold;}
.event_list h3  {
    background: transparent;
    color: #000000;
    text-transform: normal;
    border-left:5px solid#FED000;
    padding-left:35px;
    padding-top: 0;
    margin-left: 0;
    padding-bottom: 0;
    font-size: 16px;
    margin: 10px 0 10px 0;
    font-weight:normal;
}

#content table.slist { width: 97%; border-collapse: separate; }
#content table.slist tr th { padding: 10px 15px !important; }
#content table.slist tr td { line-height: 1.3em; padding: 5px 15px !important;  text-align: center; margin: 1px; }


.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
}
.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}
.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
}
.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0;
}
.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0;
}
.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0;
}
.ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
    width: 7px;
    height: 7px;
}
.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0;
}
.ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0;
}
.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0;
}
.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0;
}
.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-dialog,.dialog-message {background:#fff !important; max-width:800px; width:100% !important; color:#000}
.ui-dialog-titlebar-close {width:auto !important; right:10px !important; color:#000; font-weight:bold; margin-top:0 !important}
.ui-dialog h3 {margin:0; }

.logo {max-width:100%; max-height:450px; position:relative; left:-75px; }


legend {font-size:100%; color:inherit; padding:10px 0px}
.adresa {margin-bottom:30px;    }
.adresa p {margin:0; }


/* Galaxy S5 landscape */
@media screen
and (max-device-width : 1024px)
{
    #animation_container { height:400px }
}