body  {
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size : 100%;
}
#telo_uvod1,  #telo_knihy, #telo_cajnicek1  {
	font-family :Verdana, Times New Roman, Garamond,  Times, serif;
	font-size : 80%;
 }
#hlava1 {
        position : absolute;
        width : 83.3%;
        height : 65px;
        top : 0;
        right : 0;
        bottom : auto;
        left : 18.3%;        
	background-color : white;
	text-align :center;        	   
        padding-top : 10px;        
        font-size : 180%;
        font-style : normal;
        font-variant : normal;
        font-family : Garamond, Verdana;
        font-weight :500;
        }
.hlava1 {font-size : 85%;
           }
#tesimese {
	float : right;
	font-size : 35%;
	margin-right : 5%;
	font-weight : bold;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}		
#hlava_obrazek {
        position : absolute;
        width : 19.6%;
        height : 75px;
        top : 7px;
        right : auto;
        bottom : auto;
        left : 8px;
        background-color : white;
       overflow: hidden;		
 z-index: -1;       
        }
#odkazy1 {
        position : absolute;
        width : 19.6%;
        height : 82.5%;
        top : 85px;
        right : auto;
        bottom : auto;
        left : 0;
        padding-right : 1px;
		padding-left : 5px;
        background-color : white;
        font-weight : 100;
background-image : url(obrazky/fotky/pohled_pozadi.jpg);
background-position : 7px 100%;
background-repeat : no-repeat;
        }

.pocitadlo {visibility: hidden;}


.logo_cajovna {
    padding-left : 4.5%;
	    }		
.logo_knihkupectvi {
    padding-left : 4.5%;
	    }		
.logo_kavarna {
    padding-left : 4.5%;  
	    }		

.kavicka{
    height : 185px;
	background-image : url(obrazky/kavicka.gif);
	background-repeat : no-repeat;
	background-position :  center top;
}		
.pocitac {
    background-image : url(obrazky/pocitac.gif);
    background-repeat : no-repeat;
   background-position : right;
	width : 150px;
    height : 150px;
	}
#navigace1  {
        position : absolute;
        width : 14.5%;
        height : 88.5%;
        top : 65px;
        right : auto;
        bottom : auto;
        left : 85.7%;
        border :px ridge red;
	    background-color : #F4F7E5;
        text-align : center;
        padding: 2px;
        font-weight : 100;
        z-index: 1;
            }						
#telo_uvod1  {position : absolute;
        width : 83.3%;
        height : 88.5%;
        top : 65px;
        right : 0px;
        bottom : auto;
        left : 18.3%;
		border-left : 4px ridge #D4F5FF;
        border-top : 4px ridge red; 
        background-color : white;
        margin-right :  0;
	     padding: 10px;
        overflow: scroll;
            }	
#telo_knihy  {position : absolute;
        width : 83.8%;
        height : 88.5%;
        top : 65px;
        right : 0px;
        bottom : auto;
        left : 17.8%;		
		border-left : 4px ridge #D4F5FF;
        border-top : 4px ridge red; 
        background-color : white;
        margin-right :  0;
        padding: 20px;
        overflow :  scroll;
            }									
 #telo_cajnicek1  {
        position : absolute;
        width : 68%;
        height : 509px;
        top : 65px;
        right : 15%;
        bottom : 0px;
        left : 18.3%;
    	border-left : 4px ridge #D4F5FF;
        border-top : 4px ridge red; 
        background-color : white;
        padding-left : 3px;
	padding-right : 2px;
        overflow : scroll;        
            }			
#pata1  {
        position : absolute;
        width : 16.5%;
        height : auto;
        top : 540px;
        right : auto;
        bottom : 0px;
        left : 7px;
        border : 1px ridge white;
        background-color :  #D4F5FF;
        text-align :center;
        padding: 2px;
        font-size : 70%;
        z-index: -1;       
display:none;
            }							
#pata_cajnicek  {
        position : absolute;
        width : 16.5%;
        height : auto;
        top : 480px;
        right : auto;
        bottom : 0;
        left : 7px;
        border : 1px ridge white;
        background-color : #D4F5FF;
        text-align :center;
        padding: 2px;
        font-size : 70%;
        z-index: -1;       
display:none;
          }							

#pata_cajnicek_x  {
        position : absolute;
        width : auto;
        height : auto;
        top : 83px;
        right : 130px;
        bottom : auto;
        left : auto;
        border : 3px groove white;
        background-color : #D4F5FF;
        text-align :center;
        padding: 2px;
        font-size : 70%;
 z-index: 1;       
          }		

.otevreno {
	text-align : left;
	font-size : 100%;
}
a.odkazy_opera   {
	cursor: hand;
    text-decoration : none;  
    color: navy;
    font-weight :bold;
	font-size : 95%;
	}
a.odkazy_opera:hover {
	color: navy;
	background-color: white;
    border: 2px inset white;    
}

a.odkazy_opera:active  {   color : red;
                
          }
a.odkazy_opera:focus  {   color : red;
                
          }	
a.odkazy_opera:visited
 {
	cursor: hand;
    text-decoration : none;  
    color: navy;
    font-weight :;
    font-size : 95%;
  }

    ul  {
               cursor: hand;
               color : navy;
               font-size : 100%;
               font-weight : bold;
                margin-left : 5pt;
           }
 ul ul  {
                   display : none;
                   margin-left : 10pt;
           }
 .leaf  {
               cursor: hand; 
                color : navy;
				font-weight : 300;
                list-style-type : none;
				font-size : 90%;
           }
 .karta  {
                color : black;
				font-size : 100%;				
                list-style-image : none;
                list-style-type : square;
                }		   

.pozice {
        background-color :  #D4F5FF;
		width : 17%;
    	border : 4px ridge #D4F5FF;
        }
.nadpispozice {
	list-style : none;
}		
.podvyber  {
                cursor : hand;
                color : navy;
                font-size : 90%;
				list-style-type : none;
           }
a.interni:visited {
	color: purple;
}
a.interni:hover {
	background-color: navy;
	font-size : smaller;
	color : White;
	border: outset navy;
}			
a.interni:active {
	color: red;
}
a.interni:focus {
	color: red;
}	
a.externi:hover {
	font-size : ;
}	
 
 a          { text-decoration : none;  
                cursor : hand;
                color: blue;
				 font-size : 83%;
          }
a:hover {
	background-color: #D4F5FF;
	color: black;
	border: 5px outset #D4F5FF;
}
a:visited  {   cursor : hand;
                color : purple;
                font-size : 83%;
          }
a:active  {   color : red;
                
          }
a:focus  {   color : red;
                
          }		  
 a.odkaz:visited   { text-decoration : none;  
                cursor : hand;
                color: purple;
				 font-size : 100%;
          }		  
 a.odkaz   { text-decoration : none;  
                cursor : hand;
                color: blue;
				 font-size : 100%;
          }		
 a.aktualni {
                background-color: white;
                color: black;
                border: 5px inset #D4F5FF;
             }

 a.aktualni:hover {
                background-color: white;
                color: black;
                border: 5px inset #D4F5FF;
                cursor: text;
              }		
 a.aktualni_ruka:hover {
                background-color: white;
                color: black;
                border: 5px inset #D4F5FF;
                cursor: hand;
              }		
 a.aktualni_ruka {
                background-color: white;
                color: black;
                border: 5px inset #D4F5FF;
             }			  
a.odkaz_knihy:hover {            
				 background-color :  #D4F5FF ;  				
               font-size : 90%;
               border : none;
              }		
a.odkaz_knihy:visited {            
               font-size : 90%;
               border : none;
              }					  
.odkaz_knihy  {                          
				font-size : 90%;
               border : none;
				}		
a.odkaz_knihy_d:hover {            
               border : none;
			    background-color :  #D4F5FF ;  				
                font-size : 75%;
              }		
a.odkaz_knihy_d:visited {            
               font-size : 75%;
               border : none;
              }					  
.odkaz_knihy_d  {                          
               border : none;
				font-size : 75%;                
				font-weight : 100;
				}		

				
td.knihy{
	             background-color :  #F5F5DC ;
				 padding-left : 10px;
				 width : 50%;				 
}		
td.knihy:hover{
                 background-repeat : repeat;
	             background-color :  #D4F5FF ;
                 border-color : #D4F5FF;
				 border : thin;			
}			
.titul {
	color : Teal;	
}
.obr_kaspar {
	float : left;	
	margin: 40px 20px 10px 20px; 
}
.obr_kaspar_ilustrace {
	float : ;	
	padding: 5% 11% 5% 10%; 
	margin: 2.5% 5% 7%; 
	background-color: #FFEBCD; 
	border : 3px groove #FFE4B5; 
	width : auto;	
}
.obr_oreravych {
	float : left;	
	margin: 40px 20px 10px 20px; 
}
.obr_oreravychoci {
	float : left;	
	margin: 5% 13%; 
}
.obr_roman {
	float : left;	
	margin: 40px 20px 40px 20px; 
}
.obr_rybi {
	float : left;	
	margin: 30px 20px 10px 20px; 	
}
.obr_rybicky {
	float : left;	
	text-align : center;
    width : 100%;
}
.obr_zajic {
	float : left;	
	margin: 0px 15% 5%; 
}
.obr_jenikovy {
	float : left;	
	margin: 40px 20px 20px 20px; 
	border : 3px ridge white;
}
.obr_brod {
	float : left;	
	margin: 40px 20px 10px 20px; 
}
.obr_brodukazka {
	float : left;	
	margin: 3% 4% 5%; 
}
.obr_reynek  { 
	float : left;	
	margin: 40px 20px 4.5% 20px; 
}
.obr_basne {
	float : left;	
	margin: 40px 20px 10px 20px;  
}
.obr_basneukazka {
    border : 1px solid grey;
	float : left;	
	margin: 10% 4%; 
}

.obr_never {
	float : left;	
	margin: 40px 20px 10px 20px; 
}
.obr_balada_o_bobikovi {
	margin: 40px 20px 10px 20px; 
	float : left;
}
.obr_pohled {
	float : right;	
    border : 5px outset white;
	margin:1%;
	width : 281px;
	height : 378px;		
}


.fotky_knihkupectvi {
	margin:1%;
	width : 80%;
	height : auto;	
}

.obr_knihy2 {
	float : left;	
    border : 5px outset white;
	margin: 2% 5%;
	width : 400px;
	height : 299px;	
}
.obr_knihy1 {
	float : left;	
	margin: 2% 12%;
    border : 5px outset white;
	width : 400px;
	height : 299px;	
}
.obr_knihy3 {
	float : left;	
    border : 5px outset white;	
	margin: 2% 19% ;
	width : 400px;
	height : 299px;	
}
.obr_odborna {
	float : left;	
    border : 5px outset white;	
	margin: 2% 26% ;
	width : 400px;
	height : 299px;	
}
#obr_knihy_panorama {
	background-image : url(obrazky/panorama/knihkupectvi299h.jpg);
	background-repeat : repeat-x;
    background-position : center;
	margin : 2% 6% 5% 0.5%;
	float : right;	
    border : 5px outset white;	
	width : 400px;
	height : 299px;
    overflow-x: scroll;		
}
#knihy_left {
   margin-left : 5px;
 	float : left;
	width : 32%;
}

.obr_kavarna_panorama {
	background-image : url(obrazky/panorama/kavarna357h.jpg);
	background-repeat : repeat-x;
    background-position : left;
	float : none;	
    border : 5px outset white;	
	margin: 20% 1% 2% 10%;
	width : 620px;
	height : 357px;
    overflow-x: scroll;		
}
.obr_noviny {
    border : 5px dotted #D8BFD8;	
    float : right;
	margin: 1% 1% 10%;
	width : 450px;
	height : 357px;
}
.obr_pult_zakusky {
    border : 5px dotted #D8BFD8;	
    float : right;
	margin: 1% 5% 10%;
	width : 400px;
	height : 300px;
}
.happy {
	text-align : center;
}
.obr_cajovna {
	background-image : url(obrazky/panorama/cajovna3.jpg);
	background-repeat : repeat-x;
        background-position : bottom;
	float : none;	
        color : White;
	margin:1% 6% 4%;
	width : 90%;
	height : 351px;
        overflow-x: scroll;	
}
#obr_kavarna {
        position : absolute;
        width : 400px;
        height : 300px;
        left : 6%;
        padding: 1% 1%;
        z-index : 3;
	        }	
#slide {
	color : Black;
	font-size : ;
	font-family : Arial;
}
#slide1 {
	visibility : hidden;
}			
			
.pohar1 {
	width : 508px;
	height : 513px;
	margin : 2% 10% 6% 4%;
}
.oceneni {
	background-color : #FAEBD7;
}
.pripravujeme {line-height: 180%;}
.popisknihy_rybi { 	  
   width: 100%;
   text-align : center;
	}
.popis_knihy { 	  
   margin: 30px 10px ;
   width : auto;
	}
.ukazka_bobik {
	padding-left : 6%;
	padding-right : 6%;
	margin : 8% 5% 8% 5%;
	width : auto;
	font-family : Garamond, Times New Roman, Times, serif ;
   	font-size : 125%;
	background-color: #FFEBCD; 
	border : 3px groove #FFE4B5; 
}	
.reynek {
	font-size : 135%;
}
.ukazka_basne {
	margin-top : 10%;
	background-color: #FFEBCD; 
    border : 3px groove #FFE4B5; 
	width : 102%; 
}	
.ukazka_basne_never {
	padding-left : 5%;
	padding-right :1% ;
	margin-left : 4% ;
	background-color: #FFEBCD; 
    border : 3px groove #FFE4B5; 
	width : 95%;
}	
.vypravi_babka {
	padding : 0% 4% 0% 15%;
	font-size : 110%;
}
.tucne {
	font-weight : bold;
}
.kurziva {
	font-style : italic;
}
.kurziva_tucne {
	font-style : italic;
	font-weight : bold;
}
.reynek_ukazka {
    font-size : 80%;
	text-align : center;
	font-family : wingdings;
}
.rybisupiny_pohadka {
	text-align : center;
	font-variant : small-caps;
}
.rybisupiny_zaver {
	text-align : center;
}
.popis {   
   	padding-left : 5% ;
	}
.popisknihy_basne_c {
	width : 46.5%;
   padding-left : 1%;
    height : auto;
	float :left ;
}
.popisknihy_basne_snih_c {
        width : auto;
		float : left;
	   border : 1px ridge red;
}
.popisknihy_basne_f {
	width : 47%;
   	padding-left : %;
	height : auto;
	float : right;
}
.popisknihy_basne_f_neige {
	width : 52%;
	float : right;
}		

.popisknihy_basne_citat {
	width : auto;
   	padding-left : 28% ;
	padding-right : 5%;
	height : auto;
	float : right;
}		
.prvnipismeno {
	font-size : 130%;
}

.druh { border: 3px outset white;
             font-size: 120%;
             background-color: #F4F7E5;
             font-weight: 500; }
.druhcaje  {background-color: #F4F7E5;
			font-size: 120%;  
			 font-weight: 500;          
            }
.nadpis {
   	font-size : 90%;
	font-weight : normal;
	text-align: left;

	}
legend {
	font-weight : bold;
}	
h2 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	background-color:  #D4F5FF;
	color: navy;
	font-weight : normal;
	padding : 5px;
	background-image : url(obrazky/kocka1.gif);
	background-repeat : no-repeat;
	background-position : right;
	}	
h2.kava {
	background-image : url(obrazky/kavicka1.gif);
	background-repeat : no-repeat;
	background-position : 98% 0%;
}	
.h4 {
	font-weight : bold;
}	
table.otevreno {   text-align : right;
              font-family : Tahoma,  Arial, Helvetica, sans-serif;
              font-size : 90%;
 }

.otevreno1 { 	  
   width: 100%;
   text-align : center;   
	}



.zasilani_novinek {   
              font-size : 100%;
 }
.otviracidoba_kavarna  {
  float : right;
  width : 23%;
  padding : 15% 0% 13% 0%;
}
.pozadi {
	background-image : url(obrazky/Ivy1.gif);
	background-position : right;
	background-repeat : repeat-y;  
}
	

dt {    font-family:  Tahoma, Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-variant: small-caps;}
dd {
	font-size : 80%;
}

.citat:first-letter {	font-size : large;
                                	 float : none;}
.citat {
	font-size : medium;
	font-style : italic;
	text-align : center; 
	font-size : 90%;
}
.autor_citatu {
	font-family :  Tahoma, Arial, Helvetica, sans-serif;
	font-size : x-small;
	font-variant : normal;
	text-align : right;}