/* Velikost titulní fotky je  velikost fotky musí být 586 x 390  /*/


html {
  font-family: 'Nunito', cursive, Helvetica, sans-serif;
  max-width: 96rem;
  padding: 0;
  margin: auto;
  font-size: 1.1em;
  height: -webkit-fill-available;
}


body {
  max-width: 96rem;
  padding: 0;
  margin: 0;
  line-height: 1.7em;

  background:#d5ffd5;
  text-align: center;
  
}


#stranka {
  background:green;
  margin: auto;
  text-align: left;
  max-width: 1200px; /* MOZNO VICE, DLE LOGIKY POHLEDU */
}


#levy_blok {
  background:white;
  background:#b7ffb7;
  display: flex;
  align-items: center;
}


#pravy_blok {
  background:#b7ffb7;
  border-right:2px solid black;
}


#logo_div {
  background:white;
  background:#b7ffb7;
  width: 174px;
  height: auto;
  margin: 14px;
}


#logo_div img {
  width: 100%;
  height: 100%;
 }


#nastenka {
  background:white;
  background:#b7ffb7;
  flex: 1;
  text-align: right;
  padding: 0em 1.3em 0.5em 1em;
}


#stredni_blok {
  background:#b7ffb7;
  position: relative;
  Xborder-bottom:2px solid black;
  Xborder-left:2px solid black;
  Xborder-right:2px solid black;

  Xwidth: 100% !important;
  Xmax-width: 100% !important;
  Xbox-sizing: border-box !important;
  overflow: hidden;
}
}


#hlavni_prostor {
  background:white;
  position: relative;
  border:2px solid black;
}


#papir {
  padding:3px;
  padding-bottom:1.1em;
  
  background: rgb(240,240,240);
  
}


#zalozky {
  background:green;
  height: auto;
  position: relative;
  text-align: center;
  font-size:0.80em;

  display: flex;
  justify-content: space-between;
}

#pravys {
  display: grid;
  grid-template-columns: 200px 1fr 200px;
  grid-gap: 20px;
  background: #b7ffb7;
  text-align: center;
}

#kontakty {
  background: #b7ffb7;
  grid-column: 2;
}

#tlacitka_pravy {
  background: green;
  Xborder: 2px solid black;
}

#partneri {
  background: white;
}


#zalozky>a {
  flex: 1;
  text-align: center;
  text-decoration: none;
  padding: 0.3em 0.2em 0.3em 0.2em;
  height:auto;
}


#titfoto  {
  background:#b7ffb7;
  display: grid;
  place-items: center;
}


#titfoto img {
  width: 100%;
  max-width: 590px;
  height: auto;
}


#menuovac {
  display: none;
}

#menuovac_huhu {
  display: none;
  text-align:left !important;
  font-size:300%;
  
}



@media (max-width: 768px)
{
  #logo_div {
    width: 120px;
    margin: 5px;
  }

  #nastenka {
    font-size: 70%;
  }

  #pravys
  {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    }

  #kontakty
  {
    grid-column: 1;
    grid-row: 1;
  }

  #tlacitka_pravy
  {
    grid-column: 1;
    grid-row: 2;
    width: 50%;
    justify-self: start;
  }

  #partneri
  {
    grid-column: 1;
    grid-row: 2;
    width: 50%;
    justify-self: end;
  }

  #menuovac_huhu
  {
    display: block;
    background: green;
    color: white;
    padding: 10px;
    text-align: center;
    cursor: pointer;
    padding-bottom:20px;
  }

  #zalozky
  {
    display: none;
  }

  #menuovac:checked ~ #zalozky
  {
    display: flex;
    flex-direction: column;
  }

  #zalozky > a
  {
    width: auto;
    max-width: 100wv;
    font-size:130%;
    XXXborder-bottom: 1px solid #fff;
    border:none;
    padding: 1em 0 1em 1em;
    text-align: left;
  }

  button[name="tl_starsi"], button[name="tl_novejsi"]
  {
      padding:1em;
  }

  #zalozky_dilci {  background:#b7ffb7;  } 


  .button_dilci, .button_dilci_aktivni
  {
    font-size: 18px !important;
    margin: 0.5em !important;
  }

  #slider {
              width: 300px !important; height: 390px;
              
          }

}



/* background:#26b0d9;  background:#d5ffd5; */





/* !! MM !! nenašel jsem, bez zásahu */
#stranka_system {background:white; width: 1029px; min-height:5px; margin: auto; text-align: left; position: relative; border:2px solid black;}

















.zalozka_aktivni {background:#b7ffb7; width:98px; height:27px; margin-right:0px;  float: left;
                  /*border-top-right-radius: 10px; border-top-left-radius: 10px; */

                  border-top:2px solid black;
                  border-right:1px solid black;
                  border-bottom:2px solid #b7ffb7;
                  border-left:1px solid black;


                  text-decoration:none; color:black; text-transform: uppercase; font-weight:bold;

                  padding-top:3px;
                 }



.zalozka_aktivni_leva {background:#b7ffb7; width:98px; height:27px; margin-right:0px;  float: left;
                 /* border-top-right-radius: 10px; border-top-left-radius: 10px;  */

                  border-top:2px solid black;
                  border-right:1px solid black;
                  border-bottom:2px solid #b7ffb7;
                  border-left:2px solid black;


                  text-decoration:none; color:black; text-transform: uppercase; font-weight:bold;

                  padding-top:3px;
                 }


.zalozka_aktivni_prava {background:#b7ffb7; width:98px; height:27px; margin-right:0px;  float: left;
                /*  border-top-right-radius: 10px; border-top-left-radius: 10px;    */

                  border-top:2px solid black;
                  border-right:2px solid black;
                  border-bottom:2px solid #b7ffb7;
                  border-left:1px solid black;


                  text-decoration:none; color:black; text-transform: uppercase; font-weight:bold;

                  padding-top:3px;
                 }


/*.zalozka_aktivni a { height: 25px; width:89px; background:#b7ffb7; display: block; position: relative; left: 5px; top: 3px; text-decoration:none; color:black; text-transform: uppercase; font-weight:bold;}

.zalozka_neaktivni a { height: 25px; width:89px; background:green; display: block; position: relative; left: 5px; top: 3px; text-decoration:none; color:black; text-transform: uppercase; font-weight:bold;}
.zalozka_neaktivni a:hover {background:blue;}

*/

.zalozka_neaktivni {background:green; width:98px; height:27px; margin-right:0px;  float: left;


                    color:white; text-decoration:none; text-transform: uppercase; font-weight:bold;

                    border-top:2px solid black;
                    border-right:1px solid black;
                    border-bottom:2px solid black;
                    border-left:1px solid black;

                  /*  border-top-right-radius: 10px; border-top-left-radius: 10px;    */

                    padding-top:3px;


                   }


.zalozka_neaktivni_leva {background:green; width:98px; height:27px; margin-right:0px;  float: left;


                    color:white; text-decoration:none; text-transform: uppercase; font-weight:bold;

                    border-top:2px solid black;
                    border-right:1px solid black;
                    border-bottom:2px solid black;
                    border-left:2px solid black;

                  /*  border-top-right-radius: 10px; border-top-left-radius: 10px;    */

                    padding-top:3px;


                   }




.zalozka_neaktivni_prava {background:green; width:98px; height:27px; margin-right:0px;  float: left;


                    color:white; text-decoration:none; text-transform: uppercase; font-weight:bold;

                    border-top:2px solid black;
                    border-right:2px solid black;
                    border-bottom:2px solid black;
                    border-left:1px solid black;

                 /*   border-top-right-radius: 10px; border-top-left-radius: 10px;    */

                    padding-top:3px;


                   }




.zalozka_neaktivni:hover {background:black;}
.zalozka_neaktivni_prava:hover {background:black;}
.zalozka_neaktivni_leva:hover {background:black;}






/* velikost fotky musí být 586 x 390 /*/
/*MM ruším*/ /*.titimg {border: 2px solid black; }*/



#zalozky_dilci {  background:#b7ffb7;   text-align:center;  /* margin-right:5px; margin-left:5px; */

                 }

.zalozky_dilci_radek {height:40px; position: relative; background:blue; }


.zalozka_dilci_aktivni {height: 30px; width: 80px; background:green; position: relative; margin:2px; float: left; border-radius: 5px;  color:white; font-weight:bold;}


#zalozky_dilci a{text-decoration:none; color:white; font-weight:bold; height: 26px; margin: 1px; display: block; border:1px solid black; }




.zalozka_dilci_neaktivni {height: 30px; width: 80px; background:purple; position: relative; margin:2px; float: left; border-radius: 5px;}

.zalozka_dilci_neaktivni:hover {background:black;}




.tlacitko { height:40px; width:120px; background:red; border-radius: 10px; margin: 5px; position:relative; }
.tlacitko a {  width:110px; height:30px; background:purple;  position:absolute; top:5px; left:5px; text-decoration:none; color:white;
               font-weight:bold; font-size:0.80em; text-transform: uppercase; }


.tlacitko a:hover {background:black;}



.mapka { width:170px;}






.button_dilci
{
  
  
  
  width:114px;

  background: green;

  color:white; text-decoration:none; text-transform: uppercase; font-weight:bold;
  font-size: 12px;

  border: none;
        xborder-bottom: 1px solid black;
  xborder-top: none;
  xborder-left: none;
  xborder-right: none;
        /*margin: 0px 0px 5px 10px;  */
  height: 27px;
  /*border-radius: 3px;    */
  margin: 0px;
  padding: 0px;
}

.button_dilci:hover {background:black;}

.button_dilci_aktivni
{
  width:114px;

  color:black; text-decoration:none; text-transform: uppercase; font-weight:bold;
  font-size: 12px;

        /*font-size: 1.0em;  */
        background: rgb(240,240,240);
        border-bottom: 3px solid rgb(240,240,240);

  border-top:  3px solid rgb(240,240,240);
  border-left: none;
  border-right: none;
        /*margin: 0px 0px 5px 10px;  */
  height: 27px;
  /*border-radius: 3px;    */
  margin: 0px;
  padding: 0px;
}


.div_t {background:white;  width: 80%; width: 80%;   }

.tab_treninky  {border-collapse: collapse; border:2px solid black; width: 100%;  }

.tab_treninky thead td {/*background:#b7ffb7; */ font-weight: bold;  text-transform:uppercase; }

.tab_treninky td {border: 1px solid black; background:white; height:33px;}


.tab_clenove  {border-collapse: collapse; border:2px solid black; width: 95%; margin:5px; }

.tab_clenove thead td {/*background:#b7ffb7; */ font-weight: bold;  text-transform:uppercase; }

.tab_clenove td {border: 1px solid black; background:white; height:33px;}

//.tab_clenove .bil{font: bold;}







.tab_filtr  {border-collapse: collapse; border:2px solid black; width: 90%;  margin: 10px;  }

.tab_filtr thead td {/*background:#b7ffb7; */ font-weight: bold;  text-transform:uppercase; }

.tab_filtr td {border: 1px solid black; background:white; height:33px;}





.vypis_akci{border-collapse: collapse; border:2px solid black; width: 100%;  }
.vypis_akci td {border: 1px solid black; background:white; height:33px;}
.vypis_akci thead td {/*background:#b7ffb7; */ font-weight: bold;  text-transform:uppercase; }
.va_datum { width:13%; }



.tab_akce_neverejna {border-collapse: collapse; border:2px solid black; width: 100%;  }
.tab_akce_neverejna td {border: 1px solid black; background:white; height:33px;}

.datum {width: 20%}


#pokus { width: 450px; height: 30px; background:orange; position: absolute; top: 705px; left: 5px; text-align: center; vertical-align: middle; display: inline-block;  }



.error1 {width:92%;height:auto;padding:10px;border: solid 2px red; color:red; background:yellow;font-size:1.3em;font-weight:bold;border-radius:4px}
.error2 {width:92%;height:auto;padding:10px;border: solid 2px red; color:black; background:rgb(255,102,204);font-size:1.3em;font-weight:bold;border-radius:4px}
.error3 {width:92%;height:auto;padding:10px;border: solid 2px rgb(0,80,0); color:black; background:rgb(0,204,0);font-size:1.3em;font-weight:bold;border-radius:4px}
.error4 {width:92%;height:auto;padding:10px;border: solid 2px rgb(0,102,153); color:black; background:rgb(51,204,204);font-size:1.3em;font-weight:bold;border-radius:4px}

.ok1{width:87%;height:auto;padding:10px;border: solid 2px green; color:green; background:yellow;font-size:1.3em;font-weight:bold}

.clanekb3 {text-align: right;}
.clanekb3 a { text-decoration:none; font-style:italic;}

.detail_clanek {min-height: 742px;}

.xxxhracky {border-collapse: collapse; border:2px solid black; width: 99%; text-align:center; }
.hracky tr {height:205px;}
.xxxhracky td {border: 2px solid black; background:white;}
.foto {width: 215px; margin:10px;}

.foto_hracky {border: 1px solid black; border-radius:8px; box-shadow:10px 10px 5px -3px rgba(0,0,0,0.75)}
.hracka_jmeno {font: bold 18px/1.5 Tahoma}
.hracka_rocnik {font: bold 15px/1.5 Tahoma}



.lide {position:relative; min-height: 600px; margin:10px;}

.lid_kzar {background: #FFFF99; width: 300px; position:absolute; top:0px; left:582px;  padding:10px; border:2px solid black; }



.lid_zar {background: #FFFF99; width: 43%; padding:10px; border:2px solid black;}

.boduprideleno {text-align: right;}

.dispecink_deleni {background: #CCFF66; margin:10px; padding:10px; border:2px solid black;  font-size:110% }



.tab_dochbody  {border-collapse: collapse; border:2px solid black; width: 90%; margin: 10px; }

.tab_dochbody thead td {background:#b7ffb7;  font-weight: bold;  text-transform:uppercase; }

/*.tab_dochbody td {border: 1px solid black; background:white; height:33px;}*/

.td_vystraha {border: 1px solid black; background:red; height:33px;}

.td_nevystraha {border: 1px solid black; background:white; height:33px;}

.infodiv {margin: 10px;}

.tipy {margin: 10px; color: green;}



.cerveny {color: red; font-weight: bold;}
.v1 {color: orange;}
.v2 {color: green;}
.cerny {color: black;}


#slider {

               width: 586px; height: 390px;

               display: grid;
                place-items: center;
             }

#zalozky a:first-child

{

        border-left:none;

}

#zalozky a:last-child

{

        border-right:none;

}       


table tr td {padding: 0.4em;}

table td:nth-child(2) {white-space:nowrap;}

.velkolepy_prijezd {
     position: relative;
     left: -100%;
     animation: slide-in 1s ease-out forwards;
 }

 @keyframes slide-in {
     from {
         left: -100%;
         opacity: 0;
     }
     to {
         left: 0;
         opacity: 1;
     }
 }


.tabulka_posun {overflow-x: scroll;}

.tucne_nahore {border-top: solid 3px black !important;}

.neklikaci {pointer-events:none; user-select:none;}

.video1 {width=800 height=450 autoplay muted playsinline}


/*-------------------------------------------------------------------------------- 19-06-2025  ------*/

    

    h1 {
      font-size: 160%;
      margin-top: 0;
    }

    h2 {
      font-size: 140%;
      margin-top: 4px;
    }

    h3 {
      font-size: 120%;
      margin-bottom: 8px;
    }

    h1, h2, h3 {
      text-align: left;
    }

    /*Tady máš odsazení a vyhoď tu mezeru a dej jí kolem rozmezí let*/
    p {
      text-indent: 2em;
    }

    /*První písmeno odstavec, možno celé smazat*/
    //p::first-letter {
    //font-size: 150%;
    //font-weight: bold;
    //color: #055b09;
  }



    div.videos {
      Xborder:solid 2px blue;

      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
      gap: 8px;
      justify-content: center;
      max-width: 1000px;
      margin: 0 auto;
    }

    div.videos > video {
      Xborder:solid 2px green;

      display: block;
      aspect-ratio: 9/16;
      border-radius: 10px;
      width: 100%;
      height: auto;
      object-fit: cover;
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.45);
      border-radius: 12px;
      overflow: hidden;
      Xbackground-color: #000;
    }

    #papir {
      background-image: url('/img/web/textura.png');
      background-repeat: repeat;
      background-size: auto;
      text-align: justify;
    }


    article#papir > video {
      float:left;
      display: block;
      margin-right: 1.5em;
      aspect-ratio: 9/16;
      border-radius: 10px;
      width: 30%;
      height: auto;
      object-fit: cover;
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.45);
      border-radius: 12px;
      overflow: hidden;
    }



    @media (max-width: 768px) {
      #papir {
        font-size: 0.9rem;
        line-height: 1.4rem;
      }

      div.videos {
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
        gap: 6px;
      }

      div.videos > video {
        border-radius: 8px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
      }

      article#papir > video {
        margin-right: 0.9em;
        width: 35%;
        height: auto;
        border-radius: 8px;
        overflow: hidden;
      }


      h1 {
        font-size: 140%;
        line-height: 1.1em;
      }

      h2 {
        font-size: 120%;
        line-height: 1.2em;
      }

      h3 {
        font-size: 105%;
        line-height: 1.3em;
      }

    }

    /*NIZE SI PRIDEJ CI OPTRAV, DO TECHOTO MIST TOTO:*/
    #papir {
      padding: 0.7em;
    }
    
    a.velkolepy_prijezd > h2 { text-align:right; }
    #kontakty h2, #kontakty h3 { text-align: center; }