body
{
font-family: Constantia, Georgia, "Times New Roman", serif;
font-size:  62.5%; 
color:  #1a1a1a;
background:#fff;
margin:10px 25px;
padding:0;
text-align:center;
}
#obal
{
text-align:left;
border:1px solid silver;
margin: 10px auto;
max-width: 100em;
min-width: 635px;
}
#zahlavi
{
padding:10px 15px 10px 20px;

}

#text-zahlavi
         {
               
         }
         
 /* ABY SE NOBARVOVAL KLIKACÍ NADPIS! */ 

   #text-zahlavi a:link {color: #b22222;} 
   #text-zahlavi a:visited {color: #b22222;}  
   #text-zahlavi a:hover {color: red;}                                 
         
#volby-zahlavi
        {
      float: right;
		margin-top:10px;
      width:  282px; 
        }


        
#obal_obsahu
{

 }
 
#obsah_vnitrni
    /* div#obsah_vnitrni obsahuje celý náš text.  */
    
{  
 
      font-size:  1.5em;
      margin:  3em auto;
      =padding-bottom: 3em;   /* IE6 */
      float:left;
}

/* Pokus o mé zvýraznění červenou - místo tlustým "bold" */

    b {color: #b22222;}

    /* Některé základní styly našich nadpisů. Všimněte si menšího spodního vnějšího okraje, capitalizace a prokladu (letter-spacing) */
    h1, h2, h3, h4 {
      margin:  1em 0 .25em 0;
      font-family:  Calibri, Helvetica, Arial, sans-serif;
      letter-spacing:  -.05em;
         }  
    
    /* Specifické styly pro elementy h1 a h2 */
    h1 { 
    font-size:  2.1em;

         }
   
    h2 { font-size:  1.66em; color:  #848484; }
    
    /* U elementu h3 použijeme jinou barvu a písmo, bude celý velkými písmeny a bez těsnějšího prokladu */
    h3 { 
      font-size:  1.3em;

      font-weight:  normal;
      text-transform:  uppercase;   
      letter-spacing:  0;
      color:  #666;      
    }
    
    h4 {color:  #666; }
  
    /* Základní styly odstavců. Odstraníme vnější okraje a zvětšíme řádkování (výšku řádku) */
    p {
      margin:  0;
      line-height:  1.4;
    }
    
    /* Odstavce následující po dalších odstavcích by měly být odsazené. */
    p + p { text-indent:  1.5em; }

    
    p.anotace {
      text-align:  justify;
      font-size:  1.33em;
      line-height:  1.2;
    }
    
    p.anotace:first-line { font-variant:  small-caps; }
    
/* Vytvořme z prvního písmena našeho počátečního odstavce vnitřní iniciálu. Dosáhneme toho použitím mnohem větší velikosti písma a umístěním písmena v rámci plovoucího umístění vlevo. */
    p.anotace:first-letter {
      float:  left;
      font-size:  4.9em;
      line-height:  .9;
      color: white;
      background-color: black;
      padding: 4px;
      margin:  -3px .2em 0 0;
    } 
 
    
/* V případě, že budu psát povídku, tak se ten zvětšený odstavec "anotace" vždycky nehodí, takže tady je varianta - označovaná jako "prvni" */       
    
    p.prvni:first-letter {
      float:  left;
      font-size:  4em;
      line-height:  .9;
      color: white;
      background-color: black;
      padding: 3px;
      margin:  -1px .2em 0 0;
    }
  
    p.prvni:first-line { font-variant:  small-caps; }

    /* Přidejme našim blokovým citacím trochu vnějšího okraje a nastavme, aby se zobrazovaly kurzivou. */
    blockquote { 
      font-style: italic; 
      margin: 2em 5em;
    }
  
    /* Odstavce uvnitř blokové citace budou našim bezpatkovým písmem a budou světle šedé */
    blockquote p {

      color:  #666;
      font-family:  Calibri, Helvetica, Arial, sans-serif;
    }
	 
	   blockquote p + p { text-indent:  1.5em; }  


#blok1 {
  clear:both;
  padding: 0.5em 2em;  /* blok c. 1 - PLUJE VLEVO */
  min-width:  20em;
  max-width:  45em;

	}
 

#blok2 {
  clear:both;
	margin: 0 0 0 15%; padding: 0.5em 2em;  /* blok c. 2 - PLUJE V CENTRU */
  min-width:  20em;
  max-width:  45em;

	}

 
#blok3 {
  clear:both;
  float:right;
	margin: 0 0 0 20%; padding: 0.5em 2em;  /* blok c. 3 - PLUJE VPRAVO */
  min-width:  20em;
  max-width:  45em;
	}
	
/* TOTO JE JEN JAKÝSI NEVIDITELNÝ ČISTIČ, NUTNÝ, CHCI-LI NASTAVIT max-width! */	
#blok4 {
  clear:both;
	padding: 0.5em 2em;  
  visibility:hidden; 

	}


#zalozky {
text-align: center; 
color:#666; 
font-variant: small-caps; 
font-size: .9em;
}

#zalozky a {font-weight: normal; "!important"}  /* NEzvětšené */

 /* horní "Drobečková navigace" */
 
#drobeckova   {
text-align: center; 
color:#666; 
font-variant: small-caps; 
font-size: .9em;
}

#drobeckova a {font-weight: 100;}  /* NEzvětšené */

#zapati
{
clear:both;
} 


/* Chování ODKAZŮ - ta textova-dekorace je kvůli Opeře v tabletu */

  a {font-variant: small-caps; text-decoration: underline;}        
  a:link {color: black;} /* nenavštívený odkaz */
  a:visited {color: black;} /* navštívený odkaz */
  a:hover {color: red;} /* přes který se jede myší*/
  a {font-weight: 900}  /* Tlusté jen v textu */
  .novinky a:visited {color: #800080;}  /* OBARVENÉ ODKAZY JEN NA NOVINKÁCH! */
  #drobeckova a {font-weight: normal; color: #666;}  /* NEtlusté */ 
  #zalozky a {font-weight: normal; color: #666;}  /* NEtlusté */
    
 /* Obrázkové „karty“ s popisky */
     
     .card-left, .card-right, .card-center {
       float: left;
       width: 170px;       
       margin: 5px 15px 15px 0;
       padding: 10px 0;
       text-align: center;
       background: white;
       border: 1px solid #ccc;
       font-size: 75%; 
       overflow:auto
       }
    .card-center {
       float: none;
       margin: 0 auto 15px;
       }
    .card-right {
       float: right;
       margin: 0 0 15px 15px;
       }
    .card-desc {
    	padding: 0 10px 0;
    	text-align: left;
    	text-indent:  0em;
    } 
  
/* Citace v plovoucím rámečku */ 

  .ram-left, .ram-right { 
  font-style: italic;
  text-indent: 0;
  font-weight: 900;
  font-size: 110%; 
  color: #b22222;
  line-height: 1.1;
  width: 200px; 
  padding: 10px 0 5px 15px;
  float:right; 
  }
  .ram-left {
  float: left;
  padding: 10px 25px 5px 0px;
  text-align: right;
  }


/* Obrázky zakrývající text */


    /* Odkaz na stránku o autorovi */
          
   #o-hamovi {
      margin:0 5px 0px; padding:0;
      position:relative;
      float: right;
      left: 0;
      width:80px; height:80px;
      overflow:hidden;
      }
        
   #o-hamovi a {
      display:block;       
      position:absolute; left:0; top:0; z-index:1;
      width:80px; height:80px;
      margin:0; padding:0;
      background:url("../o-hamovi.png") top left no-repeat;
      cursor: pointer; /* rucicka pri najeti i ve starším IE? */
      }
      
   #o-hamovi a:hover {
   background-position:-80px 0;  
      }
   #o-hamovi a span { display:none }    
 
   
      
/* Odkaz na stránku o webu */                  
                        
   #o-knize {
      margin:0 5px; padding:0;
      position:relative;
      float: right;     
      width:80px; height:80px;
      overflow:hidden;
      }
        
   #o-knize a {
      display:block;       
      position:absolute; left:0; top:0; z-index:1;
      width:80px; height:80px;
      margin:0; padding:0;
      background:url("../o-knize.png") top left no-repeat;  
      cursor: pointer; /* rucicka pri najeti i ve starším IE? */
      }
      
   #o-knize a:hover {
   background-position:-80px 0;  
      }
   
   #o-knize a span { 
   display:none;   
   }
   
/* Odkaz na Therasiino fórum */                  
                        
   #forum {
      margin:0 5px; padding:0;
      position:relative;
      float: right;     
      width:80px; height:80px;
      overflow:hidden;
      }
        
   #forum a {
      display:block;       
      position:absolute; left:0; top:0; z-index:1;
      width:80px; height:80px;
      margin:0; padding:0;
      background:url("../forum.png") top left no-repeat;  
      cursor: pointer; /* rucicka pri najeti i ve starším IE? */
      }
      
   #forum a:hover {
   background-position:-80px 0;  
      }
   
   #forum a span { 
   display:none;   
   }


   /* Odkaz na mapu webu */                  
                        
   #hledani {
      margin:0 5px; padding:0;
      position:relative;
      float: right;     
      width:80px; height:80px;
      overflow:hidden;
      }
        
   #hledani a {
      display:block;       
      position:absolute; left:0; top:0; z-index:1;
      width:80px; height:80px;
      margin:0; padding:0;
      background:url("../hledani.png") top left no-repeat;  
      cursor: pointer; /* rucicka pri najeti i ve starším IE? */
      }
      
   #hledani a:hover {
   background-position:-80px 0;  
      }
   
   #hledani a span { 
   display:none;   
   }
   
      /* Odkaz na vzkazník */                  
                        
   #vzkaznik {
      margin:0 5px; padding:0;
      position:relative;
      float: right;     
      width:80px; height:80px;
      overflow:hidden;
      }
        
   #vzkaznik a {
      display:block;       
      position:absolute; left:0; top:0; z-index:1;
      width:80px; height:80px;
      margin:0; padding:0;
      background:url("../vzkaznik.png") top left no-repeat;  
      cursor: pointer; /* rucicka pri najeti i ve starším IE? */
      }
      
   #vzkaznik a:hover {
   background-position:-80px 0;  
      }
   
   #vzkaznik a span { 
   display:none;   
   }

 /* pokusy o hack s IE */   
 
 .pokus {
   color: red; /* berou všichni */
  -color: blue; /* NEVIDÍ NORMÁLNÍ PROHLÍŽEČE, bere Explorer 6 */
  _color: black; /* NEVIDÍ NORMÁLNÍ PROHLÍŽEČE, bere Explorer 6 + novější Explorerové v quirku */
  =color: yellow; /* NEVIDÍ NORMÁLNÍ PROHLÍŽEČE, bere Explorer 6 a 7 + novější Explorerové v quirku */
       }
       

  
  /* Poznámky pod čarou - V TEXTU */
  sup {
   vertical-align: 40%;
   font-size: 65%;
   font-family:	Calibri,Helvetica,Arial,sans-serif;
   margin: 0 1px 0 -2px;
   padding: 0 2px 0 0;
   =padding: 0 4px 0 0;   /* kvůli zasranýmu IE */
    }
   
   a.pozn  {
   cursor:help;
   color: black;
   }
 
/* Pro dva sloupce písně */ 

  .sloka-vlevo, .sloka-vpravo { 
  font-style: italic;
  color: #666; 
  text-indent: 0; 
  line-height: 1.1;
  width: 15em; 
  padding: 0px 0 0px 0px;
  float:right;

  }
  .sloka-vlevo {
  float: left;
  padding: 0px px 0px 5px;
  clear:both; 
  }   
  .sloka-center {
  margin: 0 auto;
  width: 15em;
  padding-top: 20px; 
  text-indent: 0;
  color: #666;  
  line-height: 1.1;  
  }
     
 .nezlom {white-space: nowrap;}