html { background-color: #000000; width: 100%; }
body { margin: 0; padding: 0; font-family: 'roboto', /*'osifont',*/ sans-serif; font-size: 95%; line-height : 1.3em; color: #b7b7b7; width:100%; }

.barvaDoplnkova { color: #ff00ff;}
.barvaHlavni { color: #000000;}
.barvaVedlejsi { color: #ffff36;}

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

a { text-decoration: underline; color: #ffffff; cursor: pointer;}
a:hover, a:active, a:focus { color: #ffff36; }
a img { border: none; }

form { margin: 0; padding: 0;  }
input, textarea, select {  color: #ffffff; font-size: small; font-family: sans-serif; margin: 0; padding: 2px 3px; border-top: 1px solid #646464; border-left: 1px solid #646464; border-bottom: 1px solid #646464; border-right: 1px solid #646464; }
select, option { color: #ffffff; background-color: #000000 }
select { background: rgba(26,26,26,0.1);}
input:focus, textarea:focus, select:focus, input:active, textarea:active, select:focus { border: 1px solid #646464; }
input[type=radio], input[type=checkbox], .checkbox { border: none; }
label { padding: 2px 0; }
input[type=submit], .tlacitko, .tlacitko:focus, .tlacitko:active { margin: 0.4em 0em; background-color: #000000; color: #ffffff; font-weight: bold;  border: 1px solid #646464; }

::selection { background: #ffffff; color: #000000; }
::-moz-selection { background: #ffffff; color: #000000; }
::-webkit-selection { background: #ffffff; color: #000000; }
input[type=checkbox] { color: #ffffff; background-color: #000000;}

.polozkaLabel, .polozkaInput { display: block; float: left; margin-bottom: .2em; padding-top: 3px; }
.polozkaLabel { width: 125px; text-align: right; padding-right: 4px; padding-top: 3px; }
.polozkaInput { width: 190px; padding: 2px 4px; }
.polozkaInputText { width: 215px; padding-left: 5px; padding-top: 3px; }
.polozkaInputDvojnasobna { width: 350px; }
.polozkaInputPolovicni { width: 115px; margin-right:75px; }
.polozkaInputCombo { width: 200px; }
.polozkaInputComboDvojnasobna { width: 530px; }

fieldset {  margin: 0; margin-right: 2em; width: 490px; padding: 1em 0; padding-left: 5px; border: none; /*background-color: #323232;*/ margin-bottom: 1em; border: 1px solid #323232; }
fieldset legend { border: 1px solid #646464; color: #ed00ed; font-weight: bold; background-color: #323232; }
fieldset legend a { text-decoration: none; color: #ffffff; }
fieldset legend a:hover { color: #ffff36; }
fieldset ul { margin-top: 0; margin-bottom: 0; padding-top: .6em; padding-bottom: 0; }
.fieldsetPolovicni { width: 400px; }

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

h1, h2, h3, h4 { margin: 0; padding: 0; padding-top: .5em; }
h1 { font-size: xx-large; padding: 0; padding-bottom: .2em; }
h2 { font-size: medium; color: #ffffff; }
h3 { font-size: small; color: #ffffff; }
h4 { font-size: small; }
p { padding: .5em 0; margin: 0; }
.dTextClanku { padding-top: 20px; }

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

.clearLeft, .cL { clear: left; }
.clearRight, .cR { clear: right; }
.clearBoth, .cB { clear: both; }
.fLeft { float: left; }
.fRight { float: right; }
.obrazekLevy { float: left; margin-right: 10px; margin-bottom: 10px; }
.obrazekPravy { float: right; margin-left: 10px; margin-bottom: 10px; }

#dSkelet { /*width: 990px;*/ padding: 0px 0px;  overflow: hidden; }
#dHorniMenu { position: absolute; top: 10px; left: 0px; padding-left: 300px; width: 100%; display: none; }
.aPolozkaHorniMenu { display: block; float: left; padding: 1em;  }

#dLeveMenu { width: 280px; padding-top: 12px; padding-bottom: 100px; float: left; position: relative; z-index: 2; margin: 0 5px; overflow: visible; }
#dLeveMenu .menuSkupina { color: #b7b7b7; }
#dLeveMenu .menuSkupina p { padding-left: 18px; padding-right: 24px; padding-bottom: 10px; }
#dLeveMenu .menuSkupinaBezZapati {  }
#dLeveMenu .menuSkupinaBezZapati p { background: none; }
#dLeveMenu .menuSkupina strong, #dLeveMenu .menuSkupina strong a { color: #ffffff; text-align: left; padding: 0; }
#dLeveMenu .menuSkupina a, #dLeveMenu .menuSkupina strong { display: block; padding-top: 3px; padding-bottom: 3px; }
#dLeveMenu .menuSkupina a { color: #b7b7b7; text-decoration: none; }
#dLeveMenu .menuSkupina a:hover, #dLeveMenu .menuSkupina a:focus, #dLeveMenu .menuSkupina a:active { color: #ffffff; }
#dLeveMenu .aktivni, #dLeveMenu .aktivni span, #dLeveMenu .menuSkupina strong .aktivni { color: #ffffff; }
#dLeveMenu .menuSkupina .aktivni, #dLeveMenu .menuSkupina .aktivni:hover, #dLeveMenu .menuSkupina .aktivni:focus, #dLeveMenu .menuSkupina .aktivni:active { color: #ffffff; }

#dHorniMenu .aPolozkaHorniMenu, #dHorniMenu .aPolozkaHorniMenu strong { display: block;  }
#dHorniMenu .aPolozkaHorniMenu { color: #b7b7b7; text-decoration: none; }
#dHorniMenu .aPolozkaHorniMenu:hover, #dHorniMenu .aPolozkaHorniMenu:focus, #dHorniMenu .aPolozkaHorniMenu:active { color: #ffffff; }

#frmSopakVyhledat { margin: 0; padding: 0; padding-bottom: 13px; padding-left: 11px; }
#frmSopakVyhledat strong { display: block; padding-left: 7px; padding-right: 24px; padding-top: 3px; padding-bottom: 3px; }
#frmSopakVyhledat br { font-size: 0; }
#frmSopakVyhledat input { }
#frmSopakVyhledat #txtSopakVyhledat { display: block; float: left; width: 156px; padding: 3px 7px; }
#frmSopakVyhledat #btnSopakVyhledat { display: block; float: left; width: 50px; padding: 3px 7px; border: none; color: #646464; }

#pHlavniNadpis { margin: 0; padding: 0; padding-bottom: 1em; color: #ffffff; }
#bHlavniNadpisObsah { display: block; font-size: large; margin: 0; padding: 0; color: #ffffff; }

#dObsahSkelet { float: left; overflow: hidden; margin-top: 0px; }
#dObsahSkeletTitulni { float: left; overflow: hidden; position: relative; z-index: 1; }
#dObsah { padding-top: 15px; padding-left: 12px; }
#dObsahTitulni { padding-top: 50px; padding-left: 12px; }

.dSkeletRozcestnik { margin-left: -8px; width: 734px; background-color: #646464; margin-bottom: 10px; }
.dSkeletRozcestnik div { padding: 8px; }
.clanekRozcestnik { display: block; float: left; width: 229px; padding: 3px 10px; padding-left: 0; font-weight: normal; }
.clanekRozcestnik a { text-decoration: none; color: #b7b7b7; }
.clanekRozcestnik a:hover, .clanekRozcestnik a:focus, .clanekRozcestnik a:active { color: #ffffff; }
.clanekRozcestnikNovinka a { text-decoration: none; color: #ffffff; }
.clanekRozcestnikNovinka a:hover, .clanekRozcestnikNovinka a:focus, .clanekRozcestnikNovinka a:active { color: #b7b7b7; }
.clanekRozcestnik .aktivni, .clanekRozcestnikNovinka .aktivni { color: #ffffff; }

#dZapati { /*width: 733px;*/ padding-left: 12px; color: #212121; padding-bottom: 20px; position: relative; overflow: visible; }
#dZapati div { padding-bottom: 14px; border-bottom: 1px solid #646464; margin-bottom: 17px; }
#dZapati a { color: #646464; text-decoration: none; }
#dZapati a:hover, #dZapati a:focus, #dZapati a:active { color: #212121; text-decoration: underline; }
#dZapati img { float: right; margin-left: 50px; }
#dZapati span { white-space: nowrap; }
#dZapati div img { float: left; margin-right: 12px; margin-left: 0; }


/*marek nemazat*/

#adminPlovouci { position: fixed; bottom: 0px; right: 0px; color: #ed00ed; z-index: 2; display: none; background: url(../obrazky/opacity7.png) repeat;}
#adminPlovouci a, #adminPlovouci span {display: block; float: left; padding: 3px 6px;}
#dStavovaZprava { position: fixed; top: 40px; right: 40px; padding: 10px; border: 1px solid #ffffff; display: none; cursor: pointer; z-index: 10;}
#dStavovaZprava.ok { background-color: green; color: white; }
#dStavovaZprava.chyba { background-color: rgba(190,0,0,0.8); color: white; }
#dStavovaZprava.info { background-color: #ed00ed; color: #212121; background: #ed00ed url(../obrazky/loading.gif) left center no-repeat; padding-left: 40px; }
#dStavovaZprava.rychla  { /*background: rgba(127,127,127,0.5);*/background-color: #ed00ed; color: #212121; }

.sTagSkupina { background-color: #ed00ed; margin-right: 5px;}

.nezobrazovat {display: none;}
.skryvej {padding: 3px; cursor: pointer;}
.neaktivni {text-decoration: line-through;}
.vyhledatBarva { color: #ed00ed;}

#dPlocha { background-color: #000000; position: fixed; top: 0px; left: 0px; z-index: -1; width: 1024px; height: 768px; }
#dPlochaFotografie { margin: 0 auto; }
#dPlochaFotografie.tabletmobil { opacity: 0; }
#dKrytiPlochy { /*background: url(../obrazky/barva-horni.png) top left repeat-x;*/ }
#dKrytiPlochyZtmaveni { position: fixed; top: 0px; left: 0px; width: 1024px; height: 768px;  background: url(../obrazky/opacity7.png) repeat;}
#dPlochaOvladaciPrvky {display: none; }
#aPlochaZavrit { position: absolute; top: 0px; right: 0px; width: 100px; height: 100px; border: 2px solid grey; /*display: none;*/}
#dPlochaInfo { position: absolute; top: 0px; left: 50px; width: 700px; height: 100px; border: 2px solid grey; /*display: none;*/}
#aPlochaDalsi { position: absolute; top: 150px; right: 0px; width: 100px; height: 500px; border: 2px solid grey; /*display: none;*/}
#aPlochaPredchozi { position: absolute; top: 150px; left: 0px; width: 100px; height: 500px; border: 2px solid grey; /*display: none;*/}
#dPlochaRozcestnik { position: absolute; bottom: 0px; left: 50px; width: 700px; height: 150px; border: 2px solid red; /*display: none;*/}
#aPlochaRozcestnikDalsi { position: absolute; bottom: 0px; right: 0px; width: 100px; height: 100px; border: 2px solid grey; /*display: none;*/}
#aPlochaRozcestnikPredchozi { position: absolute; bottom: 0px; left: 0px; width: 100px; height: 100px; border: 2px solid grey; /*display: none;*/}
#dPlochaRozcestnikObsah { position: absolute; bottom: 0px; left: 150px; height: 100px; width: 400px; overflow: hidden; border: 2px solid lime;}
#dPlochaRozcestnikObsahVnitrni { position: absolute; bottom: 0px; left: 0px; height: 100px; /*width: 400px; overflow: hidden;*/ border: 2px solid lime;}
.aPlochaRozcestnikObsahJednaFotografie { margin: 0 10px; float: left; width: 100px; height: 100px; display: block; /*border: 1px solid yellow;*/}
.aPlochaRozcestnikObsahJednaFotografie.aktivni, .aPlochaRozcestnikObsahJednaFotografie:active, .aPlochaRozcestnikObsahJednaFotografie:focus, .aPlochaRozcestnikObsahJednaFotografie:hover {border-bottom: 5px solid yellow;}
#sPlochaInfoHlasovani {float: right;}

#dKrytiPlochyZtmaveniRohu {position: absolute;}
#dKrytiPlochyZtmaveniRohuLeva {position: absolute; top: 0px; left: 0px; background: url(../obrazky/prechod-leva.png) repeat-y top left;}
#dKrytiPlochyZtmaveniRohuPrava {position: absolute; top: 0px; right: 0px; background: url(../obrazky/prechod-prava.png) repeat-y top right;}
#dKrytiPlochyZtmaveniRohuHorni {position: absolute; top: 0px; left: 0px; background: url(../obrazky/prechod-horni.png) repeat-x top left;}
#dKrytiPlochyZtmaveniRohuDolni {position: absolute; bottom: 0px; left: 0px; background: url(../obrazky/prechod-dolni.png) repeat-x bottom left;}

#dFotografieDetail { overflow: hidden; cursor: pointer; }
#dFotografieDetail img { display: none;}

.sZvyraznenyCallback { display: block; color: #ed00ed; background-color: #323232; padding: 5px; margin: 5px; border: 1px solid #646464; float: left; clear: both;}
.cZvyrazneniVTextu { color: #ed00ed;}

.fieProlinkovaniZapnuto {background-color: green;}
.fieProlinkovaniVypnuto {background-color: rgba(190,0,0,0.8);}

.sProlinkovaniZapnuto { color: rgba(0,190,0,0.8);}
.sProlinkovaniVypnuto { color: rgba(190,0,0,0.8);}

#dExistujiciEntity { }
.existujiciEntity { display: block; padding: .3em; border-bottom: 1px solid #646464; text-decoration: none; color: #ffffff; }
.existujiciEntity:hover { color: black; background-color: #323232; }
.existujiciEntitySudy { background-color: #646464; }
#tlDorucovaciInformace, #tlStejneDoruceni, #tlZpusobRegistraceFirma, #tlZpusobRegistraceOsoba { display: none; }

#dExistujiciVetve { }
.existujiciVetve { display: block; padding: .3em; border-bottom: 1px solid #646464; text-decoration: none; color: #b7b7b7; }
.existujiciVetveSudy {  }
.existujiciVetve a { text-decoration: none; }

#dJakFormatovatText { border: 1px solid #000000; background-color: #000000; padding: 1em; color: #b7b7b7;}
#dJakFormatovatText .vzorSyntaxe { border: 1px solid #ffffff; background-color: #323232; padding: 1em; color: #b7b7b7; }
#dJakFormatovatText .vzorSyntaxe span { color: #ffffff; }

/*
	Katalog
*/
#dPrepinacEditace { padding: 1px; padding-bottom: 2em; }
#dPrepinacEditace a { border: 1px solid #000000; padding: .3em; margin-left: -1px; text-decoration: none; background-color: #323232;  }
#dPrepinacEditace a.aktivni { border-bottom: 1px solid #ffffff; color: #323232; background-color: #ffffff; }
#dPrepinacEditace a.neaktivni { background-color: #000000; color: #323232; cursor: default;}

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

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

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

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

.detailProduktuPopis { 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; width: 370px; float: left; position: relative; }
.katalogPolozkaSkelet1 { margin-right: 12px; }
.katalogPolozkaSkelet .obrazek { width: 120px; float: left; border-right: 10px solid #ffffff; }
.katalogPolozkaSkelet .popis { width: 235px; float: left; }

/*
	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 #323232; }
.tTable th { color: white; font-weight: bold; color: #a200a2; }
.trMale td { font-size: 85%; }

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

/*
	Ankety
*/
.dAnketa { width: 160px; border: 6px solid #323232; margin: 0px auto; background-color: #323232; }
.dAnketa .spAnketaZahlavi { display: block; color: #000000; background-color: #323232; padding: 0; padding-bottom: .5em; }
.dAnketa .spAnketaHlasovani { display: block; text-decoration: none; padding: 2px; color: #646464; }
.dAnketa .spPruhHlasy { display: block; float: left; width: 100px; }
.dAnketa .spPruhHlasy .spPruh { display: block; float: left; background-color: #646464; text-decoration: none; }
.dAnketa .spAnketaProcenta { display: block; float: left; width: 35px; text-align: right; }
.dAnketa .spAnketaProcenta * { text-decoration: none;  }
.dAnketa .spOdpoved { display: block; text-decoration: none; padding: 2px; color: #646464; }
.dAnketa .spInformace { display: block; padding: 2px; background-color: #f2f2f2; border-top: 3px solid #ffffff; }
.dAnketa a { background: none; padding: 0; margin: 0; font-weight: normal; color: blue; }
.dAnketa a:hover { text-decoration: none; color: #a200a2; }

span.sipkaLeva, span.sipkaPrava { color: #646464; }
.sipkaLeva { padding-left: 18px; background: url(../obrazky/sipka-leva.png) no-repeat center left; text-decoration: none; }
.sipkaPrava { padding-right: 18px; background: url(../obrazky/sipka-prava.png) no-repeat center right; text-decoration: none; }
.sipkaNahoru { text-decoration: none; }

.sPopisekPodObrazkem {display: block; }
.sPopisekPodObrazkem .sPopisekPodObrazkemVnitrni {display: block; padding: 0 0.5em 0.2em; text-align: justify; font-size: x-small;}

#stavOk, #stavChyba { display: block; text-decoration: none; font-weight: bold; padding: .2em; margin-top: .5em; margin-bottom: 1em; text-align: left; color: #ffffff; }
#stavOk { background-color: rgba(0,190,0,0.8); }
#stavChyba { background-color: rgba(190,0,0,0.8); }

.vyskakovac { position: absolute; top: 0px; left: 0px; overflow: auto; width: 200px; height: auto; color: #ffffff; background-color: #646464; padding: 5px; text-align: left; z-index: 10;}

.automaticke-prolinkovani { color: #ffffff; text-decoration: none; border-bottom: 1px dotted; }
.doplnkovaBarva { color:  #a200a2; }

.aHlavni { padding-left: 15px;}
.aPodHlavni { padding-left: 15px;}
.sLeveMenuOdsazeni { padding-left: 30px; display: block; float: left;}

#dFacebook { width: 200px; height: 100px; border: 1px solid red;}

.sloupce {
    /*max pocet sloupcu*/
    -webkit-column-count: 1000;
    -moz-column-count: 1000;
    column-count: 1000;
    /*min sirka sloupce*/
    column-width: 35em;
    -webkit-column-width: 35em;
    -moz-column-width: 35em;
    
    column-fill: balance;

    text-align: justify;
}

/*
.dPlochaJednaFotografie { 
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;}
*/

.disabled { color: silver;}

table.brouciVysledky {display: none; margin-top:2em;}
table thead td {font-weight: bold; padding-bottom: 0.5em;}
table td {padding-right: 0.5em;padding-left: 0.5em;}
table tbody tr:nth-child(odd) td, fieldset
{
background-color:#202020;
}