@font-face {
    font-family: 'nimbussanstbold';
    src: url('../fonts/n019004t-webfont.eot');
    src: url('../fonts/n019004t-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/n019004t-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nimbussanslregular';
    src: url('../fonts/n019003t-webfont.eot');
    src: url('../fonts/n019003t-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/n019003t-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

ahtml {overflow: hidden}
h1,h2,h3,a,p,div,span{margin:0;padding:0;}
body{background: url('../images/body.jpg') top center no-repeat #000;color: #fff; font-family: Arial,Helvetica,Verdana,serif; font-weight: normal; font-size: 15px}
body {
    /*background: url(../images/2016/bg.jpg) no-repeat top center #000;*/
    background: url(../images/body-2019.jpg) top center no-repeat #000;
    font-family: nimbussanslregular, Arial, sans-serif; font-weight: normal;
    font-style: normal;
    color: white;
}

p,div,span {font-size: 15px;}
/*.content{float: right;width: 720px;}*/
.content{width: 600px; margin: 0 auto; aposition: relative}
h3 {line-height: 24px; font-size: 20px; font-weight: normal}
.note {font-size:12px}

#sticker {position: absolute; top: 200px; display: block; left: 0; width: 250px; height: 250px; background: url('../images/sticker.png') no-repeat 0 0; _background:url('../images/sticker.gif') no-repeat 0 0}
#sticker-2013 {position: absolute; top: 200px; display: block; left: 0; width: 250px; height: 250px; background: url('../images/sticker-2013.png') no-repeat 0 0; _background:url('../images/sticker-2013.gif') no-repeat 0 0}

#sticker-2014 {
    background: #094874;
    font-size: 15px;
    position: fixed;
    _position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -505px;
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
}

#sticker-2014:hover {
    background: #0c6ba5;
    border-color: #0c6ba5;
}

#inovacie-2013 {width: 450px;height: 500px;position: absolute;top: 0;left: -50px; z-index: 1;}

body#tb-golf {background: url('../images/body-2019.jpg') top center no-repeat #000;}
body#tb-golf #inovacie-2013 {left: 50%; top: 50px; width: 560px; height: 500px; margin-left: -575px; }



#headline{color: white;padding-left: 220px; margin-top: 60px; height: 270px;}
    #headline .mt50{margin-top: 50px;}
    #headline h1,h2,p{}
    #headline h1 {font-weight: normal;  font-size: 50px;}
    #headline h2 {font-size: 23px; font-weight: normal; padding-top: 30px;}
    #headline p {font-size: 15px;}


body#tb-golf #headline {height: auto;}
#headline h1 strong,
#elements a.item {font-family: nimbussanstbold, Arial, sans-serif;}


#elements{margin-top: 40px; width: 600px; position: relative; z-index: 2}
    #elements .p2030{padding: 30px 20px;color: #fff}
    #elements a{color: white; text-decoration: none;}
    #elements a:hover {text-decoration: underline;}
    #elements a.item{display: block;height: 60px; line-height: 60px; border: 1px solid #0196fc; font-size: 17px; text-indent: 20px; margin-top: 10px;}
    #elements a.spat {padding: 10px 0;display: block;}
    #elements.galeria a.item {width: 368px;}
    #elements a.item:first-child {margin-top: 0px}
    #elements a.item:hover {text-decoration: none}
    #elements a.item.disabled {border-color: #444;color: #444; background: url('../images/2016/arrows.png') 358px -180px no-repeat;}
    #elements a.item.disabled:hover {border-color: #444}
        #elements a.item span{display: block;padding: 8px 15px;}

#elements .claim a{ color: #0196fc}


#elements div.item {background: url('../images/2016/arrows.png') 478px -60px no-repeat; width: 100%; margin-top: 10px;}
    #elements > a.item {background: url('../images/2016/arrows.png') 418px -120px no-repeat;}


#elements div.item a.item{display: block; margin-top: 0; cursor:pointer}
    #elements div.item.active {width: auto; background: url('../images/2016/arrows.png') 538px 0 no-repeat;}
    #elements div.item.active,#elements div.item.hover {border-color: white;}
    #elements div.item.active a.item{}

    #elements div.inactive #form {display: none}

    #elements .form .okBox {background: url('../images/2016/arrows.png') -222px -205px no-repeat #222; padding: 40px 20px 40px 90px;}
    #elements .form label,  #elements .form input, #elements .form span.long {color: white; font-size: 16px;}
        #elements .form label.long,#elements .form span.long{width: 526px;line-height: 18px; height: 40px}
        #elements .form span.long.oneline {line-height: 30px;}
        #elements .form span.long.threeline {line-height: 18px; height: 60px;}

    #elements .form input{display: block;   }
        #elements .form input.long{width: 336px; padding-left: 10px; padding-right: 10px }
        #elements .form input.short{width: 160px; padding-left: 10px; padding-right: 10px;}
        #elements .form .invalid .bar{ background-color:red !important}

        #elements .form input.submit{
            padding: 10px 20px; display: block; border:0; color:  #fff;
            background: #0196fc; text-align: center; font-size: 17px;
        }
        #elements .form input.submit:hover {background: #0c6ba5; border-color: #0c6ba5 }

    #elements .form span.check{float: left; width: 30px; height: 30px; border: 1px solid white; display: block;background-color: #0b2648; margin-bottom: 10px; cursor: pointer; cursor: hand;}
    #elements .form span.check.checked{background: url('../images/checked.gif') center center no-repeat;}
    #elements .clear{clear: both;}
    #elements .pozvanka {background: url('../images/pozvanka-bg-2014.jpg') left top repeat-x}

    #elements .warning {background: url('../images/triangel.png') left 0 no-repeat; padding: 10px 30px 10px 180px; font-weight: bold; color: #837e29; }
    #elements .warning ul {margin-top: -10px; }

    #elements .claim{ margin-top: 5px;}
    #elements .claim p{color: white;}
    #elements .p2525{padding: 25px 25px;}

    .block > div {background: #222}
    .block ul {list-style-type: none; padding: 0; margin:0; font-size: 16px;}
    .block .fotogaleria ul li {list-style-type: none;}
    .block .fotogaleria h3 {font-size: 18px}
/*    #elements li {padding: 3px 0 3px 25px; background: url(../images/bullet.gif) no-repeat left center}*/
    .block li {border-top: 1px solid #3d3d3d; padding: 10px 0}
    .block li:first-child {border:0}

#logo{margin: 105px 0 30px; width: 250px; height: 70px; background-image: url('../images/logo.png'); background-repeat: no-repeat; text-indent: -9999px;}

.bg-2016 #logo {margin: 50px 0 30px 0; float: right; height: 76px; width: 80px; background-image: url(../images/2016/logo-2019.png); }


a {outline: none}
span.time {width: 200px;display: block;float: left;text-align: left;margin-right: 10px;}
span.time-text {float: left; display: block; width: 400px;}


.polymer-form input {padding: 0}
.polymer-form label.placeholder {left: 0}
.polymer-form.dirty label.placeholder {left: 0}

/* The Modal (background) */
.modal {
    display:  none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999; /* Sit on top */
    padding-top: 200px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    color: #000;
    background-color: rgb(255,255,255);
    background-color: rgba(255,255,255,0.9);
    margin: auto;
    padding: 20px;
    border: 1px solid #0196fc;
    width: 560px;
}

/* The Close Button */
.close {
    color: #000;
    float: right;
    font-size: 40px;
    font-weight: bold;
    margin-top: -10px;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

/* Customize the label (the container) */
.checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkbox:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

body#event-invitational-2019 {
    background: url(../images/body-2019.jpg) top center no-repeat #000;
}

.small {font-size: 0.9em !important;}