/*
    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;
    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.8pxpx;
  
}

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


h2 {
    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 6px;
    letter-spacing: -1px;
    color: #FFD700;
    text-shadow: 0px 0px 8px #DAA520, 0px 0px 4px #DAA520, 0px 0px 2px #DAA520;    
    opacity : .8;
    text-align: right;
         
}        
     
     h222 {
    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;
      cursor: pointer;   
      float: left;   
      padding: 0px 0 0  30px;                /* padding: 0px 0 0 30px;*/
}

      
     
     h2222 {
    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;
      cursor: pointer;
      float: right;   
      padding: 0px 30px  0 0px;                  /*padding: 0px 30px  0 0px;*/
}      

       h22222 {
    text-transform: none;
    font-family: "Titillium Web", Arial, Helvetica, sans-serif; 
    font-size: 2.5em;
    letter-spacing: -1px;
    color: #FFD700;
    text-shadow: 0px 0px 8px #DAA520, 0px 0px 4px #DAA520, 0px 0px 2px #DAA520;    
    opacity : .8;
    cursor: pointer;       
     
       
}      
     
        
gram {
    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;
      cursor: pointer;   
      
}
 
     
      

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;
    }
 
      aaaa {
     font-size: 1.2em;
    text-decoration: none;     
    color: #FFD520;
    cursor: pointer;             /*Aktuality z bee One puvodni pointer*/
    text-shadow: 0px 0px  1px #DAA520, 0px 0px 1px #DAA520, 0px 0px 1px #DAA520;
     opacity : .7;
}
 
 
 
  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 .8em;         /*  padding:   .75em 1em;*/
    line-height: 1.5em;            /*line-height: 1.4em;*/
}


 ff {
    font-size: 12,8px;
    padding:   0em 0em 0  0em;         /*  padding:   .75em 1em;*/
    line-height: 1.5em;            /*line-height: 1.4em;*/
     color:  #CCCCCC;
    text-align: justify;              
    text-justify: newspaper;
}

 

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:     1.1em 0em;
    line-height: 1.8em;
    text-decoration: none;
    color:  #FFD700;  
    cursor: pointer;           /*pointer-pridano kvuli aktualitam z BeeOne*/
}
   
   
    produkt1 {
   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 : .9;
      cursor: pointer;   
      float: left;   
      padding: 0px 15px 0 10px;                /* padding: 0px 0 0 30px;*/
    
}
   
   
   
    produkt2 {
   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 : .9;
      cursor: pointer;   
      float: right;   
      padding: 0px 10px 0  15px;                /* padding: 0px 0 0 30px;*/
   
     
}



       
    produkt3 {
   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 : .85;
      cursor: pointer;   
      float: left;   
      padding: 0px 30px 0   25px;                /* padding: 0px 0 0 30px;*/
    
}
   
   


     produkt4 {
   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 : .85;
      cursor: pointer;   
      float: right;   
      padding:  0px 25px  0px   33px;                /* padding: 0px 0 0 30px;*/
   
     
}
   
 
 

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;
}

  h222:hover {
    text-decoration: none;              /*overline- zajímavé*/
    color: #FFD700;
    text-shadow: 0px 0px 28px #DAA700, 0px 0px 14px #DAA700, 0px 0px 12px #DAA700;
    opacity: 1;       /*pokus se samolepkou*/
}

     h2222:hover {
    text-decoration: none;              /*overline- zajímavé*/
    color: #FFD700;
    text-shadow: 0px 0px 28px #DAA700, 0px 0px 14px #DAA700, 0px 0px 12px #DAA700;
    opacity: 1;       /*pokus se samolepkou*/
}



 h22222:hover {
    text-decoration: none;              /*overline- zajímavé*/
    color: #FFD700;
    text-shadow: 0px 0px 28px #DAA700, 0px 0px 14px #DAA700, 0px 0px 12px #DAA700;
     
}

 produkt1:hover {
        text-decoration: none;              /*overline- zajímavé*/
    color: #FFD700;
    text-shadow: 0px 0px 28px #DAA700, 0px 0px 14px #DAA700, 0px 0px 12px #DAA700;
    opacity: 1;       /*pokus se samolepkou*/
}

produkt2:hover {
        text-decoration: none;              /*overline- zajímavé*/
    color: #FFD700;
    text-shadow: 0px 0px 28px #DAA700, 0px 0px 14px #DAA700, 0px 0px 12px #DAA700;
    opacity: 1;       /*pokus se samolepkou*/
}

    produkt3:hover {
        text-decoration: none;              /*overline- zajímavé*/
    color: #FFD700;
    text-shadow: 0px 0px 28px #DAA700, 0px 0px 14px #DAA700, 0px 0px 12px #DAA700;
    opacity: 1;       /*pokus se samolepkou*/
}

produkt4:hover {
        text-decoration: none;              /*overline- zajímavé*/
    color: #FFD700;
    text-shadow: 0px 0px 28px #DAA700, 0px 0px 14px #DAA700, 0px 0px 12px #DAA700;
    opacity: 1;       /*pokus se samolepkou*/
}




 

/* 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 */

#main {
    background: #4C4F50 url('images/main.jpg');
}

#main img {
    border: 0px solid #555757;        /*oramovani obrazku galerie-zruseno 7 */
}


  /* 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: 110px; height: 130px; border: 7px solid #555757; cursor: pointer; float:left; margin: 0px 15px 1px 0px; transition: border-radius .8s;}     /*bocni tri obrazky 1*/
   .thumb1:hover {border-radius: 50%; border: 7px solid #555757; float:left; margin: 6px  15px 1px 0px;} 
   
   .thumb2 {border-radius: 0%; background: url('images/thumb2-beez.gif'); width: 110px; height: 130px; border: 7px solid #555757; cursor: pointer; float:left; margin: 0px  15px 1px 0px; transition: border-radius .8s}     /*bocni tri obrazky  2*/
   .thumb2:hover {border-radius: 50%; border: 7px solid #555757; float:left; margin: 6px  15px 1px 0px;} 
      
    .thumb3 {border-radius: 0%; background: url('images/thumb3-beez.gif'); width: 110px; height: 130px; border: 7px solid #555757; cursor: pointer;  float:left; margin: 0px  15px 1px 0px; transition: border-radius .8s}     /*bocni tri obrazky  3*/
   .thumb3:hover {border-radius: 50%; border: 7px solid #555757; float:left; margin: 6px  15px 1px 0px;} 


       
 
   
     
}     
     #picture {                        
       border: none;                                       /*style obrazku ve vysouvacich menu*/                                        
      float:right;
       margin: 1px -20px -1px 7px;              /* 1. top; 2.right;   3. bottom; 4. left; jde to jako hodiny*/   
   
	}
  
         #picture1 {                        
       border: none;                                       /*style obrazku ve vysouvacich menu*/                                        
      float:left;
     margin: 9px -15px 1px 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:  ; width:  -1px; }                                                                                                                      /*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: 30.2%; top: 100%; display: none; margin-left: -100px; width: 360px; height: 336px; 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; margin: right; 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:  -78.6%; 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 .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: 960px;                      /*sirka hlavniho bloku*/
    padding: 44px 0  0px 0px;           /*okraje hlavniho bloku galerie*/    /*bylo 35 misto 55*/
  
    
}             


#content .post {
    padding: 0 0 3.2em 0;
}

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

#content h2 a {
    color: #7C7C7C;
    text-decoration: none;
}
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 16px 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: 0em;                             /*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;
}