body {margin: 5px 0 0 0; padding: 0; background: rgb(227,230,232);} /*Definice celé stránky. Pouze definováno šedé pozadí a základní okraj 5px shora.*/

div#rel {position: relative; width: 979px; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 0;}
div#head {background: url(images/head01.jpg) no-repeat; position: absolute; top: 0; left: 0; width: 979px; height: 202px;}

div#links {position: absolute; top: 207px; left: 0; width: 975px; color: rgb(255,255,255); background: rgb(151,161,172); border-left: 2px solid rgb(185,193,200); border-top: 2px solid rgb(185,193,200);
border-right: 2px solid rgb(142,150,156); border-bottom: 2px solid rgb(142,150,156);}
div#links a {font: bold 14px Arial; color: rgb(255,255,255); text-decoration: none; padding-right: 20px; padding-left: 20px;}
div#links a:hover {color: rgb(54,136,186); text-decoration: underline;}
div#links .aktual {color: rgb(54,136,186);}

/*div#search {position: absolute; top: 240px; left: 0; width: 171px; height: 100px; border: 1px solid rgb(204,204,204);}*/

div.prod {position: absolute; top: 238px; left: 0; width: 173px;} /*Kategorie vlevo: definice bloku produktů - kategorií jako celku.*/
div.prod a {display: block; font: bold 12px Arial; color: rgb(54,136,186); background: rgb(239,241,243); border-left: 8px solid rgb(205,205,205); 
border-bottom: 1px solid rgb(212,214,217); margin-top: 2px; padding: 4px; text-decoration: none;} /*Kategorie vlevo: nevybraná kategorie, modře.*/
div.prod a.blue {background: rgb(239,241,243) url(images/blue.jpg) no-repeat 6% 50%; padding-left: 20px; font: bold 11px Arial; color: rgb(103,123,141);} /*Kategorie vlevo: nevybraná podkategorie, šedě.*/
div.prod a.blue2 {background: rgb(239,241,243) url(images/blue.jpg) no-repeat 6% 50%; padding-left: 20px; font: bold 11px Arial; color: rgb(255,0,0);} /*Kategorie vlevo: vybraná podkategorie, červeně.*/
div.prod a:hover {color: rgb(66,66,66); text-decoration: underline;} /*Kategorie vlevo: najeto myší, černě a podtržení.*/
div.prod .akt {color: rgb(255,0,0);} /*Kategorie vlevo: vybraná kategorie, červeně.*/

div#text01 {background: rgb(255,255,255); position: absolute; top: 240px; left: 178px; width: 800px; border-right: 1px solid rgb(205,205,205); border-left: 1px solid rgb(205,205,205);}
div#text02a {background: rgb(255,255,255);position: absolute; top: 240px; left: 178px; width: 800px; height: 300px; border-right: 1px solid rgb(205,205,205); border-left: 1px solid rgb(205,205,205);
            border-bottom: 1px solid rgb(205,205,205);}
div#text02b {background: rgb(255,255,255);position: absolute; top: 265px; left: 0; width: 800px; border-top: 1px solid rgb(205,205,205);}
div#prvni {margin: 25px 0 25px 0;}
/*div#news {position: relative; background: rgb(255,255,255); top: 50px; left: 0; width: 172px; height: 150px; border: 1px solid rgb(204,204,204);}*/ /*AKCE - "vývěska" pro novinky a aktuální informace. JEN PRO TOTO.*/

p {font: 13px Verdana; color: rgb(0,0,0); margin: 5px 0 0 0; padding: 5px 5px 5px 10px;}
p#copyr {font: 10px Verdana} /*Přidáno: Copyright (poslední řádek) menším písmem.*/
p#odkaz {font: 13px Verdana; color: rgb(135,199,109); margin: 5px 0 0 0; padding: 5px 5px 5px 10px;} /*Přidáno: U každé kategorie a podkategorie, kde je delší text, na začátku odkaz pro navedení zákazníků na nabídku přístrojů, za úvodní text.*/
p a {background: url(images/red.gif) no-repeat 0 60%; text-decoration: underline; color: rgb(0,0,255); padding-left: 7px;}
p a.pdf {background: url(images/pdf.gif) no-repeat 0 60%; text-decoration: underline; color: rgb(0,0,255); padding-left: 20px;} /*Odkaz na soubor v pdf (místo červené šipky).*/
p a:hover {color: rgb(239,62,51);}
p a:visited {color: rgb(150,0,150);}
.mini {font: 10px Verdana;}
.mini1 {font: 10px Verdana; color: rgb(0,0,0); margin: 5px 0 0 0; padding: 0 0 0 0;} /*Speciálně na texty pod obrázky, např. u alkoholtestery - kalibrace. Aby se odstranilo posunutí textu, definované u selektoru p.*/
.search2 {font: bold 13px Arial; color: rgb(102,102,102); margin: 0; padding: 10px;}
.red {color: rgb(255,0,0); padding-left: 5px;} /*Červené písmo. Např. v buňce tabulky.*/
/*.red2 {color: rgb(204,0,0); font: bold 16px Arial; text-align: center;}*/ /*Červené písmo. Speciálně pro AKCE - ta "vývěska" pro novinky a aktuální informace, lokální varianta. JEN PRO TOTO.*/
.blue {color: rgb(0,0,200); padding-left: 5px;} /*Modré písmo. Např. v buňce tabulky.*/
.modra {color: rgb(54,136,186);}
.nazev {font: bold 18px Arial; color: rgb(00,102,204); margin: 0; padding: 20px 10px 10px 10px} /*Přidáno: Speciální "nadpis" - jen vzhled, bez významu pro vyhledávače (ne jako h1 až h4); zatím bez významu a použití*/
.imgcenter{text-align: center;} /*Umístění obrázků v tabulkách do středu buňky - odstranit a nahradit pouze "center"!*/
.top {vertical-align: top;} /*Obsah buňky tabulky se zarovná nahoru.*/
.pozn {font: 11px Verdana; color: rgb(0,0,0); padding: 0 0 0 10px;} /*Pro poznámky, vysvětlivky apod., např. pod tabulkou. Menší písmo.*/

h1 {font: bold 30px Arial; background: rgb(129,180,211); color: rgb(255,255,255); margin: 0; margin-bottom: 20px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; border-right: 1px solid rgb(205,205,205); border-left: 1px solid rgb(205,205,205);} /*Nadpis každé stránky (hlavní, nahoře; bílé písmo na modrém).*/
h2 {font: bold 18px Arial; color: rgb(135,199,109); margin: 0; padding: 20px 10px 0px 10px;} /*Zelené nadpisy.*/
h3 {font: bold 16px Arial; color: rgb(00,102,204); margin: 20px 0 0 0; padding: 10px 10px 5px 10px;} /*Modré nadpisy.*/
h3.var31 {font: bold 20px Arial; color: rgb(255,255,255); background: rgb(151,161,172); margin: 40px 0 0 0; padding: 10px 10px 5px 10px; text-align: center; border-left: 3px solid rgb(185,193,200); border-top: 3px solid rgb(185,193,200);
border-right: 3px solid rgb(142,150,156); border-bottom: 3px solid rgb(142,150,156);} /*"Firemní" nadpisy (uvádí výrobky určité firmy; plastické, bílé na šedém).*/
h4 {font: bold 16px Arial; color: rgb(0,0,0); margin: 0; padding-left: 5px;} /*Černé nadpisy.*/
h4.jiny {font: bold 16px Arial; color: rgb(200,0,0); margin: 0; padding: 10px 10px 5px 10px;}/* Červené nadpisy vlevo. Nahrazeno var42. Liší se jen velikostí písma.*/
h4.center {font: bold 14px Arial; color: rgb(155,0,0); text-align: center; margin: 0; padding: 5px;}
h4.var41 {font: bold 16px Arial; color: rgb(200,0,0); margin: 0; padding: 20px 10px 0px 10px; text-align: center;} /*Červené nadpisy centrované.*/
h4.var41a {font: bold 16px Arial; color: rgb(200,0,0); margin: 0; padding: 0; text-align: center;} /*Červené nadpisy centrované. Odvozeno od .var41, bez odsazení. Do tabulek.*/
h4.var42 {font: bold 14px Arial; color: rgb(200,0,0); margin: 0; padding: 10px 5px 5px 5px; text-align: left;} /*Červené nadpisy vlevo, (odvozeno od var41).*/
h4.var42a {font: bold 14px Arial; color: rgb(200,0,0); margin: 20px 0 0 0; padding: 10px 5px 5px 10px; text-align: left;} /*Červené nadpisy vlevo, větší odsazení shora (odvozeno od var42).*/
h4.var43 {font: bold 16px Arial; color: rgb(255,255,255); background: rgb(151,161,172); margin: 0 0 5px 0; padding: 2px 5px 2px 10px; text-align: center; border-left: 3px solid rgb(185,193,200); border-top: 3px solid rgb(185,193,200);
border-right: 3px solid rgb(142,150,156); border-bottom: 3px solid rgb(142,150,156);} /*Plastické, bílé na šedém (odvozeno od "firemních" h3.var31, jen užší).*/
h4.var44 {font: bold 16px Arial; color: rgb(200,0,0); margin: 5px 5px 0px 5px; padding: 5px 10px 5px 10px; text-align: center; border: 3px solid rgb(200,0,0);} /*Červené nadpisy centrované v červeném rámečku. Verze pro použití mimo tabulek (okraje).*/
h4.var44a {font: bold 16px Arial; color: rgb(200,0,0); margin: 0; padding: 5px 10px 5px 10px; text-align: center; border: 3px solid rgb(200,0,0);} /*Červené nadpisy centrované v červeném rámečku. Verze pro použití v tabulkách (bez okrajů).*/


ul {list-style: square; color: rgb(0,0,0); font: 13px Verdana; padding: 5px 5px 5px 10px; margin: 5px 5px 5px 20px;} /*Seznam normální, mimo tabulku. Normální písmo (Verdana).*/
ul.tab {list-style: square; color: rgb(0,0,0); font: 13px Tahoma; padding: 5px 5px 5px 10px; margin: 5px 5px 5px 5px;} /*Seznam v tabulce. Užší písmo (Tahoma).*/
ul a {background: url(images/red.gif) no-repeat 0 60%; text-decoration: underline; color: rgb(0,0,255); padding-left: 7px;}
ul a:hover {color: rgb(239,62,51);}
ul a:visited {color: rgb(150,0,150);}
ol {color: rgb(69,69,69); font: 13px Verdana; padding: 0 5px 5px 10px; margin: 15px 5px 5px 25px;}
ol a {text-decoration: none; color: rgb(255,255,255);}
ol a:hover {color: rgb(0,0,0);}
ul ul {list-style: disc;}


table {margin: 5px; font: 13px Tahoma; /*border: 1 px solid rgb(204,204,204);*/ width: 790px; border-collapse: collapse;}
tr.head {background: rgb(181,221,244); color: rgb(25,25,25);} /*Černé písmo (téměř) na modrém podkladě.)*/
tr.head2 {background: rgb(232,239,231); color: rgb(25,25,25);} /*Černé písmo (téměř) na zelenkavém podkladě; typicky pro ceníky, pro nejnižší úroveň oddělení položek.*/
td.head2 {background: rgb(232,239,231); color: rgb(25,25,25);} /*Totéž co head2 u řádků, jen pro buňku. Tam, kde nelze použít u řádků (došlo by k vybarvení pozadí u obrázků na levé straně tabukly apod). Černé písmo (téměř) na zelenkavém podkladě; typicky pro složité tabulky pro technické údaje.*/
td.head3 {margin: 0px; padding: 0px;}
td {color: rgb(0,0,0); margin: 5px; padding: 5px; border: 1px solid rgb(225,225,225);}
td a {color: rgb(0,0,255);}
td a:hover {color: rgb(239,62,51);}
td a:visited {color: rgb(150,0,150);}
td.vpravo {text-align: right; font: 12px Tahoma; color: rgb(00,102,204);}
.bez {border: none;}
.left {text-align: left; border: none;} /*Zarovnání vlevo. Bez ohraničení. Pro zarovnání detailů zakončení sond u snímačů teploty.*/
.center {text-align: center;}
.centerblue {text-align: center; color: rgb(00,102,204);} /*Jako .center, ale modrý text. Např. pro ceny do tabulek, kde jsou uprostřed.*/
.center01 {text-align: center; padding: 20px} /*Jako .center, navíc odsazení nahoře a dole. Např. pro obrázky v tabulce "naležato".*/
.center02 {text-align: center; border: none;} /*Jako .center a .bez dohromady, tj. vystředění např. obrázků bez viditelné tabulky.*/
.invisible {border-style: none; vertical-align: top; padding: 0 0 0 10px} /*Zneviditelnění rámečků tabulky vč. okrajů buněk. Při užití tabulek pro rozvržení. Je třeba vložit na úroveň buněk: <td>. Dále je obsah zarovnán k hornímu okraji buňky.*/
#mala {width: auto; border: none;}
/*.mala2 {width: auto; border: none; padding: 2px;} DOČASNĚ, pak zrušit. Vnitřní tabulka pro elektrická měření, možná i někde jinde. Nevyhovuje.*/
.intab01 {width: auto; border: none; padding: 2px;} /*Vnitřní tabulka. Pro zarovnání obrázků sond a detailů zakončení u snímačů teploty.*/
#mala td {border: none; padding: 0px;}

form.hledat {text-align: center;}
input.push {font: 11px Tahoma; color: rgb(0,0,0); background: rgb(242,242,242); margin: 10px 5px; padding: 2px; border: 1px solid rgb(204,204,204);}
input.push01 {position: relative; left: 350px; width: 100px; font: bold 13px Arial; color: rgb(255,255,255); margin: 40px 0; padding: 0; background: rgb(151,161,172); border-left: 3px solid rgb(185,193,200); border-top: 3px solid rgb(185,193,200);
border-right: 3px solid rgb(142,150,156); border-bottom: 3px solid rgb(142,150,156);}
img.vtextu {float: right; margin: 18px 10px;}
img.vtextu2 {float: left; margin: 10px 5px;}
img.vtextu3 {float: right; margin: 0 10px;} /*Jako .vtextu, ale bez odsazení shora - zároveň s textem.*/
img {margin: 0; padding: 0;} /*Původně byla i deklarace  border: none;  ale odstraněna - nefungovala ohraničení obrázků stanovená přímo u nich pomocí border="n"*/