* { 
 padding: 0;
 margin: 0;
}
body {
 font-family:"Trebuchet Unicode MS", "Verdana", "Arial", Helvetica, sans-serif;
 font-size: 13px;
 background: rgb(47,47,47);
 position:relative;
}



@font-face {
    font-family: headfont;
    src:url("font/im_fell_en_it.ttf");
         }
         
@font-face {
    font-family: headfont-h2;
    src:url("font/advertising.ttf");
         }
         
         
@font-face {
    font-family: headfont-eot;
    src:url("font/im_fell_en_it.eot");
         }
         
@font-face {
    font-family: headfont-h2-eot;
    src:url("font/advertising.eot");
         }         


         
@font-face {
    font-family: banff;
    src:url("font/banff.ttf");
         }         

         
@font-face {
    font-family: banff-eot;
    src:url("font/banff.eot");
         }         

img a {	
      border:0px;     
}

a img {
       border:0px;
      }

img a:hover {	
      border:0px;     
}

.break{	
      clear:both;      
}              

a {
 color: rgb(255,255,255);
 text-decoration: none;
 
}
a:hover {
 color: rgb(255,155,155);
 border-bottom: 1px rgb(208,235,106) underline;
}
#wrapper { 
 margin: 0 auto;
 width: 1073px;
 position: relative;
 
}
#header {
 color: #fff;
 width: 1051px;
 float: left;
 padding: 10px;
 height: 130px;
 margin: 0px 0px 5px 0px;
 border: 1px solid rgb(57,57,57);
 background: url('images/stock-old-library-books.jpg') left center no-repeat;
 position:relative;
}


.logo { position:absolute;
                    width:86px;
                    height:86px;
                    top:5%;
                    left:90%;
                    border-radius:45px;
                    background: url('images/bohemian_library-logo_90x90.jpg') center no-repeat;
                    z-index:100;
                    
                   
                  }

#header h1 a{font-family:'headfont','headfont-eot';
           float:left;
           margin-left:10px;
           color:rgb(200,190,150);
           font-size:2.2em;
           margin-top:25px;
          text-shadow:6px 6px 2px rgb(40,30,25);
          
}

#header h1 a:hover{font-family:'headfont','headfont-eot';
           float:left;
           margin-left:6px;
           color:rgba(150,100,70,0.4);
           font-size:2.2em;
           margin-top:23px;
          text-shadow:3px 3px 5px rgb(140,130,125);
          
}

#header h2{font-family:'banff','banff-eot';
           float:right;
           margin-right:10px;
           font-size:2.3em;
           margin-top:92px;
           text-shadow:2px 2px 2px rgb(40,30,25);
           color: rgb(245,245,230);
}



#strap {
 float: left;
 width: 1051px;
 color: gray;
 padding: 10px;
 margin: 2px 0px 8px 0px;
 background: rgb(51,51,51);
 border: 1px solid rgb(57,57,57);
 text-align: center;
}

#cnt{margin:0px 0px 8px 0px;
    padding:0;
     position: relative;
     background: url("images/bg-cnt.png") left center repeat-y;
     height:100%;
     }

#navigation { 
 color: #fff;
 background: rgb(40,40,40);
 margin: 0px 5px 5px 0px;
 padding-top: 10px;
  padding-bottom: 10px;
 height: 100%;
 width: 257px;
 float: left;
}
#content { 
 float: right;
 color: rgb(205,205,205) ;
background:  rgb(42,42,42);
 margin: 15px 7px;
 padding: 10px;
  display: block;
 width: 775px;
 display: inline;
 position: relative;
  border: 1px solid rgb(57,57,67);
          border-radius:8px;
}

#content a{ text-decoration:underline;
 
}

#content a:hover{ text-decoration:none;
 
}


#socialbutton {
 float:right;
 margin-right:2px;
 clear:both;
 border:2px solid rgb(120,120,120);
 border-radius:10px;
 padding:5px 6px ;
}

#socialbutton img{
float:left;
padding:2px;
border:0px;
}

#socialbutton .google{
display:none;
}


#container{margin:30px 10px;
 
padding-top: 10px;
}

#container h2{font-size:1.8em;
 
}

#container p{font-size:1.1em;
            line-height:1.5em;}



.bookbar {margin-top:20px;
          margin-bottom:10px;
          height:auto;
          
          }


 .book {width:370px;
                   height:240px;                 
                  padding:10px 2px 0px;
                  margin:5px ;
                  float:left;
                   border: 1px solid rgb(67,57,57);
                   font-size:1.3em;
                   border-radius:10px;
                    line-height: 1em;
                    font-weight:normal;
                  }
                  
                  
 .book img{height:200px;
                   
                   border-radius:6px;
                  margin:10px 8px 4px 6px ;
                  float:left;
                   border: 1px solid rgb(100,57,57);
                   clear:right;
                   
                  }                  
                  
div.autor {font-family:'Tahoma';color:rgb(235,215,185); margin:7px 4px 6px 6px;font-size:1em;}

div.titul {font-family:'MS Sans serif';color:rgb(115, 215, 255); padding-top:3px; font-size:1em;padding-right:2px;line-height: 1.2em;}

div.nakladatel {font-family:'Trebuchet MS';color:rgb(230,245,245); padding-top:20px; padding-bottom:0.5em;padding-right:2px; font-size:0.85em;font-weight:normal;}

div.info {color:rgb(240,235,225); padding-bottom:5px; font-size:0.75em;font-weight:normal;}

a .book {
                  background: rgb(50,50,50);
                  
                  }
                  
                  
a:hover .book {
                  background: rgb(45,45,51);
                  
                  }                  
                  
#content .pages {
	margin: 20px 0px 5px 30px;
	padding:0 0 25px;
	font-size:11px;
	color:rgb(109,109,109);
	text-align:left;
    display:block;
    text-decoration:none ;
}  

.pages span {
	padding:8px 12px;
	text-decoration:none;
 
}

.pages a {
	padding:8px 12px;
	text-decoration:none !important;
    color:#000 !important;
}
.pages span {
	color:#fff;
	background:rgb(59,59,59);
	border:1px solid rgb(159,159,159);
   
}  
  
 .pages a:hover {
	color:#fff;
	background:rgb(159,59,59);
	border:1px solid rgb(159,159,159);
  
}
.pages a {
	color:rgb(109,109,109);
	background:#fff;
	border:1px solid rgb(201,201,201);
    text-decoration:none;
}



#pdfknihy a{background: rgb(107,57,57);
 border-bottom: 1px solid rgb(57,57,57);
 border-left: 1px solid rgb(57,57,57);
 border-right: 1px solid rgb(107,47,47);
 color: rgb(210,160,90);
 display: block;
 margin: 0px 0px 30px 0px;
 padding: 8px 12px;
 text-decoration: none;
 z-index:20;
 width: 231px;
 font-weight:bold;
 }
 

#pdfknihy a:hover{background: rgb(37,37,47);
 border-bottom: 1px solid rgb(57,57,57);
 border-left: 1px solid rgb(57,57,57);
 border-right: 1px solid rgb(37,37,47);
 color: rgb(220,240,240);
 display: block;
 margin: 0px 0px 30px 0px;
 padding: 8px 12px;
 text-decoration: none;
 z-index:20;
 width: 231px;
 font-weight:bold;
 } 

#menu {
 background: rgb(40,40,40);
 float: left;
 list-style: none;
 margin: 0px 0px 50px 0px;
 padding: 0px;
 width: 100%;
}

#menu li {
 font: 14px "Trebuchet Unicode MS", "Verdana", "Arial", Helvetica, sans-serif; 
 font-weight:bold;
 display: block;

}



.first{border-top: 1px solid rgb(57,57,57);}

.mezera{height:50px;}

.podpis   {background: url("images/podpis2.png") left center no-repeat;
float:right;
height:32px;
width:250px;
clear:both;}


.active{background: rgb(47,47,47)  ;
 border-bottom: 1px solid rgb(57,57,57);
 border-left: 1px solid rgb(57,57,57);
 border-right: 2px solid rgb(47,47,47);
 color: rgb(190,140,70);
 display: block;
 margin: 0px;
 padding: 8px 12px;
 text-decoration: none;
 z-index:10;
 width: 231px;
 }


#menu a {
 background: rgb(40,40,40);
 border-bottom: 1px solid rgb(57,57,57);
 border-left: 1px solid rgb(57,57,57);
 color: rgb(190,190,190);
 display: block;
 margin: 0px;
 padding: 8px 12px;
 text-decoration: none;
 

}
#menu a:hover {
 background: rgb(52,52,55);
 color: rgb(225,225,170);
 padding-bottom: 8px;
 
}
h1 { 
 font: bold 1.9em "Trebuchet Unicode MS", "Verdana", "Arial", Helvetica, sans-serif;
 color: rgb(208,235,106); 
 padding: 0; 
 margin: 0;
}
h2 { 
 font: 1.2em "Trebuchet Unicode MS", "Verdana", "Arial", Helvetica, sans-serif;
 padding: 0; 
 margin: 0; 
 color: rgb(220,220,220); 
}	


#abcsearch {
           margin-left:30px;
           padding:5px;
           border:1px solid rgb(80,80,80);
           border-radius:8px;
           margin-right:15px;
           }
           
#abcsearch a{
            color:rgb(230,230,250);
            font-size:1.05em;
             text-decoration:none;
             padding-left:4px;
             padding-right:4px;
             margin:0px;
           }
           
#abcsearch a:hover{
            color:rgb(200,130,30);
             font-size:1.05em;
              text-decoration:none;
              background-color:rgb(55,70,75);
               padding-left:4px;
             padding-right:4px;
              margin:0px;
              border-radius:6px;
           } 
           
 


#indexer ul{
          border-bottom:solid 1px rgb(45,65,100);
          margin: 30px 5px 30px 15px;
          font-size:1.1em;
          width:750px;
          padding:0px;
        }
        
#indexer ul li {
            list-style-type:none;
            padding:0.4em 0.2em;            
            margin:0px;
            border-top:solid 1px rgb(45,65,100);
            border-left:solid 1px rgb(0,0,0);
            border-right:solid 1px rgb(0,0,0);
           }
#indexer ul li a{
            list-style-type:none;
            padding:0.08em 0.25em; 
            color: rgb(230,230,230);
            text-decoration:none;
           }
           
#indexer ul li a:hover{
            list-style-type:none;
             padding:0.08em 0.25em; 
            color: rgb(230,90,90);
            text-decoration:none;
           }                                     

a .jmeno {color: rgb(130,250,200);}

a:hover .jmeno {color: rgb(255,175,105);}

#hiddenbar{
          position:relative;
          margin-top:5px;
          }
          
          

#pdfbar{position:relative;
_padding-right:150px;
background: rgba(44,44,44,0.4) url("images/background.png") left center repeat;
margin-top:5px;
}          
          
.ifr {position:relative;z-index:2000;left:160px;top:20px;clear:both;width:750px;height:1000px;}          
          
          
.back{background: rgb(47,47,47) url("images/background.png") left center repeat;
      
      width:100%;
      
        }


.zavri-top {  
       position:relative;
      display:block;
      left:80%;
        
      width:180px;
       margin: 10px 10px 5px 0px;
      background: rgb(250,250,250);
      border-radius:15px;
      padding:0px;
      text-decoration:none;
      
      }
        
        

      
.zavri-top  p{
      padding-left:30px;
       padding-top:5px;
      font-family:Verdana;
      font-size:14px;           
      color:rgb(30,30,50);
       height:28px;
       font-weight:bold;
       position:relative;
       text-decoration:none;
        width:140px;}


.downbar{position:relative;
          margin-top:60px;
          margin-bottom: 10px;
          width:750px;
          left:160px;
         }       
 
.zavri a{z-index:2020;
      position:relative;
      display:block;
         
      width:200px;
       margin: 0px 10px 20px 0px;
      background: rgb(250,250,250);
      border-radius:15px;
      float:right;
      text-decoration:none;
      }
      
.zavri p {
      padding-left:20px;
      margin-top:6px;     
      font-family:Verdana;
      font-size:14px;           
      color:rgb(30,30,50);
       height:28px;
       font-weight:bold;
       position:relative;
       text-decoration:none;
       width:180px; 
       }
                       
      
.dwn a{z-index:2020;
      position:relative;
      display:block;
       
      width:200px;
       margin:0px 0px 20px 10px;;
      background: rgb(250,200,200);
      border-radius:15px;
      float:left;
      text-decoration:none;
      }
      
.dwn p {
      padding-left:30px;
      margin-top:6px;     
      font-family:Verdana;
      font-size:14px;           
      color:rgb(30,30,50);
       height:28px;
       font-weight:bold;
       position:relative;
       text-decoration:none;
        width:180px;
       }
                       
     

#footer {
 float: left;
 width: 1052px;
 color: gray;
 padding: 10px;
 margin: 0px 0px 5px 0px;
 background: rgba(44,44,44,0.4) url("images/background.png") left center repeat;
 border: 1px solid rgb(57,57,57);
 text-align: center;
 height:50px;
}

.toplist-maxzone{display: none;}

#footer p a:hover{
text-decoration:underline;
} 


#promo1{ margin:5px 10px;
width:735px;
height:95px;
padding-top:10px;
z-index:100;
             }
             
#promo2{ margin:15px 45px;
        display:block;
        position:relative;
        height:605px;
        clear:bottom;
             } 
             
             
#promo3a{ 
          margin-left:200px;
          margin-right:200px;
             } 
             
#hidepromo{ display:none;
             }  
             
             
#namebook {color: rgb(230,200,100);
            font-size:1.8em;
            text-align:center;
            padding-top:20px;
	    padding-bottom:10px;
            }
            
#fb {padding:10px 0px;}