body {	
      text-align: center; /* vystředí celého těla (na střed okna) */
      font-family: Verdana, "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif;
		  background-color: #A2CD5A; /* A2CD5A BDDB8A dEb887 D2B48C F4A460 barva pozadí (plochy)*/
		  margin: 20px 0px; /* odsazení celého těla shora i zdola od okraje okna*/
		  padding: 0px; /* dtto */
		  }
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ :TĚLO ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

/*vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv HLAVA: vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/
div.hlava {	
      background-color: #A2CD5A; 
			margin: 0px 0px -4px 0px; /* zarovnání hlavy vzhl. k tab. */
			/* (Větší záporný posun vlevo okrojí v IE obr.!!!) */
			padding: 0px; /* posune hlavu dolů + [FF: + hlavu doprava + tab. dolů] + [IE: + tab. dolů a doleva] */
			}
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ :HLAVA ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

/*vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv TRUP: vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/
div.telo {	
      width: 760px; /* zarovnání P okraje trupu k P okraji hlavy */
		  background-color: yellow; 
			margin: 0px auto; /* centr. trupu ve FF */
			padding: 0px; 
			}
table {	
      width: 100%;
			border-collapse: collapse; /* mírně srazí celý trup */
		  background-color: Fuchsia; 
			margin: 0px; /* poloha trupu vzhl. k hlavě */
			/* (Ve FF tab. zaleze pod hlavu; v IE tab. překryje hlavu */
			padding: 0px; /* roztažení trupu na šířku těla - po collapsu už NE! */
			}
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ :TRUP ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

/*vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv OBSAH: vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/
td.obsah {	
			text-align: justify; /* písmo v blokovém zarovnání */
			color: #006400; 
      vertical-align: top; 
			margin: 0em; /* vůbec na nic nemá vliv */ 
			padding: 1em 1.5em 1.5em 1.5em; /* odsazení celého textu i obr. (!!) shora, zdola a ze stran (špígl) */
			background-color: #F5F5e6; /* = vyladěná jasnější béžová!! (F5F5Df F5F5DC, fafadf) */
			}
h1   {	
      font-size: 1.2em;
			font-weight: normal;
			color: #EE7601; /* eF9500 */
      margin: 1.2em 0em 0em 0em; 
      padding: 0em 0em 0.2em 0em; 
      border-bottom: 1px solid orange;
      }
h2 {	
      font-size: 0.85em;
			font-weight: normal;
			color: #eF9500; /* EE7601 */
      margin: 0.2em 0em 0.6em 0em; 
      padding: 0em 0em 0em 0em; 
			}
p     {	
      font-size: 0.8em; /* 0.85 0.96em = prý moc velké!! - velikost běžného textu obsahu */
      margin: 0em 0em 0.5em 0em; /* mezera pod odstavci */
			padding: 0px 0px 0px 0px; 
      }
hr {	
      clear: both;
      margin: 0em 0em 0em 0em; /*   1.5em 0em 0.5em 0em; */
			padding: 0em;
			background-color: white !important;
			color: white !important;
			}
ul    {	
      line-height: 1.5; 
      }
b.odkaz {	
      font-size: 0.9em;
			font-weight: bold;
			color: green; /* EE7601 */
      margin: 0em 0em 0em 0em; 
      padding: 0em 0em 0em 0em; 
 			}


a img {	
			color: white; /* #BDB76B barva rámečku obr. */
			border-style: solid;
			border-width: 3px 1px 1px 3px;
			}
a:visited img {
			color: gray;
			border-style: solid;
			}
a:hover img {	
			color: #aD0000;
			border-style: solid;
			}

p.bottext {	
      clear: both;
			position: relative; /* absolute */
			}

a     {	
      text-decoration: none;
  /*  border-bottom: 1px dashed orange;  - projeví se v  tlačítkách!!! */
			color: #eF9500; /* barva odkazů v textu */
			}
a:visited {
			color: gray;
			}
a:hover {	
			color: #8B864E;
			}


/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ :OBSAH ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

/*vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv MENU: vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/
td.menu {	
			vertical-align: top; /* ukotvení tlačítek při změně výšky OBSAH*/
      width: 170px; /* šířka menu (+tlačítek) */
      height: 590px; /* výška menu */
      background-color: #eF9500; /* F5F5Df pozadí menu = */
      margin: 0px 0px ; /* mezera nad 1. a pod posl. tlačítkem - NEFUNGUJE!!!*/
			padding: 58px 0px; /* vert. poloha tlačítek */
			}

menu a {	
      display: block; /* tl. roztáhne na šířku sloupce i od sebe (FF) a vycentruje nápisy */
      /* :list-item v IE mírně roztáhne tl. na výšku */
			background-color: #FFD700; /* FFFACD FAFAD2 F5F5Df EEf89A aDB78B BDB72B BDB76B barva neaktivovaných tlačítek */
			font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif; /* písmo tlačítek */
			font-size: 0.9em; /* velikost písma tlačítek */
			color: #1Ca311 ; /* EE7601 barva písma tlačítek */
			text-decoration: none;
			text-align: center; /* horiz. vystředění názvů tlačítek */
      margin: 10px 4px 10px -36px; /* mezera kolem tl. */
			padding: 4px 0px; /* výška tlačítek; height: 0px; - ve FF natahuje tl. dolů */ 
			font-weight: bold; /* řez písma tlačítek */
			}
menu a:visited {	
      background-color: #FFF68F    ; /* F5F5e6 FFA500 EEEED1 adb7ab CDCDB4 BDB76B aDB76B - kt. už byly navštíveny - vč. úvodní! */
			color: #1Ca311;
			}
menu a:active {	/* td.left a:active, td.right */
      background-color: #FFA500; /* nově otevřený link */
			color: black;
			}
menu a:hover {	
      background-color: #FFFF50; /* = zesvětlená žlutá při najetí kurzorem (FFb500) */
			color: green;
			}
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ :MENU ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

/*vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv PATA: vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/
div.pata {	
      text-align: left; 
      font-size: 0.65em; /* velikost písma paty */
			color: olive; /* barva písma paty */
      background-color: #A2CD5A; 
			margin: 0px 0px 0px 0px; /* (Větší záporný posun vlevo okrojí v IE br.!!!) */
			padding: 5px 0px 0px 0px; 
			}
.pata a {	
			color: olive !important; /* barva písma odkazů paty */
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ :PATA ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/


/*
Žďárek:
<ul>
<li><a href="./" class="on">Úvod</a></li>
<li><a href="zaklady/">Návody</a></li>
<li><a href="html/">HTML</a></li>

<li><a href="css/">CSS</a></li>
<li><a href="php/">PHP</a></li>



a img    {filter: gray}
a:hover img    { filter: none}
§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§
*/


/*vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv TĚLO: vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/