body  { font: 100% Verdana, Arial, Helvetica, sans-serif; margin: 0; /* Je vhodné nastavit nulový okraj a odsazení elementu body a umožnit tak použití různých výchozích hodnot prohlížeče. */
	padding: 0; text-align: center; /* Umístí kontejnery na střed v prohlížečích IE 5*. Text je nastaven na výchozí zarovnání vlevo v selektoru #container. */
	color: #000000; background-color: #c6d3d5; background-image: url(../images/body-back.gif); background-repeat: repeat-x; background-position: 0 0; }
.thrColFixHdr #container { width: 990px;  /* Nastavení o 20 px méně než je maximální šířka 800 px umožní zobrazení prvků prohlížeče a zabrání použití horizontální posuvné lišty. */
	background: #fff; margin: 0 auto; /* Automatické okraje (společně se šířkou) nastaví stránku na střed. */
	text-align: left; padding-top: 0; /* Dojde k potlačení zarovnání textu: zarovnání na střed u elementu body. */
} 
.thrColFixHdr #header { background-color: #fff; background-repeat: no-repeat; background-position: 0 0;  /* Toto odsazení odpovídá zarovnání vlevo u elementů v tazích div, které se nacházejí pod ním. Pokud je v tagu #header použit obraz namísto textu, můžete chtít odsazení odstranit. */
}
.thrColFixHdr #menuTop { color: #414e50; font-size: 16px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-image: url(../images/top-back.gif); background-repeat: no-repeat; background-position: 0 0; text-align: right; height: 50px; padding-top: 11px; padding-left: 20px; }
.thrColFixHdr #menuMain { color: #414e50; font-size: 16px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #fff; background-repeat: no-repeat; background-position: 0 0; height: 45px; }
.thrColFixHdr #navigace { color: #414e50; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #f0f0f0; background-position: 0 0; padding-top: 15px; padding-bottom: 15px; padding-left: 15px; border: solid 5px #fff; }
.thrColFixHdr #header h1 { color: #93c511; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; margin: 0; /* vynulováním okraje posledního elementu v tagu #header div zabráníte sbalení okraje – nevysvětlitelné mezeře mezi tagy div. Pokud má tag div kolem pevný okraj, není tato operace nutná, jelikož rovněž nedochází ke sbalení okraje. */
	padding: 0 0 10px; /* Použitím odsazení namísto okraje umožníte ponechání elementu ve vzdálenosti od okrajů tagu div. */
}
.thrColFixHdr #sidebar1 { color: #000; font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; float: left; /* Jelikož se jedná o plovoucí element, je nutné zadat šířku. */
	width: 180px; /* Skutečná šířka tohoto tagu div v prohlížečích, které odpovídají standardům, a standardním režimu prohlížeče Internet Explorer bude zahrnovat odsazení a pevný okraj přičtený k šířce. */
	background: #fff url(../images/back-sloupec.gif) repeat-x; /* Barva pozadí se bude zobrazovat v délce obsahu sloupce, nikoli však dále. */
	padding: 11px 0 15px; border-left: 5px solid #fff; /* Odsazení vytváří mezeru mezi obsahem a okrajem tagu div. */
}
.thrColFixHdr #sidebar1 p { padding-right: 10px; padding-left: 12px; }
.thrColFixHdr #sidebar1 h3 { color: #dc0000; padding-right: 10px; padding-left: 12px; }
.thrColFixHdr #sidebar2 { color: #000; font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background: #fff url(../images/back-sloupec.gif) repeat-x; float: right; /* Jelikož se jedná o plovoucí element, je nutné zadat šířku. */
	width: 180px; /* Skutečná šířka tohoto tagu div v prohlížečích, které odpovídají standardům, a standardním režimu prohlížeče Internet Explorer bude zahrnovat odsazení a pevný okraj přičtený k šířce. */
	padding: 11px 0 15px; border-right: 5px solid #fff; /* Odsazení vytváří mezeru mezi obsahem a okrajem tagu div. */
}
.thrColFixHdr #sidebar2 p { padding-right: 10px; padding-left: 12px; }
.thrColFixHdr #sidebar2 h3 { color: #dc0000; padding-right: 10px; padding-left: 12px; }
.thrColFixHdr #mainContent { color: #414e50; font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 150%; text-align: justify; margin: 0 200px; /* Pravý a levý okraj tohoto elementu div vytvářejí dva vnější sloupce po stranách stránky. Bez ohledu na to, jaké množství obsahu tagy sidebar div obsahují, mezera sloupce bude zachována. Okraj můžete odstranit, chcete-li, aby text v tagu #mainContent div vyplnil postranní prostor, když obsah jednotlivých postranních lišt skončí. */
	padding: 0 10px; /* Odsazení představuje mezeru uvnitř pole div, okraj představuje mezeru vně pole div. */
}
.thrColFixHdr #mainContent h1 { color: #93c511; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; padding-top: -10px; }
.zvyrazneni01 { color: #93c511; font-size: 18px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; padding-top: -10px; }
.thrColFixHdr #footer { 
	padding: 0 10px 0 20px; /* Toto odsazení odpovídá zarovnání vlevo u elementů v tazích div, které se nacházejí nad ním. */
	background:#576466 url(../images/footer-back.gif) repeat-x;
} 
.thrColFixHdr #footer p { color: #fff; font-size: 12px; margin: 0; /* Vynulováním okrajů prvního elementu v zápatí zabráníte možnému sbalení okraje – vzniku mezery mezi tagy div. */
	padding: 20px 200px 10px; /* Odsazení tohoto elementu vytvoří mezeru stejně jako okraj, avšak bez problému se sbalením okraje. */
}
.fltrt { /* Tuto třídu lze použít pro nastavení plovoucího elementu vpravo na stránce. Plovoucí element musí předcházet element, vedle kterého se má na stránce zobrazovat. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* Tuto třídu lze použít pro nastavení plovoucího elementu vlevo na stránce. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* Tato třída musí být umístěna u elementu div nebo break a musí být posledním elementem před uzavřením kontejneru, který musí plovoucí prvek zcela obsahovat. */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.foot10 { color: #fff; font-size: 10px; }
.thrColFixHdr #footer a:link { color: #fff; text-decoration: none; }
.thrColFixHdr #footer a:hover { color: #fff; text-decoration: underline; }
.thrColFixHdr #footer a:active { color: #fff; text-decoration: underline; }
.thrColFixHdr #footer a:visited { color: #fff; text-decoration: none; }
.obrazekP { float: right; margin-bottom: 10px; margin-left: 15px; padding-left: 0; border: solid 4px #c6d3d5; }
.obrazekLb { margin-bottom: 10px; margin-left: 0; padding-left: 0; float: left; margin-right: 10px; }
.obrazekPb { margin-bottom: 10px; margin-left: 10px; float: right; padding-left: 0; }

