* { font-family: sans-serif; }
html { height: 100%; background: #020201 url(../obrazky/pozadi-2.png) repeat-x top; }
body { height: 100%; overflow-y: scroll; margin: 0; padding: 0; color: #A69788; font-size: small; background: #020201 url(../obrazky/pozadi-2.png) repeat-x top; }

hr { visibility: hidden; height: 1em; }

a { text-decoration: none; color: #594d40; }
a:hover { color: #ff7e00; }
a img { border: none; }

form { margin: 0; padding: 0; }
input, textarea, select { font-size: small; padding: 2px; }
label { padding: 2px 0; }

fieldset { margin: 0; padding: 0; padding-left: 5px; border: none; background-color: #231d16; border-bottom: 1em solid #231d16; width: 980px; }
fieldset legend { border: 1px solid #e3e3e3; color: white; font-weight: bold; background-color: #000; }
fieldset legend a { text-decoration: underline; color: white; }
fieldset legend a:hover { color: silver; }

.lest { display: none; }
.fieldsetPolovicni { width: 380px; }
.frmDiskuze fieldset { background: none; border: none; }


.spPolozka, .spHodnota { display: block; float: left; width: 7em; }
.spHodnota { width: 10em; }
/*.spPolozka { font-weight: bold; color: #ff7e00; }*/

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

h1, h2, h3, h4 { margin: 0; padding: 0; padding-bottom: .7em; }
h1 { font-size: large; }
h2 { font-size: medium; }
h3 { font-size: small; }
h4 { font-size: small; }

p { padding: .6em 0; margin: 0; }

.fs85 { font-size: 85%; }
.do-bloku { text-align: justify; }
.vystredene { text-align: center; }
.do-prava { text-align: right!important; }
.do-leva { text-align: left!important;; }
.cervene { color: red; }
.sede { color: gray; }
.velke { text-transform: uppercase; }
.ne-zalamovat { white-space: nowrap; }
.tucne { font-weight: bold; }
.male { font-size: x-small; }
.ml5 { margin-left: 5px; }
.podtrzene { text-decoration: underline; }

.dPrispevekSkelet p { color: #A69788; }
.orandzovy { color: #ff7e00!important; }
.aOrandzovy { color: #a69788!important; }
.aOrandzovy:hover { text-decoration: underline; color: #ff7e00!important; }

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

.napisteNamPolozka, .napisteNamHodnota { display: block; float: left; margin-bottom: .2em; }
.napisteNamPolozka { width: 8em; text-align: right; padding-right: .3em; }
.napisteNamHodnota { width: 26em; background: #584c3f;  border: none; color: white; }

.prihlaseniLabel, .prihlaseniInput { display: block; float: left; margin-bottom: .2em; }
.prihlaseniLabel { width: 12em; text-align: right; padding-right: .3em; }
.prihlaseniInput { width: 15em; background: #584c3f;  border: none; color: white; }


.prihlUdajeLabel, .prihlUdajeInout { display: block; float: left; margin-bottom: .2em; }
.prihlUdajeLabel { width: 12em; text-align: right; padding-right: .3em; }
.prihlUdajeInout { width: 15em; background: #584c3f;  border: none; color: white;}

.polozkaLabel, .polozkaInput, .entityLabel, .entityInput, .entityLabelDiskuze, .entityInputDiskuze, .entityLabelDiskuzeP { display: block; float: left; margin-bottom: .2em; }
.polozkaLabel, .entityLabel, .entityLabelDiskuze { width: 150px; text-align: right; padding-right: 4px; }
.polozkaInput, .entityInput, .entityInputDiskuze { width: 200px; background: #584c3f;  border: none; color: white;}
.polozkaInputVyhledat { margin: 0; padding: .3em .1em; height: 1.4em; }
.buttonVyhledat { padding: 0 10px; margin-left: 5px; height: 2em; float: left; }
.polozkaLabelHledani { text-align: left; width: 50px; }
.polozkaInputHledani { width: 40px; }


.entityLabelDiskuze { width: 317px; text-align: left; }
.entityLabelDiskuzeP { width: 5em;}
.entityInputDiskuze { width: 317px; float: left; margin: 0; }
.entityInput3Diskuze { width: 967px; overflow: auto; float: left; margin: 0; }
.spOddelovac { display: block; float: left; font-size: 1px; width: 4px; }

.entityInputCombo { width: 206px; }
.entityInput2 { width: 100px; margin-right: 100px; }
.polozkaInputDvojnasobna { width: 805px; }
.polozkaInputObrazek { width: 700px; background: none; }
.entityInput4 { width: 562px; }

#dExistujiciEntity { width: 986px; }
.existujiciEntity { color: #A69788; display: block; padding: .3em; text-decoration: none; background: #231d16; }
.existujiciEntity:hover { color: black; background-color: #FF7E00; }
.existujiciEntitySudy { color: #231d16; background-color: #A69788; }
#tlDorucovaciInformace, #tlStejneDoruceni, #tlZpusobRegistraceFirma, #tlZpusobRegistraceOsoba { display: none; }

.hierarchieLabel, .hierarchieInput { display: block; float: left; margin-bottom: .2em; }
.hierarchieLabel { width: 150px; text-align: right; padding-right: 4px; }
.hierarchieInput { width: 330px; background: #584c3f;  border: none; color: white;} /*200 */
.hierarchieInputCombo { width: 206px; }
.hierarchieInput2 { width: 200px; margin-right: 100px; } /*100*/
.hierarchieInput3 { width: 562px; }
#dExistujiciVetve { width: 980px; }

.existujiciVetve { color: #A69788; background: #231d16; display: block; padding: .3em; border-bottom: 1px solid gray; text-decoration: none; }
.existujiciVetveSudy { color: #231d16; background-color: #A69788;  }
.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: 150px; text-align: right; padding-right: 4px; }
.clankyInput { width: 200px; background: #584c3f;  border: none; color: white; }
.clankyInputCombo { width: 206px; }
.clankyInput2 { width: 100px; margin-right: 100px; }
.clankyInput3 { width: 562px; }
.clankyInput4 { width: 562px; background: none; color: #594d40; }

/*
	Katalog
*/
#dPrepinacEditace { width: 738px; padding: 1px; padding-bottom: 2em; }
#dPrepinacEditace a { border: 1px solid black; color: white; padding: .3em; margin-left: -1px; text-decoration: none; background-color: #231d16; }
#dPrepinacEditace a.aktivni { border-bottom: 1px solid #584c3f; text-decoration: underline; background-color: #584c3f; }
.produktyLabel, .produktyInput, .fotkyInput { display: block; float: left; margin-bottom: .2em; }
.produktyLabel { width: 150px; text-align: right; padding-right: 4px; }
.produktyLabel2 { width: 100px; }
.produktyInput { width: 200px; background: #584c3f;  border: none; color: white; }
.produktyInputCombo { width: 206px; }
.produktyInputCombo2 { width: 566px; }
.produktyInput2 { width: 100px; margin-right: 100px; }
.produktyInput3 { width: 562px; }
.produktyInput4 { width: 777px; }
.produktyInput5 { width: 30px; }
.bezmarginu { margin: 0; }
.padding2 { padding: 2px 0; }

.dLevy { width: 153px; float: left; }

.dProdukty { width: 740px; }
.dProdukty p { text-align: justify; }

.entityLabelDiskuze { width: 317px; text-align: left; }
.entityLabelDiskuzeP { width: 5em;}
.entityInputDiskuze { width: 317px; float: left; margin: 0; }
.entityInput3Diskuze { width: 967px; overflow: auto; float: left; margin: 0; }
.spOddelovac { display: block; float: left; font-size: 1px; width: 4px; }

.entityInput { width: 324px; }
.entityInputCombo { width: 328px; }
.entityInput2 { width: 100px; margin-right: 224px; }
.entityInput3, .entityInput4 {  width: 806px; }
/*.entityInput4 { width: 562px; } */
#dExistujiciEntity { width: 986px; }
.existujiciEntity { color: #A69788; display: block; padding: .3em; text-decoration: none; background: #231d16; }
.existujiciEntity:hover { color: black; background-color: #FF7E00; }
.existujiciEntitySudy { color: #231d16; background-color: #A69788; }

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

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

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

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

.detailProduktuPopisPopis { float: left; width: 490px; padding-left: 13px; padding-top: 1.5em; }

.detailProduktuObrazek { float: left; width: 240px; padding-top: 1.5em; padding-left: 10px; }

.katalogPolozkaSkelet { display: block; float: left; padding-top: 3px;}
.katalogPolozkaSkeletVystavy { display: block; text-align: center; }

.katalogPolozkaSkelet .obrazek { width: 220px; float: left; margin-right: 10px; }
.katalogPolozkaSkelet .obrazek a { font-size: 0px; }
.katalogPolozkaSkelet .obrazek .spUpravit { display: block; float: left; width: 122px;text-align: right; }
.katalogPolozkaSkelet .obrazek .spUpravit .aUpravit { font-size: small; }

.katalogPolozkaSkelet .popis, .katalogPolozkaSkelet .popis2 { width: 976px; float: left; text-align: center; }
/*.katalogPolozkaSkelet .popis2 { width: 976px; }
 */
.katalogPolozkaSkeletVystavy h2, .katalogPolozkaSkelet .popis h2, .katalogPolozkaSkelet .popis2 h2 { color: #ff7e00; font-size: small; padding:0; }
.katalogPolozkaSkeletVystavy h2 a, .katalogPolozkaSkelet .popis h2 a, .katalogPolozkaSkelet .popis2 h2 a { color: #ff7e00 }
.katalogPolozkaSkeletVystavy h2 a:hover, .katalogPolozkaSkelet .popis h2 a:hover, .katalogPolozkaSkelet .popis2 h2 a:hover { color: #ff7e00; text-decoration: underline; }
.katalogPolozkaSkeletVystavy span, .katalogPolozkaSkelet .popis span, .katalogPolozkaSkelet .popis2 span { color: #a69788; font-weight: bold; }
.katalogPolozkaSkeletVystavy p, .katalogPolozkaSkelet .popis p, .katalogPolozkaSkelet .popis2 p, .katalogPolozkaSkelet .popis ul, .katalogPolozkaSkelet .popis2 ul { padding-top:5px; color: #A69788; }
.katalogPolozkaSkeletVystavy ul, .katalogPolozkaSkelet .popis ul, .katalogPolozkaSkelet .popis2 ul { padding-left: 15px; }
.spCara { display: block; height: 1.2em; background: url(../obrazky/linka.png) no-repeat center center;}



/*
	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: #e5590d; }
.trMale td { font-size: 85%; }
/*
table { width: auto; }
table td, table th { padding: .2em .3em; }
table th { color: white; font-weight: bold; color: #e5590d; }
*/
table { width: auto; }
table td, table th { padding: .2em .3em; }
table th { vertical-align: top; text-align: left; font-weight: bold; color: #e5590d; }

/*
	Ankety
*/
.dAnketa { width: 160px; border: 6px solid #f2f2f2; margin: 0px auto; background-color: #f2f2f2; }
.dAnketa .spAnketaZahlavi { display: block; color: black; background-color: #f2f2f2; 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: gray; text-decoration: none; }
.dAnketa .spAnketaProcenta { display: block; float: left; width: 35px; text-align: right; }
.dAnketa .spAnketaProcenta * { text-decoration: none; color: blue; }
.dAnketa .spOdpoved { display: block; text-decoration: none; padding: 2px; color: gray; }
.dAnketa .spInformace { display: block; padding: 2px; background-color: #f2f2f2; border-top: 3px solid #f2f2f2; }
.dAnketa a { background: none; padding: 0; margin: 0; font-weight: normal; color: blue; }
.dAnketa a:hover { text-decoration: none; color: red; }
.bezpozadi { background: none; }


#dVyskakovaciOkno { background-color: white; position: absolute; width: 600px; height: 450px; z-index:14; background: url(../obrazky/kalendare-2015.jpg) center center no-repeat;}
#dVyskakovaciOkno .odkaz { display: block; width: 600px; height: 422px; position: absolute; top: 28px; left: 0px; }
#dVyskakovaciOkno .obrazek {background: url("../obrazky/kalendare-2015.jpg") top center no-repeat; background: none; width: 600px; height: 450px; background-color: #AB8E66;}
#dVyskakovaciZavrit { cursor: pointer; font-weight: bold; display: block; position: absolute; right: 26px; top: 8px; z-index: 110;  }
#dPozadiVyskakovacihoOkna {display: none;position: absolute; top: 0px; left: 0px; width: 100%; z-index: 13;}
#aVyskakovaciOknoOdkaz { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 15; }

.panorama {
  margin: 0 auto;
  cursor: -webkit-grab;
  width: 50%;
  height: 400px;
  background-size: cover;
  background-position: 50% 0;

  transition: background-position 1s linear;
}

.panorama:active{
    cursor: -webkit-grabbing;
}