html { background: black url(../obrazky/pozadi-html.jpg) no-repeat center top; }
body { color: white; margin: 0; padding: 10px 0; padding-bottom: 26px; font-family: sans-serif; font-size: small; background: url(../obrazky/pozadi-body.png) repeat-x bottom; }

hr { visibility: hidden; height: .5em; font-size: x-small; }

a { text-decoration: underline; color: #d37a0d; }
a:hover { color: silver; }
a img { border: none; }

form { margin: 0; padding: 0; }
input, textarea, select { font-family: sans-serif; font-size: small; padding: 2px; border: 1px solid #0b0b0b; }
label { padding: 2px 0; }
label strong { color: #ff3030; }
fieldset { margin: 0; padding: 0; border: none; background-color: #1b1b1b; border-bottom: 1em solid black; width: 730px; }
fieldset p { padding-left: 5px; }
fieldset legend { display: block; background-color: #3d3d3d; }
fieldset .legend { background-color: #3d3d3d; color: white; display: block; border-bottom: 1px solid #0b0b0b; padding: .1em .3em; }

/*fieldset { margin: 0; padding: 0; padding-left: 5px; border: none; background-color: #f5f5f5; border-bottom: 1em solid white; width: color: white;px; }
fieldset legend { border: 1px solid #e3e3e3; color: white; font-weight: bold; background-color: #606060; }
fieldset legend a { text-decoration: underline; color: white; }
fieldset legend a:hover { color: silver; }*/
.fieldsetPolovicni { width: 380px; }
.button { border: 1px solid #7e4407; padding: 0 .2em; background: #d37a0d; color: black; margin-bottom: .2em; }
.checkbox, .radio { border: none; }

address { font-style: normal; padding: .3em 0; margin: 0; }

ul li, ol li { margin-bottom: .5em; }
li ul, li ol { margin-top: .5em; }
.pismena li { list-style-type: lower-alpha; }

h1, h2, h3, h4 { margin: 0; padding: 0; margin-bottom: .2em; }
h1 { font-size: small; background: url(../obrazky/pozadi-nadpis-1.png) no-repeat; margin: 0 -14px; }
h1 span { display: block; color: #d37a0d; padding: 15px; background: url(../obrazky/pozadi-nadpis-2.png) no-repeat bottom left; position: relative; }

.eshopH2 { font-size: small; background: url(../obrazky/pozadi-nadpis-1.png) no-repeat; margin: 0 -15px; }
.eshopH2 span { display: block; color: #d37a0d; padding: 15px; background: url(../obrazky/pozadi-nadpis-2.png) no-repeat bottom left; }

.clankyH2 { font-size: small; background: url(../obrazky/pozadi-nadpis-1.png) no-repeat; margin: 0 -15px; }
.clankyH2 span { display: block; color: #d37a0d; padding: 15px; background: url(../obrazky/pozadi-nadpis-2.png) no-repeat bottom left; }

.obecneH1 { background: #d79400; margin-left: -15px; text-transform: lowercase; text-align: right; }
.eshopH1 { background: #006a9b/* url(../obrazky/pozadi-hlavni-nadpis-eshop.png) no-repeat*/; text-transform: lowercase; text-align: right; }
.akcniNabidkaH1 { background: #e40000/* url(../obrazky/pozadi-hlavni-nadpis-akcni-nabidka.png) no-repeat*/; text-transform: lowercase; text-align: right; }
.clankyH1 { background: #498a00/* url(../obrazky/pozadi-hlavni-nadpis-clanky.png) no-repeat*/; text-transform: lowercase; text-align: right; }
.fotogalerieH1 { display: block; font-size: small; padding: .2em 40px; padding-right: 40px; margin: 0 -15px; color: white; background: #8f8500/* url(../obrazky/pozadi-hlavni-nadpis-clanky.png) no-repeat*/; position: relative; font-weight: normal; margin-bottom: 1.5em; text-align: right; text-transform: lowercase; text-align: right; }
.akcniNabidkaH1 a, .clankyH2 a { display: block; position: absolute; right: 40px; top: .2em; text-transform: lowercase; }
.akcniNabidkaH1 a:hover, .clankyH2 a:hover { color: #e0e0e0; }

h2 { font-size: medium; color: #d37a0d; font-weight: normal; }
h1 a, h2 a { color: white; position: relative; }
h3, .h3 { font-size: small!important; color: #d8851b!important; }
h4 { font-size: small; }
p { padding: .6em 0; margin: 0; }
.mb0 { margin-bottom: 0; }

.do-bloku { text-align: justify; }
.vystredene { text-align: center; }
.do-prava { text-align: right; }
.do-leva { text-align: left; }
.cervene { color: red; }
.sede { color: gray; } 
.velke { text-transform: uppercase; }
.ne-zalamovat { white-space: nowrap; }
.tucne { font-weight: bold; }
.male { font-size: x-small; }

.clearLeft { clear: left; }
.clearRight { clear: right; }
.fLeft { float: left; }
.fRight { float: right; }

.prihlaseniLabel, .prihlaseniInput { display: block; float: left; margin-bottom: .2em; }
.prihlaseniLabel { width: 12em; text-align: right; padding-right: .3em; }
.prihlaseniInput { width: 15em; }

.prihlUdajeLabel, .prihlUdajeInout { display: block; float: left; margin-bottom: .2em; }
.prihlUdajeLabel { width: 12em; text-align: right; padding-right: .3em; }
.prihlUdajeInout { width: 15em; }

.entityLabel, .entityInput { display: block; float: left; margin-bottom: .2em; }
.entityLabel { width: 145px; text-align: right; padding-right: 4px; }
.entityInput { width: 200px; }
.entityInputCombo { width: 206px; }
.entityInput2 { width: 100px; margin-right: 100px; }
.entityInput3 { width: 555px; }
.entityInput4 { width: 554px; }
#dExistujiciEntity { width: 730px; }
.existujiciEntity { display: block; padding: .3em; border-bottom: 1px solid gray; text-decoration: none; color: white; }
.existujiciEntity:hover { color: white; background-color: #1b1b1b; }
.existujiciEntitySudy { background-color: #131313; }
#tlDorucovaciInformace, #tlStejneDoruceni, #tlZpusobRegistraceFirma, #tlZpusobRegistraceOsoba { display: none; }

.hierarchieLabel, .hierarchieInput { display: block; float: left; margin-bottom: .2em; }
.hierarchieLabel { width: 145px; text-align: right; padding-right: 4px; }
.hierarchieInput { width: 200px; }
.hierarchieInputCombo { width: 206px; }
.hierarchieInput2 { width: 100px; margin-right: 100px; }
.hierarchieInput3 { width: 555px; }
#dExistujiciVetve { width: 730px; }
.existujiciVetve { display: block; padding: .3em; border-bottom: 1px solid gray; text-decoration: none; color: white; }
.existujiciVetveSudy { background-color: #131313; }
.existujiciVetve a { text-decoration: none; }

#dJakFormatovatText { border: 1px solid black; background-color: white; padding: 1em; }
#dJakFormatovatText .vzorSyntaxe { border: 1px solid gray; background-color: #fafafa; padding: 1em; }
#dJakFormatovatText .vzorSyntaxe span { color: #404040; }
.clankyLabel, .clankyInput { display: block; float: left; margin-bottom: .2em; }
.clankyLabel { width: 145px; text-align: right; padding-right: 4px; }
.clankyInput { width: 200px; }
.clankyInputCombo { width: 206px; }
.clankyInput2 { width: 100px; margin-right: 100px; }
.clankyInput3 { width: 555px; }

/*
	Katalog
*/
#dPrepinacEditace { width: 738px; padding: 1px; padding-bottom: 2em; }
#dPrepinacEditace a { border: 1px solid black; padding: .3em; margin-left: -1px; text-decoration: none; background-color: #e3e3e3; }
#dPrepinacEditace a.aktivni { border-bottom: 1px solid white; background-color: white; }
.produktyLabel, .produktyInput { display: block; float: left; margin-bottom: .2em; }
.produktyLabel { width: 145px; text-align: right; padding-right: 4px; }
.produktyInput { width: 200px; }
.produktyInputCombo { width: 206px; }
.produktyInputCombo2 { width: 567px; }
.produktyInput2 { width: 100px; margin-right: 100px; }
.produktyInput3 { width: 562px; }
.dProdukty { width: 730px; }
.dProdukty p { text-align: justify; }

#dExistujiciOdkazy { width: 730px; }
.existujiciOdkazy { display: block; padding: .3em; border-bottom: 1px solid gray; text-decoration: none; color: black; }
.existujiciOdkazySudy { background-color: #131313; }
.existujiciOdkazy a { text-decoration: none; }

#dExistujiciParametry { width: 730px; }
.existujiciParametry { display: block; padding: .3em; border-bottom: 1px solid gray; text-decoration: none; color: black; }
.existujiciParametrySudy { background-color: #131313; }
.existujiciParametry a { text-decoration: none; }

.produktZarazeni { display: block; padding: .2em 0; }

.katFiltrSkelet { padding: .5em 0; margin: 0; border-bottom: 1px solid #2b2b2b;  }
.katFiltrSelect { border: 1px solid #dddddd; }
.katFiltrPolozka, .katFiltrHodnota, .katFiltrHodnota2 { display: block; float: left; margin-bottom: .2em; width: auto; padding-right: .5em; }
.katFiltrPolozka { padding-top: .2em; width: 110px; }
.katFiltrHodnota2 { width: 145px; }

.detailProduktuPopis { float: right; width: 350px; padding-left: 15px; padding-top: 1.5em; }
.detailProduktuPopis h1 { padding: 0; margin: 0; padding-bottom: 1.5em; background: none; font-size: large; color: #8f0000; }
.detailProduktuPopis h2 { padding: 0; margin: 0; padding-bottom: .5em; background: none; font-size: medium; color: #8f0000; }

.detailProduktuObrazek { float: right; width: 365px; padding-top: 20px; background: white url(../obrazky/pozadi-produkt-obrazek.png) repeat-x; }
.detailProduktuObrazek br { font-size: 0; }
.detailProduktuObrazek p { margin: 0; padding: .3em 0; }
.detailProduktuObrazek p input { border: none; }
.volitelnyParametrNazev, .volitelnyParametrHodnota { display: block; float: left; width: 173px; }
.volitelnyParametrHodnota { text-align: right; }
.volitelnyParametrSelect { border: 1px solid #dddddd; }
.cenyNazev, .cenyHodnota { display: block; float: left; width: 173px; }
.cenyHodnota { text-align: right; }
.cenyZvyrazni, .cenyZvyrazni2 { color: #d8851b; }
.cenyZvyrazni2 { font-size: medium; }

.katalogPolozkaSkelet { display: block; width: 379px; padding: 0; float: left; position: relative; background: url(../obrazky/pozadi-polozka-skelet-2.png) repeat-y; }
.katalogPolozkaSkelet .obal { padding: 0 15px; padding-bottom: 2em; background: url(../obrazky/pozadi-polozka-zapati-2.png) no-repeat bottom; }
.katalogPolozkaSkelet h2 { display: block; margin: 0 -15px; padding: 0; background: url(../obrazky/pozadi-polozka-nadpis-2-1.png) no-repeat; font-weight: bold; font-size: small; }
.katalogPolozkaSkelet h2 a { text-decoration: none; color: #d8851b; }
.katalogPolozkaSkelet h2 a:hover { text-decoration: underline; }
.katalogPolozkaSkelet h2 span { display: block; padding: 15px; background: url(../obrazky/pozadi-polozka-nadpis-2-2.png) no-repeat bottom; }
.katalogPolozkaSkelet1 { background: url(../obrazky/pozadi-polozka-skelet-1.png) repeat-y; }
.katalogPolozkaSkelet1 h2 { display: block; margin: 0 -15px; padding: 0; background: url(../obrazky/pozadi-polozka-nadpis-1-1.png) no-repeat; }
.katalogPolozkaSkelet1 h2 span { display: block; padding: 15px; background: url(../obrazky/pozadi-polozka-nadpis-1-2.png) no-repeat bottom; }
.katalogPolozkaSkelet1 .obal { background: url(../obrazky/pozadi-polozka-zapati-2.png) no-repeat bottom; }
.katalogPolozkaSkelet h2 { position: relative; }
.katalogPolozkaSkelet .pozadi { position: relative; background: url(../obrazky/pozadi-polozka-obsah.png) no-repeat; }
.katalogPolozkaSkelet .obrazek { position: relative; width: 147px; float: left; text-align: center; padding-top: 20px; }
.katalogPolozkaSkelet .popis { position: relative; width: 180px; float: left; padding-left: 15px; padding-top: 10px; }
.katalogPolozkaSkelet .popis p { margin: 0; padding: 0; }
.katalogPolozkaSkelet .popis .popis_produkty { height: 4em; overflow: hidden; }
.katalogPolozkaSkelet .popis .cena { display: block; padding: .5em 0; padding-bottom: .2em; text-decoration: none; }
.katalogPolozkaSkelet .popis .cena a { text-decoration: none; }
.katalogPolozkaSkelet .popis .cena strong { color: white; display: block; text-align: right; }
.katalogPolozkaSkelet .popis .cena em { color: #d8851b; }

.pKoupit { clear: left; display: block; padding-top: 1em; height: 40px; }
.tlacitkoKoupit { border: none; padding: 0; margin: 0; background: black; float: right; width: 43px; height: 43px; }
.pocetKusu { margin-top: 13px; padding: 0; display: block; float: right; text-align: right; background: url(../obrazky/pozadi-ks-1a.png) no-repeat top left; }
.pocetKusu .ks2 { display: block; background: url(../obrazky/pozadi-ks-1b.png) no-repeat top right; }
.pocetKusu .ks3 { display: block; background: url(../obrazky/pozadi-ks-2a.png) no-repeat bottom left; }
.pocetKusu .ks4 { display: block; background: url(../obrazky/pozadi-ks-2b.png) no-repeat bottom right; }
.pocetKusu .inputKs { width: 1.2em; padding: 4px; background: none; color: white; border: none; text-align: right; }
.ksText { display: block; float: right; padding: 0 3px; padding-top: .4em; padding-top: 18px; }
.katalogPolozkaSkelet .viceInformaci { display: block; text-align: right; padding: .2em; background: url(../obrazky/ikona-vice-informaci.png) no-repeat right center; padding-right: 30px; text-decoration: none; color: white; }
.katalogPolozkaSkelet .viceInformaci:hover { text-decoration: underline; }

.maticePolozek { /*background: url(../obrazky/pozadi-polozka-skelet-1.png) repeat-y; */border-top: 2em solid black; margin: 0 -15px; }
.maticePolozek br { font-size: 0; }
.maticePolozekVodorovnaCara { display: block; background: url(../obrazky/pozadi-matice-polozek-vodorovna-cara.png) repeat-x bottom; font-size: medium; margin-bottom: 1em; }


/*
	Objednávka
*/
.spObjednavkaPolozka, .spObjednavkaPocetKusu, .spObjednavkaCenaZaKus, .spObjednavkaParametrNazev, .spObjednavkaParametrHodnota { display: block; float: left; margin-bottom: .2em; }
.spObjednavkaPolozka { width: 400px; }
.spObjednavkaParametrNazev { padding-left: 30px; margin-bottom: 0; margin-top: .2em; }
.spObjednavkaParametrHodnota { margin-bottom: 0; margin-top: .2em; }
.spObjednavkaPocetKusu { width: 50px; }
.spObjednavkaPocetKusuInput { padding: 2px; }
.spObjednavkaCenaZaKusHlavicka { padding-left: 8px; }
.spObjednavkaCenaZaKus { width: 120px; text-align: right; padding-right: .5em; }

.tTable { width: auto; }
.tTable td, .tTable th { padding: .2em .3em; border-bottom: 1px solid silver; }
.tTable th { color: white; font-weight: bold; color: #d37a0d; }
.trMale td { font-size: 85%; }
.trSudy td { background-color: #f4f4f4; }

.tKalorickaTabulka td, .tKalorickaTabulka th { font-size: 85%; border-bottom: 1px solid silver; padding: .1em; }
.tKalorickaTabulka thead th { text-align: center; font-weight: normal; }
.tKalorickaTabulka th { text-align: left; font-weight: normal; }
.tKalorickaTabulka td { text-align: center; }

table { width: auto; }
table td, table th { padding: .2em .3em; border-bottom: 1px solid silver; }
table th { color: white; font-weight: bold; color: #8f0000; }

/*
	Ankety
*/
.dAnketa { width: 160px; border: 6px solid #303030; margin: 0px auto; background-color: black; }
.dAnketa .spAnketaZahlavi { display: block; color: silver; background-color: #303030; padding: 0; padding-bottom: .5em; }
.dAnketa .spAnketaHlasovani { display: block; text-decoration: none; padding: 2px; color: gray; }
.dAnketa .spPruhHlasy { display: block; float: left; width: 100px; }
.dAnketa .spPruhHlasy .spPruh { display: block; float: left; background-color: #404040; text-decoration: none; }
.dAnketa .spAnketaProcenta { display: block; float: left; width: 35px; text-align: right; }
.dAnketa .spAnketaProcenta * { text-decoration: none; color: gray; }
.dAnketa .spOdpoved { display: block; text-decoration: none; padding: 2px; color: gray; }
.dAnketa .spInformace { display: block; padding: 2px; color: silver; background-color: black; border-top: 3px solid black; }
.dAnketa a { background: none; padding: 0; margin: 0; font-weight: normal; color: #f19f00; }
.dAnketa a:hover { text-decoration: none; color: white; }

/*
	Kontakty
*/
#dKontakty { margin: 0 -15px; padding: 0 15px; background: url(../obrazky/pozadi-kontakty.jpg) no-repeat top right; }
.kontaktyPolozka, .kontaktyHodnota { display: block; float: left; margin-bottom: .2em; width: auto; }
.kontaktyPolozka { width: 7em; }

/*
	Věrnostní púrogram
*/
#dVernostniProgram { margin: 0 -15px; padding: 0 15px; background: url(../obrazky/pozadi-vernostni-program.jpg) no-repeat top right; }

/*
	Titulní stránka
*/
.dalsiZboziTitulka { display: block; background: url(../obrazky/pozadi-matice-polozek-vodorovna-cara.png) repeat-x center; font-size: x-large; padding: 1em 0; position: relative; }
.dalsiZboziTitulka img { position: absolute; top: -9px; left: -50px; }
.dalsiZboziTitulka span { display: block; background: #9b0e00 url(../obrazky/pozadi-dalsi-zbozi-titulni.png) no-repeat right center; margin: 0 150px; padding: .3em 45px; font-size: small; }
.dalsiZboziTitulka strong  { text-decoration: underline; font-weight: normal; color: white; position: relative; }

.dalsiClankyTitulka { display: block; background: url(../obrazky/pozadi-matice-polozek-vodorovna-cara.png) repeat-x center; font-size: x-large; padding: 1em 0; position: relative; text-decoration: none; }
.dalsiClankyTitulka img { position: absolute; top: -9px; left: -50px; }
.dalsiClankyTitulka span { display: block; background: #3e9100 url(../obrazky/pozadi-dalsi-clanky-titulni.png) no-repeat right center; margin: 0 150px; padding: .3em 45px; font-size: small; }
.dalsiClankyTitulka strong  { text-decoration: underline; font-weight: normal; color: white; position: relative; }

/*
	Články
*/
.textClanku p { }

/*
	Fotogalerie
*/
.fotogaleire_prehled img { border: 1px solid gray; }
.fotogaleire_prehled:hover img { border: 1px solid #202020; }
.fotografie_skelet { display: block; float: left; width: 180px; height: 170px; text-align: center; }
.fotografie_skelet img { margin-bottom: .5em; }
.fotografie_skelet img { border: 1px solid #202020; }
.fotografie_skelet:hover img { border: 1px solid #101010; }

.varovani { font-weight: bold; font-size: medium; color: red; }

a.hlasovaniBombicka {display: block; width: 40px; text-align: center; padding-top: 25px; background: url(../obrazky/bombicka-barevna.png) no-repeat top center; float: left; color: #EB8636; text-decoration: none;}
a.hlasovaniBombicka:active, a.hlasovaniBombicka:focus, a.hlasovaniBombicka:hover, a.hlasovaniBombickaSkrtla:active, a.hlasovaniBombickaSkrtla:focus, a.hlasovaniBombickaSkrtla:hover {font-weight: bolder;}
a.hlasovaniBombickaSkrtla {display: block; width: 40px; text-align: center; padding-top: 25px; background: url(../obrazky/bombicka-skrtnuta.png) no-repeat top center; float: left; color: #EB8636; text-decoration: none;}
.bombickyPozadi {width: 150px; height: 25px; background: url(../obrazky/bombicky-sede.png) no-repeat top left;}
.bombickyPopredi {width: 150px; height: 25px; background: url(../obrazky/bombicky-barevne.png) no-repeat top left;}
div.dBombickyHlasovani { padding: 5px 0px 0px 0px; font-weight: bolder; cursor: pointer; }
div.dBombickyHlasovani div {padding: 0px; }

.dZapatiLinka { border-bottom: 1px solid #606060; padding-top: 25px; }
.zapatiRozcestnik { text-align: center; font-size: 85%; margin: 0; padding: 0; padding-top: .2em; padding-bottom: .3em; }
.zapatiRozcestnik1 { padding-top: 15px; }
.zapatiRozcestnik em { font-style: normal; }
.zapatiRozcestnik strong { color: gray; }
.zapatiRozcestnik a { color: #505050; text-decoration: underline; }
.zapatiRozcestnik a:hover, .zapatiRozcestnik a:focus, .zapatiRozcestnik a:active { color: silver; text-decoration: underline; }