body { background: #fff url(../img-common/top-bkg.jpg) repeat-x; 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: #323232; font-size: 90%; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; font-style: normal;f;line-height: normal; ont-variant: normal; }
.SloupecCtr #container { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width: 960px;  /* 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. */
	margin: 0 auto; /* Automatické okraje (společně se šířkou) nastaví stránku na střed. */
	text-align: left; /* Dojde k potlačení zarovnání textu: zarovnání na střed u elementu body. */
}
.SloupecCtr #header { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; height: 322px; padding: 0 20px; order-right-style: solid;  /* 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. */
}
.SloupecCtr #header h1 {
	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 0; /* Použitím odsazení namísto okraje umožníte ponechání elementu ve vzdálenosti od okrajů tagu div. */
}
.SloupecCtr #mainContent { background-color: #fff; background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; padding: 0 20px; order-right-style: solid; }
.SloupecCtr #footer { color: #fff; padding: 20px 20px 10px; /* Toto odsazení odpovídá zarovnání vlevo u elementů v tazích div, které se nacházejí nad ním. */
	background:#f00 url(../img-common/footer-bkg.gif) repeat-x; }
.SloupecCtr #footer p { line-height: 150%; 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: 10px 0; /* Odsazení tohoto elementu vytvoří mezeru stejně jako okraj, avšak bez problému se sbalením okraje. */
}
h1 { color: #323232; font-size: 24px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding-top: 20px; }
h2 { color: #323232; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding-top: 20px; }
h3 { color: #dc0000; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
.obrazek_L { float: left; margin-right: 25px; margin-bottom: 10px; border: solid 6px #dcdcdc; }
.obrazek_P { margin-bottom: 10px; float: right; margin-left: 15px; border: solid 6px #dcdcdc; }
.navigace { color: #000; font-size: 13px; font-weight: bold; padding: 15px 2px 10px; border-bottom: 3px solid #c8c8c8; }
.nav_sipky { color: #dc0000; font-weight: 900; padding-right: 5px; padding-left: 5px; }
.tech-data-L { color: #000; font-size: 13px; font-weight: bold; line-height: 150%; }
.tech-data-P { color: #444; font-size: 13px; line-height: 150%; }
.popis { color: #000; font-size: 13px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 140%; text-align: justify; padding-bottom: 10px; }
.navboxcont_reference { width: 100%; border-bottom: 1px dotted #4b4b4b; }
.navboxleft_reference { width:280px; float:left; padding-top: 30px; }
.navboxauto_reference { margin-left:280px; width:auto; padding-top: 10px; }
#footer a:link { color: #fff; text-decoration: none; }
#footer a:hover { color: #fff; text-decoration: none; }
#footer a:active { color: #fff; text-decoration: none; }
#footer a:visited { color: #fff; text-decoration: none; }