* {
    margin: 0;
    padding: 0;
    outline: none;
    box-sizing: border-box;
}
/*  
    max-width:1400px;
    min-width: 700px;    
*/
body {    
    background: #fff;    
    max-width:1400px;
    margin: 0 auto 0 auto;
    padding: 0 0 20px 20px; 
    font-family: 'Open Sans', sans-serif; 
    font-weight: 300;
    font-size: 100%;   
    font-smooth:always;
    -webkit-font-smoothing: antialiased;
    height: auto !important;
    height: 100%;
    min-height: 100%;
    text-rendering: optimizeLegibility !important;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

div.clearDiv {clear: both;}

/*a {color: #e59a09; text-decoration:none;}*/
a {color: #e59a09;; text-decoration:none; font-weight: 400;}

/*hlavicka*/
/*
#menuHlavickaHorni {background-color:#C28208; margin:0; padding-top: 10px; padding-bottom:10px; padding-left:5%; height: auto; color:#F3E6CE; font-weight: 600;}
#menuHlavickaStredni{background-color:#E59A09; margin:0; padding-top: 10px; padding-bottom:10px; padding-left:5%; height: auto;}
menuHlavickaSpodni {background-color:#C28208; margin:0; padding-top: 10px; padding-bottom:10px; padding-left:5%; height: auto; color:#F3E6CE; font-weight: 600;}
  */

  /*
  background-color: rgb(140, 193, 193);
  */





#rychlyKontakt {display: none;}
#rychlyKontaktCely {display: none;}

#kontaktFormularTyp {display: none;}


div#captioned-gallery { 
  display: none; 
}

/**/
#patickaHorni img {height: 31px; }
#mapa {width: 95%;}          


/*menu hlavni - spolecna cast pro mobilni zarizeni a ostatni*/

header {
    background-color: #E59A09;
    border-bottom: 1px solid rgba(0,0,0,.15);
    height: auto;
    display: flex;
    flex-direction: column;
    text-align: center;
}

    header > div#logo {
        height: 40px;
        line-height: 40px;
        background-image: url("/img/logoHlavicka.png");
        background-position: left; 
        background-size: 95px 31px;
        background-repeat: no-repeat;
        position: relative;
        margin-left: 3%;
    }
    
    header > .menuDown {
        box-shadow: 0 3px 5px rgba(0,0,0,.15);
    }
    
    header > .menuUp {
        box-shadow: none;
    }
    
    header h1 a  {
        z-index: 9999;
        display: block;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        position: absolute;
        left:3%;
        top: 0px;
        width: 120px;
        height: 36px;
    }
    
    
/*        header > div#logo > h1 {
            z-index: 9999;
            display: block;
            text-indent: 100%;
            white-space: nowrap;
            overflow: hidden;
            position: absolute;
            left:3%;
            top: 0px;
            width: 383px;
            height: 126px;
        }
  */
        
        header > div#logo > div#navToggle {
            background-color: rgba(0,0,0,.15);
            position: absolute;
            right: 0;
            top: 0;
            transition: 300ms all ease;
        }
            
            header > div#logo > div#navToggle:hover {
                /*background-color: rgba(0,0,0,.1);*/
                background-color: #E59A09;
            }
            
            header > div#logo > div#navToggle > a {
                color: #ffffff;
                display: block;
                font-size: 0.85em;
                font-weight: 600;
                padding: 0 2.5rem;
                text-decoration: none;
                transition: 300ms all ease;
            }
            
                header > div#logo > div#navToggle:hover > a {
                    /*color: #f3e6ce;*/
                    color: red;
                }

    header > nav {
    /*
      svetlejsi #E59A09;
      tmavsi      #C28208
    */
        background-color: #C28208;
        color: #f3e6ce;
        display: none;
        flex: 1;
        transform: 300ms all ease;
    }
    
        header nav > ul {
          list-style-type: none;    
        }
        
            header nav > ul > li {
                border-bottom: 1px dotted rgba(0,0,0,.1);
                position: relative;
            }
            
                header nav > ul > li:last-of-type {
                    border-bottom: none;    
                }
            
                header nav > ul > li > a {
                    display: block;
                    /*color: #f3e6ce;*/
                    color: #ffffff;
                    font-weight: 700;
                    padding: 1.5rem 0;
                    text-decoration: none;
                    transition: 250ms all ease;
                }
                
                    header nav > ul > li > a span.toggle {
                        background-color: rgba(0,0,0,.05);
                        border-radius: 3rem;
                        /*color: #f3e6ce;*/
                        color: #ffffff;
                        font-size: 0.75em;
                        font-weight: 500;
                        padding: 2px 8px;
                        text-transform: lowercase;    
                    }
                    
                    header nav > ul > li > a span.caret {
                        display: none;
                    }
                
                    header > nav > ul > li:hover > a {
                        /*color: #f3e6ce;*/
                        color: #ffffff;
                    }
                
            header > nav > ul > li > nav {
                background-color: #C28208;

                border-radius: 1.5em;
                box-shadow: 0 2px 8px rgba(0,0,0,.6);
                display: none;
                overflow: hidden;
                position: absolute;
                right: 5%;
                width: 90%;
                z-index: 999;
            }
            
                header > nav > ul > li > nav > ul > li > a {
                    /*color: #f3e6ce;*/
                    color: #ffffff;
                    transition: 300ms all ease;
                }
                
                    header > nav > ul > li > nav > ul > li:hover > a {
                        background-color: #e59a09;
                        color: #f3e6ce;
                    }

.menuStred {
      margin:30px 0 0 0; height: auto;        
      flex-direction: row;
      padding: 0;
      position: relative;
      height: auto;
      font-weight: 400;
      text-align: center;
      max-width:1400px;
      width: 100%;
}


  .menuStred > ul {
        display: flex;
        flex-flow: row wrap;        
        justify-content: flex-end;
        list-style-type: none;    
    }
    .menuStred > ul > li{
      width: 100%;
      margin-bottom: 2em;
    }

    .menuStred > ul > li > img{
      /*width: 30%;*/
      margin-top: 0.5em;
    }
    
    .menuStred > ul > li > span {
      font-size: 120%;
      text-transform: uppercase;
    }               
    
     .menuStred > ul > li > ul {
        list-style-type: none;    
    }

    .menuStred > ul > li > ul > li > a {
      line-height: 24px;
    }
               
    .menuStred > ul > li > ul > li > a {
        /*color: #dddddd;*/
        padding: 0 1.25rem;
    }
      .menuStred  > ul > li > ul > li:hover > a {
        color: #C28208;
     }
     
 
 .menuStred span {display: block; margin: 0.5em 0 0.25em 0;}

.menuNahore {display: none; line-height: 28px; }



/* Horni menu pro mobilni pristroje */
.menuNahore > ul > li {background-color:#C28208; padding: 0 1em 0 1em;}
.menuNahore > ul > li:hover {background-color: #E59A09;}
.menuNahore > ul > li > a {color: #ffffff; }

/* Kontaktni formular */
#kontaktniFormular {width: 100%; background-color: #e9e9e9; padding: 3em 0.5em 2em 0.5em; margin-top: 3em;}
#contactForm {width: 100%; background-color: #e9e9e9; padding: 3em 0.5em 2em 0.5em; margin-top: 3em;}

#konaktEmail {padding: 0.5em 2em 0.5em 1em; width: 100%; margin: 0.5em 0 0 0; font-size: 100%;}
#kontaktJmeno {padding: 0.5em 2em 0.5em 1em; width: 100%; margin: 0.5em 0 0 0; font-size: 100%;}
#kontaktVyberSluzeb {padding: 0.5em 2em 0.5em 1em; width: 100%; margin: 0.5em 0 0 0; font-size: 100%; cursor: pointer; font-weight: 300; }
#kontaktFormularEmail {margin: 1em 0 2em 0;}

#kontaktMesic {padding: 0.5em 2em 0.5em 1em; width: 100%; margin: 0.5em 0 0 0; font-size: 100%;}
#kontaktFormularMesic {margin: 1em 0 2em 0;}

#kontaktOdeslat {clear:both; font-size: 180%; font-weight: 300; text-align:left; padding:0; margin-top: 0.5em;}
textarea {width: 100%; height: 150px; margin: 0.5em 0 0 0;}

.nadpis {font-size: 160%; font-weight: 300; text-align:center; padding:0; margin-bottom: 2%;}
.nadpisMensi {font-size: 120%; font-weight: 600; margin-bottom: 1em;}

#novinky img {display: none;}

.aktualitaUpoutavka {width: 100%; padding:0; margin-right: 0; margin-left: 15px;}
.aktualitaNadpis {padding-top:0; margin-bottom: 0; margin-left:0; color: #e59a09; font-size: 140%; font-weight: 600; }
.aktualitaPerex {margin: 8px 0 8px 0; padding:0; font-size: 100%;} 
.aktualitaPerex a {color: #000000;} 


#obsahMenu {padding: 0 3% 2% 2%;   width: 100%;}
#obsahNadpisMenu {font-weight: 600; text-transform: uppercase;}
#obsahMenu nav > ul {
  margin-top: 0;
 list-style-type: none;    
}
#obsahMenu nav > ul > li {
  position: relative;
}
#obsahMenu nav > ul > li:last-of-type {
  border-bottom: none;    
}
#obsahMenu nav > ul > li > a {
 color: black;
 display: block;
 width: 100%;
 font-weight: 300;
 padding: .2em 0 .2em 0.5em;
 line-height: 20px;
 text-decoration: none;
 transition: 250ms all ease;
}
#obsahMenu nav > ul > li:hover > a {
  color: #f3e6ce;
  background-color:#E59A09;
}

article {margin-bottom: 2%; padding-left: 1%;  max-width: 95%;}

.clanekNadpis {color: #e59a09; font-size: 140%; margin: 0 0 15px 10px; font-weight: 600; text-transform: uppercase;}
article .clanekNadpis {font-size: 140%; line-height: 24px;}
.clanekObsah img { display: none;}
.clanekUpoutavka {width: 95%; padding:0; margin-right: 0; margin-left: 15px;}
.clanekPerexIMG {display: none;}
.clanekPerexIMGn {display: none;}

/*paticka*/                  
footer {clear: both; width:100%; padding: 0; margin-bottom:0; height: auto; text-align:right; margin-top: auto; position: relative;}
#sipkaNahoru {position: relative; right: 0; cursor: pointer; width: 45px; height: 45px;}
#patickaHorni {background-color:#E59A09; margin:0; padding-top: 10px; padding-bottom:10px; padding-left:3%; height: auto; text-align:left;}
#patickaSpodni {background-color:#C28208; margin:0; padding-top: 10px; padding-bottom:10px; padding-left:5%; height: auto; color:#F3E6CE; font-weight: 600; text-align:right;}
#patickaSlogan {display: none;}

h2 {color: #e59a09; font-size: 150%;  font-weight: 600; text-transform: uppercase; margin: 0.5em 0 0.1em 0; display:none;}
h2 a{color: #e59a09; font-size: 150%;  font-weight: 600; text-transform: uppercase; text-decoration:none; display:block; }


/* Medium screens */
@media all and (min-width: 600px) {
    header > div#logo > div#navToggle {
        display: none;    
    }
  .menuNahore {display: block;}

  .menuStred > ul > li{
    width: 33%;
    margin-bottom: 0;

  }
  .menuStred > ul > li > ul > li > a {
      line-height: 34px;
  }
  .menuStred > ul > li > img{
    margin-top: 0;
  }
  .menuStred span {display: block; margin: 0.5em 0 1em 0;}


  #obsahMenu {float: left; padding: 0 3% 2% 2%;   width: 20%;}
  #obsahMenu nav > ul {
    margin-top: 15px;
  }
  #obsahMenu nav > ul > li > a {
   padding: .5em 0 .5em 0.5em;
   line-height: 28px;
  }

  h2 {color: #e59a09; font-size: 150%;  font-weight: 600; text-transform: uppercase; margin: 0.1em 0 0.1em 0; display: block;}
  h2 a{color: #e59a09; font-size: 150%;  font-weight: 600; text-transform: uppercase; text-decoration:none;  }
  
  article {float: left; border-left: 1px solid #E59A09; min-height: 500px; margin-bottom: 4%; padding-left: 3%;  max-width: 75%;}
  .clanekNadpis {color: #e59a09; font-size: 150%; margin: 0 0 15px 10px; font-weight: 600; text-transform: uppercase;}
  article .clanekNadpis {font-size: 150%; line-height: 30px;}

  .clanekObsah img { margin: 0 1em 1em 1em; display: inline;}
  .clanekUpoutavka {float: right; width: 75%; padding:0; margin-right: 0; margin-left: 15px;}
  .clanekPerexIMG {width: 20%; height: auto; margin: 5px 0 4em 0 !important; float: left; display: block;}
  .clanekPerexIMGn {width: 21%; height: auto; margin: 5px 15px 0 0; float: left; display: block;}

  #kontaktniFormular {padding: 3em 20% 2em 20%;}
  #contactForm {padding: 3em 20% 2em 20%;}
  #konaktEmail {width: 95%;}
  #kontaktOdeslat {text-align:right; }
  #kontaktFormularEmail {float: left; width: 50%; margin: 1em 0 2em 0;}
  #novinky img {width: 15%; height: auto; margin: 5px 0 15px 0; float: left; display: block;}
  .aktualitaUpoutavka {float: right; width: 82%; padding:0; margin-right: 0; margin-left: 15px;}

  .nadpis {font-size: 180%;  font-weight: 300; text-align:center; padding:0; margin-bottom: 2%;}
  .nadpisMensi {font-size: 140%; font-weight: 600; margin-bottom: 0.5em;}


    #rychlyKontakt {
      position: absolute;
      display: block;  
      top: 19em;
      /*height: 5% max-height: 246px; 
      width: 10%; max-width: 79px;  */
      height: 197px; 
      width: 63px;
      /*
      background-image: url("/img/kontaktZabaleny.png");
      background-position: center; 
      background-size: 79px 246px;
      background-repeat: no-repeat;
      */
      z-index: 9999;
      cursor: pointer;
    }
    
    #rychlyKontakt img {width: 100%; height: auto;}

    #rychlyKontaktCely {
      position: absolute;
      display: none;  
      top: 19em;
/*      height: 246px; 
      width: 337px;  
      */
      height: 197px; 
      width: 270px;  
      color: #ffffff;      
      background-image: url("/img/kontaktCely.png");
      background-position: center; 
      /*background-size: 337px 246px;*/
      background-size: 270px 197px;
      background-repeat: no-repeat;      
      z-index: 99999;
      text-align:center;
      text-transform: uppercase;
      cursor: pointer;
    }
    #rkHorni {
      height: 110px;
      width: 100%;  
    }
    #rkSpodni {
      height: 70px;
      width: 100%; 
      padding-bottom: 1em;
      padding-top: 0;
    }
    .rkNadpis {font-size: 90%; font-weight: 400; display: block; width: 100%; margin-bottom: 0.5em; margin-top: 1em; }
    .rkVelke {font-size: 160%; font-weight: 600; display: block; width: 100%; margin-bottom: 0.2em; margin-top: 0.2em;}
    .rkMale {font-size: 70%; display: block; width: 100%; margin-bottom: 0.5em;}

    
    header {
        background-color:#E59A09; margin:0; padding-top: 10px; padding-bottom:10px; padding-left:5%; height: auto;        
        flex-direction: row;
        padding: 0 0;
        position: relative;
        height: auto;
        text-align: left;
        max-width:1400px;
        width: 100%;
    }
    
        header > div#logo {
            width: 383px;
            height: 146px;
            margin-left: 3%;
            background-image: url("/img/logoHlavicka.png");
            background-size: 383px 126px;
            background-position: center;             
            background-color: transparent;
            background-repeat: no-repeat;
            line-height: 90px;
        }

        header h1 a  {
            z-index: 9999;
            display: block;
            text-indent: 100%;
            white-space: nowrap;
            overflow: hidden;
            position: absolute;
            left:3%;
            top: 0px;
            width: 383px;
            height: 126px;
        }


            
    header > nav {
        background-color: transparent;
        display: block;
        line-height: 50px;
        color: #f3e6ce;
    }
    
        header > nav > ul {
            display: flex;
            flex-flow: row wrap;
            justify-content: flex-end;
            margin-top :90px;
    
        }
        
            header nav > ul > li {
                /*border-radius: 0.35em;*/
                border-bottom: none;                
                background-color:#C28208;
            }
    
                header nav > ul > li > a {
                    padding: 0 1.4em;
                    border-bottom: 5px solid #C28208;
                    border-top: 5px solid #C28208;
                }
                    
                    header nav > ul > li > a span.toggle {
                        display: none;    
                    }
                    
                      header > nav > ul > li:hover > a {
                        border-top: 5px solid #C28208;
                        border-bottom: 5px solid #764f03;
                      }
    
    header > nav > ul > li:hover > nav {
        background-color: rgb(51,51,51);
        border-radius: 0.25em;
        box-shadow: 0 2px 8px rgba(0,0,0,.6);
        display: block;
        /*line-height: 3em;*/
        line-height: 3em;
        left: 0%;
        width: 266px;
    }
    
    header > nav > ul > li > nav > ul > li > a {
    
    }
    header > nav > ul > li > nav > ul > li:hover > a {
                        border-top: 5px solid #E59A09;
                        border-bottom: 5px solid #E59A09;
    }

    .malaLine {line-height: 1.6em !important;}

.menuNahore {
      background-color:#C28208; margin:0; height: auto;        
      flex-direction: row;
      padding: 0;
      position: relative;
      line-height: 28px;
      text-align: left;
      max-width:1400px;
      width: 100%;
  } 
  .menuNahore > ul {
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-end;
        list-style-type: none;    
    }      
    .menuNahore > ul > li {padding: 0; width: auto;}
    .menuNahore > ul > li:hover {background-color: #C28208;}
                 
    .menuNahore > ul > li > a {
        /*color: #dddddd;*/
        color: #ffffff;
        padding: 0 1.25rem;
        border-bottom: 2px solid #C28208;
        border-top: 3px solid #C28208;
    }
      .menuNahore  > ul > li:hover > a {
        /*color: #dddddd;*/
        color: #ffffff;
        border-top: 2px solid #C28208;
        border-bottom: 3px solid #764f03;
     }
        
        
        
  div#captioned-gallery { 
    display: block; 
  }
        
  #patickaHorni img {height: 106px; }        
        
  #mapa {width: 50%; float left;}
  #kontaktBlokSub {width: 50%; float:left;}   
  .telefonyEmaily {float: left; width: 100%;}
  #kTelefon1 {float: left; width: 50%;}   
  #kTelefon2 {float: left; width: 50%;}
  #kEmail1 {float: left; width: 50%;}
  #kEmail2 {float: left; width: 50%;}

  #kontaktFormularTyp {float: left; width: 50%; margin: 1em 0 2em 0; display: block;}

  /*paticka*/                  
  footer {clear: both; width:100%; padding: 0; margin-bottom:0; height: auto; margin-top: auto; position: relative;}
  #sipkaNahoru {position: absolute; top: -4.5em; right: 50px;  cursor: pointer; width: 45px; height: 45px;}
  #patickaHorni {background-color:#E59A09; margin:0; padding-top: 10px; padding-bottom:10px; padding-left:3%; height: auto; position: relative;}
  #patickaSpodni {background-color:#C28208; margin:0; padding-top: 10px; padding-bottom:10px; padding-left:5%; padding-right:3%; height: auto; color:#F3E6CE; font-weight: 600;}        
  
  #patickaSlogan {display: block; width: 70%; font-size: 200%;  padding-top: 1.25em; padding-right: 3%;
                  color: #ffffff; opacity: 0.75; float: right; position: relative; bottom: 1px; text-align: right;}


}


/*konec jen pro velke*/

#vybraneMenu {
  border-bottom: 5px solid #764f03;
  /*left: -50% !impotant;*/
}

 @keyframes slidy {
0% { left: 0%; }
10% { left: 0%; }
20% { left: 0%; }
30% { left: -100%; }
40% { left: -100%; }
50% { left: -100%; }
60% { left: -200%; }
70% { left: -200%; }
80% { left: -200%; }
90% { left: -300%; }
100% { left: -300%; }
}

/* Slider cast*/
div#captioned-gallery { 
  width: 100%; overflow: hidden; 
}

figure.slider { 
  position: relative; width: 500%;
  font-size: 210%; animation: 40s slidy infinite; 
}

figure { margin:0; margin-before:0 !important; margin-after:0 !important; margin-start: 0 !important; margin-end: 0 !important; } 

figure.slider figure { 
  width: 20%; height: auto;
  display: inline-block;  position: inherit; 
}


figure.slider img { position: relative; width: 100%; height: auto; margin: 0; left: -8px;  padding:0;}
.prvniSlider {left: 0 !important;}
.posledniSlider {left: -26px !important;}


figure.slider figure figcaption { 
  position: absolute; bottom: 0; right: 0;
     
  text-align: right;
  background: rgba(0,0,0,0.0);
  color: #000000; width: 40%;
  padding: .6rem;
  margin-right: 2em;
  text-transform: uppercase; 
}

figure.slider figure figcaption a{
  
 display: inline-block; height: auto;
 font-size: 70%; font-weight: 300; background-color: #e59a09; color: #f3e6ce; 
 padding: 5px 15px 5px 15px; text-decoration: none; margin: 1em 0 3.8em 0;
 
}

.popisSvetly {color: #ffffff !important;}
.popisTmavy {color: #000000}
.popisNadpis {font-weight: 600;}




#obsahNadpis {width: 100%; font-size: 200%; text-align: center; margin-top: 2%; margin-bottom: 2%;}

#obsah {min-height: 500px;}



#obsahMenuVybrane {background-color:#E59A09;}



.clanekPerex {margin: 15px 0 15px 10px;}
.clanekObsah {margin: 1em 0 1em 10px;}
.clanekNadpis  a {color: #e59a09; font-size: 75%;  text-transform: uppercase;  text-decoration:none;}
.clanekUpoutavka .clanekNadpis {padding-top:0; margin-bottom: 0; margin-left:0;}
.clanekUpoutavka .clanekPerex {margin: 8px 0 8px 0; padding:0} 

#vyberSluzeb {padding: 0.5em 2em 0.5em 1em; width: 100%; max-width: 320px; margin: 1em 0 0 1em; font-size: 100%; cursor: pointer;}

.aPoradenstvi {cursor: pointer;}
.aNasili {cursor: pointer;}
.aVzdelavani {cursor: pointer;}
  
#sluzbyForm span {font-weight: 400}

#novinky {width: 100%; background-color: #e9e9e9; padding: 3em 2em 2em 2em; margin-top: 3em; }
#aktualityUvod {font-size: 180%; font-weight: 300; text-align:center; padding:0; margin-bottom: 2%;}
hr {color: #e9e9e9; background-color: #e9e9e9; clear:both; width: 100%; margin: 1% auto 1% auto;}

#podekovaniHP {width: 100%; background-color: #ffffff; padding: 3em 2em 2em 2em; margin-top: 1em; text-align: center;}
#podekovaniHP a {margin-left: 1.5em;margin-right: 1.5em;}


/* Kontakty */
#kontaktBlok {margin: 3em 0 0 0;}
#adresa {margin: 0 0 2em 0; float: left; width: 50%}
#adresaSoc {position:relative; float: left; text-align: left; height: 12em; width: 50%}
.socOdkaz img {height: 1.3em; padding: 0; margin: 0 1em 0 0;}
.socOdkazHP {position: absolute; bottom:0;}
.socOdkazHP  img {height: 53px; padding: 0; margin: 0 1em 0 0;}                                                   
#socHPfb {}
#socHPlink {margin-top: 1.5em;}

.adresaOranzova {display: block;color: #000000; margin: 0 0 0.25em 0; padding:0; height:auto; font-weight: 400;}
.adresaSedaIC {display: block; margin: 1em 0 0.35em 0; padding:0;}
.adresaSeda {display: block; margin: 0; padding:0;}


.telefonyEmaily img {float: left; margin: 0 1em 0 0;}
.popisMensi {font-size: 70%;}
          
#kTelefon1 {margin: 0.2em 0 1em; height: 54px; line-height: 27px;}   
#kTelefon2 {margin: 0.2em 0 1em; height: 54px; line-height: 54px;}
#kEmail1 {margin: 0.2em 0 1em; height: 54px; line-height: 27px;}
#kEmail2 {margin: 0.2em 0 1em; height: 54px; line-height: 54px;}

.kontakt { margin: 0.05em 0 0 0; padding:0;}


#aktualityKonec {clear:both; font-size: 180%; font-weight: 300; text-align:center; padding:0;}

.aSubmit {
  display: inline-block;
  color: #a16d10;
  border: 1px solid #a16d10;
  text-decoration: none;
  *display: inline;
  padding: 4px 12px 4px 12px;
  margin: 0;
  width: auto;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}

#prepnutiJazyk {position: absolute; top: 2em; right: 1.4em; }
#jazykAktivni {display: inline-block; 
               width: 1.7em; 
               height: 1.7em; 
               color:#E59A09 !important; 
               background-color: #fff !important; 
               border:0.1em solid #fff; 
               font-size: 90%; 
               font-weight: 400 !important; 
               text-align: center; 
               line-height: 1.7em;
}

#jazykNeaktivni {display: inline-block; 
                 width: 1.7em; 
                 height: 1.7em; 
                 color:#fff !important; 
                 background-color: #E59A09 !important; 
                 border:0.1em solid #fff !important; 
                 font-size: 90%; 
                 font-weight: 400 !important; 
                 text-align: center; 
                 line-height: 1.7em;
}




.cta {display: inline-block; height: auto;
      font-size: 150%; font-weight: 600; background-color: #e59a09; color: #f3e6ce; 
      padding: 5px 15px 5px 15px; text-decoration: none; line-height: 1.4em; margin-top: 0.3em; }




 span.caret {
    border-bottom: 0px solid transparent;
    border-top: 6px solid #C28208;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-radius: 1px;
    content: "";
    display: inline-block;
    height: 0;
    margin: 0 0 0 0.5rem;
    transition: 250ms all ease;
    width: 0;
    vertical-align: middle;
  }

  span.caretW {
    border-bottom: 0px solid transparent;
    border-top: 4px solid white;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-radius: 1px;
    position: relative;
    left: -10px;
    top: -2px;
    content: "";
    display: inline-block;
    height: 0;
    margin: 0 0 0 0rem;
    transition: 250ms all ease;
    width: 0;
    vertical-align: middle;
  }


h3 {color: #000000; font-size: 120%;  font-weight: 600; margin: 1.5em 0 0.3em 0;} 
h4 {color: #e59a09; font-size: 120%;  font-weight: 600; cursor:pointer;  margin: 0.5em 0 0.4em 0;}
h5 {color: #000000; font-size: 100%;  font-style: italic; font-weight: 400;  margin: 0.5em 0 0.5em 0;}


.schovanaCast {display: none;}
 
table strong {color: #000000;}

.fbShareOdkaz {text-align: right; padding-right: 5em;}
.fbShareOdkaz img {height: 1.3em; padding: 0; margin: 0}
  

strong {color: #000000;}

p { line-height: 1.54em; margin-bottom: 1em; font-weight: 400; font-size: 90%;}
article li {line-height: 1.54em; font-weight: 400; font-size: 90%; margin-bottom: 0.3em;}
.clanekObsah ul li {line-height: 1.54em; font-weight: 400; font-size: 90%; margin-bottom: 0.3em;}