body, div, form, p {margin: 0px; padding: 0px;}
td {vertical-align: top; }
.hand {cursor: pointer; cursor: hand; }
.clear {clear: both; }
.hide {display: none;}
*:focus {outline: none;}
a { text-decoration: none; }
a:hover { text-decoration: underline; }
.td-vertical-align-middle {vertical-align: middle;}
input:focus::placeholder {color: transparent;}


div, a {
    border-radius: 0px;    
}


.basket-price-row td,
h2 {
    border-radius: 0px;
}




/* PATH  */
.path-div-outer {
     margin: 0px 0px 10px 0px;
     padding: 0px;
     text-align: left;
     padding: 10px;
     border-radius: 5px;
     border: 1px solid #ddd;
     
}

.path-div {
}

.path img {
     margin: 0px 5px;
     position: relative;
     top: 1px;
}

.path a, .path {
     color: #888;
     text-decoration: none;
}
.path a:hover {
     
}




/* TOP */
.scrollup{
    width:40px;
    height:40px;
    opacity:0.3;
    position:fixed;
    bottom:50px;
    right:50px;
    display:none;
    text-indent:-9999px;
    background: url('../images/_/top.png') no-repeat;
}





/* PAGER */
.pager {
     margin: 10px 0px;
     clear: both;
     overflow-x: hidden;
}
.pager a, .pager .sel {
     padding: 0px 5px;
}
.pager, .pager a {
     padding-top: 10px;
     color: #444444;
     text-align: right;
}
.pager .sel {

     font-weight: bold;
     color: #000077;
     text-decoration: underline;
}









/* DISKUSIA */
.discussion-form-outer {
     padding: 8px 10px;
     border: 1px solid #cccccc;
     margin-bottom: 10px;
     
}
.discussion-form-outer .inner {
     margin-top: 10px;
     
}
.discussion-form-outer .link {
     padding-left: 20px;
     background: url('../images/_/icon_star.png') no-repeat;
     display: block;
     font-weight: bold;
     color: #00aa00;
     text-decoration: none;
}
.discussion-form-outer .link:hover {
     text-decoration: underline;
}


.discussion-post {
     border: 1px solid #9ACD18;
     border: 1px solid #3268a8;
     padding: 1px;
     margin-bottom: 10px;
     position: relative;
}
.discussion-post-title {
     background: #F1F1F1;
     padding: 3px 6px;
     color: #436700;
}

.discussion-post-content {
     padding: 3px 6px;
     line-height: 160%;
}
.discussion-post-attachment {
    display: inline-block;
    background: #eee;
    padding: 5px;
    margin-left: 3px;
}
.discussion-post-reply {
    overflow: auto;
    position: absolute;
    top: 35px;
    right: 0px;
}
.discussion-post-reply span {
    float: right;
    margin-right: 8px;
    display: inline-block;
    padding: 3px 5px;
    background: #428BCA;
    color: #fff;
}

.discussion-post-reply span:hover {
    background: #285F88;
    color: #fff;
}









/* MENU FORUM */
.menu-forum > .item {
    border: 1px solid #ddd;
    background: #fff;
    padding: 20px;
    margin: 0px 5px 15px 5px;
    box-shadow: 0px 0px 5px #ccc;
    overflow: auto;
    width: 360px;
    float: left;
    color: #000;
}

.menu-forum > .item:hover {
    box-shadow: 0px 0px 5px #777;
}

.menu-forum .picture {
    float: left;
    width: 120px;
}

.menu-forum .picture img {
    width: 100px;
}
.menu-forum > .item h2 {
    margin-top: 0px;
    color: #428BCA;
    font-size: 18px;
}

.menu-forum .right {
    float: left;
    width: 240px;
}













/*FORUM*/
.forum-new-theme {
    background: #B0D621;
    color: #fff;
    padding: 8px 15px;
    display: inline-block;
    font-weight: bold;
    box-shadow: 2px 2px 3px #ccc;
    margin-bottom: 10px;
    border: 1px solid #92B213;
}
.forum-new-theme:hover {
    text-decoration: none;
}



#forum-new-theme-form {
    border: 1px solid #ccc;
    padding: 10px;
    background: #eee;
}




.forum-theme-question-list {
    border-top: 1px solid #eee;
    padding-top: 10px;
    margin-top: 10px;
    border-radius: 0px;
}

.forum-theme-question-list > div {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-radius: 0px;
}

.forum-theme-question-list > div a {
    font-weight: bold;
}

.forum-theme-question-list > div > .post-info {
    float: right;
}
.forum-theme-question-list > div > .post-info .date {
    font-size: 12px;
    display: inline-block;
    width: 130px;
    text-align: right;
}









/* MODULES */
.module-outer {
     overflow: auto;
     margin-bottom: 20px;
}

/* module-text */
.module-text-content {
     padding: 0px;
     line-height: 150%;
     
}


.module-text img {
     border: 0px solid #666688;
     max-width: 100%;
     height: auto;
/*
     margin-bottom: 0px;
     padding: 2px;
*/
}

.module-text table {
     border-spacing: 2px;
     border: 0px;
}


.module-text th {
    background: #ccc;
}
.module-text td,
.module-text th {
     padding: 3px;
     border: 0px solid #dddddd;
     border-radius: 0px;
}

.module-text ul {
     overflow: auto;
	margin: 0px;
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 19px;
	padding-left: 0px;
	
}
.module-text ul li {
     list-style-type: none;
	list-style-image: none;
	padding-left: 13px;
     background: url('../images/_/li.png') no-repeat 0px 5px;
     margin-bottom: 0px;
}

.module-text ol {
	margin: 0px;
	margin-left: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 19px;
	padding-left: 5px;
}
.module-text ol li {
	padding-left: 1px;
     position: relative; 
     left: -5px;
}








/* FORMS */ 

.form-text, .form-text-sel, textarea, .form-select {
     padding: 4px;
     border: 1px solid #aaa;
     color: #333;
     width: 180px;
     width: 250px;
     background: #f5f5f5;
     box-sizing: border-box;
}

.form-text:focus {
     border: 1px solid #CE4D16;
}
.form-text.red {
    border-color: #f00;
    background: #FFDDDD;
}
.form-button {
    font-weight: bold;
    cursor: pointer;

    background: #FB7436;
    color: #ffffff;
    padding: 5px 40px;
    font-size: 14px;
    border: 0px;
    border-radius: 5px;
}
.form-button:hover {
    background: #CE4D16;
}

     
.form-button-submit {
     display: none;
}
.td-form-button-green .form-button {
     background: #6CAA03 !important;
}

.form-table td {
    padding: 3px 0px;
}

















/* MESSAGE DIVS */
.message-red-title {
     color: #e00005;
     font-weight: bold;
     padding-bottom: 5px;
}
.message-red, .message-green, .message-gray {
     
     color: #e00005;
     padding-left: 7px;
     background: url('../images/_/bg_message_red.png') no-repeat left 6px;
     font-weight: bold;
}
.message-green {
     color: #008800;
     color: #56771C;
     background: url('../images/_/bg_message_green.png') no-repeat left 6px;
}
.message-gray {
     color: #008800;
}

.message-green a, .message-green b, .message-red a, .message-red b {
     color: black;
}
.message-red-div, .message-green-div, .message-green-div {
     border: 1px solid #e00005;
     background: #ffdddd;
     padding: 6px 10px;
     margin-bottom: 10px;
}
.message-green-div {
     border: 1px solid #008800;
     background: #ccffcc;
    background: #C3EA7E;
    border-color: #6caa03;
     
     padding: 6px 10px;
     margin-bottom: 10px;
}
.message-gray-div {
     border: 1px solid #cccccc;
     background: #ffffff;
     padding: 6px 10px;
     margin-bottom: 10px;
}

.message-red-div, .message-green-div, .message-gray-div {
    border-radius: 6px;
    padding: 10px;
    box-shadow: 2px 2px 5px #ccc;
    position: relative;
}







/* ANKETA */
.inquiry-bar-bg {
     background: url('../images/inquiry_bar_bg.png') repeat-x;
     height: 6px;
     font-size: 2px;
}

.inquiry-link {
     padding: 0px 0px 10px 1px;
     color: #638700;
}

.inquiry-link .a {
     text-decoration: underline;
     cursor: pointer;
}
.inquiry-link .inquiry-count {
     color: #444444; 
}

.gray-box-bottom-text {
     border-top: 1px solid #E7E4D3;
     padding-top: 5px; 
}














/********
 * EPAY *
 * *****/
 
.div-epay-button {
    border: 1px solid #eee;
}
.div-epay-button-hover {
    border: 1px solid #aaa;
    background: #aaa;
    
}

.div-epay-button a {
    display: block;
    background: #008800;
    float: left;
    padding: 10px;
    margin-top: 5px;
    color: #fff;
    text-decoration: none;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

.div-epay-cardpay {
    padding: 5px 5px 5px 110px;
    margin-top: 10px;
    background: url('../images/epay/cardpay.png') no-repeat 5px 5px;
} 
.div-epay-tatrapay {
    padding: 5px 5px 5px 110px;
    margin-top: 10px;
    background: url('../images/epay/tatrapay.png') no-repeat 5px 5px;
} 



/* GALLERY */
.gallery-image a {
    border: 1px solid #fff;
    box-shadow: 0px 0px 5px #ccc;
    display: inline-block;
}

.gallery-image a img {
    display: block;
    border: 0px;
}
.gallery-image {
    float: left;
    margin: 10px;
}
.gallery-image:nth-child(4n) {
    
}
.gallery-image-mobile {
    display: none;
}
.gallery-image-mobile img {
    max-width: 100%;
}



div#slideshow-outer {
    position: relative;
    top: 120px;
    width: 1050px;
    z-index: 500;
}

div#slideshow-nav {
    z-index: 1100;
    position: absolute;
    bottom: 10px;
    right: 10px;
    padding: 10px;
}
div#slideshow-nav a {
    display: inline-block;
    background: #fff;
    width: 15px;
    height: 15px;
    margin-left: 10px;
    border-radius: 10px;
    border: 1px solid #555;
}
div#slideshow-nav a:hover {
    text-decoration: none;
}
div#slideshow-nav a.activeSlide {
    background: #FB7436;
}

div#slideshow {
    display: none;
}










/*******************************/
/*******************************/
/* SPECIALNE PRE KONKRETNY WEB */
/*******************************/
/*******************************/






html {
    overflow-y: scroll;
}

body {
     font-family: 'trebuchet ms', 'trebuchet ms', tahoma;
     font-size: 16px;
     color: #333;
}

H1 {
    font-weight: normal;
    color: #5e8bc4;
    margin-top: 5px;
    margin-bottom: 10px;
    text-align: left;
}
H2, H2 a {
    COLOR: #FB7436;
    font-weight: bold;
    font-size: 20px;
    clear: both;
    margin-bottom: 5px;
}
H2 a {
     text-decoration: underline;
}

H2 > span {
    background: #FB7436;
    display: inline-block;
    padding-right: 10px;
}

H2 span > strong.date {
    color: #8C8A8B;
}
a {
    color: #5e8bc4;
}
a:hover {
    text-decoration: underline;
}



body {
    background: #F1F1F1;
    background: url('../images/bg_page_2024.jpg') repeat-x top center fixed #000000;
    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    
}

div#main {
    text-align: justify;
    width: 1052px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-bottom: 50px;
    
    opacity: 0.95;
}

div#header {
    
    box-sizing: border-box;
    position: relative;
    margin-bottom: 100px;
    background-color: #000;
    padding: 10px;
    
}

div#header a#logo {
    position: absolute;
    display: block;
    width: 130px;
    height: 130px;
    left: 15px;
    top: 10px;
    background: url('../images/logo_2025.png?2025') no-repeat center center #000;    /* logo.png nechat aj dalsi rok, pouziva sa v maili o registracii */
    background-size: 100% auto;
    z-index: 600;
}
div#header a#fb {
    position: absolute;
    display: block;
    width: 36px;
    height: 36px;
    right: 32px;
    top: 15px;
    background: url('../images/fb.png') no-repeat center center;
    z-index: 600;
}



div#header .menu-top {
    position: absolute;
    top: 70px;
    right: 80px;
}
div#header .menu-top a {
    display: inline-block;
    color: #26415E;
    text-transform: uppercase;
    padding: 5px 15px;
}
div#header .menu-top a.sel {
    background: #5E8BC4;
    text-shadow: 1px 1px 4px #222;
    color: #fff;
}


div#menu-main {
    background-color: #000;
    text-align: right;
}

div#menu-main a {
    display: inline-block;
    color: #fff;
    padding: 10px 18px;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 8px;
}
div#menu-main a:hover {
    border-color: #aaa;
    text-decoration: none;
}
div#menu-main a span {
    display: block;
}
div#menu-main a.sel {
    background: #5E8BC4;
    text-shadow: 1px 1px 4px #222;
}


div.homepage-blue-block {
    background-color: rgba(58, 96, 143,0.9);
    color: #fff;
    text-align: center;
    margin: auto;
    width: 50%;
    font-size: 1.5em;
    font-size: 1.3em;
    display: block;
    padding: 15px;
    margin-bottom: 50px;
}

div.homepage-2-icons {
    background-color: rgba(0, 0, 0, 0.8);
    margin: auto;
    vertical-align: top;
    text-align: center;
    padding: 30px;
}
div.homepage-2-icons > a {
    width: 210px;
    margin: 10px 30px;
    background: url('../images/homepage_icon_1.png') no-repeat center top;
    background-size: 75%;
    padding-top: 210px;
    padding-top: 170px;
    display: inline-block;
    color: #fff;
}
div.homepage-2-icons > a strong {
    font-size: 1.5em;
    display: block;
}
div.homepage-2-icons > a:nth-child(2) {
    background: url('../images/homepage_icon_2.png') no-repeat center top;
    background-size: 75%;
}



div#content {
    padding: 20px;
    min-height: 500px;
    background: #fff;
}





div#footer {
    background: inherit;
    color: #fff;
    padding: 20px 40px;
    box-sizing: border-box;
    border-radius: 0px;
    overflow: auto;
    font-size: 16px;
    background-color: rgba(0, 0, 0, 0.8);
    
}
div#footer a {
    color: #fff;
    text-decoration: underline;

}

div#footer div.inner > div {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
}

div#footer .left {
    padding: 30px 0px;
    width: 25%;
    text-align: left;
    box-sizing: border-box;
}
div#footer .right {
    width: 74%;
    text-align: right;
    box-sizing: border-box;
}


div#footer .left a {
    display: inline-block;
    width: 37px;
    height: 35px;
}
div#footer .left a:nth-child(1) {
    background: url('../images/footer_fb.png') no-repeat center center;
}
div#footer .left a:nth-child(2) {
    background: url('../images/footer_instagram.png') no-repeat center center;
}
div#footer .left a:nth-child(3) {
    background: url('../images/footer_envelope.png') no-repeat center center;
}

div#footer .right  a {
    display: inline-block;
    padding: 5px 10px;
}















div#right {
}
div#left > .inner {
}




div#left h2 {
    border-bottom: 1px solid #ccc;
    padding: 5px 5px 5px 15px;
    margin-top: 10px;
    background: #f8f8f8;
}


div#menu-left {
    margin-bottom: 50px;
}
div#menu-left a {
    display: block;
    background: url('../images/_/li.png') no-repeat 3px 9px;
    padding: 5px 0px 5px 15px;
    color: #555;
    border: 1px solid transparent;
}
div#menu-left a.sel {
    /*
    border: 1px solid #ccc;
    */
    border: 1px solid #73bfcd;
    box-shadow: 0px 0px 4px #ccc;
    color: #000;
}


.div-order-outer .loginbox fieldset legend {
    background: #428BCA;
    color: #fff;
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 5px;
}

.div-order-outer .loginbox fieldset {
    font-size: 14px;
    text-align: left;
    width: 400px;
}








.div-cms-menu > .menu-item {
    height: 210px;
    border-bottom: 2px solid #eee;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
}

.div-cms-menu > .menu-item > .menu-item-picture {
    position: absolute;
    top: 10px;
    left: 0px;
    border: 1px solid #eee;
    padding: 2px;
}

.div-cms-menu > .menu-item > .menu-item-perex {

    position: absolute;
    left: 190px;
    top: 10px;
    
    width: 600px;
    height: 170px;
        
}

.div-cms-menu > .menu-item > .menu-item-perex .link-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
    display: inline-block;
}

.div-cms-menu > .menu-item > .div-link-more {
    position: absolute;
    right: 0px;
    bottom: 10px;
}






.module-text .module-text-li-green ul li {
     background: url('../images/li_green.png') no-repeat 0px center;
     padding: 5px 0px 5px 25px;
}









.div-product-filter-trademarks {
    overflow: auto;
    margin-bottom: 15px;
}
.div-product-filter-trademarks > form {
    float: left;
    margin-right: 10px;
    padding-top: 10px;
    position: relative;
}

.div-product-filter-trademarks > form .button {
    background: #f5f5f5;
    color: #777;
    border: 1px solid #ccc;
    padding: 3px 5px;
    cursor: pointer;
}
.div-product-filter-trademarks > form .button.sel {
    background: #428BCA;
    color: #fff;
}

.div-product-filter-trademarks > form img {
    position: absolute;
    right: -8px;
    top: 0px; 
}






#loga_vyrobcov {
    position: absolute;
    left: 511px;
    top: 77px;
    display: none;
}
#pecat {
    position: absolute;
    left: 982px;
    top: 106px;
    display: none;
}



.eshop-product-description {
    overflow: auto;
}
.eshop-product-description table {
    border: 0px;
}
.eshop-product-description table td {
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 0px;
}





.menu-podstranky > div > a {
    display: inline-block;
    padding: 3px 15px;
    background: url('../images/_/li.png') no-repeat left center;
}

















.div-web-search-input {
    position: absolute;
    top: 32px;
    left: 512px;
}

.div-web-search-input td {
    padding: 0px;
}
.div-web-search-input .form-text,
.div-web-search-input .form-button {
    height: 33px;
    border: 1px solid #ccc;
    border-radius: 0px;
    padding: 0px;
}
.div-web-search-input .form-text {
    width: 420px;
    text-align: center;
    color: #888;
}
.div-web-search-input .form-button {
    background: url('../images/lupa.png') no-repeat center center #fff;
    width: 35px;
    height: 35px;
    border-left: 0px;
}
.clear-search {
    position: relative;
    top: 10px;
}







.message-red-div {
    font-size: 14px;
}


table.pricelist * {
    border-radius: 0px;
}
table.pricelist th,
table.pricelist td {
    padding: 5px;
}

table.pricelist th {
    background: #eee;
    border: 1px solid #ddd;
}
table.pricelist td {
    border: 1px dotted #ddd;
}

.center {
    text-align: center;
}







#lng-switch {
    position: absolute;
    bottom: 78px;
    right: 0px;
    background: #8FE7F5;
    padding: 7px 15px 3px 10px;
}

#lng-switch a {
    margin: 0px;
    padding: 0px;
    margin-left: 5px;
}
#lng-switch a img {
    box-shadow: 0px 0px 4px #aaa;
}
#lng-switch * {
    border-radius: 0px;
}

#pageid-1 #lng-switch {
    bottom: 62px;
    right: 35px;
    background: none;
}










.module-registration td,
.module-contest td {
    vertical-align: middle;
}



table.user-list {
    width: 100%;
}

table.user-list th {
    background: #000;
    color: #fff;
}

table.user-list td {
    border: 1px solid #ddd;
    vertical-align: top;
}
table.user-list th,
table.user-list td {
    text-align: center;
    padding: 5px;
}

table.user-list th:nth-child(1) {
    width: 150px;
}
table.user-list th:nth-child(2) {
    width: 150px;
}
table.user-list th:nth-child(3) {
    width: 350px;
}
table.user-list th:nth-child(4) {
    width: 200px;
}

table.user-list.contest th:nth-child(1),
table.user-list.contest th:nth-child(2),
table.user-list.contest th:nth-child(3),
table.user-list.contest th:nth-child(4),
table.user-list.contest th:nth-child(4) {
    width: auto;
}

/* public */
table.user-list.public {
    width: 100%;
}
table.user-list.public th:nth-child(1) {
    width: 20%;
}
table.user-list.public th:nth-child(2) {
    width: 20%;
}
table.user-list.public th:nth-child(3) {
    width: 20%;
}
table.user-list.public th:nth-child(4) {
    width: 40%;
}
table.user-list.public img {
    max-width: 100%;
}


table.user-list tr.highlight td {
    background: #000;
    color: #fff;
}
table.user-list .car img {
    border: 1px solid #ccc;
    box-shadow: 0px 0px 5px #aaa;
}


.registrationfinder {
    display: block;
    padding: 10px;
    background: #242021;
    color: #fff;
}
#sizes-dropdown-template {
    display: none;
}

#t-shirt-count,
#sizes-dropdowns select {
    width: 100px;
}
#sizes-dropdowns select {
    display: block;
}



body#pageid-4 .module-text-content table {
    border-collapse: collapse
}
body#pageid-4 .module-text-content table td {
    border: 1px solid #ccc;
}





/* OWL CAROUSEL */
.owl-carousel img {
    display: block;
    width: 100%;
    height: auto;
}

.owl-theme .owl-controls {
    position: absolute;
    bottom: 10px;
    left: 10px;
}

.owl-theme .owl-controls .owl-page span {
    background: #95E2B6;
    border: 1px solid #fff;
    height: 16px;
    width: 16px;
}

.owl-carousel .owl-item span {
    position: absolute;
    bottom: 0px;
    background: rgba(0,0,0,0.5);
    display: block;
    padding: 10px;
    color: #fff;
    font-size: 25px;
      font-style: italic;
}



.mobile-menu {
    width: 50px;
    height: 30px;
    background: url("../../data/images/_/mobile_menu.png") no-repeat center center rgb(58, 96, 143);
    
    position: absolute;
    right: 25px;
    top: 50px;
    border-radius: 5px;
    cursor: pointer;
    display: none;
    border: 1px solid #fff;    
}

.mobile-menu-content {
    width: 100%;
    right: 0px;
    top: 120px;
    position: absolute;
    background: #26211D;
    z-index: 700;
    display: none;
}

.mobile-menu-content a,
.mobile-menu-content a:hover {
    display: block;
    font-size: 1.4em;
    border-bottom: 1px solid #333;
    text-decoration: none;
    padding: 10px;
    color: #95E2B6;
    text-align: center;
}
.mobile-menu-content .MenuMain a {
    color: #fff;
}
.mobile-menu-content .MenuMain a.sel {
    color: #000;
    background: #fff;
}
.mobile-menu-content a.sel {
    color: #FFF;
    background: #FB7436;
}




a#add-car {
    display: inline-block;
    background: #5a5;
    padding: 3px 5px;
    color:#fff;
}
table.reg-part-car {
    margin-top: 15px;
}



/* REGISTRATION MAP */
    .registration-map-outer {
        overflow: auto;
        max-width: 100%;;
    }
    .registration-map {
        /*background: url('../images/registration_map_2019.jpg') no-repeat;*/
        /*background: url('../images/registration_map_2022.jpg') no-repeat -230px -30px;*/
        /*background: url('../images/registration_map_2022.jpg?1') no-repeat;*/
        background: url('../images/registration_map_2023.jpg') no-repeat;
        
        /*background: url('../images/registration_map_2024_tmp.png') no-repeat;*/
        /*background-size: 170% auto;*/
        height: 1150px;
        width: 1000px;
        /*width: auto;*/
        position: relative;
        margin-bottom: 20px;
        margin-top: 5px;
        
    }
    .registration-map div[class^="group"] a {
        display: block;
        width: 50px;
        text-align: center;
        padding: 1px 0px;
        box-sizing: border-box; 
        border: 1px solid #ccc;
        margin: 0px;
        font-size: 12px;
        color: #fff;
        font-family: tahoma;
        background: #ccc;
        margin-bottom: 1px;
        color: #333;
    }
 
    .registration-map div[class^="group"] a.sold, .legend-sold {
        background: #c00;
        color: #fff;
    }
    .registration-map div[class^="group"] a.reserved, .legend-reserved {
        background: #EA7931;
        color: #fff;
    }
    .registration-map div[class^="group"] a.my, .legend-my {
        background: #0a0;
        color: #fff;
    }
    .registration-map div[class^="group"] a:not(.enabled):not(.my) {
        opacity: 0.2;
        cursor: not-allowed;
    }
    
    
    
    .registration-map div[class^="group"] a:hover {
        text-decoration: none;
        cursor: pointer;
        z-index: 100;
    }
    .registration-map div[class^="group"] a:not(.sold):not(.reserved):not(.my):hover {
        background: #fff;
        color: #000;
    }
    
    .registration-map div[class^="group"] {
        position: absolute;
        box-shadow: 0px 0px 10px #555;
        background: #555;
    }
    







/* NABUDUCE POZICIU DAVAT AKO TOP A LEFT, NIE BOTTOM A RIGHT :) */
/* ako podklad si treba dat mapu s parkovacimi miestami a podla nej presne nastavit pozicie */

.registration-map div.group1 {
    top: 540px;
    right: 79px;
    transform: rotate(-45deg);
    /* v 2024 schovana skupina miest */
    display: none;
}
.registration-map div.group2 {
    top: 545px;
    right: 160px;
    transform: rotate(-45deg);
    /* v 2024 schovana skupina miest */
    display: none;
}
.registration-map div.group3 {
    top: 480px;
    right: 281px;
    transform: rotate(-45deg);
}
.registration-map div.group4 {
    top: 520px;
    right: 365px;
    transform: rotate(-45deg);
}
.registration-map div.group5 {
    top: 540px;
    right: 576px;
    transform: rotate(-96deg);
}

.registration-map div.group6 {
    top: 140px;
    right: 790px;
    transform: rotate(3deg);
}
.registration-map div.group7 {
    top: 208px;
    right: 710px;
    transform: rotate(3deg);
}
.registration-map div.group8 {
    top: 440px;
    right: 566px;
    transform: rotate(51deg);
}
.registration-map div.group9 {
    top: 208px;
    right: 286px;
    transform: rotate(44deg);
}
.registration-map div.group10 {
    top: 243px;
    right: 150px;
    transform: rotate(36deg);
}
.registration-map div.group11 {
    top: 16px;
    right: 525px;
    transform: rotate(-90deg);
}
.registration-map div.group12 {
    top: -180px;
    right: 329px;
    transform: rotate(-90deg);
}
.registration-map div.group13 {
    top: 381px;
    right: 426px;
    transform: rotate(0deg);
}
.registration-map div.group14 {
    top: 35px;
    right: 884px;
    transform: rotate(-84deg);
}
    

/* ako podklad si treba dat mapu s parkovacimi miestami a podla nej presne nastavit pozicie */
.registration-map div.group15 {
    /*bottom: 302px;*/
    top: 672px;
    right: 589px;
    transform: rotate(10deg);
}
.registration-map div.group16 {
    /*bottom: 326px;*/
    top: 649px;
    right: 579px;
    transform: rotate(32deg);
}
.registration-map div.group17 {
    /*bottom: 347px;*/
    top: 630px;
    right: 562px;
    transform: rotate(-131deg);
}
.registration-map div.group18 {
    /*bottom: 360px;*/
    top: 617px;
    right: 543px;
    transform: rotate(-115deg);
}
.registration-map div.group19 {
    /*bottom: 367px;*/
    top: 610px;
    right: 522px;
    transform: rotate(-100deg);
}
.registration-map div.group20 {
    /*bottom: 369px;*/
    top: 608px;
    right: 502px;
    transform: rotate(-87deg);
}
.registration-map div.group21 {
    /*bottom: 364px;*/
    top: 610px;
    right: 478px;
    transform: rotate(-75deg);
}
.registration-map div.group22 {
    /*bottom: 353px;*/
    top: 622px;
    right: 455px;
    transform: rotate(-54deg);
}
.registration-map div.group23 {
    /*bottom: 333px;*/
    top: 638px;
    right: 438px;
    transform: rotate(-38deg);
}
.registration-map div.group24 {
    /*bottom: 312px;*/
    top: 661px;
    right: 425px;
    transform: rotate(-20deg);
}



.registration-map div.group25 {
    top: 636px;
    right: 579px;
    transform: rotate(84deg);
}


.registration-map div.group27 {
    top: 450px;
    right: 470px;
    transform: rotate(-90deg);
}
.registration-map div.group28 {
    top: 510px;
    right: 470px;
    transform: rotate(-90deg);
}
.registration-map div.group29 {
    top: 575px;
    right: 470px;
    transform: rotate(-90deg);
}
.registration-map div.group30 {
    top: 1055px;
    right: 470px;
    transform: rotate(-90deg);
}



.registration-map div.group1000 {
    top: 547px;
    right: 91px;
    transform: rotate(-45deg);
}
.registration-map div.group1001 {
    top: 604px;
    right: 146px;
    transform: rotate(-45deg);
}
.registration-map div.group1002 {
    top: -37px;
    right: 663px;
    transform: rotate(-90deg);
}


.registration-map #placeid-206,
.registration-map #placeid-207,
.registration-map #placeid-208,
.registration-map #placeid-209,
.registration-map #placeid-210,
.registration-map #placeid-211,
.registration-map #placeid-212,

.registration-map #placeid-218,
.registration-map #placeid-219,
.registration-map #placeid-220,
.registration-map #placeid-221,
.registration-map #placeid-222
{
    display: none;
}






.registration-map div.podium {
    top: 253px;
    right: 422px;
    transform: rotate(-59deg);
    background: #31538B;
    color: #fff;
    position: absolute;
    padding: 20px;
    font-size: 1.4em;
    font-weight: bold;
    border: 1px solid #fff;
}
.registration-map div.gastro-zona {
    top: 205px;
    right: 542px;
    transform: rotate(18deg);
    background: #ffffff;
    color: #000000;
    position: absolute;
    padding: 15px;
    font-size: 1.2em;
    font-weight: bold;
    border: 1px solid #fff;
}
.registration-map div.wc-sprchy {
    top: 200px;
    right: 305px;
    transform: rotate(0deg);
    background: #E37CE0;
    color: #ffffff;
    position: absolute;
    padding: 10px;
    font-size: 1.2em;
    font-weight: bold;
    border: 1px solid #fff;
    text-align: center;
}
.registration-map div.hasici-rzp {
    top: 108px;
    right: 695px;
    transform: rotate(0deg);
    background: #ff0000;
    color: #000000;
    position: absolute;
    padding: 10px;
    font-size: 1.2em;
    font-weight: bold;
    border: 1px solid #fff;
    text-align: center;
}
.registration-map div.vstup {
    top: 90px;
    right: 21px;
    transform: rotate(0deg);
    background: #FAEC02;
    color: #000000;
    position: absolute;
    padding: 10px;
    font-size: 1.2em;
    font-weight: bold;
    border: 1px solid #fff;
    text-align: center;
}
.registration-map div.stanky {
    top: 191px;
    right: 73px;
    transform: rotate(-54deg);
    background: #419309;
    color: #fff;
    position: absolute;
    padding: 10px;
    font-size: 1.2em;
    font-weight: bold;
    border: 1px solid #fff;
    text-align: center;
}
.registration-map div.stanky2 {
    top: 39px;
    right: 28px;
    transform: rotate(0deg);
    background: #419309;
    color: #fff;
    position: absolute;
    padding: 10px;
    font-size: 1.2em;
    font-weight: bold;
    border: 1px solid #fff;
    text-align: center;
}
.registration-map div.vystavovatelia {
    top: 368px;
    right: 536px;
    transform: rotate(-90deg);
    background:#53A8BB;
    color: #fff;
    position: absolute;
    padding: 20px;
    font-size: 1.4em;
    font-weight: bold;
    border: 1px solid #fff;
    border-radius: 47%;
}

.map-legend-outer {
    position: relative;
}
.map-legend {
    background:rgb(58, 96, 143);
    background-color: #E74E0C;
    background-color: #d1460a;
    color: #fff;
    padding: 10px;
    text-align: center;
}
.map-legend.fixed {
    width: 500px;
    position: fixed;
    top: 0px;
    left: calc(50% - 250px);
    z-index: 100;
    box-sizing: border-box;
    display: none;
    border: 1px solid #ffffff;
}
.map-legend.OK {
    background-color: #008800;
}












.registration-map div#undefined-map-places {
    position: absolute;
    top: 855px;
    left: 20px;
    background: #eee;
    padding: 5px 10px;
    border: 1px solid #555;
    box-sizing: border-box;
    cursor: help;
}
.registration-map div#undefined-map-places > span.i {
    display: inline-block;
    border-radius: 15px;
    box-sizing: border-box;
    padding: 0px;
    width: 20px;
    padding-left: 7px;
    height: 20px;
    background: #89CFF0;
    margin-left: 10px;
}


div[class^="legend-"] {
    display: inline-block;
    width: 40px;
    height: 15px;
}


.module-registration form table,
.module-contest form table {
    width: 98%;
}
.module-registration form td:nth-child(1),
.module-contest form td:nth-child(1) {
    width: 200px;
}
.module-registration form td:nth-child(2),
.module-contest form td:nth-child(2) {
    width: 270px;
}



label.agreement {
    cursor: pointer;
}
label.agreement:hover {
    text-decoration: none;
}



div#car-photo-missing  {
    background-color: #fcc;
    border: 1px solid #e00;
    padding: 5px;
    position: relative;
    left: -5px;
    margin-top: 5px;
    margin-bottom: 10px;
}
div#car-photo-missing label {
    cursor: pointer;
}
div#car-photo-missing label:hover {
    text-decoration: none;
}


.qr-body {
    margin: auto;
    background: #fff;
    text-align: center;
    padding: 20px;
    color: #777; 
    max-width: 500px;
    font-size: 1.3em;
    box-sizing: border-box;
}
.qr-body b {
    color: #000;
}
.qr-body h1 {
    text-align: center;
    font-size: 1.8em;
}
.qr-body .paid {
    display: block;
    padding: 10px 20px;
    background: #4cbd4c;
    color: #fff;
    margin-bottom: 10px;
}
.qr-body .not.paid {
    background: #da3550;
}
.qr-body .reg-info {
    border-bottom: 1px solid #ccc;
    padding: 10px;
}
.qr-body .reg-info:first-child {
    border-top: 1px solid #ccc;
}

label.agreement > span {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 50px);
    margin-left: 5px;
}


form[name=pzp_kontakt] > div {
    padding: 5px;
}
form[name=pzp_kontakt] > div > input[type=text],
form[name=pzp_kontakt] > div > textarea {
    width: 300px;
}




.form-line-adults_count, .form-line-children_count {
    display: none;
}
.form-line-vip_persons td {
    padding-top: 10px;
}

span.i {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 20px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b0cee5+1,4e7199+100 */
background: #b0cee5; /* Old browsers */
background: -moz-linear-gradient(top, #b0cee5 1%, #4e7199 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #b0cee5 1%,#4e7199 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b0cee5 1%,#4e7199 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0cee5', endColorstr='#4e7199',GradientType=0 ); /* IE6-9 */}




img.trash {
    width: 15px;
}

.blink_me {
    animation: blinker 1.5s linear infinite;
  }
  
@keyframes blinker {
50% {
    opacity: 0.75;
}
}

.qr-link {
    text-align: center;
}
.qr-link a {
    margin: auto;
    display: block;
    width: auto;
    background-color: #008800;
    color: #ffffff;
    padding: 10px;
}
.qr-link.cancel a {
    background-color: #aaa;
}



.aktualne-parkovanie .registration-map div[class^="group"] a:not(.enabled):not(.my) {
    opacity: 1;
    cursor: default;
}
.aktualne-parkovanie .registration-map div[class^="group"] a {
    background: #aaa;
    color: #333;
}
.aktualne-parkovanie .registration-map div[class^="group"] a.parked {
    background: #080;
    color: #fff;
}



.change-place-number.colorize a, span.info-map-place {
    padding: 2px 5px;
    background: #c00;
    color: #fff;
    display: inline-block;
    border-radius: 5px;
}
.change-place-number.colorize a.parked, span.info-map-place.parked {
    background: #080;
}


label#toggle-registration-parked-0 {
    color: #c00;
}
label#toggle-registration-parked-1 {
    color: #080;
}


.homepage-program {
    text-align: center;
    margin-bottom: 20px;
}
.homepage-program img {
    max-width: 49%;
    display: inline-block;
    border: 3px solid #fff;
    box-sizing: border-box;
}
.homepage-program img:first-child {
    margin-right: 3px;
}