body { background: white; margin: 0; padding: 0; font-family: Tahoma; font-size: 11px; color: #56626d; }
#body { background: #c9daea url('images/body.jpg') top left repeat-x; text-align: center; }

#editorbody { text-align: left; }

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

#hlavni-cast h1 { font-size: 1.7em; color: #454c4f; margin: 0 0 20px 0; }
#hlavni-cast h2 { font-size: 14px; background: #76b100 url('images/h2.jpg') top left no-repeat; padding: 10px 10px 10px 70px; color: #2b440b; font-weight: bold; }

p { margin: 10px 0; }

img.ramecek { border: 3px double #ddd; padding: 4px; }



#pruh-nahore-bily { height: 10px; font-size: 1px; line-height: 1px; background: white; }

#stranka { width: 980px; margin: auto; text-align: left; }

#hlavicka { height: 165px; background: transparent url('images/hlavicka.jpg') top left no-repeat; position: relative; }
#hlavicka-cepice1 { position: absolute; top: 0; left: 440px; width: 3px; height: 2px; margin-top: -2px; font-size: 1px; line-height: 1px; background: transparent url('images/hlavicka-cepice1.jpg') top left no-repeat; }
#hlavicka-cepice2 { position: absolute; top: 0; left: 642px; width: 16px; height: 10px; margin-top: -10px; font-size: 1px; line-height: 1px; background: transparent url('images/hlavicka-cepice2.jpg') top left no-repeat; }

#hlavni { background: transparent url('images/hlavni-cast.jpg') 210px top repeat-y; margin: 0; padding: 0; }
#hlavni-cast { width: 770px; float: left; }
#obsah { width: 560px; float: right; margin: 0; padding: 0; }
#obsah-text { padding: 0 15px; line-height: 16px; }

#levy-sloupec { width: 195px; padding: 0 0 0 8px; background: transparent url('images/levy-sloupec.jpg') top right repeat-y; float: left; margin: 8px 0 0 0; position: relative; }
#levy-sloupec-nahore { height: 5px; font-size: 1px; line-height: 1px; background: transparent url('images/levy-sloupec-nahore.jpg') top right no-repeat; }
#levy-sloupec-dole { height: 20px; font-size: 1px; line-height: 1px; background: transparent url('images/levy-sloupec-dole.jpg') top right no-repeat; }
#levy-sloupec #menu ul.odsazeni0 { margin: 0; padding: 0; list-style: none; }
#levy-sloupec #menu ul.odsazeni0 li { display: block; width: 195px; margin: 0; padding: 0; list-style: none; background: transparent url('images/menu-sortiment-li.jpg') left bottom no-repeat; }
#levy-sloupec #menu ul.odsazeni0 li a { display: block; padding: 11px 10px 11px 30px; width: 155px; color: #454c4f; font-weight: bold; background: transparent url('images/menu-sortiment-a.jpg') 14px 14px no-repeat; }
#levy-sloupec #menu ul.odsazeni0 li a:hover { text-decoration: none; background: #e3a036 url('images/menu-sortiment-a-hover.jpg') left top no-repeat; }

#pravy-sloupec { width: 195px; padding: 0 8px 0 0; background: transparent url('images/pravy-sloupec.jpg') top left repeat-y; float: right; margin: 8px 0 0 0; position: relative; }
#pravy-sloupec-nahore { height: 5px; font-size: 1px; line-height: 1px; background: transparent url('images/pravy-sloupec-nahore.jpg') top left no-repeat; }
#pravy-sloupec-dole { height: 20px; font-size: 1px; line-height: 1px; background: transparent url('images/pravy-sloupec-dole.jpg') top left no-repeat; }

#paticka { margin: 0 200px; text-align: center; color: white; background: transparent url('images/paticka.jpg') top left repeat-x; position: relative; }
#paticka a { color: white; }
#paticka-vnitrni1 { background: transparent url('images/paticka-vlevo.jpg') top left no-repeat; }
#paticka-vnitrni2 { background: transparent url('images/paticka-vpravo.jpg') top right no-repeat; height: 80px; padding: 28px 50px 0 50px; }

#navigace { display: none; }


.levy-sloupec-nadpis { position: relative; } 
.levy-sloupec-nadpis .obsah { height: 0 !important; height /**/: 38px; padding-top: 38px; overflow: hidden; }
#levy-sloupec-nadpis-sortiment .obsah { background: transparent url('images/nadpis-sortiment.jpg') top left no-repeat; }
#levy-sloupec-nadpis-novinky-emailem .obsah { background: transparent url('images/nadpis-novinky-emailem.jpg') top left no-repeat; }
#levy-sloupec-nadpis-napiste-nam .obsah { background: transparent url('images/nadpis-napiste-nam.jpg') top left no-repeat; }
.levy-sloupec-nadpis .vlevo { position: absolute; top: 0; left: 0; width: 8px; height: 52px; margin-left: -8px; background: transparent url('images/levy-sloupec-nadpis-vlevo.jpg') top left no-repeat; }
.levy-sloupec-nadpis .vpravo { position: absolute; top: 2px; right: 0; width: 7px; height: 36px; margin-right: -7px; background: transparent url('images/levy-sloupec-nadpis-vpravo.jpg') top left no-repeat; }
.levy-sloupec-blok { padding: 20px 10px; background: transparent url('images/levy-sloupec-blok.jpg') top left no-repeat; }
#levy-sloupec-blok-sortiment { padding: 10px 0; }

.pravy-sloupec-nadpis { position: relative; } 
.pravy-sloupec-nadpis .obsah { height: 0 !important; height /**/: 38px; padding-top: 38px; overflow: hidden; }
#pravy-sloupec-nadpis-novinky .obsah { background: transparent url('images/pravy-sloupec-nadpis-novinka.jpg') top left no-repeat; }
#pravy-sloupec-nadpis-pripravujeme .obsah { background: transparent url('images/pravy-sloupec-nadpis-pripravujeme.jpg') top left no-repeat; }
.pravy-sloupec-nadpis .vpravo { position: absolute; top: 0; left: 0; width: 8px; height: 52px; margin-left: 195px; background: transparent url('images/pravy-sloupec-nadpis-vpravo.jpg') top left no-repeat; }
.pravy-sloupec-nadpis .vlevo { position: absolute; top: 2px; left: 0; width: 7px; height: 36px; margin-left: -7px; background: transparent url('images/pravy-sloupec-nadpis-vlevo.jpg') top left no-repeat; }
.pravy-sloupec-blok { padding: 10px 3px 0 3px; background: transparent url('images/pravy-sloupec-blok.jpg') top right no-repeat; }


#obsah-nahore { background: transparent url('images/obsah-nahore.jpg') top left repeat-x; position: relative; height: 108px; }
#obsah-nahore-vnitrni1 { background: transparent url('images/obsah-nahore-pozadi-vlevo.jpg') top left no-repeat; }
#obsah-nahore-vnitrni2 { height: 95px; background: transparent url('images/obsah-nahore-pozadi-vpravo.jpg') top right no-repeat; }
#obsah-nahore-presah-vlevo { position: absolute; width: 9px; height: 56px; top: 19px; left: 201px; background: transparent url('images/obsah-nahore-presah-vlevo.png') top left no-repeat; }
#obsah-nahore-presah-vpravo { position: absolute; width: 9px; height: 56px; top: 19px; left: -7px; background: transparent url('images/obsah-nahore-presah-vpravo.jpg') top left no-repeat; }
#obsah-nahore-noha1 { position: absolute; width: 48px; height: 13px; top: 0; left: 237px; background: transparent url('images/obsah-nahore-noha1.jpg') top left no-repeat; }
#obsah-nahore-noha2 { position: absolute; width: 47px; height: 13px; top: 0; left: 384px; background: transparent url('images/obsah-nahore-noha2.jpg') top left no-repeat; }

#logo { width: 288px; height: 0 !important; height /**/: 41px; padding-top: 41px; overflow: hidden; position: absolute; top: 45px; left: 34px; background: transparent url('images/napis-pat-a-mat-shop-v2.jpg') top left no-repeat; }
#logo-adresa { width: 212px; height: 0 !important; height /**/: 27px; padding-top: 27px; overflow: hidden; position: absolute; top: 90px; left: 59px; background: transparent url('images/napis-www-patamat-tv.jpg') top left no-repeat; }

#nakupni-kosik { position: absolute; width: 169px; top: 72px; right: 21px; }
#nakupni-kosik .nakupni-kosik-radek { clear: both; height: 28px; }
#nakupni-kosik .nakupni-kosik-popisek { float: left; }
#nakupni-kosik .nakupni-kosik-hodnota { float: right; font-weight: bold; }
#nakupni-kosik .cena .nakupni-kosik-hodnota { color: red; } 
#nakupni-kosik a { float: right; display: block; width: 110px; height: 0 !important; height /**/: 26px; margin: 0; padding: 26px 0 0 0; overflow: hidden; border-width: 0; background: transparent url('images/tlacitko-prejit-do-kosiku.jpg') top left no-repeat; }
#nakupni-kosik a:hover { background-image: url('images/tlacitko-prejit-do-kosiku-a.jpg'); }

#horni-menu { padding: 0 30px; position: absolute; top: 48px; left: 0; }
#horni-menu table { width: 500px; }
#horni-menu table td { text-align: center; }
#horni-menu table td.oddelovac { width: 10px; background: transparent url('images/horni-menu-oddelovac.jpg') center center no-repeat; }
#horni-menu table td a { display: block; padding: 6px; color: #64461c; font-weight: bold; }

#novinky_emailem { margin: 0; padding: 0 10px; }
#novinky_emailem p { margin: 0; padding: 0; }
#novinky_emailem input { margin: 10px 0; }
#novinky_emailem a { display: block; width: 76px; height: 0 !important; height /**/: 26px; padding-top: 26px; overflow: hidden; background: transparent url('images/novinky-emailem-odeslat.jpg') top left no-repeat; }
#novinky_emailem a:hover { background-image: url('images/novinky-emailem-odeslat-hover.jpg'); }

#prihlasovaci-formular { position: absolute; top: 10px; right: 10px; width: 346px; padding-top: 3px; }
#prihlasovaci-formular-jmeno,
#prihlasovaci-formular-heslo { width: 123px; margin: 0 5px 0 0; padding: 0; }
#prihlasovaci-formular-tlacitko { position: absolute; top: 0px; right: 0px; display: block; width: 76px; height: 0 !important; height /**/: 26px; padding-top: 26px; overflow: hidden; background: transparent url('images/prihlasovaci-formular-tlacitko.jpg') top left no-repeat; }
#napis-prihlaseni { position: absolute; top: 7px; left: 100px; width: 95px; height: 27px; background: transparent url('images/napis-prihlaseni.jpg') top left no-repeat; }
#zakaznicky-panel { border: 1px solid silver; padding: 4px; position: absolute; top: 12px; left: 10px; width: 530px; height: 13px; }

#eshop_polozka table.hodnoty { width: 250px; float: right; margin: 0; padding: 0; border-collapse: collapse; }
#eshop_polozka table.hodnoty th { vertical-align: top; font-weight: bold; width: 70px; padding: 4px; }
#eshop_polozka table.hodnoty input.pocet { width: 20px; }
#eshop_polozka table.hodnoty input.objednat { width: 70px; }
#eshop_polozka table.hodnoty td.cena { font-weight: bold; color: #e9161e; }
#eshop_polozka table.fotografie { text-align: center; }
#eshop_polozka table.fotografie td { padding-bottom: 28px; }

#eshop_polozka div.fotografie { width: 250px; height: 250px; position: relative; border: 2px solid #afb5bb; }
#eshop_polozka div.fotografie div.odkazy { position: absolute; top: 8px; left: 8px; }
#eshop_polozka div.fotografie div.odkazy a { display: block; float: left; padding: 4px; text-align: center; background: white; margin-right: 2px; border: 1px solid #ddd; }
#eshop_polozka div.fotografie table.nahled { position: absolute; top: 7px; left: 7px; width: 235px; height: 235px; border-collapse: collapse; margin: 0; padding: 0; border-width: 0; text-align: center; }

#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; }

#nakupni_kosik_obsah { text-align: center; }
#nakupni_kosik_obsah .sloupec_levy { float: left; width: 48%; }
#nakupni_kosik_obsah .sloupec_pravy { float: right; width: 48%; }
#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: 210px; }
#nakupni_kosik_firma { padding: 0 20px 20px 20px; text-align: left; height: 160px; }
#nakupni_kosik_dodaci_adresa { padding: 0 20px 20px 20px; text-align: left; height: 210px; }
#nakupni_kosik_fakturacni_adresa { padding: 0 20px 20px 20px; text-align: left; height: 160px; }
#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: 204px; }
#nakupni_kosik_rozpis_polozek { width: 99%; border-collapse: collapse; margin: 20px auto; 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; }

fieldset { border: 1px solid silver; }

.eshop_novinky_polozka { width: 177px; padding: 10px 7px 6px 7px; margin-top: 6px; background: url('images/eshop-novinky-polozka.jpg') top center no-repeat; }
.eshop_novinky_polozka .nazev a { color: #75a600; text-decoration: underline; }
.eshop_novinky_polozka .cena { margin: 10px 0; float: right; width: 74px; }
.eshop_novinky_polozka .cena .hodnota { color: #e9161e; font-weight: bold; }
.eshop_novinky_polozka table.nahled { float: left; width: 86px; height: 86px; border: 2px solid #afb5bb; border-collapse: collapse; margin: 10px 0 0 0; } 
.eshop_novinky_polozka table.nahled td { margin: 0; padding: 0px; vertical-align: middle; background: white; text-align: center; }
.eshop_novinky_polozka .detaily a { float: right; display: block; width: 75px; height: 0 !important; height /**/: 26px; padding-top: 26px; overflow: hidden; background: transparent url('images/eshop-novinky-detaily.jpg') top left no-repeat; }
.eshop_novinky_polozka .detaily a:hover { background-image: url('images/eshop-novinky-detaily-hover.jpg'); }
.eshop_novinky_polozka form { margin: 2px 0 0 0; padding: 0; float: right; }
.eshop_novinky_polozka form a { display: block; width: 75px; height: 0 !important; height /**/: 26px; padding-top: 26px; overflow: hidden; background: transparent url('images/eshop-novinky-do-kosiku.jpg') top left no-repeat; }
.eshop_novinky_polozka form a:hover { background-image: url('images/eshop-novinky-do-kosiku-hover.jpg'); }

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

.eshop_katalog_strankovani { text-align: center; }
.eshop_katalog_strankovani a { }

table.eshop_katalog { width: 100%; border-collapse: collapse; line-height: 13px; }
table.eshop_katalog td.eshop_katalog_polozka { width: 260px; height: 146px; background: transparent url('images/eshop-katalog-polozka.jpg') top left no-repeat; }
table.eshop_katalog td.eshop_katalog_polozka .obal { width: 240px; height: 118px; margin: 10px; overflow: hidden; position: relative; }
table.eshop_katalog td.eshop_katalog_polozka strong.nazev { float: right; width: 140px; }
table.eshop_katalog td.eshop_katalog_polozka strong.nazev a { color: #d87f00; text-decoration: underline; }
table.eshop_katalog td.eshop_katalog_polozka .cena { position: absolute; left: 0; bottom: 5px; width: 94px; overflow: hidden; }
table.eshop_katalog td.eshop_katalog_polozka .cena .hodnota { color: #e9161e; font-weight: bold; }
table.eshop_katalog td.eshop_katalog_polozka .paticka { position: absolute; right: 0; bottom: 0; width: 150px; height: 26px; overflow: hidden; }
table.eshop_katalog td.eshop_katalog_polozka form { margin: 0; padding: 0; }
table.eshop_katalog td.eshop_katalog_polozka .detaily a { float: left; display: block; width: 75px; height: 0 !important; height /**/: 26px; padding-top: 26px; overflow: hidden; background: transparent url('images/eshop-katalog-polozka-detaily.jpg') top left no-repeat; }
table.eshop_katalog td.eshop_katalog_polozka .detaily a:hover { background-image: url('images/eshop-katalog-polozka-detaily-hover.jpg'); }
table.eshop_katalog td.eshop_katalog_polozka .dokosiku a { float: right; display: block; width: 75px; height: 0 !important; height /**/: 26px; padding-top: 26px; overflow: hidden; background: transparent url('images/eshop-katalog-polozka-do-kosiku.jpg') top left no-repeat; }
table.eshop_katalog td.eshop_katalog_polozka .dokosiku a:hover { background-image: url('images/eshop-katalog-polozka-do-kosiku-hover.jpg'); }
table.eshop_katalog td.eshop_katalog_polozka table.nahled { float: left; border-collapse: collapse; margin: 0; padding: 0; } 
table.eshop_katalog td.eshop_katalog_polozka table.nahled td { margin: 0; width: 86px; height: 86px; text-align: center; padding: 0px; vertical-align: middle; background: white; border: 2px solid #afb5bb; }
table.eshop_katalog td.eshop_katalog_polozka .popis { line-height: 15px; position: absolute; top: 21px; left: 100px; width: 138px; height: 61px; overflow: hidden; }

.chyby { color: red; border: 1px solid red; }



/*
#navigace { z-index: 2000; top: 7px; left: 0; position: absolute; }

table.eshop_katalog { margin: 10px auto; padding: 0; width: 100%; }
td.eshop_katalog_polozka { width: 33%; height: 210px; text-align: center; vertical-align: top; border: 1px solid silver; }
td.eshop_katalog_polozka table.nahled { background: white; width: 138px; height: 138px; margin: 6px auto 8px auto; padding: 0; border-collapse: collapse; }
td.eshop_katalog_polozka table.nahled td { margin: 0; padding: 0; }
table.eshop_katalog strong { display: block; }
table.eshop_katalog form { margin: 0; padding: 0; }
table.eshop_katalog span.cena { font-weight: bold; }
table.eshop_katalog div.hodnoty { margin-top: 6px; }
table.eshop_katalog div.paticka { margin: 4px 14px 0 14px; }
table.eshop_katalog div.paticka a { color: darkorange; }
table.eshop_katalog div.paticka .objednani { float: right; }
table.eshop_katalog div.paticka .detail { float: left; }

table.fotografie { float: left; }

#pripojene-polozky { margin: 0; padding: 0; }
#pripojene-polozky table { float: left; width: 180px; height: 200px; margin: 1px; border-collapse: collapse; }
#pripojene-polozky table td { margin: 0; padding: 0 10px; text-align: center; border: 1px solid silver; }
#pripojene-polozky a:hover { text-decoration: none; }
*/

#napiste-nam-form { margin: 0; padding: 0; }
#napiste-nam-form input.text { width: 170px; margin-bottom: 10px; }
#napiste-nam-form input.captcha { width: 20px; margin-bottom: 10px; }
#napiste-nam-form textarea { width: 170px; height: 60px; margin-bottom: 10px; }
#napiste-nam-form a { display: block; width: 76px; height: 0 !important; height /**/: 26px; padding-top: 26px; overflow: hidden; background: transparent url('images/novinky-emailem-odeslat.jpg') top left no-repeat; }
#napiste-nam-form a:hover { background-image: url('images/novinky-emailem-odeslat-hover.jpg'); }