body { font-size: 12px; font-family: Tahoma; margin: 0; padding: 0; background: white; }
.body { text-align: center; padding-bottom: 10px; }

table { font-size: 1em; }
table p { margin: 0; }

a { color: red; }
a img { border-width: 0; }

h1, h2 { color: #3f4654; font-size: 14px; padding: 7px 8px 0px 26px; margin: 0 0 8px 0; border-top: 2px solid red; background: transparent url('images/sipka-nadpis.jpg') 12px 12px no-repeat; }
h2 { margin-top: 10px; }
h3 { color: #3f4654; font-size: 1.1em; }


.nomargin { margin: 0; }

#frontaskryta { height: 100px; width: 99%; display: none; }

#snura { position: absolute; top: 0; left: 0; width: 100%; text-align: center; }
#hlavicka { width: 980px; height: 35px; margin: auto; position: relative; text-align: left; background: #ccc url('images/hlavicka.jpg') left top repeat-x; }

#hlavni { padding: 0; width: 980px; margin: 36px auto 0 auto; }
#hlavni-cast { width: 770px; float: left; background: transparent; }
#obsah { width: 560px; float: right; background: white; padding: 0 0 10px 0; text-align: left; }
#obsah .odsazeni { margin-left: 14px; margin-right: 14px; }
#levy-sloupec { width: 210px; float: left; padding-top: 125px; text-align: left; position: relative; }
#pravy-sloupec { width: 210px; float: right; text-align: left; }

#paticka { background: #ccc url('images/footer.jpg') left bottom repeat-x; padding: 8px 0 40px 0; width: 980px; margin: auto; position: relative; color: #666666; font-size: 0.9em; }
#paticka a { color: #666666; }
#paticka_pocitadlo { position: absolute; top: 10px; right: 10px; }
#paticka-roh-vlevo { position: absolute; bottom: 0; left: 0; width: 10px; height: 38px; background: transparent url('images/footer-corner-left.jpg') left top no-repeat; }
#paticka-roh-vpravo { position: absolute; bottom: 0; right: 0; width: 10px; height: 38px; background: transparent url('images/footer-corner-right.jpg') left top no-repeat; }
#paticka-vlevo { float: left; width: 20%; text-align: left; margin-left: 16px; margin-top: 6px; }
#paticka-vpravo { float: right; width: 20%; text-align: right; margin-right: 16px; margin-top: 6px; }

#navigace { display: none; }

#topmenu { margin: 0; padding: 0 14px 0 0; position: absolute; top: 1px; right: 0; background: transparent url('images/hlavicka-vpravo.jpg') right top no-repeat; }
#topmenu li { float: left; display: block; padding-left: 42px; background: transparent url('images/topmenu-li.jpg') 18px center no-repeat; }
#topmenu li a { display: block; float: left; height: 25px; padding: 9px 17px 0 17px; text-decoration: none; color: #6c727f; font-weight: bold; }
#topmenu li a:hover { background: #ec820b url('images/topmenu-link-hover.jpg') top left repeat-x; color: white; }

#levy-sloupec .sloupec-blok { padding-right: 12px; padding-left: 2px; background: transparent url('images/levy-sloupec-blok.jpg') 1px top repeat-y; }
#levy-sloupec .sloupec-blok-ukonceni { height: 8px; background: transparent url('images/levy-sloupec-blok-ukonceni.jpg') 1px top no-repeat; line-height: 1px; font-size: 1px; }

#pravy-sloupec .sloupec-blok { padding-left: 12px; padding-right: 2px; background: transparent url('images/pravy-sloupec-blok.jpg') 11px top repeat-y; }
#pravy-sloupec .sloupec-blok-ukonceni { height: 8px; background: transparent url('images/levy-sloupec-blok-ukonceni.jpg') 11px top no-repeat; line-height: 1px; font-size: 1px; }

.sloupec-nadpis { height: 0 !important; height /**/: 32px; overflow: hidden; padding-top: 32px; }
#napis-sortiment { background: #96a3b3 url('images/napis-sortiment.jpg') top left no-repeat; }
#napis-doporucujeme { background: #96a3b3 url('images/napis-doporucujeme.jpg') top left no-repeat; }
#napis-novinky-emailem { background: #96a3b3 url('images/napis-novinky-emailem.jpg') top left no-repeat; }

#menu { text-align: center; padding-bottom: 8px; }
#menu ul.odsazeni1 { margin: 0 auto; padding: 8px 0 2px 0; list-style: none; text-align: left; width: 192px; }
#menu ul.odsazeni1 li { margin: 0; padding: 0; list-style: none; background: transparent url('images/menu-li.jpg') top left no-repeat; }
#menu ul.odsazeni1 li a { display: block; width: 168px; padding: 5px 4px 5px 20px; text-decoration: none; color: #3f4654; }
#menu ul.odsazeni1 li a:hover { color: red; }

#menu ul.odsazeni2 { margin: 0 0 8px 0; padding: 0; list-style: none; text-align: left; width: 192px; }
#menu ul.odsazeni2 li { margin: 0; padding: 0; list-style: none; background: none !important; }
#menu ul.odsazeni2 li a { display: block; padding: 4px 2px 4px 20px; width: 170px; text-decoration: none; color: gray; }
#menu ul.odsazeni2 li a:hover { color: red; }

#menu ul.odsazeni3 { margin: 0 0 8px 0; padding: 0; list-style: none; text-align: left; width: 192px; }
#menu ul.odsazeni3 li { margin: 0; padding: 0; list-style: none; background: none !important; }
#menu ul.odsazeni3 li a { display: block; padding: 4px 2px 4px 28px; width: 162px; text-decoration: none; color: gray; }
#menu ul.odsazeni3 li a:hover { color: red; }

#menu ul.odsazeni4 { margin: 0 0 8px 0; padding: 0; list-style: none; text-align: left; width: 192px; }
#menu ul.odsazeni4 li { margin: 0; padding: 0; list-style: none; background: none !important; }
#menu ul.odsazeni4 li a { display: block; padding: 4px 2px 4px 36px; width: 154px; text-decoration: none; color: gray; }
#menu ul.odsazeni4 li a:hover { color: red; }

#menu ul.odsazeni5 { margin: 0 0 8px 0; padding: 0; list-style: none; text-align: left; width: 192px; }
#menu ul.odsazeni5 li { margin: 0; padding: 0; list-style: none; background: none !important; }
#menu ul.odsazeni5 li a { display: block; padding: 4px 2px 4px 42px; width: 146px; text-decoration: none; color: gray; }
#menu ul.odsazeni5 li a:hover { color: red; }

#menu ul.odsazeni6 { margin: 0 0 8px 0; padding: 0; list-style: none; text-align: left; width: 192px; }
#menu ul.odsazeni6 li { margin: 0; padding: 0; list-style: none; background: none !important; }
#menu ul.odsazeni6 li a { display: block; padding: 4px 2px 4px 50px; width: 138px; text-decoration: none; color: gray; }
#menu ul.odsazeni6 li a:hover { color: red; }

#menu ul.odsazeni7 { margin: 0 0 8px 0; padding: 0; list-style: none; text-align: left; width: 192px; }
#menu ul.odsazeni7 li { margin: 0; padding: 0; list-style: none; background: none !important; }
#menu ul.odsazeni7 li a { display: block; padding: 4px 2px 4px 58px; width: 130px; text-decoration: none; color: gray; }
#menu ul.odsazeni7 li a:hover { color: red; }

#menu ul.odsazeni8 { margin: 0 0 8px 0; padding: 0; list-style: none; text-align: left; width: 192px; }
#menu ul.odsazeni8 li { margin: 0; padding: 0; list-style: none; background: none !important; }
#menu ul.odsazeni8 li a { display: block; padding: 4px 2px 4px 66px; width: 122px; text-decoration: none; color: gray; }
#menu ul.odsazeni8 li a:hover { color: red; }

#logo { position: absolute; top: 0; left: 0; }

table.kontakty { width: 532px; border-collapse: collapse; margin: 0 auto 8px auto; }
table.kontakty th { width: 20%; padding: 5px; background: #ddd; text-align: right; border-bottom: 1px solid silver; border-top: 1px solid silver; vertical-align: top; }
table.kontakty td { width: 30%; padding: 5px; border-bottom: 1px solid silver; border-right: 1px solid silver; border-top: 1px solid silver; vertical-align: top; }
table.kontakty td.noborder { border-width: 0; width: auto; }

#vyhledavani { width: 250px; height: 30px; background: transparent url('images/hlavicka-vlevo.jpg') left top no-repeat; padding: 0 0 0 37px; }
#vyhledavani-dotaz { float: left; width: 161px; height: 18px; padding: 0; margin-top: 8px; margin-right: 3px; background: #f5f6f7; border-color: #e7e9eb; border-style: solid; border-top-width: 1px; border-left-width: 1px; border-bottom-width: 0; border-right-width: 0; }
#vyhledavani-tlacitko { border-width: 0; background: gray url('images/vyhledavani-tlacitko.jpg') top left no-repeat; margin-top: 9px; height: 17px; width: 72px; overflow: hidden; padding: 0; padding-top: 17px; cursor: pointer; font-size: 1px; color: white; text-align: right; }

#nakupni-kosik { text-align: center; background: #eceeef url('images/nakupni-kosik.jpg') left top no-repeat; width: 210px; height: 46px; padding-top: 86px; margin-bottom: 4px; position: relative; }
.nakupni-kosik-radek { height: 17px; margin: 0; clear: both; padding: 3px 18px 0 18px; color: white; }
.nakupni-kosik-popisek { float: left; width: 50%; text-align: left; }
.nakupni-kosik-hodnota { float: right; width: 50%; font-weight: bold; text-align: right; }
#nakupni-kosik form { margin: 0; padding: 0; }
#nakupni-kosik form input { border-width: 0; background: transparent; font-size: 1px; color: #ee9b9b; height: 32px; width: 210px; position: absolute; top: 28px; left: 0; margin: 0; padding: 0; vertical-align: top; text-align: right; cursor: pointer; }
#nakupni-kosik-cena { color: black; }
#nakupni-kosik-napis { width: 100%; height: 36px; background: transparent url('images/nakupni-kosik-napis.jpg') center 10px no-repeat; }

#novinky-emailem { text-align: center; margin: 0; padding: 10px 0; }
#novinky-emailem p { text-align: center !important; margin: 10px 0 0 0; color: #999999; font-style: italic; }
#novinky-emailem-adresa { width: 136px; height: 17px; background: white; border: 1px solid #ccc; float: left; margin: 0 0 0 3px; padding: 0; }
#novinky-emailem-tlacitko { width: 49px; height: 0 !important; height /**/: 17px; margin-top: 1px; padding-top: 17px; background: transparent url('images/novinky-emailem-tlacitko.jpg') left top no-repeat; font-size: 1px; color: white; border: 0 solid white; } 

.eshop_katalog_polozka2 { padding-bottom: 10px; padding-top: 5px; }
.eshop_katalog_polozka2 strong.nazev { display: block; padding: 4px 6px 8px 6px; background: white url('images/eshop-polozka2-nazev.jpg') left bottom repeat-x; }
.eshop_katalog_polozka2 strong.nazev a { color: #666666; }
.eshop_katalog_polozka2 .hodnoty { font-size: 0.9em; font-weight: bold; padding: 4px; height: 79px; background: white url('images/eshop-polozka2-hodnoty.jpg') top left repeat-x; position: relative; color: #999999; }
.eshop_katalog_polozka2 table.nahled { float: left; border: 1px solid #909caa; width: 75px; height: 75px; margin-right: 8px; background: white; }
.eshop_katalog_polozka2 table.nahled td { text-align: center; vertical-align: middle; overflow: hidden; }
.eshop_katalog_polozka2 .kod { padding: 6px 0 4px 0px; height: 24px; overflow: hidden; }
.eshop_katalog_polozka2 .kod .hodnota { font-weight: normal; }
.eshop_katalog_polozka2 .cena { padding: 1px 0 1px 84px; }
.eshop_katalog_polozka2 .cena .hodnota { color: red; font-weight: bold; padding-left: 4px; }
.eshop_katalog_polozka2 a.detail { display: block; position: absolute; bottom: 8px; right: 4px; width: 106px; height: 0 !important; height /**/: 18px; overflow: hidden; padding-top: 18px; background: #124171 url('images/eshop-polozka2-detail.jpg') center top no-repeat; color: black; }

#banner-vsv { margin-bottom: 12px; }
#banner-oxe { margin-bottom: 12px; }
#banner-alpha { margin-bottom: 12px; }

#bannery1 { margin: 20px 0; width: 560px; height: 72px; overflow: hidden; }









#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 form { width: 99%; margin: auto; padding: 0 0 10px 0; }
#nakupni_kosik_obsah .sloupec_levy { float: left; width: 48%; margin: 0; padding: 0; }
#nakupni_kosik_obsah .sloupec_pravy { float: right; width: 48%; margin: 0; padding: 0; }
#nakupni_kosik_obsah label { display: block; margin-top: 10px; }
#nakupni_kosik_obsah fieldset { margin: 0 0 20px 0; }
#nakupni_kosik_obsah legend { margin-bottom: 8px; padding: 0 4px; }
#nakupni_kosik_kontakt { padding: 0 10px 10px 10px; text-align: left; height: 190px; }
#nakupni_kosik_firma { padding: 0 10px 10px 10px; text-align: left; height: 190px; }
#nakupni_kosik_dodaci_adresa { padding: 0 10px 10px 10px; text-align: left; height: 190px; }
#nakupni_kosik_fakturacni_adresa { padding: 0 10px 10px 10px; text-align: left; height: 190px; }
#nakupni_kosik_poznamka { padding: 0 10px 10px 10px; 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: 230px; }
#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 th.polozka { width: 60%; }
#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; }

#nakupni_kosik_zpusob_dopravy ul,
#nakupni_kosik_zpusob_platby ul { margin: 0; padding: 0; list-style: none; }
#nakupni_kosik_zpusob_dopravy ul li,
#nakupni_kosik_zpusob_platby ul li { margin: 0; padding: 0; list-style: none; display: block; position: relative; }
#nakupni_kosik_zpusob_dopravy ul span.hodnota,
#nakupni_kosik_zpusob_platby ul span.hodnota { float: right; margin-top: 4px; }

#nakupni_kosik_postovne { width: 99%; border-collapse: collapse; margin: 0 auto 20px auto; border: 1px solid silver; background: #eee; clear: both; }
#nakupni_kosik_postovne td { padding: 10px 6px; }

fieldset { border: 1px solid silver; }



table.eshop_katalog { border-collapse: collapse; margin: auto; padding: 0; width: 540px; }
td.eshop_katalog_polozka { text-align: center; border: 0px solid #ddd; margin: 0; padding: 0; }
td.eshop_katalog_polozka table.detail { width: 174px; border-collapse: collapse; margin: 0 auto; }
td.eshop_katalog_polozka table.detail td.nazev { height: 50px; padding: 0 8px; }
td.eshop_katalog_polozka table.detail td.nazev a { color: #ff0000; }
td.eshop_katalog_polozka table.suda td.nazev a { }
td.eshop_katalog_polozka table.detail td.nahled { height: 133px; padding: 0; }
td.eshop_katalog_polozka table.detail td.hodnoty { height: 54px; vertical-align: middle; text-align: left; padding-left: 8px; padding-right: 8px; font-size: 0.9em; }
td.eshop_katalog_polozka table.detail td.hodnoty div.radek { margin-bottom: 4px; }

table.eshop_katalog form { margin: 0; padding: 0; }
table.eshop_katalog span.cena { font-weight: bold; color: red; font-size: 1.2em; }
table.eshop_katalog div.paticka { margin: 0px auto 5px auto; width: 165px; }
table.eshop_katalog div.paticka .objednani a { float: right; display: block; width: 81px; height: 0 !important; height /**/: 18px; overflow: hidden; padding-top: 18px; font-size: 1px; line-height: 1px; background: #93a0b2 url('images/tlacitko-objednat.jpg') top left no-repeat; }
table.eshop_katalog div.paticka .detail { color: black; float: left; display: block; width: 81px; height: 0 !important; height /**/: 18px; overflow: hidden; padding-top: 18px; font-size: 1px; line-height: 1px; background: #93a0b2 url('images/tlacitko-detaily.jpg') top left no-repeat; }

ul.podkategorie { margin-top: 10px; list-style: circle; margin-bottom: 10px; }
ul.podkategorie li { width: 33%; float: left; list-style: circle; }

table.fotografie { float: left; }

#eshop_katalog_omezeni { margin: 10px 0 10px 14px; float: left; }
#eshop_katalog_pocet { margin: 10px 14px 10px 0; float: right; }

#eshop_katalog_filter { margin: 0 0 2px 0; clear: both; }

.eshop_katalog_strankovani { text-align: center; margin: 16px 0 10px 0; }
.eshop_katalog_strankovani a { }

#eshop_polozka { margin-top: 20px; }
#eshop_polozka table.hodnoty { width: 280px; float: right; margin: 0; padding: 0; border-collapse: collapse; }
#eshop_polozka table.hodnoty td { padding-bottom: 6px; } 
#eshop_polozka table.hodnoty th { padding-bottom: 6px; vertical-align: top;  font-weight: bold; width: 110px; }
#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: red; }
#eshop_polozka table.fotografie { text-align: center; }
#eshop_polozka table.fotografie td { padding-bottom: 28px; }


#eshop_polozka div.fotografie { width: 260px; height: 260px; border: 1px solid silver; position: relative; overflow: hidden; margin-bottom: 10px; }
#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: 0px; left: 0px; width: 260px; height: 260px; border-collapse: collapse; margin: 0; padding: 0; border-width: 0; text-align: center; } 

form.dotaz-k-polozce { padding-left: 14px; padding-right: 14px; }
form.dotaz-k-polozce textarea { width: 300px; height: 146px; float: left; }

div.eshop_katalog_polozka { display: block; border-bottom: 1px solid #eee; padding: 0 0 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: 140px; height: 140px; 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.vypis { border-collapse: collapse; }
table.vypis th { background: #eee; }
table.vypis th,
table.vypis td { border: 1px solid silver; padding: 2px 4px; }

#strankovani { margin: 20px auto; }
#strankovani td { width: 24px; }
#strankovani a { text-decoration: none; }

/*
div.katalog-doporucene { background: #cc9999; padding: 10px 0; }
*/
div.katalog-doporucene { padding-bottom: 20px; }
div.katalog-doporucene table td.eshop_katalog_polozka { border: 1px solid red; }
div.katalog-doporucene table td.eshop_katalog_polozka td.nazev { background-color: red; }
div.katalog-doporucene table td.eshop_katalog_polozka td.nazev a { color: black; }

#novinky-facebook { margin: 10px 0; display: block; height: 0 !important; height /**/: 24px; padding-top: 24px; overflow: hidden; background: transparent url('images/novinky-facebook.jpg') left top no-repeat; }

#blok-akcni-nabidka { height: 216px; position: relative; }
#blok-akcni-nabidka-obsah { position: absolute; }
#blok-akcni-nabidka-obsah p { margin: 0; padding: 0; }

#novinky-emailem-seznam { width: 100%; border-collapse: collapse; }
#novinky-emailem-seznam td { border: 1px solid silver; padding: 4px; }

#novinky-emailem-legenda { width: 100%; border-collapse: collapse; }
#novinky-emailem-legenda td { border: 1px solid silver; padding: 4px; }

#banner-800 { margin-top: 10px; }

