/*
    designed by BeeOne.cz
    http://www.BeeOne.cz/
    released under Creative Commons Attribution 3.0 license
*/

* {
    margin: 0;
    padding: 0;
}

body {
    font: 12.8px Arial, Helvetica, sans-serif;          /*bylo16*/
    color: #CCCCCC;
    background: #2D3030 url('images/bg.jpg');
}

h1, h2
  {
    text-transform: none;
    font-family: "Titillium Web", Arial, Helvetica, sans-serif;
}

h1 {  
    font-size: 2.1em;
    letter-spacing: -0.8px;
  
}

 logo {
    float: left;
    padding-top: 2.52em;    
}


h2 {  
    font-family: "Titillium Web", Arial, Helvetica, sans-serif;  
    font-size:  2.1em;
    letter-spacing:  1px;
    color: #7C7C7C;
        
}  

 h20 {                         /*dolni BAR Vcela medonosna, O vcelareni*/
    text-transform: none;
    font-family: "Titillium Web", Arial, Helvetica, sans-serif; 
    font-size: 2.1em;
    line-height:  0.5em; 
    letter-spacing:  -1px;
     text-shadow: 0px 0px 0.5px #7C7C7C, 0px 0px 0.5px #7C7C7C, 0px 0px 0.5px #7C7C7C; 
    color: #7C7C7C;
     
 
         
}          

h22 {
     
    font-size: 2.1em;
     padding:  0  0 0 0px;
    letter-spacing: -1px;
    color: #FFD700;
    text-shadow: 0px 0px 8px #DAA520, 0px 0px 4px #DAA520, 0px 0px 2px #DAA520;    
    opacity : .8;
         
}        
     
     h222 {                                                                 /*Aktuality z BeeOne font*/
    text-transform: none;
    font-family: "Titillium Web", Arial, Helvetica, sans-serif; 
    font-size: 1.8em;
    letter-spacing: -1px;
    color: #FFD700;
    text-shadow: 0px 0px 8px #DAA520, 0px 0px 4px #DAA520, 0px 0px 2px #DAA520;    
    opacity : .8;
    
}        

hakt {
    text-transform: none;
    font-family: "Titillium Web", Arial, Helvetica, sans-serif;
    font-size: 1.6em;
    letter-spacing: -0.8px;
    color: #7C7C7C;
    text-shadow: 0 0 4px white, 0 -2px 4px #ff3, 2px -5px 6px #fd3, -2px -7px 11px #f80, 2px -13px 15px #f20;                           /* text-shadow: 0 0 4px white, 0 -2px 4px #ff3, 2px -5px 6px #fd3, -2px -7px 5px #f80, 2px -3px 15px #f20;*/       /* text-shadow: 5px 5px 5px #FF0000; */
    opacity: 0.9;
}      



p {    
    padding: .75em 0;
    line-height: 1.5em;    
                                                                 
}

a {  
    text-decoration: underline;     
    color: #DAA520;
    cursor: pointer;             /*Aktuality z bee One puvodni pointer*/
    
}

aa {
     font-size: 1.2em;
    text-decoration: underline;     
    color: #DAA520;
    cursor: pointer;             /*Aktuality z bee One puvodni pointer*/
    text-shadow: 0px 0px  0.05px #DAA520, 0px 0px 0.05px #DAA520, 0px 0px 0.05px #DAA520;
}

aaa {
     font-size: 1.2em;
    text-decoration: none;     
    color: #FFD700;
    cursor: pointer;             /*Aktuality z bee One puvodni pointer*/
    text-shadow: 0px 0px  0.05px #DAA520, 0px 0px 0.05px #DAA520, 0px 0px 0.05px #DAA520;
}
 
  z {  
    color: #FFD700;
    cursor: pointer;             /*Aktuality z bee One puvodni pointer*/
  
}

zz {  
    color: #FFD700;
    cursor: pointer;             /*Aktuality z bee One puvodni pointer*/
    
}
 

f {
    padding:   .6em 0.8em;         /*  padding:   .75em 1em;*/
    line-height: 1.5em;            /*line-height: 1.4em;*/
}

 

m {
    font-size: 1.2em;
    color:  #DAA520;   
     cursor: pointer;                 /*pointer-pridano kvuli aktualitam z BeeOne*/
    text-shadow: 0px 0px  0.2px #DAA520, 0px 0px 0.2px #DAA520, 0px 0px 0.1px #DAA520; 
}

mm {
    font-size: 1.2em;
    text-decoration: none;
    color:  #FFD700;   
     cursor: pointer;                 /*pointer-pridano kvuli aktualitam z BeeOne*/
    text-shadow: 0px 0px  0.2px #DAA520, 0px 0px 0.2px #DAA520, 0px 0px  0.1px #DAA520; 
}


n {
   
    padding:   .1em .3em;             /*sipka zluta v textu hlavni*/
    line-height: 1.4em;
    text-decoration: none;
    color:  #DAA520;   
     cursor: pointer;           /*pointer-pridano kvuli aktualitam z BeeOne*/
}

nn {                                
    padding:   .1em .3em;               /*sipka zluta v textu hlavni*/
    line-height: 1.4em;
    text-decoration: none;
    color:  #FFD700;  
     cursor: pointer;           /*pointer-pridano kvuli aktualitam z BeeOne*/
}


    o {
    padding:     0.88em 0em;
    line-height: 1.44em;
    text-decoration: none;
    color:  #FFD700;  
    cursor: pointer;           /*pointer-pridano kvuli aktualitam z BeeOne*/
}



n:hover {
    text-decoration: none;              /*overline- zajímavé*/
    color: #FFD700;
}

nn:hover {
    text-decoration: none;              /*overline- zajímavé*/
    color: #DAA520;
}

m:hover {
    text-decoration: none;              /*overline- zajímavé*/
    color: #FFD700;
}

o:hover {
    text-decoration: none;              /*overline- zajímavé*/
    color: #DAA520;
}
 
a:hover {
    text-decoration: none;              /*overline- zajímavé*/
    color: #FFD700;
}

aa:hover {
    text-decoration: none;              /*overline- zajímavé*/
    color: #FFD700;
    text-shadow: 0px 0px  0.1px #DAA520, 0px 0px 0.1px #DAA520, 0px 0px 0.1px #DAA520;
}



/* header */



.slideshow {                  
    width: 960px;              /*slideshow hlavního obrazku*/
    height: 404.8px; 
    position: relative;
    max-width: 100%;
}

.slideshow img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity 2.5s;
}

.slideshow .show {
    opacity: 1;
    filter: alpha(opacity=100);
}

.slideshow .stoped {
    z-index: 1;
}

.slideshow :first-child {
    position: relative; 
    display: block;
}
 

#header, #intro, #intro2, #main, #bar, #footer {
    width: 100%;
    min-width: 960px;
}

#header2, #intro3, #main2 {
    margin: 0 auto;
    width: 960px;
}

#header {
    height: 160px;
    border-bottom: 1px solid #2B2D2D;
   
}

#header h1  {
  padding: 40px 0 0 0px;
}


/* menu */
#menu {
    float: right;
    padding-top:  9.4em;                        /*pozice horniho menu*/
}

#menu ul {
    list-style: none;
}

#menu ul li {
    display: block;
    float: left;
    padding-right: 30px;                /*rozestup mezi horními menu ikonami*/
}

#menu ul li a {
    display: block;
    float: left;
    font: 20px/24px "Titillium Web", Arial, Helvetica, sans-serif;
    text-shadow: 0px 0px  0.1px #DAA520, 0px 0px 0.1px #DAA520, 0px 0px 0.1px #DAA520;                    /*menu vyber- rozmazanost*/
    text-transform: lowercase;
    text-decoration: none;
    color: #DAA520;
}

#menu ul li a:hover {
    color: #FFD700;
}

#menu ul li.active a, #menu ul li.active a:hover {
    color: #FFD700;
}

div.thumbnail {
  float: left;
  width: 96px;
  height: 120px;
  margin: 0.76em;
  text-align: center;
  font-size: 0.72em;
 
}



/* intro */

#intro {
    background: #393D3D url('images/intro.jpg');
    border-bottom: 1px solid #373939;
}

#intro2 {
    background: url('images/intro2.jpg') repeat-x;
    padding: 40px 0;
}

#intro3 {
    background: url('images/intro3.jpg') no-repeat bottom;
}

#intro4 {
    background: url('images/intro4.jpg') no-repeat top;
    padding: 8px;
}


/* main */

  /* schování tlačítka */         /*tlacitka skryt-otevrit*/
      .schovat div {display: none}
    /* když je obsah schovaný, schováme popisek „Skrýt“ */
     .schovat .skryt {display: none}                                                                                      
    /* když je obsah zobrazený, schováme popisek „Zobrazit“ */
     .ukazat .zobrazit {display: none} 



                                                                                                                                                    /*kdyz je margin top 9, tak neposkakuje pozice*/
   .thumb1 {border-radius: 0%; background: url('images/thumb1-beez.gif'); width: 88px; height: 104px; border: 5.6px solid #555757; cursor: pointer; float:left; margin: 0px 12px 0.8px 0px; transition: border-radius .8s;}     /*bocni tri obrazky 1*/
   .thumb1:hover {border-radius: 50%; border: 5.6px solid #555757; float:left; margin: 4.8px  12px 1px 0px;} 
   
   .thumb2 {border-radius: 0%; background: url('images/thumb2-beez.gif'); width: 88px; height: 104px; border: 5.6px solid #555757; cursor: pointer; float:left; margin: 0px  12px 0.8px 0px; transition: border-radius .8s}     /*bocni tri obrazky  2*/
   .thumb2:hover {border-radius: 50%; border: 5.6px solid #555757; float:left; margin: 4.8px  12px 0.8px 0px;} 
      
    .thumb3 {border-radius: 0%; background: url('images/thumb3-beez.gif'); width: 88px; height: 104px; border: 5.6px solid #555757; cursor: pointer;  float:left; margin: 0px  12px 0.8px 0px; transition: border-radius .8s}     /*bocni tri obrazky  3*/
   .thumb3:hover {border-radius: 50%; border: 5.6px solid #555757; float:left; margin: 4.8px  12px 0.8px 0px;} 


#main 
              
       {
       
     background: #4C4F50 url('images/main.jpg')        /*background: linear-gradient(#ffffaa,#ffaaaa); */
}                                                         
    
    
       
#main img {
    border: 5.6px solid #555757;      /*oramovani obrazku bocnich  7px solid #555757*/
    margin: 0.8px 0px 0px;             /*pozice obrazku*/
    margin-right: 16px;              /*boční mezera mezi textem a obrazkem na prave strane bylo 30 */
   
   
     
}     
     #picture {                        
       border: none;                                       /*style obrazku ve vysouvacich menu*/                                        
      float:right;
       margin: 0.8px -16px -0.8px 5.6px;              /* 1. top; 2.right;   3. bottom; 4. left; jde to jako hodiny*/   
   
	}
  
         #picture1 {                        
       border: none;                                       /*style obrazku ve vysouvacich menu*/                                        
      float:left;
     margin: 7.2px -12px 0.8px 0px;              /* 1. top; 2.right;   3. bottom; 4. left; jde to jako hodiny---- puvodni hodnota -24*/   
      
	}
  
  
  
  
  
  
    
  
.galerie {}                                                         /*styl popisku nad obrazkem v bocni rolovaci listě*/
.obrazek {position: relative; float: left; width: -100px; }                                                                                                                      /*vržený stín puvodni hodnoty box-shadow: rgba(0, 0, 0, 0.298) 0px 3px 8px 0px; transition: opacity .5s; -webkit-transition: opacity .5s; opacity: 0}*/
.popisek {position: absolute; right: 32.5%; top: 100%; display: none; margin-left: -100px; width: 210px; border: 1px solid #DAA520; padding: 10px; background: #373939; z-index: 100; box-shadow: rgba(0, 0, 0, 0.298)  -10px 10px 30px 0;px; transition: opacity  .5s; -webkit-transition: opacity .5s; opacity:  0}
.obrazek:hover .popisek {display: block; opacity: 1}
.popisek .sipka, .popisek .sipka-obal {position: absolute; top: -10px; left: 50%; margin-left: -5px; width: 0px; height: 0px; border: solid transparent; border-width: 0 10px 10px 10px; border-bottom-color: #DAA520}
.popisek .sipka-obal {border-bottom-color: #373939; margin: 1px 0 0 -4px; border-width: 0 9px 9px 9px}

.nahore .popisek {top: auto; bottom: 100%;}
.nahore .sipka, .nahore .sipka-obal {top: auto; bottom: -10px; border-width: 10px 10px 0 10px ; border-top-color: #DAA520; border-bottom-color: transparent;}
.nahore .sipka-obal {border-top-color: #373939; border-width: 9px 9px 0  9px; margin: 0 0 1px -4px;}
 
  
  .galerie1 {}                                                            /*styl popisku nad obrazkem v bocni rolovaci listě*/
.obrazek1 {position: relative; float: left; width: -100px; }                                                                                                                      /*vržený stín puvodni hodnoty box-shadow: rgba(0, 0, 0, 0.298) 0px 3px 8px 0px; transition: opacity .5s; -webkit-transition: opacity .5s; opacity: 0}*/
.popisek1 {position: absolute; right:  -107%; top: 100%; display: none; margin-left: -100px; width: 210px; border: 1px solid #DAA520; padding: 10px; background: #373939; z-index: 100; box-shadow: rgba(0, 0, 0, 0.298) 10px 10px 30px 0px; transition: opacity  .5s; -webkit-transition: opacity .5s; opacity:  0}
.obrazek:hover .popisek1 {display: block; opacity: 1}
.popisek1 .sipka1, .popisek1 .sipka-obal1 {position: absolute; top: -10px; left: 50%; margin-left: -5px; width: 0px; height: 0px; border: solid transparent; border-width: 0 10px 10px 10px; border-bottom-color: #DAA520}
.popisek1 .sipka-obal1 {border-bottom-color: #373939; margin: 1px 0 0 -4px; border-width: 0 9px 9px 9px}

.nahore1 .popisek1 {top: auto; bottom: 100%;}
.nahore1 .sipka1, .nahore1 .sipka-obal1 {top: auto; bottom: -10px; border-width: 10px 10px 0 10px ; border-top-color: #DAA520; border-bottom-color: transparent;}
.nahore1 .sipka-obal1 {border-top-color: #373939; border-width: 9px 9px 0  9px; margin: 0 0 1px -4px;}
                                                                                                                                                     
  

    
/* content */

#content {
    float: left;
    width: 64%;         /*64%*  770px*/
    padding: 44px 0 0px 8px;
    text-align: justify;                 /*zarovnani textu v hlavni sekci*/
    text-justify: newspaper;
}             


#content .post {
    padding: 0em 0 3.2em 0;             /*mezera mezi clanky hlavni sekce*/
}

#content .entry {
    padding-top: 1.2em;
}

#content h2 a {
    color: #FFD700;                                /*puvodni NAbidka vcelich produktu #7C7C7C;*/
    text-decoration: none;
    cursor: auto;
}


p.postmeta {
    color: #A5A6A6;
}

p.readmore a {
    display: block;
    height: 25.6px;
    text-align: center;
    text-decoration: none;
      text-shadow: 0px 0px .01px #DAA520, 0px 0px .01px #DAA520, 0px 0px .01px #DAA520;                    /*rozmazanost tlacitek cist vice*/
    opacity: 0.7;                                                                                            /*pruhlednost tlacitka cist vice*/
    line-height: 25.6px;
    background: #484A4B;
    border: 1px solid #434646;
    -webkit-border-radius: 2.4px;
    -moz-border-radius: 2.4px;
    border-radius: 2.4px; 
}

 p.readmore z {
    display: block;
    height: 25.6px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0px 0px .01px #DAA520, 0px 0px .01px #DAA520, 0px 0px .01px #DAA520;                       /*rozmazanost tlacitek cist vice*/
    line-height: 25.6px;
    background: #484A4B;
    border: 1px solid #434646;
    -webkit-border-radius: 2.4px;
    -moz-border-radius: 2.4px;
    border-radius: 2.4px; 
}

p.readmore zz {
    display: block;
    height: 25.6px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0px 0px .01px #DAA520, 0px 0px .01px #DAA520, 0px 0px .01px #DAA520;                                 /*rozmazanost tlacitek cist vice*/
    line-height: 25.6px;
    background: #484A4B;
    border: 1px solid #434646;
    -webkit-border-radius: 2.4px;
    -moz-border-radius: 2.4px;
    border-radius: 2.4px; 
}
   
p.readmore a:hover {
    color: #FFD700;
    background: #4C4F50;
    border: 0.8px solid #48494A;
    opacity: 1;                                                                                                       /*pruhlednost tlacitka cist vice*/
}           

p.readmore z:hover {
    color: #DAA520;
    background: #4C4F50;
    border: 0.8px solid #48494A;
}  

p.readmore zz:hover {
    color: #DAA520;
    background: #4C4F50;
    border: 0.8px solid #48494A;
}        

p.readmore side:hover {
    color: #DAA520;
    background: #4C4F50;
    border: 0.8px solid #48494A;
} 



#content p.readmore, #bar p.readmore {
    padding: 1.6em 1.6em 0 0;
    text-align: right;
}

#content p.readmore a, #content p.readmore z, #bar p.readmore {
    float: right;
    width: 88px;
    margin-bottom: 2.4em;
    margin:  -16px 0px 0 0px;                           /*pozice cist vice v content i dolnim baru*/
    cursor: pointer; 
}



/* sidebar */

                                                /*ROLOVACI   otviraci texty*/
    .js .toggle-content {                                                                           /*.js*/
    overflow: hidden;
    display: none;
    transition: height .5s;         /*rychlost rozvinuti*/
    background: none;                 /*pozadi odvinuteho textu*/
}

  .js .toggle-header {                                                                            /* .js*/                  
    cursor: auto;    
    -ms-touch-action: manipulation; /* IE10  */
    touch-action: manipulation; /* IE11+ */
}

 

 

#sidebar {
    float: right; 
    text-align: justify;             /*zarovnani textu do bloku bocni vyskakovaci lista*/
    text-justify: newspaper;
   
    width: 30%;                   /*30%   360px*/
    padding: 64px 8px 0px 0;                  /*pozice celeho sidebaru -60 původně*/
  
}

#sidebar h2, #bar h2 {
    font-size: 1.6em;                           /*napis Aktuality z BeeOne*/
    letter-spacing: -0.8px;
    
}

#sidebar ul {
    list-style: none;
    margin: 0.48em 0 2.2em 0;                                /*pozice Aktuality z BeeOne sidebar a odkazu pod nim*/
}

#sidebar ul li {
    padding: .18em 0 0em 33px;                                  /*.2em 0 0em 39px;*/
    line-height: 2.4em;
    background: url('images/li.gif') no-repeat 0em 0.96em;       /*url('images/beeb.png') no-repeat -0.9em .2em;*/
}

.box {
    margin-bottom: -0.16em;                                           /*pozice Aktuality z BeeOne cela lišta- bylo 1*/
}

.imgsmall {
    clear: both;
    padding-bottom: 0.8em;                     /*mezera mezi  obrazky v sidebaru - bylo 1.6*/
    
     
}
 

.left {
    display: block;
    float: left;
}

.imgsmall .left {
    width: 83.2px;
}

.right {
    display: block;
    float: right;
}

.imgsmall .right {
   
    width: 288px;
   
}

#sidebar p.readmore {
    width: 64px;
    padding: 10.4px 0px 0 109.6px;                  /*padding: 22px 0px 0 137px; pro radkovani 1.4*/ 
    cursor: pointer;                         /*pozice cist vice v side bar* 250 je dobra*/  /* 33.5 je pro tři řádky textu zarovnaná v prohlížeči*/
}

  /* #sidebar p.readmore zz{
   
   width: 80px;
    padding: 0px 0px 0 0px;  
    cursor: pointer;     
  }        */

 #sidebar p.readmore z{
   
    width: 64px;
    margin: -8px 0px 8px -110.4px;  
    cursor: pointer;   
  }

/* bar */
                     
  
   
	}
  

.galerie2 {}                                                            /*styl popisku nad obrazkem v dolní rolovaci listě*/
.obrazek2 {position: relative; float: left; width: -100px; }                                                                                                                      /*vržený stín puvodni hodnoty box-shadow: rgba(0, 0, 0, 0.298) 0px 3px 8px 0px; transition: opacity .5s; -webkit-transition: opacity .5s; opacity: 0}*/
.popisek2 {position: absolute; right:  1.1%; top: 100%; display: none; margin-left: -100px; width: 213px; border: 1px solid #DAA520; padding: 10px; background: #373939; z-index: 100; box-shadow: rgba(0, 0, 0, 0.298) 10px 10px 30px 0px; transition: opacity  .5s; -webkit-transition: opacity .5s; opacity:  0}
.obrazek2:hover  .popisek2 {display: block; opacity: 1}
.popisek2 .sipka2, .popisek2 .sipka-obal2 {position: absolute; top: -10px; left: 50%; margin-left: -5px; width: 0px; height: 0px; border: solid transparent; border-width: 0 10px 10px 10px; border-bottom-color: #DAA520}
.popisek2 .sipka-obal2 {border-bottom-color: #373939; margin: 1px 0 0 -4px; border-width: 0 9px 9px 9px}

.nahore2 .popisek2 {top: auto; bottom: 100%;}
.nahore2 .sipka2, .nahore2 .sipka-obal2 {top: auto; bottom: -10px; border-width: 10px 10px 0 10px ; border-top-color: #DAA520; border-bottom-color: transparent;}
.nahore2 .sipka-obal2 {border-top-color: #373939; border-width: 9px 9px 0  9px; margin: 0 0 1px -4px;}
 
  
.galerie3 {}                                                            /*styl popisku nad obrazkem v bocni rolovaci listě*/
.obrazek3 {position: relative; float: left; width: -100px; }                                                                                                                      /*vržený stín puvodni hodnoty box-shadow: rgba(0, 0, 0, 0.298) 0px 3px 8px 0px; transition: opacity .5s; -webkit-transition: opacity .5s; opacity: 0}*/
.popisek3 {position: absolute; right:  -111%; top: 100%; display: none; margin-left: -100px; width: 213px; border: 1px solid #DAA520; padding: 10px; background: #373939; z-index: 100; box-shadow: rgba(0, 0, 0, 0.298) 10px 10px 30px 0px; transition: opacity  .5s; -webkit-transition: opacity .5s; opacity:  0}
.obrazek:hover .popisek3 {display: block; opacity: 1}
.popisek3 .sipka3, .popisek3 .sipka-obal3 {position: absolute; top: -10px; left: 50%; margin-left: -5px; width: 0px; height: 0px; border: solid transparent; border-width: 0 10px 10px 10px; border-bottom-color: #DAA520}
.popisek3 .sipka-obal3 {border-bottom-color: #373939; margin: 1px 0 0 -4px; border-width: 0 9px 9px 9px}

.nahore3 .popisek3 {top: auto; bottom: 100%;}
.nahore3 .sipka3, .nahore3 .sipka-obal3 {top: auto; bottom: -10px; border-width: 10px 10px 0 10px ; border-top-color: #DAA520; border-bottom-color: transparent;}
.nahore3 .sipka-obal3 {border-top-color: #373939; border-width: 9px 9px 0  9px; margin: 0 0 1px -4px;}

    
    
    
         #picture2 {                        
       border: none;                                       /*style obrazku ve vysouvacich menu dolní sekce tri vcely*/                                        
      float:right;
       margin:  -6px -1px -20px 6px;              /* 1. top; 2.right;   3. bottom; 4. left; jde to jako hodiny*/   
     	}
    
         #picture3 {                        
       border: none;                                          /*style obrazku ve vysouvacich menu dolní sekce tri vcely*/                                        
      float:left;
     margin: -6px 10px -10px 0px;              /* 1. top; 2.right;   3. bottom; 4. left; jde to jako hodiny*/   
      
	}
  




#bar {
    clear: both;
    background: #393D3D url('images/intro.jpg');
    border-top: 1px solid #373939;
}

#bar2 {
    margin: 0 auto;
    width: 944px;
    padding: 48px  0px 56px 0px;        /*zarovnani spodniho baru se trema vcelama*/
    text-align: justify;             /*zarovnani textu do bloku bocni vyskakovaci lista*/
    text-justify: newspaper;
}

.col {
    float: left;
    width: 277px;
    padding-right: 50px;
}

.lastcol {
    padding-right: 0!important;
}

#bar h2 {
    padding: 0 0 .64em 5.6px;                             /*vzdalenost nadpisu  od obrazku dole...tri vcelky puvodni hodnota je 1 */
}

#bar img {      
     
    margin-bottom: -0.8em;                             /*vzdalenost textu od obrazku dole...tri vcelky puvodni hodnota je 1 */
    border: 5.6px solid #4A4E4E;
    cursor: pointer; 
}

.clearing {
    clear: both;
    height: 0.8px;
    overflow: hidden;
}

/* footer */

#footer {
    clear: both;
    padding: 40px 0 16px 0;
    border-top: 1px solid #2B2D2D;
}

#footer p {
    text-align: center;
}