body { font-family: "Verdana"; padding: 0; margin: 0; font-size: 0.7em; line-height: 18px; color: black; background: #aeaeae url('pozadi.png') 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: #409a01; border-bottom: 1px solid silver; text-align: center; padding-bottom: 4px; margin: 10px 0 20px 0; }
h2 { font-size: 1.4em; color: orange; margin: 20px 0; padding: 4px 0; background: #f6f6f6; text-align: center; font-weight: bold; border-bottom: 1px solid silver; }

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

#hlavni { width: 962px; margin: auto; padding: 0; margin-top: 184px; }
#obsah { float: right; width: 708px; padding: 10px 26px 0 17px; margin: 0; background: transparent url('obsah_pozadi.png') top left no-repeat; min-height: 900px; text-align: left; }

#stranka { position: absolute; top: 0; left: 0; margin: auto; padding: 0; width: 100%; }
#snura { position: relative; width: 980px; height: 2px; margin: auto; }

#hlavicka { position: absolute; top: 0; left: 0; width: 980px; height: 184px; background: white url('hlavicka.jpg') top center no-repeat; }
#levy_sloupec { float: left; width: 200px; margin: 0; }

#paticka_nad { width: 980px; height: 39px; background: white url('paticka_nad.png') top center no-repeat; margin: auto; }
#paticka { width: 980px; margin: auto; background: #60ac10; padding: 10px 0 16px 0; text-align: center; color: white; }
#paticka a { color: orange; font-weight: bold; }


.menu_box { margin-bottom: 8px; background: white; }
.menu_box .titulek { color: white; font-size: 1.2em; height: 26px; background: white url('box_titulek.png') top center no-repeat; padding: 7px 0 0 35px; }
.menu_box .obsah { background: white url('box_obsah.png') top center repeat-x; padding: 8px 8px 0 8px; border-left: 1px solid #b0b0b0; border-right: 1px solid #b0b0b0; }
.menu_box .konec { height: 12px; background: white url('box_konec.png') top center no-repeat; font-size: 1px; line-height: 1px; }

#vyhledavani { margin: 0; position: relative; } 
#vyhledavani_dotaz { width: 170px; margin-bottom: 8px; }
#vyhledavani_tlacitko { padding: 0; border-width: 0; background: transparent url('box_tlacitko.gif') top center no-repeat; width: 105px; height: 25px; margin-left: 70px; }
#vyhledavani_lupa { position: absolute; top: 25px; left: 12px; width: 40px; height: 41px; background: transparent url('lupa.png') top left no-repeat; }

#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.gif') top center no-repeat; width: 105px; height: 25px; }

#hlavicka_tlacitka { float: right; }
#hlavicka_tlacitka a { float: left; width: 147px; height: 29px; padding-top: 9px; color: white; }
#hlavicka_tlacitka a:hover { background: white url('hlavicka_tlacitko_pozadi.png') top center repeat-x; color: black; text-decoration: none; }
#hlavicka_tlacitka .oddelitko { float: left; width: 2px; height: 38px; background: transparent url('oddelitko.png') center center no-repeat; }

#nakupni_kosik { position: absolute; bottom: 0; right: 0; width: 175px; height: 129px; }
#nakupni_kosik_titulek { height: 22px; padding-top: 4px; margin-bottom: 10px; color: white; margin-left: 34px; }
#nakupni_kosik_tlacitko { padding: 0; border-width: 0; background: transparent url('nakupni_kosik_tlacitko.gif') top center no-repeat; width: 105px; height: 25px; margin-top: 5px; }

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

#navigace { }

#hlavni_menu { width: 198px; text-align: center; background: white; border-left: 1px solid #b0b0b0; border-right: 1px solid #b0b0b0; }
#hlavni_menu ul { margin: 0 auto; padding: 0; text-align: left; position: relative; list-style-type: none; }
#hlavni_menu ul a { display: block; min-height: 20px; padding-top: 3px; }
#hlavni_menu ul a:hover { text-decoration: none; }
#hlavni_menu ul.odsazeni1 li { margin-top: 6px; }
#hlavni_menu ul.odsazeni1 a { background: #85ca33 url('menu-1.png') top center repeat-x; color: white; padding-left: 8px; font-weight: bold; }
#hlavni_menu ul.odsazeni2 li { margin-top: 0; }
#hlavni_menu ul.odsazeni2 a { background: white url('menu-radek-2-pozadi.png') 8px 9px no-repeat; color: #686868; padding-left: 26px; font-weight: normal; }
#hlavni_menu ul.odsazeni2 a:hover { background: transparent url('menu-2.png') bottom center repeat-x; }


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

#eshop_katalog_omezeni { float: right; width: 55%; text-align: right; }

div.eshop_katalog_polozka { display: block; border-bottom: 1px solid #eee; padding: 20px 0; }
div.eshop_katalog_polozka strong.nazev { display: block; background: #eee; padding: 8px; margin-bottom: 20px; }
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; }

div.eshop_katalog_polozka2 { border-top: 1px solid silver; padding: 16px 0; margin: 0; }
div.eshop_katalog_polozka2 form { margin: 0; padding: 0; width: 110px; float: right; }
div.eshop_katalog_polozka2 form input { width: 30px; }
div.eshop_katalog_polozka2 form input.objednat { width: 70px; }
div.eshop_katalog_polozka2 span.cena { display: block; width: 120px; float: right; text-align: right; margin-right: 10px; }

table.eshop_katalog { width: 100%; border-collapse: collapse; margin: 10px 0 0 0; }
td.eshop_katalog_polozka { width: 224px; background: white url('ek-polozka-pozadi.png') top center repeat-y; text-align: center; padding: 0; margin: 0; border-bottom: 20px solid white; border-top: 10px solid white; }
td.eshop_katalog_polozka .obsah { background: transparent url('ek-polozka-vnitrni-pozadi.png') bottom center no-repeat; }
td.eshop_katalog_polozka .obsah .paticka { height: 24px; margin: 0 4px; }
td.eshop_katalog_polozka table.nahled { width: 180px; height: 180px; margin: 0 auto 22px auto; }
td.eshop_katalog_polozka table.nahled td { text-align: center; vertical-align: middle; }
td.eshop_katalog_polozka strong.nazev { display: block; height: 30px; padding-top: 8px; background: transparent url('ek-polozka-nazev.png') top center no-repeat; }
td.eshop_katalog_polozka a.detail { float: right; color: white; font-weight: bold; text-align: center; display: block; width: 50%; }
td.eshop_katalog_polozka form.objednani { float: left; margin: 0; text-align: center; width: 50%; }
td.eshop_katalog_polozka form.objednani a { color: white; font-weight: bold; display: block; }
td.eshop_katalog_polozka table.zakladni_hodnoty { width: 100%; background: white; margin: 0; }

table.zakladni_hodnoty tr.cena { font-weight: bold; font-size: 1.2em; }
table.zakladni_hodnoty tr.cena span.hodnota { color: red; }
table.zakladni_hodnoty tr.cena-akce { font-weight: bold; font-size: 1.3em; }
table.zakladni_hodnoty tr.cena-akce 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; }

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: 340px; }
#nakupni_kosik_obsah .sloupec_pravy { float: right; width: 340px }
#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_zpusob_dopravy { height: 90px; }
#nakupni_kosik_zpusob_platby { height: 90px; }
#nakupni_kosik_kontakt { 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_firma { 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, #email, #dodaci_ulice, #dodaci_mesto, #fakturacni_ulice, #fakturacni_mesto, #firma { width: 280px; }
#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: #99ffff; }
#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; }

#preceneni { width: 100%; }
#preceneni td { text-align: center; border-bottom: 1px solid #eee; }
#preceneni td.text_left { text-align: left; }
#preceneni th { background: #eee; text-align: center; padding: 4px; }

#upoutavka_nad_5000 { float: right; width: 280px; height: 100px; border: 1px solid #eee; margin-left: 18px; }

#menu-sekce { background: #eee; }
#menu-sekce ul { margin: 0; padding: 0; list-style: none; height: 94px; }
#menu-sekce ul li { margin: 1px; padding: 0; list-style: none; float: left; display: block; width: 190px; }
#menu-sekce ul li a { display: block; border: 1px solid #aaa; background: white url('menu-sekce-a.jpg') left bottom repeat-x; padding: 10px 0; color: black; }
#menu-sekce ul li a:hover { text-decoration: none; border: 1px solid gray; color: blue; background: white; }