body { 
		margin:0; 
		padding:0; 
		background:#FFFFF4; 
		text-align:center; 
		font-family: Georgia, "New York CE", serif; 
		color: #003300;
		} 

#container { 
			margin:0 auto 2em auto;
			padding-top: 2em;
			width:740px; 
			text-align:justify; 
			background: #CCFFCC;
			} 

/*container je střední zelený pás, content je jeho obsah
změnou parametru margin z nuly na auto jsem docílila toho, že to není posunuté ve Firefoxu */ 

#content{
		margin: 0; 
		padding: 0 1.5em; 
		font-size: 1em; 
		line-height: 1.1;
		} 
		
#header { 
		margin: 2.5em 0 0 0; 
		width: 740px; 
		height: 85px;
		}
		
/* blok - hlavička s nadpisem SOUZNĚNÍ */		 
		
#menu { 
		padding: 1.3em 0 0  1em; 
		vertical-align: bottom; 
		width: 740px; 
		height: 80px; 
		} 
		
/* všechna tlačítka jsou v bloku menu, v něm je tabulka s pěti buňkami. 
.prvni je třída určující vzhled názvu stránky (= 1. buňka), .druha je třída 
určující vzhled prázdné buňky (= 2. buňka), .treti, .ctvrta a .pata jsou 
buňky s tlačítky na další stránky */

.prvni		{
			margin: 0;			
			width:140px;
			height: 2px;
			padding-left: 2.7em; 
			vertical-align: middle; 
			color: #006600;
			}
			
.druha		{
			margin: 0;
			width:95px;
			padding-left: 0em; 
			height: 30px; 
			white-space: nowrap; 
			vertical-align: middle; 
			color: #006600;
			}

.treti .ctvrta .pata	{
			margin: 0;
			height: 30px;
			white-space: nowrap; 
			vertical-align: middle; 
			color: #006600;
			}
			
.button 
 		{cursor:hand; 
		vertical-align: bottom; 
		color: #006600; 
			}
			
/* vzhled tlačítka v předchozí tabulce */			
				 				
#triplet 	{ 
		margin: 0;
		position: relative; 
		left: 120px; 
		height: 370px; 
		width: 360px;
		}
		
/* blok, v němž je klíčový obrázek ze stránky index */		 
		
#credo { 
		position: relative; 
		font-size: 1.1em; 
		left: 220px; 
		width: 450px; 
		height: 80px;
		padding: 0 2em 0.5em;
		}
		
/* blok s krédem S radostí a nadšením... */		 
		
#pomoc {position: relative;
		margin: 0.5em;
		left: 200px; 
		width: 400px;
		padding: 1em;
		}

/*pomoc - blok mistrů, je to v tabulce 
(kvůli vodorovnému zarovnání), vzhled je určen třídou .tabulka-stred*/		 
		
.tabulka-stred	{
		table-layout: fixed;
		width: 500px;
		text-align: center;
		}		
		
		 
a:link   {
         color: #f27929;
         decoration: underlined;
         font-weight: bold;
         font-size: 16px
         border-style: none;
         }
         
/* sice tady mám border-style: none, ale u odkazu na mail to nepomohlo a v atributech obrázku je 
border=0 */        

a:hover {
         color: #993300;
         decoration: underlined;
         font-weight: bold;
         font-size: 16px;
         border: none;
         }
         
a:visited	{
         color: #ff3300;
         decoration: underlined;
         font-weight: bold;
         font-size: 16px
         border: none;
         }         
         
#footer	{background: #006600;
		margin: 0; 
		padding: 2em 0 0.8em 0; 
		font-size: 0.8em; 
		line-height: 1;
		height: 30px;
		color: #CCFFCC;
		text-align: center;
		width: 740px;
		} 
		
/*pata stránky s copyrightem */		
		
#catalpa	{
			margin: 0;
			padding: 2em 0 0 0 ;		
			}
			
/* blok s obrázkem catalpy na stránce akce */			
			
#obr-center{ padding: 2em ;
			text-align: center;
			}
/* !!! jednoduché vodorovné zarovnání více objektů na střed - oba obr jsou
vloženy do nějakého nadpisu*/

.nadpis1	{
font-size: 1em;
			font-weight: 600;
			line-height: 1.6;
			}
			
/* nadpis1 je tučný nadpis (báseň a akce)*/			

.datum-basen	{
font-size: 0.9em;
			font-weight: 500;
			line-height: 1.3;
			font-style: italic;
			font-weight: 600;
			}
			
/* datum vzniku básně - kurzíva */			
		
#od-okraje	{padding: 2em;
			align: center
			border: none;
			}
		
.odsaz-text	{text-indent: 3%}		
		
/* posunutí do středu - pomocí padding na boku*/

		
#navigace	{
			position: static;
			word-spacing:2em; 
			margin: 0 0 1em;
			width: 510px;
			padding: 1em 0;
			text-align: center;
			border: none;
			text-align: left;
			text-indent: 10%;
			}
			
/*dole na stránce kontakt*/

.kapitalky	{
			font-size:  1em;
			font-weight: 500;
			line-height: 1.4;
			font-weight: 600;
			font-variant: small-caps;
			}
			
.kapitalky-velke	{
			font-size:  1.5em;
			font-weight: 700;
			line-height: 1.4;
			font-weight: 600;
			font-variant: small-caps;
			}			
			
.tabulka-vlevo{
		table-layout: auto;
		width: 400px;
		text-align: left;
		} 
		
/* tabulka ve stránce akce, v níž jsou uloženy programy cvičení Fit studia */		
		
.tabulka-500	{
		table-layout: auto;
		width: 500px;
		text-align: left;
		}

.tabulka-600	{
		table-layout: auto;
		width: 600px;
		text-align: left;
		}		
		
/* tabulka se širšími buňkami (aby se tam vešla automatická kresba */				
		
.zvyraznit    {
         color: #cc0033;
         }
         
         
         
#obr-mail{ 	padding: 0.4em ;
			vertical-align: baseline;
			}
			
#galerie {
		align: center;
		margin:0 0 2em 0;
		padding-top: 2em;
		width:740px; 
		text-align:justify;
		border: none;			 
		}
		
/* blok s galerií obrázků z Tater */ 		
		
.card-left {
       float: left;
       width: 160px;
       margin: 0 15px 15px 0;
       padding: 10px 0;
       text-align: center;
       background-color: transparent;
       border-right: 1px solid #667273;
       border-bottom: 1px solid #667273;
       font-size: 75%;
       overflow:auto;
       }
/* obrázky v galerii, jsou řazeny za sebou na řádce zleva doprava */

#galerie2 {
		align: center;
		margin:0 0 0 0;
		padding-top: 2em;
		width:740px; 
		text-align:justify;
		} 
		
.card-left2 {
       float: left;
       width: 160px;
       height: 210px;
       margin: 0 15px 15px 0;
       padding: 10px 0;
       text-align: center;
       background-color: transparent;
       border-right: 1px solid #667273;
       border-bottom: 1px solid #667273;
       font-size: 75%;
       overflow:auto;
       }		
/* rezonátory, mají jiný rozměr */       

.card-left0 {
       float: left;
       width: 160px;
       height: 150px;
       margin: 0 15px 15px 0;
       padding: 10px 0;
       text-align: center;
       background-color: transparent;
       border-right: none;
       border-bottom: none;
       font-size: 75%;
       overflow:auto;
       }       		       
       

.card-photo{
	   width: 150px;
	   height: 113px;
	   } 
	   
/* rozměr obrázku; je to odkaz, nepodařilo se mně odstranit fialový okraj. 
Border-color nereaguje, přímo v kódu obrázku je proto border 0 */	   
	   
.nadpis{
		font-size:  1.4em;
		font-weight: 500;
		line-height: 1.2;
		font-weight: 600;
		text-align: center;
		color: #006600;
		} 
		
/* velký nadpis na stránce tvorba, zarovnaný na střed */		
		
		
.pozadi{
		background-color:#ffcc33;
		}
		
/* žluté zvýraznění pozadí - za písmem */

.tabulka-vlevosirsi{
		table-layout: auto;
		width: 700px;
		text-align: left;
		}