body { font-family: "Verdana"; padding: 0; margin: 0; font-size: 0.7em; line-height: 18px; color: black; background: #ddd url('pozadi.gif') top center repeat-y; text-align: center; }
#editorbody { width: 780px; background: white; margin: auto; padding: 20px; text-align: left; }

a { color: navy; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border-width: 0px; }

h1 { font-size: 2em; color: #da251c; border-bottom: 3px double silver; text-align: center; padding-bottom: 4px; margin: 10px 0 20px 0; }
h2 { font-size: 1.4em; color: navy; margin: 20px 0; padding: 4px 0; border-bottom: 1px solid silver; text-align: center; }

table { font-size: 1em; }
table, p { margin: 10px 0; }
table p { margin: 0; }

#obsah { float: right; width: 740px; padding: 42px 20px 16px 20px; margin: 0; min-height: 500px; text-align: left; }
#hlavni { margin-top: 145px; }
#hlavni_vnitrni { width: 980px; margin: auto; padding: 0; }

#stranka { position: absolute; top: 0; left: 0; margin: auto; padding: 0; width: 100%; height: 145px; background: transparent url('stranka_pozadi.png') top left repeat-x; }
#stranka_vnitrni { height: 145px; background: transparent url('hlavicka-pozadi.jpg') top center no-repeat; }
#snura { position: relative; width: 980px; margin: auto; }

#hlavicka { position: absolute; top: 0; left: 0; width: 980px; height: 127px; }
#levy_sloupec { float: left; width: 199px; margin: 0; }

#pruh1 { position: absolute; top: 127px; left: 0; width: 980px; height: 18px; background: red url('pruh-pozadi.jpg') top center no-repeat; margin: auto; line-height: 1px; font-size: 1px; }
#pruh2 { width: 980px; height: 18px; background: red url('pruh-pozadi.jpg') top center no-repeat; margin: auto; line-height: 1px; font-size: 1px; }
#paticka { width: 980px; height: 78px; margin: auto; background: #eee url('paticka-pozadi.png') top center repeat-x; padding: 5px 0 2px 0; text-align: center; }

.menu_box { margin-bottom: 0px; }
.menu_box .titulek { color: white; font-size: 1.2em; height: 24px; background: white url('menu-box-titulek.jpg') top center no-repeat; padding: 2px 0 0 0; font-weight: bold; }
.menu_box .obsah { padding: 8px 3px 0 3px; color: #b25071; }
.menu_box .konec { height: 12px; font-size: 1px; line-height: 1px; }

#vyhledavani { margin: 0; text-align: left; padding-top: 6px; } 
#vyhledavani_dotaz { float: left; width: 104px; margin-left: 3px; margin-top: 2px; }
#vyhledavani_tlacitko { float: right; padding: 0; margin: 0; width: 78px; height: 26px; }

#novinky_emailem { margin: 0; }
#novinky_emailem p { margin: 0 0 8px 0; padding: 0; }
#novinky_emailem_adresa { width: 170px; margin-bottom: 8px; }
#novinky_emailem_tlacitko { padding: 0; border-width: 0; background: transparent url('box_tlacitko.png') top center no-repeat; width: 79px; height: 26px; }

#hlavicka_tlacitka { position: absolute; top: 4px; left: 136px; }
#hlavicka_tlacitka a { float: left; width: 160px; height: 29px; padding-top: 9px; color: white; }
#hlavicka_tlacitka a:hover { }
#hlavicka_tlacitka .oddelitko { float: left; width: 2px; height: 38px; background: transparent url('oddelitko.png') center center no-repeat; }

#nakupni_kosik_pocet { position: absolute; top: 78px; right: 10px; width: 84px; background: white; text-align: right; font-size: 12px; }
#nakupni_kosik_cena { position: absolute; top: 100px; right: 10px; width: 84px; background: white; text-align: right; font-size: 12px; }

#pres_tlacitka { position: absolute; top: 31px; right: 22px; width: 63px; height: 7px; background: transparent url('pres_tlacitka.gif') top left no-repeat; }


#navigace { position: absolute; width: 760px; height: 23px; padding: 3px 10px 0 10px; background: white url('navigace-pozadi.png') top left repeat-y; margin-left: -20px; margin-top: -42px; line-height: 18px; }


#hlavni_menu { width: 199px; text-align: center; }
#hlavni_menu ul { margin: 0 auto; padding: 0; text-align: left; position: relative; list-style-type: none; border-left: 1px solid silver; }
#hlavni_menu ul a { display: block; min-height: 20px; padding-top: 3px; }
#hlavni_menu ul a:hover { text-decoration: none; }
#hlavni_menu ul.odsazeni0 li { margin: 0; background: transparent url('menu-tlacitko-pozadi.png') top center repeat-x; }
#hlavni_menu ul.odsazeni0 a { color: #11535e; padding: 6px 12px 0 12px; height: 31px; }
#hlavni_menu ul.odsazeni0 a:hover { color: white; background: transparent url('menu-tlacitko-aktivni.png') top center repeat-x; }


#eshop_katalog_podsekce { color: #c88e02; margin-bottom: 16px; text-align: center; }
#eshop_katalog_podsekce a { color: #c88e02; }

#eshop_katalog_omezeni { width: 40%; float: right; text-align: right; margin: 0; padding: 0; }
#eshop_katalog_pocet { width: 40%; float: left; margin: 0; padding: 0; }

div.eshop_katalog_polozka { display: block; border-bottom: 1px solid #eee; padding: 10px 0; }
div.eshop_katalog_polozka strong.nazev { display: block; background: #eee url('menu-tlacitko-aktivni.png') top center repeat-x; padding: 8px; margin-bottom: 20px; }
div.eshop_katalog_polozka strong.nazev a { color: white; }
div.eshop_katalog_polozka div.popis { width: 280px; float: right; }
div.eshop_katalog_polozka form { margin: 0; }
div.eshop_katalog_polozka table.nahled { width: 200px; height: 200px; float: left; border: 1px solid silver; margin: 0 20px 0 0; background: white; }
div.eshop_katalog_polozka table.nahled td { text-align: center; vertical-align: middle; }

table.eshop_katalog { width: 100%; border-collapse: collapse; margin: 10px 0; }
table.eshop_katalog td { border-bottom: 1px solid silver; padding: 4px; }
table.eshop_katalog th { background: #eee url('menu-tlacitko-aktivni.png') top center repeat-x; padding: 4px; text-align: left; color: white; }

table.zakladni_hodnoty tr.cena { font-weight: bold; font-size: 1.2em; }
table.zakladni_hodnoty tr.cena span.hodnota { color: red; }

.eshop_polozka { margin-bottom: 20px; }
.eshop_polozka table.fotografie { width: 350px; height: 350px; float: left; border: 1px solid silver; margin: 0 20px 0 0; background: white; } 
.eshop_polozka table.fotografie td { text-align: center; vertical-align: middle; }
.eshop_polozka input.koupit { background: transparent url('ek-tlacitko-koupit.gif') top center no-repeat; border-width: 0; padding: 0; height: 20px; width: 73px; margin-left: 10px; }

form#odeslani_objednavky { }
form#odeslani_objednavky fieldset { padding: 12px; border: 1px solid silver; }
form#odeslani_objednavky legend { margin-bottom: 8px; }

#nakupni_kosik_kroky { width: 100%; }
#nakupni_kosik_kroky td { width: 25%; text-align: center; background: #eee; padding: 10px; }
#nakupni_kosik_kroky td.aktivni { background: #ddd; }

#nakupni_kosik_obsah { text-align: center; }
#nakupni_kosik_obsah .sloupec_levy { float: left; width: 355px; }
#nakupni_kosik_obsah .sloupec_pravy { float: right; width: 355px }
#nakupni_kosik_obsah label { display: block; margin-top: 10px; }
#nakupni_kosik_obsah fieldset { margin-top: 0; margin-bottom: 20px; }
#nakupni_kosik_obsah legend { margin-bottom: 8px; padding: 0 4px; }
#nakupni_kosik_kontakt { padding: 0 20px 20px 20px; text-align: left; height: 190px; }
#nakupni_kosik_firma { padding: 0 20px 20px 20px; text-align: left; height: 190px; }
#nakupni_kosik_dodaci_adresa { padding: 0 20px 20px 20px; text-align: left; height: 190px; }
#nakupni_kosik_fakturacni_adresa { padding: 0 20px 20px 20px; text-align: left; height: 190px; }
#nakupni_kosik_poznamka { padding: 0 20px 20px 20px; text-align: center; clear: both; }
#nakupni_kosik_poznamka textarea { width: 99%; height: 100px; margin-top: 10px; }
#jmeno, #telefon, #email, #dodaci_ulice, #dodaci_mesto, #fakturacni_ulice, #fakturacni_mesto, #firma { width: 300px; }
#nakupni_kosik_rozpis_polozek { width: 100%; border-collapse: collapse; margin: 20px 0; border: 1px solid silver; }
#nakupni_kosik_rozpis_polozek td { padding: 10px 6px; border-bottom: 1px solid #eee; }
#nakupni_kosik_rozpis_polozek th { padding: 8px 6px; background: #eee; }
#nakupni_kosik_rozpis_polozek .novy_pocet { width: 30px; }
#nakupni_kosik_zpusob_dopravy { padding: 0 20px 16px 20px; text-align: left; }
#nakupni_kosik_zpusob_platby { padding: 0 20px 16px 20px; text-align: left; }

#objednavky_legenda td.nova, #objednavky_seznam td.nova { background: white; }
#objednavky_legenda td.ceka, #objednavky_seznam td.ceka { background: #FFFF99; }
#objednavky_legenda td.hotovo, #objednavky_seznam td.hotovo { background: #CCFFCC; }
#objednavky_legenda td.storno, #objednavky_seznam td.storno { background: #FFCCCC; }
#objednavky_seznam, #objednavky_legenda { width: 100%; border-collapse: collapse; }
#objednavky_legenda td { width: 25%; border: 1px solid silver; }
#objednavky_seznam td { border-top: 1px solid silver; border-bottom: 1px solid silver; padding: 4px; }
#objednavky_seznam th { background: #eee; padding: 4px; }

#vyrobci { width: 100%; height: 60px; overflow: hidden; margin: 0; padding: 0; }
#vyrobci_snura { margin: 0; padding: 0; height: 60px; width: 1000px; }
#vyrobci_snura img { float: left; border: 0; height: 60px; margin: 0 10px; }

#tlacitko-kosik { position: absolute; top: 145px; right: 0; width: 200px; background: gray url('tlacitko-kosik.png') center center no-repeat; color: white; font-size: 1.2em; height: 24px; padding: 2px 0 0 0; font-weight: bold; }

table#prilohy { border-collapse: collapse; width: 90%; margin: auto; text-align: left; }
table#prilohy th, table#prilohy td { padding: 4px; }
table#prilohy th { background: #eee; }
table#prilohy td { border-bottom: 1px solid #eee; }

div.akcni_nabidka_blok { float: left; width: 185px; height: 200px; text-align: center; padding: 4px 0; background: #ddd; }
div.akcni_nabidka_blok table.nahled { width: 180px; height: 180px; border: 1px solid silver; margin: auto; background: white; }
div.akcni_nabidka_blok table.nahled td { text-align: center; vertical-align: middle; }

#odkaz-logo { width: 320px; height: 70px; position: absolute; top: 50px; left: 0; }
#odkaz-napis { width: 563px; height: 37px; position: absolute; top: 0px; left: 209px; }