body { padding: 0; margin: 0; text-align: center; background: white; font-family: "Arial", "Verdana", sans-serif; font-size: 11px; }

#editorbody { background: white; padding: 10px 20px; text-align: left; }

a { color: black; text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; }
a img { border: 0; }

img.ramecek { border: 1px solid silver; padding: 3px; }

p { line-height: 18px; }

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

#navigace { display: none; }

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

.red { color: red; }
.fialova { color: #92278f; }

.marginauto { margin: auto; }

.w80p { width: 80%; }

/*
table.eshop_katalog { width: 100%; }
td.eshop_katalog_polozka { width: 32%; text-align: center; border: 1px solid silver; background: white; }
td.eshop_katalog_polozka table.nahled { width: 100%; }
td.eshop_katalog_polozka table.nahled td { text-align: center; height: 140px; }
*/




div.eshop_katalog_strankovani { text-align: center; margin: 10px 0; }


h1 { padding: 4px 0 8px 0; font-size: 15px; margin: 0; }
#obsah_vnitrni h2 { font-size: 1.3em; background: #003366; color: white; text-align: center; padding: 4px; }


#stranka { width: 962px; margin: auto; }
#obsah { width: 962px; margin-top: 185px; margin-bottom: 5px; padding: 8px 0 20px 0; float: left; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: left; }
#obsah_vnitrni { float: right; width: 734px; padding: 0; min-height: 100px; }
#obsah-horni { padding-bottom: 8px; }

#sloupec_levy { width: 213px; float: left; }

#hlavicka { position: absolute; top: 0; left: 0; width: 100%; padding-top: 64px; }
#hlavicka_vnitrni { width: 962px; height: 121px; position: relative; margin: auto; padding: 0; }
#hlavicka_vnitrni a { }

#logo { position: absolute; top: 16px; left: 30px; }

#user-panel { position: absolute; bottom: 0; right: 0; padding-bottom: 4px; }

#horni-menu { width: 100%; height: 21px; position: absolute; top: 0; right: 0; border-top: 1px solid #ccc; }
#horni-menu ul { margin: 0; padding: 0; list-style: none; float: right; }
#horni-menu ul li { float: left; margin: 0; padding: 0; list-style: none; display: block; margin-left: 5px; }
#horni-menu ul li a { display: block; padding: 4px 12px; color: black; font-weight: bold; }
#horni-menu ul li a:hover { }
#horni-menu ul li.menu-4 a { background: #ffcc00; }
#horni-menu ul li.menu-4 a:hover { }

#vyhledavani { position: absolute; top: -18px; left: 0px; font-size: 0.9em; color: black; }
#vyhledavani-dotaz { margin: 0; padding: 0; font-size: 0.9em; position: absolute; top: -2px; left: 65px; width: 110px; }
#vyhledavani-tlacitko { font-size: 1px; position: absolute; top: -1px; left: 184px; height: 0 !important; height /**/: 13px; width: 15px; background: transparent url('images/vyhledavani-tlacitko.jpg') left top no-repeat; padding-top: 13px; overflow: hidden; border: 0px solid white; }

#menu-sortiment { float: left; font-size: 14px; }
#menu-sortiment ul { margin: 0; padding: 0; list-style: none; }
#menu-sortiment ul li { margin: 1px 0 0 0; padding: 0; list-style: none; }
#menu-sortiment ul li a { display: block; width: 193px; height: 32px; padding: 18px 0 0 20px; background: #ccc url('images/menu-sortiment-a.jpg') right top no-repeat; color: #003366; text-transform: uppercase; }

.sloupec_nadpis { display: block; padding: 5px 0 9px 0; font-size: 14px; }
.sloupec-oddelovac { height: 12px; overflow: hidden; background: transparent url('images/sloupec-oddelovac.jpg') center bottom no-repeat; }

#promoobrazek { float: right; }
#promotext { border-bottom: 1px solid #ccc; padding: 10px 0 8px 0; }
#promotext div.content { font-size: 1.1em; }

#paticka { width: 962px; margin: auto; padding: 12px 0; border-top: 1px solid #ccc; position: relative; }
#paticka a {  }
#paticka a:hover {  }

#rychly-kontakt { background: #ffcc00 url('images/rychly-kontakt-top.jpg') top left no-repeat; width: 204px; float: left; margin-right: 14px; padding-left: 9px; margin-top: 5px; }
#rychly-kontakt a { display: block; font-weight: normal; }
#rychly-kontakt a:hover { text-decoration: none; }
#rychly-kontakt div.roh { background: transparent url('images/rychly-kontakt-bottom.jpg') right bottom no-repeat; }
#rychly-kontakt h2 { color: white; font-size: 12px; margin: 0; padding: 12px 0 6px 0; }
#rychly-kontakt h2 a { color: white; font-weight: bold; }
#rychly-kontakt p { margin: 0; padding: 0; }
#rychly-kontakt p.telefony { padding-bottom: 4px; font-size: 15px; font-weight: bold; line-height: 20px; }
#rychly-kontakt p.telefony a { font-weight: bold; }

#banner-800 { float: left; margin-right: 14px; margin-top: 5px; }

#vyber-vhodne-ups { display: block; margin: 5px 0; width: 213px; }

div.eshop_katalog_polozka { width: 226px; padding: 1px; margin: 8px; float: left; text-align: center; position: relative; }
div.eshop_katalog_polozka table.nahled { width: 100%; height: 183px; margin: auto; background: white; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
div.eshop_katalog_polozka strong.nazev { display: block; padding: 4px 0; border-bottom: 1px solid #ccc; }
div.eshop_katalog_polozka strong.nazev a { color: #333366; font-size: 11px; }
div.eshop_katalog_polozka div.sklad { position: absolute; left: 0; padding: 3px 6px; margin-top: -183px; }
div.eshop_katalog_polozka div.popis { text-align: left; padding: 0 4px; font-size: 10px; line-height: 14px; height: 98px; overflow: hidden; background: #ffcc00; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
div.eshop_katalog_polozka div.cena { border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: left; padding: 8px; }
div.eshop_katalog_polozka div.cena .hodnota { font-weight: bold; font-size: 1.1em; }


#nakupni-kosik { padding: 10px 0 12px 0; background: #043567; text-align: center; }
#nakupni-kosik form { margin: 0; padding: 0; }
#nakupni-kosik input { width: 126px; }
.nakupni-kosik-radek { background: white; width: 87%; height: 17px; margin: 0 auto 4px auto; clear: both; padding: 3px 6px 0 6px; }
.nakupni-kosik-popisek { float: left; width: 60%; text-align: left; }
.nakupni-kosik-hodnota { float: right; width: 39%; font-weight: bold; text-align: right; }
#nakupni-kosik form input { background: #ffcc00; color: black; border: 2px solid #ffcc00; font-weight: bold; }



/******************************************************************************/

#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: 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, #email, #dodaci_ulice, #dodaci_mesto, #fakturacni_ulice, #fakturacni_mesto, #firma { width: 290px; }

#nakupni_kosik_rozpis_polozek { width: 99%; border-collapse: collapse; margin: 20px auto; border: 1px solid silver; background: white; }
#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; }

#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: white; clear: both; }
#nakupni_kosik_postovne td { padding: 10px 6px; }

fieldset { border: 1px solid silver; }

/******************************************************************************/

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

/******************************************************************************/

#eshop_polozka table.nahled { border: 1px solid silver; }
#eshop_polozka table.nahled td { height: 250px; width: 250px; text-align: center; background: white; }

#eshop_polozka div.fotografie { float: left; width: 38%; }
#eshop_polozka table.varianty { width: 62%; float: right; }

#eshop_polozka table.hodnoty { width: 62%; float: right; }
#eshop_polozka table.hodnoty td { border: 1px solid silver; padding: 4px; background: white; vertical-align: top; }
#eshop_polozka table.hodnoty th { width: 17%; background: #ccc; padding: 4px; vertical-align: top; color: #003366; text-align: left; }

#eshop_polozka div.hodnoty { width: 62%; float: right; }

#eshop_polozka form { margin: 10px 0 0 0; padding: 0; width: 60%; float: right; }
#eshop_polozka form input.pocet { width: 20px; }
#eshop_polozka form input.objednat { background: #ffcc00; color: black; border: 2px solid #ffcc00; font-weight: bold; width: 80px; }
#eshop_polozka form table { width: 100%; margin: 0; }
#eshop_polozka form table th { text-align: left; }
#eshop_polozka a.datasheet { background: #ffcc00; color: black; border: 2px solid #ffcc00; font-weight: bold; padding: 2px 20px; }

form.eshop_polozka_dotaz { margin-top: 16px; }
form.eshop_polozka_dotaz textarea { width: 58%; height: 120px; float: left; }
form.eshop_polozka_dotaz div { width: 39%; float: right; }
form.eshop_polozka_dotaz div input.jmeno { width: 270px; margin-bottom: 10px; }
form.eshop_polozka_dotaz div input.kontakt { width: 270px; margin-bottom: 10px; }
form.eshop_polozka_dotaz div input.odeslat { background: #ffcc00; color: black; border: 2px solid #ffcc00; font-weight: bold; }

/******************************************************************************/

.eshop_katalog_polozka2 { padding-bottom: 10px; padding: 8px 4px; }
.eshop_katalog_polozka2 strong.nazev { display: block; padding: 5px 9px; }
.eshop_katalog_polozka2 strong.nazev a { color: #666666; text-decoration: underline; }
.eshop_katalog_polozka2 .hodnoty { padding: 0px; height: 92px; background: #ccc url('images/eshop-katalog-polozka2-hodnoty.jpg') right top no-repeat; color: #999999; font-weight: bold; position: relative; }
.eshop_katalog_polozka2 .hodnoty .roh { width: 6px; height: 6px; overflow: hidden; background: transparent url('images/eshop-katalog-polozka2-hodnoty-roh.jpg') top left no-repeat; position: absolute; bottom: 0; right: 0; }
.eshop_katalog_polozka2 table.nahled { border: 1px solid #ddd; width: 68px; height: 68px; margin-right: 8px; background: white; position: absolute; top: 8px; left: 8px; }
.eshop_katalog_polozka2 table.nahled td { text-align: center; vertical-align: middle; }
.eshop_katalog_polozka2 .kod { padding: 12px 0 4px 90px;  }
.eshop_katalog_polozka2 .kod .hodnota { font-weight: normal; }
.eshop_katalog_polozka2 .cena { background: white; padding: 1px 0 1px 90px; }
.eshop_katalog_polozka2 .cena .hodnota { color: #003366; font-weight: bold; padding-left: 4px; font-size: 1.1em; }
.eshop_katalog_polozka2 a.detail { display: block; position: absolute; bottom: 8px; right: 8px; width: 106px; height: 0 !important; height /**/: 18px; overflow: hidden; padding-top: 18px; background: #124171 url('images/eshop-katalog-polozka2-detaily.jpg') center top no-repeat; color: white; }





/*
#flash_slogany { border: 1px solid #333; width: 458px; height: 100px; float: right; margin-top: 18px; margin-right: 26px; }

#rychle_ikony { width: 26px; position: absolute; right: 0; top: 23px; }
#rychle_ikony a { display: block; }

.popisek_dodavatele { text-align: justify; }
.popisek_dodavatele table.logo { height: 120px; background: white; float: left; margin-right: 20px; margin-bottom: 4px; }
.popisek_dodavatele p { margin-top: 8px; }
.popisek_dodavatele h2 { margin: 0; padding: 0; }

strong.orange { color: #e77817; font-size: 1.2em; }
table.levy_okraj { margin-bottom: 20px; border-left: 6px solid white; border-bottom: 1px dotted gray; }
table.levy_okraj td { vertical-align: top; padding-bottom: 10px; }
table.levy_okraj td.odsazeni { padding-left: 10px; }

#rychle-volby { padding: 8px; text-align: left; }
#rychle-volby ul { margin: 8px 8px 10px 24px; padding: 0; }
#rychle-volby ul a { font-size: 11px; font-weight: bold; }

p.ds-zarizeni { display: block; clear: left; padding: 4px 0; margin: 0; }
p.ds-zarizeni img { margin-right: 20px; }

.hlavni-box { min-height: 210px; background: white url('hlavni-box-pozadi.png') bottom left repeat-x; padding: 12px 12px 0 12px; margin-bottom: 18px; clear: both; position: relative; }
.hlavni-box .odkazy { font-size: 11px; text-align: right; height: 19px; position: absolute; bottom: 0; right: 10px; }
.hlavni-box .odkazy a { color: white; font-weight: bold; }
.hlavni-box img { margin-left: 10px; border: 1px solid #ddd; }

table.tabulka1 { width: 100%; margin: 10px 0; }
table.tabulka1 td { padding: 4px 6px; border: 1px solid silver; background: white; }

ul.mapa-stranek-0 { }
ul.mapa-stranek-0 li { margin-bottom: 6px; }
ul.mapa-stranek-1 { margin-top: 4px; }
ul.mapa-stranek-1 li { margin-bottom: 2px; }

table.fotogalerie_nahled { height: 130px; width: 130px; float: left; background: white; margin: 2px; }
img.fotogalerie_seznam_nahled { float: left; margin-right: 20px; }
a.fotogalerie_seznam_nazev { display: block; background: white; padding: 6px; }
div.fotogalerie_slozka { padding: 5px; }
*/




form.formstyl { text-align: left; }
form.formstyl label { display: block; width: 160px; float: left; padding-top: 5px; border-bottom: 1px solid #ddd; }

#nahled-mailu table { border-collapse: collapse; width: 100%; }
#nahled-mailu table th { width: 27%; border: 1px solid gray; padding: 8px; border-right-width: 0; background: #ddd; text-align: left; vertical-align: top; }
#nahled-mailu table td { border: 1px solid gray; padding: 8px; background: white; }
#nahled-mailu table p { margin: 0; padding: 0; }

#eshop_katalog_omezeni { width: 50%; float: left; }
#eshop_katalog_pocet { text-align: right; padding-top: 5px; margin-bottom: 20px; }


.fotogalerie-nahled { position: relative; float: left; text-align: center; padding: 4px; }
.fotogalerie-nahled table { width: 138px; height: 138px; text-align: center; background: white; }
.fotogalerie-vymazat { position: absolute; top: 0; left: 0; padding: 2px 4px; background: red; }
.fotogalerie-vymazat a { color: white; }

img.fotogalerie_seznam_nahled { float: left; margin-right: 20px; }
a.fotogalerie_seznam_nazev { display: block; background: #eee; padding: 6px; font-weight: bold; border: 1px solid silver; }
div.fotogalerie-slozka { padding: 5px; margin: 10px 0; }


table.kontakty { width: 100%; border-collapse: collapse; }
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; }




#prilohy { width: 100%; border-collapse: collapse; }
#prilohy th { background: #ddd; border: 1px solid silver; padding: 2px 4px; text-align: center; }
#prilohy td { background: white; border: 1px solid silver; padding: 2px 4px; }



div.odkaz-sekce { border: 1px solid #ccc; margin: 8px 0; padding: 4px; background: transparent url('images/odkaz-sekce.jpg') right top repeat-y; }
div.odkaz-sekce div.vnitrni { padding: 2px 24px 2px 4px; background: transparent url('images/odkaz-sekce-sipka.jpg') right bottom no-repeat; }
div.odkaz-sekce a { font-size: 1.5em; color: #003366; font-weight: bold; }

span.odkaz-sekce a { border: 1px solid #ccc; margin: 8px 0; padding: 4px; display: block; text-align: left; background: transparent url('images/odkaz-sekce.jpg') right top repeat-y; }
span.odkaz-sekce a span.vnitrni { padding: 2px 24px 2px 4px; display: block; background: transparent url('images/odkaz-sekce-sipka.jpg') right bottom no-repeat; }
span.odkaz-sekce a strong.nazev { font-size: 1.5em; color: #003366; }
span.odkaz-sekce a p { font-weight: normal; margin: 0; line-height: 16px; }
span.odkaz-sekce a span.obrazek { float: left; display: block; width: 15%; text-align: center; margin-right: 8px; }
span.odkaz-sekce a:hover { text-decoration: none; border-color: gray; }
span.odkaz-sekce a table.nahled { float: left; width: 15%; margin: 0 8px 0 0; border-collapse: collapse; height: 70px; }
span.odkaz-sekce a table.nahled td { text-align: center; }
span.odkaz-sekce a span.clear-both { display: block; clear: both; }

#banner-oxe { margin-top: 6px; margin-bottom: 3px; }
#banner-ajtrade { margin-bottom: 5px; }
#banner-vsv {  }

table.tabulka-variant { width: 100%; border-collapse: collapse; }
table.tabulka-variant th { color: #003366; text-align: left; padding: 4px; }
table.tabulka-variant td { background: #eee; border-bottom: 1px solid white; padding: 4px; }

#odkaz-cenik { font-size: 1.3em; text-decoration: underline; }