/* variables */
:root{
    --primary: #000000;
    --secondary: #ffffff;
  }
  
  /* reset */
  body,a,ul,li{
    margin: 0;
    padding: 0;
    text-decoration: none;
  
  }
  a{
    text-decoration: none;
  }

 .obsah ul {
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}    
  /* base styles */
  
html {
        background-image: url(/actlay/img/sky.jpg);
    background-repeat: no-repeat;
    background-size: cover;  
  }
  body, html {
    /*height: 100%;*/
    margin: 0;
  }
  body{
 /*   background: #ffffff;
    background: var(--secondary);    */
    overflow-x: hidden;
   /* font-family: 'Poppins', sans-serif;*/
    font-family: 'Quicksand', sans-serif;
    color:#000000;
    color:var(--primary);
    font-weight: 500;
    
  
  }
  
      #bg-video {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; /* vyplní celé okno */
        z-index: -1; /* video bude v pozadí */
        background: url('/actlay/img/fallback.jpg') center center / cover no-repeat;
    }

  .gridlayout-container{
    display: flex;
    flex-direction: column;
    min-height: 100vh;
  }
  .obal_panel1a2{
    flex:1;
  }
  /* fonts */
  /*https://fonts.google.com/specimen/Poppins?query=poppins*/
  /*@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;500&display=swap');*/
  /*
  @font-face {
    font-family: 'Rubik Regular';
    src: url("/actlay/fonts/Rubik-Regular.ttf") format("ttf"),
    
  }*/
  /*
  h1,h2,h3,h4{
    color: #fcfcfc;
    font-weight: 300;
    line-height: 1.4em;   
  }
  */
  a{
    color: rgb(157 54 21);
    /*line-height: 1.2em;
    font-size: 1em;
    word-wrap: break-word;*/
  }
  a:hover {
    color: orange;
  }
  h1{
    font-size: 1.8em;
   /* margin:0;  */
  } 
  h2{
    font-size: 1.6em;
  }
   h3{
    font-size: 1.2em;
  }
  h4{
    font-size: 1.1em;
  }
  h1, h2, h3, h4, h5{
    font-weight: 400;
  }  
  .opravnik{
    display:block;
    float:right;
    cursor:pointer;
    position:relative;
    z-index:99; 
    /*margin-top: 32px;*/ 
    right: 20px;  
  }
  .opravnik-in{
    /*float: right; */
    display: none;
    background-color: rgb(255,255,153);
    border: silver 1px solid;
    /* margin-right: 25px; */
    /* position: relative; */
    z-index: 99;
    padding: 12px 50px 12px 20px;
    border-radius: 20px 20px 0 0;
    text-align: right;
  }
  .opravnik-vlajka{
    margin-left: -14px;
    margin-top: 10px;
    position: absolute;
    width: 16px;
    height: auto;
  }

 
.block-wrap{
    width:100%;
}
.block-content{
    margin: 0 auto;
    max-width: 1140px;
    /*padding:0 20px;   */
}
.panel3 .block-content{
    width: calc(100% - 40px); 
    /*padding-top:20px;*/
    /*padding-bottom:40px;*/
}

              .back-lajna{

    background-image: url(/actlay/img/sky.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}              
              .pag .back-lajna{
                background-color: transparent;
                background-image: unset;
              }
 
 
 .pag .panel5 {
  display:none;
 }

#skiptocontent a {
    padding: 6px;
    position: absolute;
    top: -40px;
    left: 0px;
    color: white;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    border-bottom-right-radius: 8px;
    background: #BF1722;
    -webkit-transition: top 1s ease-out;
    transition: top 1s ease-out;
    z-index: 100;
}
#skiptocontent a:focus {
    position: absolute;
    left: 0px;
    top: 0px;
    outline-color: transparent;
    -webkit-transition: top .1s ease-in;
    transition: top .1s ease-in;
}
  
.float-btn-group{
  display:none;
}

  .btn-float {
    
    width: 50px;
    height: 50px;
    line-height: 22px;
    display: inline-block;
    border: none;
    font-size: 15px;
    font-weight: bold;
    color: black;
    text-align: center;
    text-decoration: none;  
    position: relative;
    transition: 0.3s;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11);
  }
  .btn-float:hover {
    text-decoration: none;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15), 0 4px 15px rgba(0, 0, 0, 0.13);
  }
  .btn-float:active, .btn-float:focus {
    outline: none;
  }
  .btn-float + .btn-float {
    margin-left: 5px;
  }
  
  .yellow {
    background: #ffa000;
  }
  
  .blue {
    background: #40c4ff;
  }
  
  .green {
    background: #00e676;
  }
  
  .purple {
    background: #8e24aa;
  }
  
  .pink {
    background: #e91e63;
  }
  
  .icon-bars {
    background: #fff;
    height: 1px;
    width: 22px;
    margin: auto;
    display: block;
    position: relative;
    -moz-transition: 0.3s 0.3s;
    -o-transition: 0.3s 0.3s;
    -webkit-transition: 0.3s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    transition: 0.3s 0.3s;
  }
  .icon-bars:after {
    content: '';
    position: absolute;
    height: 22px;
    width: 1px;
    background: #fff;
    top: -10px;
  }

.float-btn-group {
  position: absolute;
  float: right;
  transition: 0.3s;
  right: 3%;
  z-index: 99999;
}
.float-btn-group .btn-triger {
  z-index: 15;
  float: left;
}
.float-btn-group .btn-list {
  position: absolute;
  right: 0;
  transition: 0.3s;
}
.float-btn-group .btn-list li {
  display: inline-block;
}
.float-btn-group.open .icon-bars {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}


.float-btn-group .icon-bars {
  transition: 0.3s;
}
.float-btn-group .btn-list .btn-float {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
}
.float-btn-group .btn-list .btn-float:nth-child(1) {
  -moz-transition: 0.3s 1.2s;
  -o-transition: 0.3s 1.2s;
  -webkit-transition: 0.3s;
  -webkit-transition-delay: 1.2s;
  transition-delay: 0.3s;
  transition: 0.3s 1.2s;
}
.float-btn-group .btn-list .btn-float:nth-child(2) {
  -moz-transition: 0.3s 0.9s;
  -o-transition: 0.3s 0.9s;
  -webkit-transition: 0.3s;
  -webkit-transition-delay: 0.9s;
  transition-delay: 0.3s;
  transition: 0.3s 0.9s;
}
.float-btn-group .btn-list .btn-float:nth-child(3) {
  -moz-transition: 0.3s 0.6s;
  -o-transition: 0.3s 0.6s;
  -webkit-transition: 0.3s;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.3s;
  transition: 0.3s 0.6s;
}
.float-btn-group .btn-list .btn-float:nth-child(4) {
  -moz-transition: 0.3s 0.3s;
  -o-transition: 0.3s 0.3s;
  -webkit-transition: 0.3s;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  transition: 0.3s 0.3s;
}
.float-btn-group.open .btn-list .btn-float {
  opacity: 1;
}
.float-btn-group.open .btn-list .btn-float:nth-child(1) {
  right: 230px;
  -moz-transition: 0.3s 0.3s;
  -o-transition: 0.3s 0.3s;
  -webkit-transition: 0.3s;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  transition: 0.3s 0.3s;
}
.float-btn-group.open .btn-list .btn-float:nth-child(2) {
  right: 165px;
  -moz-transition: 0.3s 0.6s;
  -o-transition: 0.3s 0.6s;
  -webkit-transition: 0.3s;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.3s;
  transition: 0.3s 0.6s;
}
.float-btn-group.open .btn-list .btn-float:nth-child(3) {
  right: 110px;
  -moz-transition: 0.3s 0.9s;
  -o-transition: 0.3s 0.9s;
  -webkit-transition: 0.3s;
  -webkit-transition-delay: 0.9s;
  transition-delay: 0.3s;
  transition: 0.3s 0.9s;
}
.float-btn-group.open .btn-list .btn-float:nth-child(4) {
  right: 55px;
  -moz-transition: 0.3s 1.2s;
  -o-transition: 0.3s 1.2s;
  -webkit-transition: 0.3s;
  -webkit-transition-delay: 1.2s;
  transition-delay: 0.3s;
  transition: 0.3s 1.2s;
}
  /****************************************************************************************/
  /* mobile styles */
 
  .prihlasit-newsletter {
    text-align: center;
    border: 1px solid #ffb64ab5;
    border-radius: 10px;
    margin-bottom: 30px;
    padding: 15px;
    background-color: #ffc1074d;
}
.prihlasit-newsletter a{
  display: block;
}
.prihlasit-newsletter a:hover{
  color:red;
}


.grid-container {
  display: grid;
  grid-template-columns: 70px 1fr 50px; /* mobil: 3 sloupce */
  grid-template-areas: 
    "logo nazev menu";
  gap: 1rem;
  padding: 0;
  align-items: center;
  text-align: center;
}

/* přiřazení oblastí */
.logo2  { grid-area: logo; 
text-align: right;
max-height:100%;
}
.nazev2 { grid-area: nazev; }
.menu2  { grid-area: menu; }
.menu2 ul  {     
    margin: 0;
    padding: 0;
     }

.menufree .obsah  {     
    text-align:center
     }

.menufree ul  {     
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
.menufree li  {     
    margin: 0 0 10px 0;
    padding: 0;
}

.menufree a.active{
    color:red;
}

.na-pc-menu{
    display:none;
}


.logo2 img {
  height:60px;
  width:auto;
}

        



      /* Desktop rozložení */
      @media (min-width: 700px) {
      
      
        .grid-container {
          grid-template-columns: 3.5fr 0.5fr;
          grid-template-areas: 
            "nazev logo";
        }
        
        .menu2  { display:none; }
        
        .na-pc-menu{
            display:block;
        }
        .menu-top-mobil,
        .na-mobil-menu{
            display:none;
        }
       .logo2 img {
          height: 100%; 
          max-height: 200px; 
          width:auto;
        }  

      }


.logoSlu{
    float:left;
}
.logoSlu img{
    width:80px;
    height:auto;
}

.logo {
    position: absolute;
    z-index: 99;
    top: 42px;
    left: 10px;
    width: 15%;
}

.logo img{
  width: 98px;
  height:auto;
  max-width: 100%;
}
 
.logodivnazev {
  text-align: center;
  font-size: 1.19em;
  font-weight: 700;
  color: #ffffff;
  padding-top: 200px;
  font-family: 'Quicksand', sans-serif;
}

#loginin{
    position:absolute;
    width:30px;
    height:30px;
    top:0; 
    cursor: default;
}

.menu-top-mobil {
    position: fixed;
    background-color: rgb(255, 255, 255);
    display: none;
    z-index: 10;
    width: 100%;
    height: 100%;
    top: 0;
}
.prvni-lajna{
  width:100%;
 /* grid-column: 1/14;
  grid-row: 1;*/
  min-height:55px;
  background-color: #e0323d;
}
.titul-webu {
    color: #ff7401;
    font-size: 1.15em;
    font-weight: 600;
    

    
}

.titul-webu > div:nth-child(1) {
    font-size: 4.5vw;    
}

.titul-webu > div:nth-child(2){
  font-weight:bold; 
  font-size: 1.3em;
  font-size: 6vw;
}

.titul-webu > div:nth-child(3) {
    font-size: 4.5vw;    
}


.okno-do-fotoserie {
    text-align: center;
    border: 2px solid #a7add7;
    /* background-color: #e3dc7b; */
    padding: 15px;
    text-align: center;
}
.okno-do-fotoserie:hover{
     background-color: yellow;
}
.okno-do-fotoserie a:hover{
     color: rgb(157 54 21);
}
.okno-do-fotoserie img{
    max-width:100%;
    height:auto;
}

.obal_foto_datum_nazev{
    margin:10px 0 10px 0;
}
.obal_foto_datum_nazev .datum_fotoserie{
    margin:0px 0 4px 0;
}

.obal_foto_datum_nazev .titulek_fotoserie{
    font-weight:bold;
}

.datum_fotoserie{
    margin: 0 0 20px 0;
}
.ytthumb a{
    display: block;
    height: 100%;
}
.ytthumb div{
    height: 100%;
    display: flex;
}
.ytthumb .ytplayimg{
    object-fit: scale-down;
}

.slide_titulka{
    position:absolute;
    z-index:-1;
}
 /*
header{
 
 background-image: url("/actlay/img/banners/001.jpg");

  background-size: cover;
  background-position: center center;    
}
 */
.pag .druha-lajna,
.pagfotoserie .druha-lajna,
.pagctete-vice .druha-lajna
{
    display:none;
}

.pag2 header{ 
  background-image: url("/actlay/img/banners/002.jpg");
  background-size: cover;
  background-position: center center;
} 
.pag header{ 
  background-image: unset;
  background-size: cover;
  background-position: center center;
} 


.pagfotografie header, .pagkontakt header{ 
  background-image: url("/actlay/img/banners/002.jpg");
  background-size: cover;
  background-position: center center;
} 

.pagaktuality header{ 
  background-image: url("/actlay/img/banners/003.jpg");
  background-size: cover;
  background-position: center center;
} 

.pagaktivity header{ 
  background-image: url("/actlay/img/banners/011.jpg");
  background-size: cover;
  background-position: center center;
} 

.pagzapis header{ 
  background-image: url("/actlay/img/banners/051.jpg");
  background-size: cover;
  background-position: center center;
} 

.pagdokumenty header{ 
  background-image: url("/actlay/img/banners/034.jpg");
  background-size: cover;
  background-position: center center;
} 


.pagvideo header{ 
  background-image: url("/actlay/img/banners/073.jpg");
  background-size: cover;
  background-position: center center;
} 

.pagfotky header{ 
  background-image: url("/actlay/img/banners/041.jpg");
  background-size: cover;
  background-position: center center;
} 

.paghistorie header{ 
  background-image: url("/actlay/img/banners/004.jpg");
  background-size: cover;
  background-position: center center;
} 

.pagjidelnicek header{ 
  background-image: url("/actlay/img/banners/028.jpg");
  background-size: cover;
  background-position: center center;
} 


.druha-lajna{
  width:100%;
 /* grid-column: 1/14;
  grid-row: 2;*/
  height:300px;

}

.slide_titulka .slick-track{
  width: 100vw;
  height: 100vh;
}
.treti-lajna {
  padding: 18px 20px 0px;
  text-align: right;
  /* background-color: gold; */
  color: #a95a02;
  font-weight: 400;
  text-align: center;
}   

.na-mobil-menu{
 float:right;
 width:55px;
 height:55px;
}
.hamburger{
  background:none;
  position:relative;
  top:0px;
  right:0px;
  line-height:35px;
  padding:10px 12px 10px 15px;
  color: orange;
  border:0;
  font-size:2em;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:1000;

  
  }
  .cross {
    display: none;
    background: none;
    position: relative; 
    top: 8px;
    right: 0px;
    padding: 7px 12px 10px 15px;
    color: #999;
    border: 0;
    font-size: 3.9em;
    /* line-height: 90px; */
    font-weight: bold;
    cursor: pointer;
    outline: none;
    z-index: 1001;
}
  details{
    margin:10px 0 20px 0;
  }
  details summary{
    margin:0 0 10px 0;
    cursor:pointer;
    font-weight: bold;
  }

  .menu-dole {
    text-align: center;
   /* margin-top: 100px;      */
  }

  .menu-top ul{
    margin:0;
    /*padding: 20px 20px 20px 22%;*/
  }
  .menu-dole ul{
    margin:0;
    padding: 20px;
  }
  .pag .menu-dole ul{
    margin:0;
    padding: 0px;
  }
  .menu-top-mobil li{
    /*  display:inline;*/
      /*margin-right:1%;*/
      list-style-type: none;
      padding: 10px 0;
      text-transform: uppercase;
      font-weight: 800;
    }
    .menu-dole li{
      /*  display:inline;*/
        /*margin-right:1%;*/
        list-style-type: none;
        padding: 10px 0;
        text-transform: uppercase;
        font-weight: 800;
      }
      
    .menu-top-mobil>ul li{
      border-bottom: 1px solid #ee7d00;
      }
      .menu-top-mobil>ul li:last-child{
        border-bottom: 0px solid #ee7d00;
        }
        
      
  .menu-top-mobil .nav-item>a[href^="#"]::before {
    content: url(/actlay/img/adb.svg);
    margin: 0px 5px 0 0px;
  }

  .menu-top-mobil .nav-item>a[href^="https"]::before {
    content: url(/actlay/img/arb.svg);
    margin: 0px 3px 0 0px;
  }

.menu-top-mobil li a{
  text-decoration:none;
  color:#4e4e4e;
  display: block;
}
.menu-dole li a{
  text-decoration:none;
  color:#4e4e4e;
  display: block;
}

.menu-top-mobil li li a{
  text-decoration:none;
  color:#383838;
  display: block;
}
.menu-top-mobil li li a[href^="https"]::before {
    content: url(/actlay/img/arb.svg);
    margin: 0px 5px 0 0px;
}
.menu-top-mobil li a:hover{
  text-decoration: underline;  
  text-decoration-color: red;
  text-underline-offset: .525em;
  text-decoration-thickness: 0.1em;
  color:#cf3403;
}
.menu-top-mobil li a:active{
  text-decoration:none;
  color:red;
}
.menu-top-mobil li a.active {
  text-decoration: underline;
  /* color: #e70808; */
  text-decoration-color: white;
  text-underline-offset: .525em;
  text-decoration-thickness: 0.1em;
}
.menu-dole li a.active {
  text-decoration: underline;
  /* color: #e70808; */
  text-decoration-color: rgb(95, 93, 93);
  text-underline-offset: .525em;
  text-decoration-thickness: 0.1em;
}
/*
.menu-top li a.active:hover{
  text-decoration:none;
  color:white;
  background-color:red;
}
*/
.mysubmenu {
  display:none;
}
.mysubmenu ul {
  padding: 0 20px 0 30px;
  
}
.mysubmenu li {
  display:block;
  padding: 10px 0;
}
.mysubmenu ul li ul {
  padding: 0 20px 0 30px;
  border-left: 1px dashed #ffa000;
  border-radius: 0 25px;
}

.spoluprace {
  margin-top: 50px;
}

#adminmenu{
    display: none;
}
/*  nav{
  background-color:#1F1C37;
} */
  .nav-mobil{
      background-color:#1F1C37;
  }
.menu-mobil{
  display: none;
  font-weight:600;
}
  .menu-mobil a{
  color:white;
}
.nav-desktop{
    display: none;
    font-weight:600;
}


.div-cross, .div-hamb{
  
  text-align: left;
}

.pozadiD66253 {
  background-color: #D66253;
  display: flex;
  justify-content: center; 
  align-items: center;
  text-align: center;
}
.pozadiD66253>div{
  font-size:30pt;
  max-width: 225px;
}
.menu-mobil {
position: absolute;
top: 0;
z-index: 1000;
width: 100%; 
}
.menu-grid{
display: grid;
grid-template-rows: 50% 50%;
width: 100%;
/*height:100vh;*/
background-color:#1F1C37;
}
.menu-grid-top {
  display: grid;
  grid-template-columns: 20% auto 20%;
  height: 31px;
  padding: 10px 10px 0 20px;
  font-size: 20pt;
}
.menu-grid-one {
display: grid;
grid-template-columns: 20% auto 20%;
height: 31px;
padding: 10px 10px 0 20px;
font-size: 20pt;
}
.menu-grid-two{
  padding: 20px 10px 10px 20px;
}
.menu-grid-two li{
  font-size: 20pt;
  line-height: 1.3;
  margin-bottom: 20px;
}
.telefon{
  font-size: 14pt;
  text-align: center;
}
.akt-nadpis{
  text-align: center;
}
.naface{
  text-align:right;
  
}

.anaidnes{
      margin-left: 10px;
}
/*
  .obsah p img{
    margin: -1em 0;
  }
*/
.webtitle, .top-adresa{
  
  display: none;
}
.obsah {
 /* font-size: 13pt;*/
  overflow-wrap: break-word;
}

.panel3 .obsah {
 font-size: 16pt;  
}

.web-titul{
    align-self: end;
}
.panel3-footer{
  background-color:#1F1C37;
  color:white;
  display: flex;
  justify-content: center; 
  align-items: center;
  text-align: center;
  height:230px;
}

.footeradresa {
    text-align: center;
    padding: 0px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footeradresa div{
  border-top: silver solid 1px;
  padding:20px 20px 0 20px;
}
.pag .footeradresa div{
  border-top: transparent solid 1px;
  padding:10px 20px 0 20px;
}
.footeradresa img{
  margin-top:6px;
}


.stranka-vzor-01{
  display:grid;
  grid-template-columns:100%;
  text-align: center;
  grid-gap: 45px;
}

.stranka-vzor-01>div {
  padding: 0px 20px 20px;
  background-color: white;
  border: #ee7d00 2px solid;
  border-radius: 5px;
  position: relative;
  height: 100%;
}
.stranka-vzor-01 h2{
  font-size: 1em;
  color:#ee7d00;
  font-weight: 500;
}
.stranka-vzor-01 a{
  color:white;
  
}
.stranka-vzor-01 a:hover,
.stranka-vzor-01 summary:hover
{
  color:rgb(204, 7, 7);
  
}
.button-zobrazit, .button-vybrat{
  color: white;
  background-color:#ee7d00;
  padding:10px 0;
  font-weight: 600;
  position: absolute;
  bottom: 10px;
  width: calc(100% - 40px);
  cursor:pointer;
  border-radius: 5px;
}
/*
.button-vybrat::before {
  content: url(/actlay/img/ar_down.svg);
  margin: 0px 5px 0 0px;
}
.nabidka-vybrat{
  position:absolute;
  background-color:#ee7d00;
  width: calc(100% - 40px);
  padding:10px 0;
}
*/
.vlna {
    background-image: url(/actlay/img/vlnayy.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    height: 130px;
    grid-column: 1/13;
    grid-row: 3;
    margin-top: -50px;
}

details a{
    padding: 10px 0;
    display: block;
}
details a:first-child{
    padding: 20px 0 10px 0;
    
}

.footer{
   padding: 50px 0 20px 0;
}
.pag .footer{
   padding: 0px 0 20px 0;
}

.titimage {     
    width: 100%;
    height: 100px;
    background-size: cover;
    height: 300px;
    background-position: center center;
    position: relative;
   
}



    .sos {
      display:none;
    }
    .sos-fb {
      display:none;
    }
    
    .sos-mobil {
      display:block;
      text-align:center;
      padding:20px 0 30px 0;
      background-color: white;
    } 
    .sos-mobil img{
      width:25%;
      margin:1%;
      
    } 

.starsizpravy{
    margin:10px;
}
/*
.obal-blog {           
    display: grid;
    grid-template-columns: 100%;
    column-gap:2%;
    row-gap: 30px;
}
.obal-blog>div {
    border: 1px solid #ffb64ab5;
    border-radius: 5px;
    display: grid;
    grid-template-columns: 100%;
     border-radius: 10px 10px 23px 23px;
}   */

.grid-blog-mini-spendlik{
    background-image: url('/pic/pin18.gif');
    background-repeat: no-repeat;
    background-position: top right;

}
.grid-blog-obr{
    overflow:hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 200px;
    border-radius: 10px 10px 3px 3px;
}
.grid-blog-mini-in{
   
   overflow: auto;
   display: grid;
   align-content: space-between;
} 
.grid-blog-mini-in .obsah{
   padding:30px 5%;
   }

.ctete-mensi a {
    background-color: #ff9800b5;
    padding: 5px 20px;
    /*margin: 13px 0 0;*/
    display: block;
    border-radius: 15px;
   /* background-image: url('/pic/sipka-right-white.png');
    background-repeat: no-repeat;
    background-position: 95%; */
    color: white;
    font-weight: 500; 
    text-align:center;
}
.ctete-mensi a:hover {
    background-color: #ff9800e8;
    color: yellow;
  /*  background-position: 97%;
    font-weight: 500;    */
}
.titul-blog-mini{
   height: 26px;
    overflow: hidden;
}
.titulek_in_grid {
    font-size: 1.2em;
    font-weight: 500;
    line-height: 1.3;
    margin: 0 0 10px 0;
}

.na-darujmecz {
    background-color: white;
    border: 3px solid orange;
    border-right: 7px solid orange;
    border-top: 2px solid orange;
    border-radius: 0 30px 30px 0;
    color: orange;
    text-align: center;
    font-weight: 600;
    width: 100px;
    padding: 8px 0 5px 0;  
}
.na-darujmecz a {
    color: orange;
}
.na-darujmecz a:hover {
    color: darkorange;
}
.blog-datum{
    font-size: 10pt;
}
.blog-datum-full{
    text-align: right;
}
/*.fbhidden{
  transform: translate(0px);
} 

.fbshow{
  transform: translate(100px);
}
*/
.text-246 .sloupce-1-2-4{
    justify-content: center;
}
.text-246 .sloupce-1-2-4 p{
    font-weight: 500;
    font-size: 200%;
}
.gridtit {
    display: grid;

}
.tabulka-kurzy-radky{
    border-collapse: collapse;
    width:100%;
}
.tabulka-kurzy-radky th{
    text-align:left;
    padding: 10px;
}
.tabulka-kurzy-radky tr{
    border-bottom: 1px solid silver;
}
.tabulka-kurzy-radky td{
    vertical-align: top;
    padding: 10px;
}
.tabulka-kurzy-radky tr th:nth-child(2),
.tabulka-kurzy-radky tr td:nth-child(2),
.tabulka-kurzy-radky tr th:nth-child(4),
.tabulka-kurzy-radky tr td:nth-child(4)
{
display:none;

}
.nadpis-na-titulce{
    margin:0 0 15px 10px;
    font-weight: 500;
}
.kurzy-pidi{
   border: 1px solid #ffb64ab5;
   border-radius: 10px;
   margin-bottom:30px;
   padding:15px;
}
.blog-titul-pidi{
   font-size: 1.2em;
    font-weight: 500;
    line-height: 1.3;
    color: rgb(78,78,78);
    margin: 5px 0;
}
.blog-titul-pidi a{
    color: rgb(78,78,78);
}
.ctete-kurzy{
    float:right;
}
.ctete-kurzy a {
    background-color: #ffb64a;
    padding: 5px 20px;
    /*margin: 13px 0 0;*/
    display: block;
    border-radius: 15px;
   /* background-image: url('/pic/sipka-right-white.png');
    background-repeat: no-repeat;
    background-position: 95%; */
    color: white;
    font-weight: 500; 
    text-align:center;
}
.ctete-kurzy a:hover {
    background-color: #ff9800e8;
    color: yellow;
  /*  background-position: 97%;
    font-weight: 500;    */
}

.radek-kurz:hover{
    background-color:rgb(255,204,153);
    cursor:pointer;
}
.radek-kurz a:hover {
    color: brown;
    
}
.menu-global ul {
  float:right;
}
.menu-global ul, .menu-global li {
  display: inline;
}
.menu-global span {
  display: none;
}
.menu-global img {
 height: 28px;
  width: auto;
    padding:13px 12px 10px 15px;

}
.motto{
  display: block;
  position:absolute;
  font-size: 30px;
    font-size: 3.5vw;  
  top: 10px;
  left: 19px;
  z-index: 90;
  color: white;
}

.prima_roof_barvy{
  display: grid;
  grid-template-columns: 1fr; /* Jedný sloupec na mobilu */    
  gap: 10px; /* Volitelné, určuje mezeru mezi sloupci */
  width:100%;
  max-width:800px;
  margin: auto;
}

.prima_roof_barvy>div {
  /* Styly pro jednotlivé položky */
  border: 1px solid #ccc;
  padding: 20px;
  text-align: left;
}

  /*-----------------------------------------------------------------------------*/
  /*mobile only*/
  @media screen and (max-width: 350px){
  
        #blok_banner h1{
              font-size: 2.2em;
          }  
    }
/*-----------------------------------------------------------------------------*/
      /* small tablet styles */
            @media screen and (min-width: 700px) {

            .pag .panel5 {
                display:block;
                left: 0;
                margin-left: 0;
                margin-right: 0;
                position: fixed;
                right: 0;
                bottom: 0px;
                z-index: 99;
                width: 100%;
                height: 76px;
                background-color: #ffa50099;
            }

            .pag .panel5:hover {

                background-color: #ff7401;
            }

            .prima_roof_barvy {
                grid-template-columns: repeat(2, 1fr);
            }
                        
            .motto{
                display: none;
              }

          .menu-global{
          
          display: none;
                text-align: right;
                width:100%;               
                padding-right: 14px;
                height:50px;
                padding-top: 10px;
              }
            .menu-global a {
                color:white;
            }
            .menu-global ul {
              float: none;
              padding-left: 0;
              margin-right: 10px;
          }
        .menu-global ul, .menu-global li {
                  display: inline;
              }
              .menu-global li {
                  margin: 0px 0 0 10px;
                  padding: 0 0 0 10px;
                  border-left: 1px solid rgb(198,198,198);
                  font-size: 100%;
              }
              .menu-global li:first-child {
                  border-left: 0px solid rgb(198,198,198);
              }
              .menu-global img {
                 height: 12px;
                  width: auto;
                  padding: 0 10px 0 0;
              }
              .menu-global span {
                  display: inline-block;
              }
            /*.menu-top ul{              
              padding: 20px;
            }    */
             .menu-top li a{
             
              color:#ffffff;
              
            }
             .menu-top li a.li-a-home{
              padding-top: 4px;
              
           }      
            .menu-top li a.li-a-home img{
               vertical-align: sub;
            }      
            .gridtit {
                grid-template-columns: 30% 67%;
                gap: 3%;
            }
            .text-246 .sloupce-1-2-4{
                justify-content: space-between;
            }

              .tabulka-kurzy-radky tr th:nth-child(2),
              .tabulka-kurzy-radky tr td:nth-child(2),
              .tabulka-kurzy-radky tr th:nth-child(4),
              .tabulka-kurzy-radky tr td:nth-child(4)
              {
              display:block;
              
              }
            .sos {
                float: left;
                padding: 0 0px 0 0;
                z-index: 11;
                position:fixed;
                left:-10px;
                top: 340px;
                width:70px;
                height:300px;
                display:block;
            }
            .sos-fb {
                height: 70px;
                display: block;
                cursor:pointer;
            }
            .sos-fb span {
              position: absolute;      
              /*padding: 1px 1px;*/
              border: 3px solid #3b5998;
              border-radius: 50%;
              transition: all 0.3s ease-in-out;
              margin-left:0px;
              background-color: white;
              z-index: -1;
            }
            .sos-fb span.fbhidden {
              visibility: hidden;
            }
            /*
            .sos-fb span:nth-child(1) {
             
              
            }*/
            .sos-fb span:nth-child(1).fbshow {
              transform: rotate(0deg) translate(80px) rotate(0deg);
            }/*
            .sos-fb span:nth-child(2) {
            
            }*/
            .sos-fb span:nth-child(2).fbshow {
              transform: rotate(0deg) translate(160px) rotate(0deg);
            }
            

            .logoSlu{
            float:right;
            }
.logoSlu img{
    width:200px;
    height:auto;
}
            
            .sos a:hover{
                background-color:transparent;
            }
            .sos>div{
                margin-bottom:4px;
            }
            .sos div.na-darujmecz{
                margin-bottom:8px;
            }
            .sos img{
                width:100%;
                height:auto;
            } 
            .sos-mobil {
              display:none;
            } 


              h1{
                font-size: 2em;
                /*margin:0;*/
              } 
              h2{
                font-size: 1.6em;
              }
               h3{
                font-size: 1.2em;
              }
              h4{
                font-size: 1.1em;
              }
             /* .obsah {
                font-size: 15pt;
              }   */

              .stranka-vzor-01{
                grid-template-columns: 1fr 1fr;
                
              }
              /*
              .back-lajna{
                
                padding:20px 0;   
              }
                */
              .prvni-lajna{
                min-height:30px;
                /*margin-top:20px;*/
                background-color: unset;
              }
              .druha-lajna{
                height: 500px;
                /*background-position: 30% top;*/
              }
              /*
              .slide_titulka .slick-track{

              }
              */
              .titul-webu {
                  margin: 0 20px 0 20px;
                  position: unset;
                  text-align: left;
                  /*color: #2F4858; */
                  font-size: 6vw;
              }

            
            .titul-webu > div:nth-child(1) {
              font-size: .5em;
                
            }
            
            .titul-webu > div:nth-child(2){
              font-weight:bold; 
              margin-top: 10px;
              
            }
            
            .titul-webu > div:nth-child(3) {
              font-size: .5em;
                
            }
               .logo {
                  margin-left: 35px;
                  padding-top: 11px;
                  top: 5px;
                  left: unset;
                  width:unset;
                  max-width: 18%;
              }
              .logo-log-ano{
                top: 55px;
              }
              .logo img{
                width: 196px;
                height:auto;
                
              }
              .logodivnazev{
                text-align: right;
                font-size:2.5em;
                padding: 100px 20px 0 0;
              }
              .float-btn-group {
                display:block;
              }
              .hamburger{
                display: none;
              }
              .menu-top {
                display:block;
                width: 100%;                
                z-index: 8;
                background-color:transparent;
              }
              .menu-top>ul{
                /*margin: 0 0px 0 20%;*/
                text-align: center;
                
              } 
              .hlavnimenu ul>li{
                font-size:1.2em;
                padding: 10px 10px 0 10px;
                display: inline-block;
                border:0;
              }
              .menu-dole .hlavnimenu ul>li{
                font-size:1.2em;
                padding: 10px 5px 0 5px;
                display: inline-block;
                border:0;
              }
              .menu-top>ul>li{
                font-size:1.2em;
                padding: 10px 0 0 20px;
                display: inline-block;
                border:0;
              }
              .menu-dole>ul>li{
                font-size:1.2em;
                padding: 10px 0 0 20px;
                display: inline-block;
                border:0;
              }
              .menu-top>ul li {
                  margin-right: 0;
                  border:0;
              }  
              .menu-top li a {
                  padding: 8px 2px;
              }
           
           
              .mysubmenu {
                position: absolute;
                text-align: left;
                /* width: 96%; */
                max-width: calc(1100px - 4%);
                min-width: 250px;
                border: 3px solid #ffa500;
                background-color: white;
                box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
                padding: 0 0 40px 5px;
                /* margin-top: -2px; */
                display: none;
                z-index: 10;
                border-radius: 5px;
                border-radius: 10px 10px 80% 30%; 
                border-bottom: 10px solid #ff9800; 
            }
              .mysubmenu ul li li {
                  padding: 0;
                  
              }  

              #blok_wrap_banner {
                  background-image: url('/actlay/img/robert-hunes.png');
                  background-repeat: no-repeat;
                  background-position: 110% 100px;
                  background-size: contain;
              }              
              #adminmenu {
                display: block;
              }
      
              .nav-mobil {
                display: none;
              }
      
              .nav-desktop {
                display: block;
                height: 85px;
              }
      
              .menu-desktop ul {
                text-align: left;
                margin-top: 20px;
              }
      
              .menu-desktop3 ul {
                text-align: left;
                margin-top: 0px;
              }
      
              .menu-desktop {
                /*height: 85px;*/
                display: flex;
                justify-content: left;
                align-items: center;
              }
      
              .menu-desktop li {
                display: inline-flex;
                font-size: 20pt;
                margin: 0 30px 0 0;
              }
      
       /*       .menu-desktop li:last-child {
                margin: 0 0 0 24px;
              }
              .menu-desktop li:nth-child(1) {
                margin: 0 24px 0 0;
              }          */
      

             #blok_banner{
                display: grid;

                grid-template-rows: auto 30%;
                height: 100%;
            }


                 .menu-desktop3 li {
                        display: block;
                  }

            }
            
              
             @media screen and (min-width: 830px){
 
                        .obal-blog {
                            grid-template-columns: 49% 49%;
                        }
            
                          .deleni-2sloupce{
                           display:flex;
                           flex-direction: row;
                        }

                        .deleni-2sloupce>div:nth-child(1) {
                            order: 1;
                            width:calc(50% - 2px);
                        }
                        .deleni-2sloupce>div:nth-child(2) {
                            order: 2;
                            width:calc(50% - 2px);
                            padding:0 0 0 40px;
                        }
                        .faceframe>div{
                        padding: 10%;
                        background-color: white;
                        
                        }

           }
  
                    /**************************************************************************************************/
                    /* large tablet & laptop styles */
                    @media screen and (min-width: 950px){
                        .webtitle{
                          position: absolute;
                          display: block;
                        }


                   }

                    @media screen and (min-width: 1000px){

                      .menu-top>ul{
                          margin: 0 0px 0 calc(26% - 40px);
                          text-align: left;
                        } 
                    /*  .titul-webu {
                          font-size: 3vw;
                      }*/
              .titul-webu {
                  margin: 0 20px 0 20px;
                  position: unset;
                  text-align: left;
                  /*color: #2F4858; */
                  font-size: 4vw;
              }                      
                    }


                    @media screen and (min-width: 1050px){

              
              
                      .stranka-vzor-01{
                        grid-template-columns: 1fr 1fr 1fr 1fr;
                        grid-gap:10px;
                      }
        
                        .deleni-2sloupce>div:nth-child(1) {
                            order: 1;
                            width:calc(40% - 2px);
                        }
                        .deleni-2sloupce>div:nth-child(2) {
                            order: 2;
                            width:calc(60% - 2px);
                            padding:0 0 0 40px;
                        }
                        
                      .top-adresa{
                        display: block;
                        position:absolute;
                        right:0;
                        text-align: center;
                        width:180px;
                        font-size: 10pt;
                        height: 85px;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                      }

                      


                    }


            /*        @media screen and (min-width: 1100px){

                      .titul-webu {
                          font-size: 2.85em;
                      }
                    }         */

                    /* desktop styles */
                    @media screen and (min-width: 1200px){

                      #blok_wrap_banner {
                          background-image: url('/actlay/img/robert-hunes.png');
                          background-repeat: no-repeat;
                          background-position: 90% 72px;
                          background-size: contain;
                      }
                    
  
                    }
                    
                    @media screen and (min-width: 2000px){

                      .titul-webu > div:nth-child(2){
                        font-size: 4vw;
                      }                                
                                  .druha-lajna {
                                    
                                   
                                    background-repeat: no-repeat;
                                    /*background-color: #ee7d007d;*/
                                   }                      
                                  
  
                    }