/*  OSTRY CSS */
/* zakladni nastaveni pozadi vsech stranek */
body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    background: URL('../img/o_pozadi.jpg');
    
    margin: 0 auto;        /* žádné experimenty s proměnnými */
    padding-bottom: 900px; /* rezerva na spodní scroll */
}

/* Nadpis stranky*/
h1 {
  font-family: 'Arial', sans-serif;
  font-size: 40px; 
  margin: 0;
  padding: 0;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

/* pevna hlavicka stranky */
.pevna_hlavicka {
  position: fixed;
  top: 0;
  width: 100%;
  padding: 0;
  background: rgb(224,224,224);
  text-align: center;
}


/* vrch stranky pod hlavickou */
/*
.content {
  padding: 0px;
}

.sticky {
  position: fixed;
  top: 0px;
  width: 100%;
}

.sticky + .content {
  padding-top: 0px;
}
*/

/* mezera pod hlavickou */
/*
.html {
  --top-spacing: 140px;
  scroll-padding-top: var(--top-spacing);
 } 

.normal {
  --top-spacing: 0px;
  scroll-padding-top: var(--top-spacing);
}
*/

/*  fixni pozice vybranych polozek, levy panel  */
.levy-panel {
  position: fixed;
  padding: 0 0 8px 10px; /* nahoře 0, vpravo 0, dole 8, vlevo 10 */  
  top: 155px;
  bottom: 40px;
  left: 0;
  width: 160px;
  overflow-y: auto;
  background: transparent;
  z-index: 100;
}

.levy-panel b {
  margin-top: 0;
  padding-top: 0;
  display: block;
}

.main-content {
  margin-top: 180px; /* výška hlavičky */
  margin-left: 20px;   /* šířka panelu + mezera */
  padding: 160px;
  max-width: 950px;     /* podle tvé stránky */
  margin-right: auto;
}
.centered-content {
  margin: 0 auto;
  width: 950px;  /* nebo podle svého */
}

/* pevna paticka stranky */
.fixed-footer {
    width: 100%;
    background-color:  rgb(220,220,220);
    position: fixed;  
    text-align: center;
    bottom:  0;
}

/* pro z_nezapomen.php a z_soukrome.php */
td {
  text-align: center;
}

/* ztucneni pisma odkazu */
a {font-weight:normal;
   color: blue;}
/* a:hover {font-weight:bolder;
         color: brown;}
*/         
a:hover {color: red;}

/* nadpis oddilu */
.center {
//  margin-top: 160px;  nemuze tu byt;
  margin-left: auto;
  margin-right: auto;
  width: 950px;
  border: 1px solid;
  background-color: rgb(238, 232, 170, 0.7);
}

.center2 {
//  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 950px;
//  border: 1px solid;
//  background-color: rgb(238, 232, 170, 0.1);
}

/* prouzek v zahlavi tlacitek - index_telo_nadpisy.php*/
.prouzek {
  margin-left: auto;
  margin-right: auto;
  width: 950px;
  border-width: 1px;
  border-spacing: 0px;
  background-color: rgb(238, 232, 170, 0.7);
  font-weight:bolder;
}

/* cislo bloku */
.oddil_cislo{
    width: 20px;
    background-color: rgb(255,228,125);
}
.odd_cislo:hover {
    background-color: rgb(255,0,0);
    }
/* konec - prouzek v zahlavi tlacitek */




.navbar {
    background-image: none!important;
}

.navbar-default {
//    background-color: rgb(240,240,240);
    border-color: #e7e7e7;
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}

/* CHECKBOX na stred */
.checkboxes{
  vertical-align: middle;
}

.blikej {animation: blik 6s infinite; -webkit-animation: blik 3s infinite } 
         @keyframes blik { 0% { opacity:1 } 50% { opacity:0 } 100% { opacity:1 } }
         @-webkit-keyframes blik { 0% { opacity:1 } 50% { opacity:0 } 100% { opacity:1 } }
         
.nav[id] {
  scroll-margin-top: 180px;
  min-height: 200px; /* nebo třeba 250px podle potřeby */
}
        
/* tlacitko pro navrat na zacatek stranky */
#myBtn {
  display: none;
  position: fixed;
  bottom: 55px;
  right: 10px;
  z-index: 99;
  font-size: 19px;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 8px;
  border-radius: 5px;
}

/* zesvetleni obrazkovych tlacitek */
#myBtn:hover {background-color: #555;}

#myImg:hover {transform: scale(0.9);}
/* zaobleni obrazkovych tlacitek */
#myImg {border-radius: 5px;}

/* ikona email */
#icoImg:hover {transform: scale(1.5);}

/* tlacitko ZPET */  
.container {
  position: relative;
  width: 100%;
  max-width: 400px;
}
 
.container .btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: rgb(255,0,0);
  color: white;
  font-size: 15px;
  padding: 4px 20px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
  font-weight:bolder;
}

.container .btn:hover {
  background-color: rgb(82,82,82);
  color: white;
}   

 
/* video prehravac */      
.video {
  width: 100%;
  height: auto;
} 
   
/* sticky menu */    
.stick {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding-top: 5px;
  background-color: rgb(211,211,211);
  border: 2px solid rgb(147,147,147);
}        

/* SMAZKY */
.tab_hlavicka {
    height: 20px;
    background: rgb(220,220,220);
    text-align: center;
    font-weight:bolder;
    }
    
.tab_kdoco {
    text-align: left;
    height: 18px;
    }
    
.tab_datum {
    text-align: right;
    }        

/* tlacitka na leve strane index.php */
.buto {background-color: #0B6B80;
        color:white;
        cursor: pointer;
        margin: .04em;
        border-radius: 4px
    }   
/* tlacitka na leve strane over - #2BA69B */   
.buto:hover {background-color: #2BA69B;
    }   
    
/* tlacitka blok ind_XX.php */
.buto-blk {background-color: #42CFC1;
        color:black;
        font-size: 11px;
        cursor: pointer;
        margin: .001em;
        border-radius: 4px
    }   
/* tlacitka blok over - #2BA69B */   
.buto-blk:hover {background-color: #EFEFEF;
    } 

/* index_hlava_kotvy.php */
.blok:hover {
        background: rgb(255,228,125); 
        }  

/* function.inc.php - cislo oddilu v hledej */
.blok-hledej {
        font-weight: bold;
        } 

.blok-hledej:hover {
        background: rgb(255,228,125);
        }         

/* index_all.php - odkazy v bloku */       
.blok-oddil:hover {
        background: rgb(153,255,255); 
        }
                
/* mnezera za textovymi odkazy */
.margin-link {
    margin-bottom: 7px;
    }



/* Obecné styly pro všechny tooltipy */
.tooltip {
    position: relative;
    display: inline-block;
}

/* Společné styly pro všechny tooltiptexty */
.tooltip .tooltiptext {
    visibility: hidden;
    display: block; /* Zajistí, že pozadí pokryje celý text */
    background-color: black;
    color: #fff;
    text-align: left; /* Zarovnání textu vlevo */
    white-space: pre-line; /* Respektuje tagy <br> pro zalomení řádků */
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    bottom: 125%; /* Zobrazit nad prvkem */
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
    width: max-content; /* Šířka podle obsahu */
    max-width: 90vw; /* Maximální šířka tooltipu */
    word-wrap: break-word; /* Zalamuje dlouhá slova */
    text-align: left !important;
    box-sizing: border-box;
}

/* Šipka pod tooltipem */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%; /* Umístění šipky */
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

/* Zobrazení tooltipu při hover/focus */
.tooltip:hover .tooltiptext,
.tooltip:focus-within .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.custom-font {
    color: red;
    font-size: 16px;
    font-family: Verdana;
    }