.affix {
    top: 0;
    width: 100%;
    z-index: 9999 !important;
}
.affix ~ .navbar-header {
    position: relative;
    top: 50px;
}
html, body {
    width: 100%;
    height: 100%;
    min-height: 100%;
    padding: 0;
}
body {
    background-color: #222222;
    color: #fff;
    margin:0;
    padding:0;
    border:0;
    padding-top: 50px;
    /*background-image: url('UnderConstructionPage.gif');*/
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: 100%;
}
.example3 .navbar-brand {
    height: 80px;
}

.example3 .nav >li >a {
    padding-top: 30px;
    padding-bottom: 30px;
}
.example3 .navbar-toggle {
    padding: 10px;
    margin: 25px 15px 25px 0;
}
.navbar-brand {
    padding: 0px;
}
.navbar-brand>img {
    height: 100%;
    padding: 15px;
    width: auto;
}
.oznam {
    padding-top: 50px;
}
/* Prvá sekcia ide hneď za banerom — menšia medzera, nech je baner väčší. */
#Uvod.oznam {
    padding-top: 20px;
}
.panel {
    border: 0px;
    background-color: transparent;
}
.telo {
    padding-left: 20px;
    padding-right: 20px;
}
.panel-heading .panel-body {
    background-color: #222222;
    color: #fff;
}
.panel-heading {
    letter-spacing: 3px;
}
.hlavicka {
    display: block;
    position: relative;
    min-width: 100%;
    min-height: 30%;
    box-sizing: border-box;
}
.hlavicka-banner {
    display: block;
    position: relative;
    min-width: 100%;
    /* Baner (baner_verzia2.jpg) je 1920x400, teda pomer strán 4.8. Pozadie
       má background-attachment: fixed, takže background-size: 100% znamená
       šírku okna — obrázok je vysoký 100vw/4.8. Presne toľko meria hlavička,
       nech je baner vidieť celý a nezostáva pod ním čierne miesto. */
    min-height: calc(100vw / 4.8);
    box-sizing: border-box;
}
/* Pozadie s background-attachment: fixed sa umiestňuje voči oknu, nie voči
   tomuto rámčeku, takže "top" by baner schovalo prvých 50px pod fixnú lištu.
   Odsadenie o jej výšku ho posunie tak, aby začínal presne pod menu. */
.hlavicka-banner .paralax {
    background-position: right 50px;
}
.hlavicka_galeria {
    display: block;
    position: relative;
    min-width: 100%;
    min-height: 30px;
    box-sizing: border-box;
}
.galeria{
    margin: auto;
    width: 100%;
}
.paralax {
    display: block;
    position: absolute;
    z-index: -1;
    min-width: 100%;
    min-height: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-origin: padding-box;
    background-size: cover;
}
.baner {
    background-image: url("IMGP5594.JPG");
    background-position: bottom center;
}
/* Pozadia úvodnej stránky ležia vo v0_2/podklad/, prekódované a zmenšené na
   šírku 2560 bodov — spolu 1,9 MB namiesto pôvodných 13,3 MB. Vo v0_1 zostávajú
   predlohy nedotknuté, používa si ich stará verzia stránky. Zmenšovať je na čom:
   pozadia sa kreslia cez background-size: cover, takže ich prehliadač aj tak
   stiahne na veľkosť okna. Predlohy sa prekódujú cez nastroje/pozadia.php. */
.riadok1 {
    background-image: url("podklad/baner_verzia2.jpg");
    background-position: top right;
    background-size: 100%;
}
.riadok2 {
    background-image: url("podklad/IMGP5972podklad3.jpg");
    background-position: center center;
}
.riadok3 {
    background-image: url("podklad/IMGP5712podklad6.jpg");
    background-position: center center;
}
.riadok4 {
    background-image: url("podklad/IMGP5604.jpg");
    background-position: center center;
}
.riadok5 {
    background-image: url("podklad/IMGP5586podklad.jpg");
    background-position: center center;
}
.riadok6 {
    background-image: url("podklad/IMGP51831.jpg");
    background-position: center center;
}
.mensi {
    padding: 0;
    border: 0;
    border-radius: 0;
    margin-bottom: 0px;
    background-color: #222222;
}
.maly_obrazok{
    padding: 0px;
}


.foto {
    position: relative;

    border: 0px;
    margin: 0px;
    overflow: hidden;

}
.foto img {

    max-width: 100%;
    max-height: 100%;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.foto:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.lb-container {
    padding: 0px;
}
.gallery {
    width: 100%;
}
.row {
    background-color: #222222;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px;
}
#map {
    height: 400px;
    width: 100%;
}
.navbar {
    margin-bottom: 8;
    background-color: #222222;
    z-index: 9999;
    font-size: 15px !important;
    line-height: 1.42857143 !important;
    letter-spacing: 5px;
    border-radius: 0;
    border: 0px;
    border-color: transparent;

}
.navbar li a, .navbar .navbar-brand {
    color: #fff !important;
}
.navbar-nav li a:hover, .navbar-nav li.active a {
    color: 	#222222 !important;
    background-color: #B8B8B8 !important;
}
.navbar-default .navbar-toggle {
    color: #222222 !important;
}
.navbar-default .navbar-toggle:focus  {
    background-color: transparent;
}
.navbar-default .navbar-toggle:hover  {
    background-color: #B8B8B8;
}
.navbar-brand>img {
    height: 50px;
    padding-bottom: 0px;
    padding-top: 5px;
    padding-right: 30px;
    padding-left: 50px;
}
.thumbnaily {
    position: relative;

    width: 275px;
    height: 207px;
    overflow: hidden;
}
.thumbnaily img {
    position: absolute;
    min-height: 100%;
    width: 100%;
    max-height: none;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.thumbnaily img.portrait {
    width: 100%;
    height: auto;
}
.nopad {
    padding: 0px;

}
a {
    color: #B8B8B8;
}

/* Odkazy v kontakte — telefón a WhatsApp. Bootstrap ich pri prejdení myšou
   prefarbí na tmavomodrú, ktorú na čiernom pozadí panela nevidno, tak si
   držia svoju farbu a len zosvetlejú. */
a.kontakt:hover, a.kontakt:focus {
    color: #ffffff;
}

/* ---------------------------------------------------------------------------
   Úvodná clona
   ---------------------------------------------------------------------------
   Clona prekryje celé okno logom, kým sa nenačíta to, čo sa dokresľuje
   nepekne — na úvodnej stránke baner (1920x400, prehliadač ho kreslí zhora
   nadol po riadkoch), v galérii dlaždice. Potom sa plynulo
   stratí. Vypisuje ju clona.php.

   Bez triedy je clona schovaná, takže bez JavaScriptu sa vôbec neukáže a
   stránka nezostane zakrytá navždy. Skript v clona.php jej triedu "vidno"
   pridá hneď, ešte pred prvým vykreslením, a na konci ju zase odoberie. */
#clona {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background-color: #222222;
    text-align: center;
    opacity: 1;
    transition: opacity 0.6s ease;
}
/* Zvislé vycentrovanie loga bez flexboxu, nech to funguje aj v starších
   prehliadačoch: pomocný prvok vysoký 100% a obrázok zarovnaný na stred. */
#clona:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
#clona img {
    display: inline-block;
    vertical-align: middle;
    width: 220px;
    max-width: 60%;
    height: auto;
    animation: clona-logo 0.8s ease;
}
@keyframes clona-logo {
    from { opacity: 0; }
    to   { opacity: 1; }
}
#clona.vidno {
    display: block;
}
#clona.vidno.zmizni {
    opacity: 0;
}

/* Cookie lišta (analytics.php). Bez triedy "vidno" je schovaná, takže bez
   JavaScriptu sa neukáže — a bez JavaScriptu sa aj tak nespustí analytika.
   Sedí dole, nech neprekryje baner ani menu. */
#cookielista {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    padding: 15px 20px;
    background: rgba(34, 34, 34, 0.95);
    color: #eee;
    text-align: center;
    font-size: 14px;
}
#cookielista.vidno {
    display: block;
}
#cookielista p {
    margin: 0 auto 10px;
    max-width: 700px;
}
#cookielista p:last-child {
    margin-bottom: 0;
}
/* Veta o mapách je doplňujúca informácia, nie otázka — nech neťahá oko
   rovnako silno ako veta, o ktorej sa rozhoduje tlačidlami. */
#cookielista .drobne {
    font-size: 12px;
    color: #aaa;
}
#cookielista .btn {
    margin: 0 5px;
}