#head p{font-family: #fff;font-size: 14px;font-family: 'Merriweather', serif;font-weight: 300;color:#fff;text-align: center;display: block;padding-right: 6px;color:#fff;/*font-family: Georgia, serif;*/}

#head{padding: 70px 0 100px 0;}

.homespace{height:80px;}




.onepeople{padding-bottom: 30px;}

.homebg .book-one p.topinfo .spanleft {width: 30%;}
.homebg .book-one p.topinfo .spanright-date {width: 70%;text-transform: none;}

.vysledekhledanijeden .imgobalka img, .homebg .book-one img {border: 5px solid #fff;float: left;width: 100%;margin-bottom: 15px;}
.homebg .book-one-text {float: none;width: 100%;}
.homebg .books .book-one-text {float: none;width: 100%;clear: both;}

#text{padding-bottom: 60px;}  
  
.text h3.h3archive{margin-bottom: 10px;padding-top: 30px;}
  
.podnazev{padding-bottom: 0px;}
  
.bg-gray{background-color: #f0f0f0;}


.book-one p.topinfo .spanright-date{font-size: 14px;font-weight: 700;font-family: 'Roboto';white-space: nowrap;}
.book-one p{font-size: 16px;}
.book-one p.otevri-detail{font-size: 14px;}
.homebg .book-one h3{font-size: 22px;font-weight: 400;}

.topimgs{padding:0px 0 23px 0;}   
.topimgs img{width:100%;height:auto;}
.topimgs div p{font-size: 12px;text-align: right;margin-top: -0em;}
 
.vysledekhledanijeden{clear: both;}
.vysledekhledanijeden .imgobalka img{width:100%;max-width:100%;}
.vysledekhledanijeden img{border:5px solid #fff;
-webkit-box-shadow: 0px 1px 2px 0px rgba(205,205,205,0.46);
-moz-box-shadow: 0px 1px 2px 0px rgba(205,205,205,0.46);
box-shadow: 0px 1px 2px 0px rgba(205,205,205,0.46);
}
.vysledekhledanijeden.hover a img{
-webkit-box-shadow: 0px 1px 7px 1px rgba(205,205,205,0.8);
-moz-box-shadow: 0px 1px 7px 1px rgba(205,205,205,0.8);
box-shadow: 0px 1px 7px 1px rgba(205,205,205,0.8);
}

.vysledekhledanijeden.hover .otevri-detail a{text-decoration: underline;}
    

#zalozky{clear: both;}

.text p.zalozky{display: block;height:80px;padding-top: 0px;margin:0 auto;}

.text p.zalozky a{display: block;font-size: 15px;width:auto;float: left;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;
  color:#4585f4;text-align: center;line-height: 1em;padding:6px;margin:0 8px;text-decoration: none;padding:15px 23px;
  background-color: #4585f4;color:#fff;border-color:#4585f4;                                                    
  }
.text p.zalozky-archive a{margin-right: 16px;margin-left: 0;margin-bottom: 15px;}  
.text p.zalozky a{
-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);

}    
    
.fa-file-text-o:before {content: "\f0f6";color:#747474;font-size: 14px;}
.fa-book:before{content: "\f02d";color:#747474;font-size: 14px;}     
         
img.alignleft{float: left;margin:0 15px 10px 0;}
         
@media only screen and (max-width: 1700px) {
  
  #head{padding: 55px 0 85px 0;}
  .book-one h3{font-size: 20px;}
 .text p.zalozky{height: 60px;} 
 .text p.zalozky a{font-size: 14px;padding:12px 18px;}
 h1 {font-size: 42px;}
}
@media only screen and (max-width: 1280px) {
         
}    

@media only screen and (max-width: 1180px) {
            
   
}

@media only screen and (max-width: 1000px) {

  #head{padding: 60px 0 85px 0;}

  #head p{font-size: 12px;}
  
      h1{font-size: 34px;}   
}
@media only screen and (max-width: 900px) {
  
      h1{font-size: 34px;}      
                        
}



@media only screen and (max-width: 830px) {

  #head{padding: 40px 0 50px 0;}
    h1{font-size: 34px;}        
}

@media only screen and (max-width: 600px) {



  #head{padding: 40px 0 35px 0;}
  #logoarea{margin: 0 auto;width:90%;padding-left: 0px;}
  h1{font-size: 34px;}  
}

@media only screen and (max-width: 450px) {
    h1 {font-size: 30px;}
}
@media only screen and (max-width: 350px) {
  

    #head {padding: 50px 0 30px;}
    h1 {font-size: 28px;}
}

 
@media only screen and (max-width: 830px) {
  .text p.zalozky{height:80px;padding-top: 15px;}
  .text p.zalozky a{font-size: 13px;padding:10px 14px;width:auto;margin-right: 10px;}
} 


.text p.zalozky a{background-color: #4183d7;border:0px solid #4183d7;}
.text p.zalozky a:hover, .text p.zalozky a.active{
background-color: #6098df;color:#fff;border:0px solid #6098df;
-webkit-box-shadow: 0px 0px 1px 0px rgba(100,100,100,0.15);
-moz-box-shadow: 0px 0px 1px 0px rgba(100,100,100,0.15);
box-shadow: 0px 0px 0px 1px rgba(100,100,100,0.15);


/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#387bef+0,207cca+0,4585f4+72,6198f6+96 */

}
.text p.zobrazitobsah a:hover, .fa-external-link::before, .text p.zobrazitobsah a, .book-one p.otevri-detail a , .vysledekhledanijeden p.otevri-detail a {color:#6098df}



#gmapa{width:100%;height:300px;margin-bottom: 35px;}

.zal{display: none;text-align: left;}
.zal-1{display: block;}

.text .podnazev p{font-weight: 600;}





h2.mensih2{font-size: 32px;font-weight: 400;line-height: 1.5em;text-align: left;color:#333333;padding:0px;padding: 1.6em 0% 1.3em 0%;}    
@media only screen and (max-width: 1700px) {
  h2.mensih2{font-size: 24px;}
}
@media only screen and (max-width: 1000px) {
  h2.mensih2{font-size: 24px;}  
}
@media only screen and (max-width: 600px) {
  h2.mensih2{font-size:20px;}  
}


#wpadminbar {bottom: auto !important;top:auto !important;position: fixed  !important;top: 0 !important;}
.customize-support {padding-top: 0px;}

.scrollup{z-index: 3;}

.ssba-wrap{position: fixed;bottom:0px;padding-right:60px !important;z-index: 2;right:0px;}
.ssba a{float: right;}
.ssba{padding: 3px 3px 7px 3px;width:95%;}
.nosoc .ssba-wrap{display: none;}
@media only screen and (max-width:830px) {
  .ssba{background-color: #fff !important;} 
  .ssba-wrap{position: fixed;bottom:0px;padding-right:50px !important;z-index: 2;right:0px;}
  .ssba{padding: 3px 3px 3px 3px;width:100%;}
}

.gallery img{border:0px !important;max-width:96%;height:auto !important;}
.gallery .gallery-item{text-align: left !important;} 