.hz {margin: auto; padding: 0px;}
.hz .zal {float: left; width: auto; height: 35px; padding: 0px; margin: 0px 1px 0px auto; line-height: 35px; color: #a0acc0; font-weight: bold; font-size: 87.5%; cursor: pointer; overflow: hidden;}
.hz .zal div {float: left;}

.hz .mDefault {background: url(bg-hz.png) repeat-x 0px -36px;}
.hz .mDefaultL {background: url(bg-hz.png) no-repeat 0px 0px; width: 5px; height: 35px; overflow: hidden;}
.hz .mDefaultR {background: url(bg-hz.png) no-repeat 0px -72px; width: 5px; height: 35px; overflow: hidden;}

/* nulova - pro vsechny */
.hz .mH0 {background: url(bg-hz.png) repeat-x 0px -144px;}
.hz .mL0 {background: url(bg-hz.png) no-repeat 0px -108px; width: 5px; height: 35px; overflow: hidden;}
.hz .mR0 {background: url(bg-hz.png) no-repeat 0px -180px; width: 5px; height: 35px; overflow: hidden;}

/* modra */
.hz .mH1 {background: url(bg-hz.png) repeat-x 0px -576px;}
.hz .mL1 {background: url(bg-hz.png) no-repeat 0px -540px; width: 5px; height: 35px; overflow: hidden;}
.hz .mR1 {background: url(bg-hz.png) no-repeat 0px -612px; width: 5px; height: 35px; overflow: hidden;}

/* zelena */
.hz .mH2 {background: url(bg-hz.png) repeat-x 0px -360px;}
.hz .mL2 {background: url(bg-hz.png) no-repeat 0px -324px; width: 5px; height: 35px; overflow: hidden;}
.hz .mR2 {background: url(bg-hz.png) no-repeat 0px -396px; width: 5px; height: 35px; overflow: hidden;}

/* orange */
.hz .mH3 {background: url(bg-hz.png) repeat-x 0px -468px;}
.hz .mL3 {background: url(bg-hz.png) no-repeat 0px -432px; width: 5px; height: 35px; overflow: hidden;}
.hz .mR3 {background: url(bg-hz.png) no-repeat 0px -504px; width: 5px; height: 35px; overflow: hidden;}

/* zluta */
.hz .mH4 {background: url(bg-hz.png) repeat-x 0px -252px;}
.hz .mL4 {background: url(bg-hz.png) no-repeat 0px -216px; width: 5px; height: 35px; overflow: hidden;}
.hz .mR4 {background: url(bg-hz.png) no-repeat 0px -288px; width: 5px; height: 35px; overflow: hidden;}

/* NEVIM */
.hz .mH5 {background: url(bg-hz.png) repeat-x 0px -576px;}
.hz .mL5 {background: url(bg-hz.png) no-repeat 0px -540px; width: 5px; height: 35px; overflow: hidden;}
.hz .mR5 {background: url(bg-hz.png) no-repeat 0px -612px; width: 5px; height: 35px; overflow: hidden;}

/* ruzova */
.hz .mH6 {background: url(bg-hz.png) repeat-x 0px -792px;}
.hz .mL6 {background: url(bg-hz.png) no-repeat 0px -756px; width: 5px; height: 35px; overflow: hidden;}
.hz .mR6 {background: url(bg-hz.png) no-repeat 0px -828px; width: 5px; height: 35px; overflow: hidden;}

/* zelenomodra */
.hz .mH7 {background: url(bg-hz.png) repeat-x 0px -900px;}
.hz .mL7 {background: url(bg-hz.png) no-repeat 0px -864px; width: 5px; height: 35px; overflow: hidden;}
.hz .mR7 {background: url(bg-hz.png) no-repeat 0px -936px; width: 5px; height: 35px; overflow: hidden;}

/* NEVIM */
.hz .mH8 {background: url(bg-hz.png) repeat-x 0px -576px;}
.hz .mL8 {background: url(bg-hz.png) no-repeat 0px -540px; width: 5px; height: 35px; overflow: hidden;}
.hz .mR8 {background: url(bg-hz.png) no-repeat 0px -612px; width: 5px; height: 35px; overflow: hidden;}

/* inverzni */
.hzi {margin: auto; padding: 0px;}
.hzi tr {height: 35px;}
.hzi .zal {float: left; width: auto; height: 35px; padding: 0px; margin: 0px 1px 0px auto; line-height: 35px; color: #a0acc0; font-weight: bold; font-size: 87.5%; cursor: pointer; overflow: hidden;}
.hzi .zal div { float: left;}

.hzi .mDefault {background: url(bg-hz.png) repeat-x 0px -1871px;}
.hzi .mDefaultL {background: url(bg-hz.png) no-repeat 0px -1907px; width: 5px; height: 35px; overflow: hidden;}
.hzi .mDefaultR {background: url(bg-hz.png) no-repeat 0px -1835px; width: 5px; height: 35px; overflow: hidden;}

/* nulova - pro vsechny */
.hzi .mH0 {background: url(bg-hz.png) repeat-x 0px -1763px;}
.hzi .mL0 {background: url(bg-hz.png) no-repeat 0px -1799px; width: 5px; height: 35px; overflow: hidden;}
.hzi .mR0 {background: url(bg-hz.png) no-repeat 0px -1727px; width: 5px; height: 35px; overflow: hidden;}

/* modra */
.hzi .mH1 {background: url(bg-hz.png) repeat-x 0px -1223px;}
.hzi .mL1 {background: url(bg-hz.png) no-repeat 0px -1259px; width: 5px; height: 35px; overflow: hidden;}
.hzi .mR1 {background: url(bg-hz.png) no-repeat 0px -1187px; width: 5px; height: 35px; overflow: hidden;}

/* zelena */
.hzi .mH2 {background: url(bg-hz.png) repeat-x 0px -1547px;}
.hzi .mL2 {background: url(bg-hz.png) no-repeat 0px -1583px; width: 5px; height: 35px; overflow: hidden;}
.hzi .mR2 {background: url(bg-hz.png) no-repeat 0px -1511px; width: 5px; height: 35px; overflow: hidden;}

/* orange */
.hzi .mH3 {background: url(bg-hz.png) repeat-x 0px -1439px;}
.hzi .mL3 {background: url(bg-hz.png) no-repeat 0px -1475px; width: 5px; height: 35px; overflow: hidden;}
.hzi .mR3 {background: url(bg-hz.png) no-repeat 0px -1403px; width: 5px; height: 35px; overflow: hidden;}

/* zluta */
.hzi .mH4 {background: url(bg-hz.png) repeat-x 0px -1655px;}
.hzi .mL4 {background: url(bg-hz.png) no-repeat 0px -1691px; width: 5px; height: 35px; overflow: hidden;}
.hzi .mR4 {background: url(bg-hz.png) no-repeat 0px -1619px; width: 5px; height: 35px; overflow: hidden;}

/* NEVIM */
.hzi .mH5 {background: url(bg-hz.png) repeat-x 0px -1331px;}
.hzi .mL5 {background: url(bg-hz.png) no-repeat 0px -1367px; width: 5px; height: 35px; overflow: hidden;}
.hzi .mR5 {background: url(bg-hz.png) no-repeat 0px -1295px; width: 5px; height: 35px; overflow: hidden;}

/* ruzova */
.hzi .mH6 {background: url(bg-hz.png) repeat-x 0px -1115px;}
.hzi .mL6 {background: url(bg-hz.png) no-repeat 0px -1151px; width: 5px; height: 35px; overflow: hidden;}
.hzi .mR6 {background: url(bg-hz.png) no-repeat 0px -1079px; width: 5px; height: 35px; overflow: hidden;}

/* zelenomodra */
.hzi .mH7 {background: url(bg-hz.png) repeat-x 0px -1007px;}
.hzi .mL7 {background: url(bg-hz.png) no-repeat 0px -1043px; width: 5px; height: 35px; overflow: hidden;}
.hzi .mR7 {background: url(bg-hz.png) no-repeat 0px -971px; width: 5px; height: 35px; overflow: hidden;}

/* NEVIM */
.hzi .mH8 {background: url(bg-hz.png) repeat-x 0px -1871px;}
.hzi .mL8 {background: url(bg-hz.png) no-repeat 0px -1907px; width: 5px; height: 35px; overflow: hidden;}
.hzi .mR8 {background: url(bg-hz.png) no-repeat 0px -1835px; width: 5px; height: 35px; overflow: hidden;}

/* NEVIM */
.hzi .mH9 {background: url(bg-hz.png) repeat-x 0px -1871px;}
.hzi .mL9 {background: url(bg-hz.png) no-repeat 0px -1907px; width: 5px; height: 35px; overflow: hidden;}
.hzi .mR9 {background: url(bg-hz.png) no-repeat 0px -1835px; width: 5px; height: 35px; overflow: hidden;}

table.hz, table.hzi { width: 100%; }
table.hz td.zal, table.hzi td.zal { float: none; position: relative; text-align: center; }
.hzi .zal .mL0,.hzi .zal .mL1,.hzi .zal .mL2,.hzi .zal .mL3,.hzi .zal .mL4,.hzi .zal .mL5,.hzi .zal .mL6,.hzi .zal .mL7,.hzi .zal .mL8,.hzi .zal .mL9,.hzi .zal .mDefaultL{ float: left; }
.hz .zal .mL0,.hz .zal .mL1,.hz .zal .mL2,.hz .zal .mL3,.hz .zal .mL4,.hz .zal .mL5,.hz .zal .mL6,.hz .zal .mL7,.hz .zal .mL8,.hz .zal .mL9,.hz .zal .mDefaultL{ float: left; }
.hzi .zal .mR0,.hzi .zal .mR1,.hzi .zal .mR2,.hzi .zal .mR3,.hzi .zal .mR4,.hzi .zal .mR5,.hzi .zal .mR6,.hzi .zal .mR7,.hzi .zal .mR8,.hzi .zal .mR9,.hzi .zal .mDefaultR{ float: right; }
.hz .zal .mR0,.hz .zal .mR1,.hz .zal .mR2,.hz .zal .mR3,.hz .zal .mR4,.hz .zal .mR5,.hz .zal .mR6,.hz .zal .mR7,.hz .zal .mR8,.hz .zal .mR9,.hz .zal .mDefaultR{ float: right; }
*+html .hzi .zal .mR0,*+html .hzi .zal .mR1,*+html .hzi .zal .mR2,*+html .hzi .zal .mR3,*+html .hzi .zal .mR4,*+html .hzi .zal .mR5,*+html .hzi .zal .mR6,*+html .hzi .zal .mR7,*+html .hzi .zal .mR8,*+html .hzi .zal .mR9,*+html .hzi .zal .mDefaultR,*+html .hz .zal .mR0,*+html .hz .zal .mR1,*+html .hz .zal .mR2,*+html .hz .zal .mR3,*+html .hz .zal .mR4,*+html .hz .zal .mR5,*+html .hz .zal .mR6,*+html .hz .zal .mR7,*+html .hz .zal .mR8,*+html .hz .zal .mR9,*+html .hz .zal .mDefaultR{ position: relative; top: -35px; margin-bottom: -35px;}
* html .hzi .zal .mR0,* html .hzi .zal .mR1,* html .hzi .zal .mR2,* html .hzi .zal .mR3,* html .hzi .zal .mR4,* html .hzi .zal .mR5,* html .hzi .zal .mR6,* html .hzi .zal .mR7,* html .hzi .zal .mR8,* html .hzi .zal .mR9,* html .hzi .zal .mDefaultR,* html .hz .zal .mR0,* html .hz .zal .mR1,* html .hz .zal .mR2,* html .hz .zal .mR3,* html .hz .zal .mR4,* html .hz .zal .mR5,* html .hz .zal .mR6,* html .hz .zal .mR7,* html .hz .zal .mR8,* html .hz .zal .mR9,* html .hz .zal .mDefaultR{ position: relative; top: -35px; margin-bottom: -35px;}