body {font-family: Arial; background: #000 url(../images/body-bg.png) repeat-x 0 117px; 
      color: #494949; margin: 0; padding: 0; font-size: 13px; }
a {outline: none; }
input {outline: none; }
a img {border: none; }

#header {display: block; width: 100%; height: 117px; border-bottom: solid 1px #1e1c1c; position: relative; }
#header .middle {z-index: 500; }
.middle {margin: 0 auto; width: 986px; position: relative; z-index: 2;}
#logo {float: left; width: 360px; height: 63px; margin-top: 15px;}
#logo h1 {float: left; margin: 0; }
#logo h2 {float: left; margin: 0; font-size: 14px; width: 100px; color: #fff; margin-left: 35px; padding-top: 7px;}
#asics {margin: 0; float: left; position: absolute; top: 66px; left: 0;}
#menu {display: block; position: absolute; top: 90px; left: 240px; height: 27px;}
#menu ul {list-style-type: none; float: left; margin: 0; padding: 0;}
#menu ul li {float: left; display: inline; padding: 0; margin: 0;}
#menu ul * {float: left; overflow: hidden; }
#menu ul li a {text-decoration: none; color: #b5b5b5; margin-left: 7px; }
#menu ul li a .cc {padding-left: 7px; padding-right: 16px; height: 27px; line-height: 28px; }
#menu ul li a .cl, #menu ul li a .cr {width: 5px; height: 27px; }
#menu ul li a .cr {padding-left: 3px; }
#menu ul li a.sel .cc {background: #1f1d1d url(../images/mm-darr.png) no-repeat right 13px; }
#menu ul li a.sel .cl {background: transparent url(../images/mm-cl.png) no-repeat; }
#menu ul li a.sel .cr {background: transparent url(../images/mm-cr.png) no-repeat 3px 0; background-color: #1f1d1d;}
#buttons {float: right; margin-right: 59px; }
#buttons .btn {float: left; width: 99px; height: 62px; color: #fff; text-decoration: none; font-size: 15px; margin-left: 8px; font-weight: bold; padding-top: 10px; text-align: center; line-height: 25px;}
#buttons .red {background-image: url(../images/h-btn-red.png); }
#buttons .blue {background-image: url(../images/h-btn-blue.png); }

#body {width: 100%; float: left;
       min-width: 986px;
       background: transparent url(../images/main-bg.jpg) no-repeat center top; 
       min-height: 408px; padding-bottom: 20px;}
#footer {width: 100%; height: 174px; 
         background: transparent url(../images/footer-bg.png) repeat-x; 
         float: left;}
#newsletter {float: left; width: 205px; margin-top: 16px;}
#newsletter h3 {color: #fff; font-weight: normal; margin: 0; }
#nw-input {float: left; width: 200px; margin-top: 10px;}
#nw-input * {float: left; overflow: hidden;}
#nw-input .cl, #nw-input .cr {width: 4px; height: 29px; }
#nw-input .cl {background: transparent url(../images/nw-cl.png) no-repeat; }
#nw-input .cr {background: transparent url(../images/nw-cr.png) no-repeat; }
#nw-input .txt {width: 146px; padding: 0; border: none;
                border-top: solid 1px #363031; border-bottom: solid 1px #363031;
                background-color: #000; color: #7f7f7f; height: 22px;
                padding-top: 5px;}
#nw-input .sbm {width: 45px; border: none; height: 29px; font-family: Arial;
                border-top: solid 1px #363031; border-bottom: solid 1px #363031; 
                background: transparent url(../images/nw-sbm-bg.png) repeat-x;
                color: #7f7f7f;}
#copy {float: left; width: 100%; margin-top: 20px;}
#copy a { color: #636363; }

#social {display: block; position: absolute; top: 40px; left: 885px; width: 110px;}
#social a {margin-right: 10px; }

#login {display: block; position: absolute; z-index: 5; left: 497px; 
        width: 486px; color: #fff; height: 86px;}
#login h3 {float: left; width: 450px; margin: 0; margin-top: 2px; font-weight: normal;
           font-size: 13px; margin-bottom: 7px;}
#login .cc {background: #0b0b0b; float: left;width: 476px; padding-left: 10px; 
            height: 80px;}
#login .ct {float: left; width: 486px; height: 6px; overflow: hidden; 
            background: transparent url(../images/mainlogin-ct.png) no-repeat; }
#login div.i {float: left; height: 20px; margin-right: 4px; }
#login div.i-cl {float: left; height: 20px; width: 4px; overflow: hidden;
                 background: transparent url(../images/login-input-cl.png) no-repeat; }
#login div.i-cr {float: left; height: 20px; width: 4px; overflow: hidden;
                 background: transparent url(../images/login-input-cr.png) no-repeat; }
#login div.i input.txt {float: left; border: none; border-top: solid 1px #282a2a;
                        border-bottom: solid 1px #282a2a; background: #191919; 
                        color: #5b5d61; font-size: 11px; font-family: Arial;
                        height: 16px; width: 188px;}
#login input.sbm {float: left; border: none; width: 62px; height: 20px; 
                  background: transparent url(../images/login-submit.png) no-repeat;
                  font-family: Arial; font-size: 11px; color: #fff; text-align: left;
                  padding: 0; margin-left: 1px;}
#login a {color: #fff; }
#login a, #login span {margin-top: 6px; float: left; margin-right: 4px; 
                       font-size: 11px;}
#l-pack {float: right; margin-right: 10px; margin-top: 3px !important;}
#main {float: left; width: 983px; margin-top: 154px; position: relative;
       left: 0; z-index: 10;}
#home {float: left; width: 983px; border-top: solid 8px #19468f; }

#home a {float: left; width: 63px; height: 23px; 
         background: transparent url(../images/domu-bg.png) no-repeat; 
         color: #fff; text-align: center; line-height: 18px; text-decoration: none;
         margin-left: 28px;}
         

#kategorie {float: left; width: 983px; height: 51px; border-bottom: solid 1px #fff;}
#kategorie .ct {float: left; width: 983px; height: 8px; overflow: hidden; 
                background: transparent url(../images/kategorie-ct.png) no-repeat; }
#kategorie .cc {float: left; width: 983px; height: 43px; background: #133b98; position: relative;}

#ta-box {float: left; width: 234px; height: 42px; position: absolute; top: 2px;
         left: 18px;}
#ta-box .half {width: 117px; height: 42px; float: left;}
#ta-box .half a {float: left;width: 117px; height: 35px; text-decoration: none; font-weight: bold;
                 text-align: center; font-size: 15px; line-height: 25px;}
#ta-box .cc {background: #d3d3d3; height: 35px; float: left; width: 117px;}
#ta-box .ct {float: left; width: 117px; height: 7px; overflow: hidden;
             background-repeat: no-repeat; }
#ta-box .top .ct {background-image: url(../images/ta-top-ct.png); }
#ta-box .akce .ct {background-image: url(../images/ta-akce-ct.png); }
#ta-box .top a {color: #d40e36; background: transparent url(../images/ta-top-darr.png) 
                no-repeat center 23px; width: 113px; }
#ta-box .akce a {color: #133b98; background: transparent url(../images/ta-akce-darr.png) 
                no-repeat center 23px;}
#ta-box .spacer {float: left; width: 2px; height: 25px; 
                 background: transparent url(../images/ta-spacer.png) no-repeat; }
.k-cat {float: right; }
.k-cat ul {list-style-type: none; }
.k-cat li {display: inline; }
.k-cat * {float: left; margin:0; padding: 0; }
.k-cat a {padding-left: 40px; padding-right: 40px; float: left; 
          color: #fff; text-decoration: none; height: 34px; line-height: 34px; 
          background: transparent url(../images/kategorie-spacer.png) no-repeat left top;}
.k-cat a.first {background: none;}

#k-small {width: 544px; height: 29px; margin-right: 18px; margin-top: 15px;
          background: transparent url(../images/kategorie-small-bg.png) no-repeat; }
#k-small a {padding-left: 35px; padding-right: 35px; height: 29px; line-height: 29px;}

#filtr {float: left; width: 983px; height:58px; 
        background: transparent url(../images/filter-bg.png) repeat-x; }
#search {float: left; width: 291px; height: 29px; margin-left: 17px; margin-top:13px;}
#search input {float: left; border: none; }
#search input.txt {width: 230px; border-top: solid 1px #b4b4b4; 
                   border-bottom: solid 1px #b4b4b4; border-right: solid 1px #b4b4b4; 
                   background: #e9e9e9; padding: 0; height: 21px; color: #7f7f7f;
                   font-family: Arial; font-size: 12px;  
                   padding-top: 6px;}
#search input.sbm {width: 45px; height: 29px; border-bottom: solid 1px #b4b4b4;  
                   border-top: solid 1px #b4b4b4; background: #c60616; color: #fff;
                   font-family: Arial; font-size: 12px; }
#search .cl {float: left; width: 4px; height: 29px; overflow: hidden; 
             background: transparent url(../images/search-cl.png) no-repeat; }
#search .cr {float: left; width: 4px; height: 29px; overflow: hidden; 
             background: transparent url(../images/search-cr.png) no-repeat; }
             
#sort {float: right; margin-top: 24px; margin-right:22px;}
#sort * {float: left; }
#sort .podle {color:#433d3d; padding-top: 3px;}
#sort select {border: solid 1px #b5b5b5; color: #7f7f7f; margin-left: 10px;}
#content {float: left; width: 943px; background: #fff; padding-top: 16px; padding-left: 19px;
          padding-right: 21px; padding-bottom: 20px;}
#pager {float: left; width: 270px; height: 32px; margin-bottom: 20px;}
#pager h2 {float: left; margin: 0; color: #fff; width: 103px; height: 31px; 
           line-height: 31px; font-size: 15px; 
           background: transparent url(../images/vaskosik-bg.png) no-repeat; 
           text-align: center;margin-right: 14px;}
#pager a {float: left; width: 32px; height: 32px; 
          background: transparent url(../images/pager-gray.png) no-repeat; 
          text-align: center; color: #fff; line-height: 32px; font-size: 15px; 
          font-weight: bold; text-decoration: none; margin-right: 4px;}
#pager a.sel {background: transparent url(../images/pager-blue.png) no-repeat; }

.heads {float: left; height: 27px; width: 937px; position: relative;  }
.heads .head {height: 27px; position: absolute;}
.heads * {float: left;}
.heads .cl, .heads .cr, .heads .cc {height: 27px; overflow: hidden; }
.h-red .cc {background: #d4002b; line-height: 27px; color: #fff; padding: 0 4px 0 4px;}
.h-red .cl {width: 5px;background: transparent url(../images/th-cl.png) no-repeat; }
.h-red .cr {width: 5px;background: transparent url(../images/th-cr.png) no-repeat; }
.h-red .p1 {top: 0; left: 15px; }
.h-red .p2 {top: 0; left: 89px; }
.h-red .p3 {top: 0; left: 478px; }
.h-red .p4 {top: 0; left: 658px; }
.h-red .p5 {top: 0; left: 810px; }

.row {float: left; width: 937px; position: relative; z-index: 15; }
.row-encap .small {width: 465px; }
.row-encap .small .cc {width: 455px; }
.row * {float: left; }
.row .cl, .row .cr {overflow: hidden; width: 5px; height: 37px}
.row .cl {background: transparent url(../images/row-cl.png) no-repeat; }
.row .cr {background: transparent url(../images/row-cr.png) no-repeat; }
.row .cc {width: 927px; height: 35px; border-top: solid 1px #b4b4b4; 
          border-bottom: solid 1px #b4b4b4; background: #f8f8f8;}
          
.row .cell {height: 35px; line-height: 35px; border-right: solid 1px #b4b4b4;
             padding-left: 25px; }
.row input {margin-top: 8px; }
.row .rmv {background: none; border: none; text-decoration: underline; 
           color: #cf0128; font-weight: bold; float: right; }
.row input.txt {color: #7f7f7f; }
.row .c5 form {float: right;}
.row .c1 {width: 64px;  padding-left: 5px; }
.row .c2 {width: 360px; }
.row .c3 {width: 160px; }
.row .c4 {width: 123px; padding-left: 18px; }
.row .c4 input {width: 98px; border: solid 1px #b4b4b4; }
.row .c5 {width: 130px; padding-right: 13px; padding-left: 0; border-right: none; }
.row .c5 span {float: left; margin-left: 5px;}
.row-encap {float: left; margin-bottom: 20px; }
.podrobnosti {float: left; width: 937px; height: 31px;  
              position: relative; top: -5px; z-index: 14;}
.podrobnosti * {float: left; }
.podrobnosti .cc {float: left; width: 923px; height: 20px;
                  background-color: #dedede;padding-top: 11px;
                  padding-left: 14px;}
.podrobnosti .cb {float: left; width: 937px; height: 5px; overflow: hidden; 
                  background: transparent url(../images/podrobnosti-cb.png) no-repeat;}
.color {width: 48px; height: 16px; border: solid 1px #bfbfbf; margin-left: -15px; 
        background-color: #00ae4d;}
.podrobnosti label {margin-top: 2px; margin-right: 20px; color: #363636;}
.podrobnosti select {border: solid 1px #b6b6b6; color: #7f7f7f; background-color: #f8f8f8;
                     width: 180px; margin-right: 33px;}
.cena-encap {margin-top: -10px; width: 937px; float: left; }
.cena {float: right; height: 36px; }
.cena * {float: left; overflow: hidden; }
.cena strong {float: none; color:#d4002b; font-size: 14px;}
.cena .cl, .cena .cr {height: 36px; width: 6px; }
.cena .cl {background: transparent url(../images/cena-cl.png) no-repeat; }
.cena .cr {background: transparent url(../images/cena-cr.png) no-repeat; }
.cena .cc {height: 34px; border-top: solid 1px #b4b4b4; border-bottom: solid 1px #b4b4b4; 
           line-height: 34px; text-align: center; padding: 0 12px 0 12px;}

.tlacitka-encap {float: left; margin-top: 12px; width: 937px; height: 52px;
                 margin-bottom: 40px; }
.tlacitka {float: right; height: 52px; width: 555px;}
.tlacitka * {float: left;}
.tlacitka .btn {width: 143px; height: 44px; margin-top: 8px; 
                background: transparent url(../images/btn-normal.png) no-repeat;
                margin-right: 5px; border: none; font-family: Arial; padding: 0;
                color: #fff; font-weight: bold; font-size: 16px; cursor: pointer;}
.tlacitka a.btn {padding-top: 13px; height: 31px; text-align: center;
                 text-decoration: none;}
.btn-big {width: 250px; float: left;height: 30px; padding-top: 21px;
                    font-size: 16px; font-weight: bold; color: #fff; text-decoration: none; 
                    background: transparent url(../images/btn-pokracovat.png) no-repeat; 
                    text-align: center;}
.h-blue .cc {background: #133b98; line-height: 27px; color: #fff; padding: 0 4px 0 4px;}
.h-blue .cl {width: 5px;background: transparent url(../images/th-b-cl.png) no-repeat; }
.h-blue .cr {width: 5px;background: transparent url(../images/th-b-cr.png) no-repeat; }
.h-blue .p1 {top: 0; left: 15px; }
.h-blue .p2 {top: 0; left: 490px; }
.spacer-8px {float: left; width: 8px;height: 10px;}
.row label {margin-top: 11px; float: left;}
.row-encap .small input {margin-top: 11px;}
.row-encap .small label {margin-left: 10px;}
.row-encap .small .right {float: right; white-space: nowrap; font-size: 10px;margin-top: 13px; }
.row-encap .small .right a {float: none; color: #e30303;}
.tba {float: left; }
.tba * {float: left; }
.tba .ct, .tba .cb {overflow: hidden; height: 16px; width: 937px; }
.tba .ct {background: transparent url(../images/textarea-top.png) no-repeat; }
.tba .cb {background: transparent url(../images/textarea-bottom.png) no-repeat; }
.tba .cc {width: 935px; border-right: solid 1px #c1c1c1; border-left: solid 1px #c1c1c1;
          background: #f8f8f8; }
.tba textarea {width: 891px; border: none; border-right: solid 1px #b4b4b4;
               border-left: solid 1px #b4b4b4; padding: 0; margin: 0;margin-left: 7px;
               color: #bdbdbd;
               padding: 6px 13px 6px 13px;
               font-family: Arial; font-size: 12px;}
               
.h-black {margin-top: 20px;}
.h-black .cc {background: #000; line-height: 27px; color: #fff; padding: 0 4px 0 4px;}
.h-black .cl {width: 8px;background: transparent url(../images/th-black-cl.png) no-repeat; }
.h-black .cr {width: 8px;background: transparent url(../images/th-black-cr.png) no-repeat; }
.h-black .p1 {top: 0; left: 15px; }

.h-lb .cc {background: #4982bd; height: 26px; line-height: 27px; color: #fff; padding: 0 4px 0 4px;}
.h-lb .cl {width: 5px; height: 26px; background: transparent url(../images/th-lb-cl.png) no-repeat; }
.h-lb .cr {width: 5px;height: 26px; background: transparent url(../images/th-lb-cr.png) no-repeat; }
.h-lb .p1 {top: 0; left: 15px; }
.h-lb .head {height: 26px !important; }
.h-lb {height: 26px !important; }

.udaje {float: left; width: 937px; margin-bottom: 25px;}
.udaje div {float: left; }
.udaje .ct, .udaje .cb {width: 937px; height: 5px; overflow: hidden;}
.udaje .ct {background: transparent url(../images/box-ct.png) no-repeat; }
.udaje .cb {background: transparent url(../images/box-cb.png) no-repeat; }
.udaje .cc {width: 935px; border-right: solid 1px #c1c1c1; border-left: solid 1px #c1c1c1;
          background: #f8f8f8;  }
.udaje .tleft {float: left;margin-left: 17px;}
.udaje .tright {float: left;margin-left:19px; }
.udaje .povinne {font-weight: bold;}
.udaje label {color: #1a1a1a; width: 65px; float: left; }
td.atop {vertical-align: top;}
.udaje input, .udaje textarea {width: 365px; border: solid 1px #b4b4b4;
                                background-color: #fff; }
.udaje textarea {height: 64px; }

#confirm {width: 575px; float: left;}
.potvrzen {width: 550px !important;}
.potvrzen div.p1 {left: 26px !important; }
.blackbox {float: left; width: 543px; height: 43px; color: #FFF; 
           background: transparent url(../images/box-nakuppotvrzen.png) no-repeat;
           margin-left: 17px;
           text-align: center; line-height: 43px; font-size: 15px;}
.problem {float: left; white-space: nowrap; margin-left: 42px; margin-top: 5px;
          color: #6f6464;font-size: 14px;}
.problem a {color: #6f6464; }
#confirm-btn {float: right; margin-top: 20px; }
#confirm-encap {float: left; margin-top: 30px; width: 937px;}

#ta {float: left; width: 983px; height: 287px;  }
#ta .ct {float: left; height: 8px; width: 982px; overflow: hidden; 
         background: transparent url(../images/ta-ct.png) no-repeat; }
#ta .cc {float: left; width: 963px; height: 275px; 
         background: transparent url(../images/ta-bg.png) repeat-x;
         padding: 4px 10px 0 10px;}
#ta .cc .ss {float: left; width: 470px; height: 270px; }

.slider {float: left; width: 470px; height:230px; margin-top: 12px;}
.slider .larr, .slider .rarr {float: left; width: 16px; height: 23px; margin-top: 91px;}
.slider .larr {background: transparent url(../images/ta-larr.png) no-repeat; }
.slider .rarr {background: transparent url(../images/ta-rarr.png) no-repeat; }
.slider .canvas {width: 427px; height: 230px; float: left; overflow: hidden;}

.ta-produkt {float: left; width: 200px; margin-left: 8px;}
.ta-produkt .img {float: left; width: 198px; height: 165px; border: solid 1px #d5d5d5; 
                  background: #fff;}
.ta-produkt .img table {float: left; border-spacing: 0; border-collapse: collapse; width: 198px; height: 165px;
                   vertical-align: middle; text-align: center;}
.ta-produkt .popis {float: left; width: 200px; }
.ta-produkt .popis a {color: #030303; text-decoration: none; }
.ta-produkt .popis table {width: 200px; }
.ta-produkt .popis td.r {text-align: right; }
.ta-produkt .popis td.l {text-align: left; }
.ta-produkt .popis tr.bigger td.l {font-size: 12px; font-weight: bold; color: #030303;}
.ta-produkt .popis tr.bigger td.r {font-size: 16px;  color: #636363;}
.ta-produkt .popis tr.smaller td.r {font-size: 14px; color: #2b2b2b;}
.ta-produkt .popis tr.smaller td.l {font-size: 14px; color: #e2001a;}

.ss-right td.l {color: #1b51af !important;}

.ta-head {float: left; width: 442px; border-bottom: solid 1px #a8a8a8; height: 25px; 
          margin-left: 8px;}
.ta-top {background: transparent url(../images/ta-top-bg.png) no-repeat left top; }
.ta-akce {background: transparent url(../images/ta-akce-bg.png) no-repeat left top; }
.ta-head h2 {margin: 0; font-size: 15px; color: #fff; height: 25px; float: left; 
             line-height: 25px; width: 112px; text-align: center;}
.ss-spacer {float: left; width: 2px; height: 234px; background: url(../images/ta-spacer-big.png) no-repeat; 
            margin-top: 18px;margin-left: 6px;}
.ss-right {margin-left: 8px; float: right !important; }
#search a.ext {color: #d20324; font-size: 10px; margin-left: 3px;}
#filtr.withmenu {height: 68px; background-color: #ebebeb; border-bottom: solid 1px #fff;}
#filtr2 {float: left; height: 29px; background: #e3e3e3; width: 943px;
         padding: 13px 19px 0 21px;}
#filtr2 #close {float: left; }
#filtr2 #sort {margin: 0; float: left;}
#vyrobce {float: right; margin-top: -4px;}
#vyrobce .v {float: left; height: 25px; margin-left: 16px; line-height:25px; color: #fff; 
             font-family: Arial; border: none; text-align: center; padding-left: 2px;}
#v-qm {width: 105px; background: transparent url(../images/ch-qm-bg.png) no-repeat; }
#v-asics {width: 115px; background: transparent url(../images/ch-asics-bg.png) no-repeat; }
#v-hledej {width: 108px; background: transparent url(../images/ch-hledej-bg.png) no-repeat;
           padding: 0;}

#ktlg-head, #ktlg-foot {float: left; width: 930px; height: 20px;}
#ktlg-head h2 {float: left; font-size: 16px; color: #19468f; margin: 0;}
.kt-pager {float: right; }
.kt-pager a {float: left; width: 20px; height: 20px; margin-left: 7px; }
.kt-pager a.p {background: transparent url(../images/cs.png) no-repeat;
               text-align: center; line-height: 20px; color: #000; text-decoration: none;}
.kt-pager a.sel {background: transparent url(../images/cs-sel.png) no-repeat; color: #fff;
                 font-weight: bold;}
#ktlg-foot {margin-top: 10px;}
.ta-produkt {position: relative; }
.ta-produkt .img {position: relative; z-index:7;}
.ta-produkt .star-top {position: absolute; z-index: 8; left: 10px; top: 10px; 
                       width: 54px; height: 54px; 
                       background: transparent url(../images/star-top.png) no-repeat;}
.ta-produkt .star-akce {position: absolute; z-index: 8; left: 10px; top: 10px; 
                       width: 54px; height: 54px; 
                       background: transparent url(../images/star-akce.png) no-repeat;}
.ta-encap {float: left; width: 227px; height: 268px; margin-right: 10px; margin-bottom: 22px;}
.ta-encap .ct, .ta-encap .cb {float: left; width: 227px; height: 8px; }
.ta-encap .ct {background: transparent url(../images/item-ct.png) repeat-x; }
.ta-encap .cb {background: transparent url(../images/item-cb.png) repeat-x; height: 10px; }
.ta-encap .cc {float: left; width: 225px; border-left: solid 1px #d2d2d2; height: 250px;
               border-right: solid 1px #d2d2d2; 
               background: transparent url(../images/item-bg.png) repeat-x; }
.ta-encap .ta-produkt {margin-left: 11px;}
.ta-encap .buttons {float: left; width: 200px; margin-left: 11px;
                    margin-top: 5px; }
.ta-encap .btn {float: left; width: 100px; height: 32px; border: none; 
                color: #fff; text-decoration: none; font-size: 14px;
                line-height: 32px; text-align: center; 
                font-family: Arial;}
.ta-encap .bright {background: transparent url(../images/detail.png) no-repeat right top;
                   color: #fff; text-align: center; line-height: 32px;}
.ta-encap .bleft {padding: 0; }
.ta-encap .bred {background: transparent url(../images/koupit-red.png) no-repeat left top;}
.ta-encap .bblue {background: transparent url(../images/koupit-blue.png) no-repeat left top;}
#ktlg {padding: 22px 0 0 0px; float: left; width: 101%;}

#cat-strip {float: left; margin-top: 10px;}
#cat-strip a {color: #3c3c3c; float: left; }
#cat-strip span {float: left; margin-left: 8px; margin-right: 11px; color: #343434;}
#cat-strip a.produkt {color: #133b98; }

#mk {float: right; width: 541px; height: 37px; }
#mk .cl, #mk .cr {float: left; width: 4px; height: 37px; overflow: hidden; }
#mk .cl {background: transparent url(../images/mk-cl.png) no-repeat; }
#mk .cr {background: transparent url(../images/mk-cr.png) no-repeat; }
#mk .cc {float: left; width: 533px;height: 37px; }
#mk .red {float: left; width: 425px; height: 37px; background-color: #d60129;}
#mk .dark {float: left; width: 108px; height: 37px; background-color: #272626;}
#mk h4 {margin: 0; font-size: 15px; color: #fff; height: 37px; line-height: 37px; float: left; margin-left: 13px; }
#mk .spacer {float: left; width: 2px; height: 26px; margin: 6px 15px 0 15px; background: transparent url(../images/mk-spacer.png) no-repeat;}
#mk .polozek {float: left; height: 37px; line-height: 37px; color: #fff;}
#mk .right {float: right; color: #fff; line-height:37px; height: 37px; margin-right: 25px; font-size: 12px; }
#mk .dark a {color: #fff; font-size: 15px; height: 37px; line-height: 37px; font-weight: bold; width: 100%; float: left; text-align: center; 
             text-decoration: none;}
             
#db {float: left; height: 319px; width: 946px; margin-top: 10px; margin-bottom: 70px;}
#db .ct, #db .cb {float: left; width: 946px; height: 7px; overflow: hidden; }
#db .ct {background: transparent url(../images/db-ct.png) no-repeat; }
#db .cb {background: transparent url(../images/db-cb.png) no-repeat; }
#db .cc {float: left; width: 906px; height: 283px; border-left: solid 1px #d2d2d2;border-right: solid 1px #d2d2d2; padding: 19px 19px 3px 19px;
         background-color: #e6e6e6;}
td.center {text-align: center !important;}

.txtks {float: left; width: 48px; color: #fff; background-color: #404040; border: solid 1px #6e6e6e; height:17px; 
			margin-top: 4px; margin-left: 6px; padding-top: 3px; text-align: center; }
.ta-encap div.btn {text-align: left; }
.ta-encap div.btn span {float: left; margin-left: 9px;  }

#db .spacer {float: left; width: 2px; height: 277px; background: transparent url(../images/db-spacer.png) no-repeat; }
#dt {float: left; width: 640px; color: #262626; background: transparent url(../images/db-spacer.png) no-repeat 130px top; 
     margin-left: 20px; height: 277px;}
#dt th {width: 152px; text-align: left; vertical-align: top;}
.c-cerna .p5 {left: 835px; }
.c-cerna .p5 .cl {background: transparent url(../images/th-bl-cl.png) no-repeat;}
.c-cerna .p5 .cr {background: transparent url(../images/th-bl-cr.png) no-repeat;}
.c-cerna .p5 .cc {background-color: #000; color: #d60129; }
.c-cerna .podrobnosti .cc {background-color: #272626; color: #fff; }
.c-cerna .podrobnosti .cb {background: transparent url(../images/podrobnosti-bl-cb.png) no-repeat;}
.c-cerna .podrobnosti label {color: #fff; }
.ucho {float: right; height: 37px; }
.ucho .cl, .ucho .cr {float: left; width: 7px; height: 37px; overflow: hidden; }
.ucho .cl {background: transparent url(../images/ucho-cl.png) no-repeat; }
.ucho .cr {background: transparent url(../images/ucho-cr.png) no-repeat; }
.ucho .cc {float: left; height: 37px; background-color: #272626; padding: 0;padding-left: 11px; padding-right: 11px; width: auto; }
.ucho .cc * {float: left; }
.ucho .cc input {background: none; margin: 0; padding: 0; border: none; color: #fff; margin-top: 9px; cursor: pointer;}

#ktlg.souvisejici {margin-top: 100px;}
#ktlg.souvisejici h3 {margin: 0; font-size: 13px; margin-bottom: 18px; color: #272626;}	
.cena-bg {position: absolute; float: left; text-align: center; width: 112px; height: 28px; line-height: 28px; color: #2d2b2b; z-index: 8;
          left: 75px; top: 139px; background: transparent url(../images/cena-bg.png) no-repeat; font-size: 14px;}
.cena-bg span {color: #e2001a; }
.ta-produkt .txt {text-align: center; color: #6d6d6d; font-size: 11px;}
.ta-produkt .txt-h {text-align: center; font-size: 13px; color: #030303; font-weight: bold;}
.ta-longer .cc {height: 277px; background-color: #e9e9e9; } 
.ta-longer .popis table {margin-top: 4px;}
#main.main {margin-top: 0; }
#body.main { background: transparent url(../images/titulni-bg.jpg) no-repeat center top; min-height: 661px;
position: relative; z-index: 1;}
body.main {background: none; background-color: #000;}
#theme {float: left; width: 484px; height: 661px; background: transparent url(../images/theme-img.jpg) no-repeat; margin-left: -20px;
        position: relative; z-index: 11;}
#theme a {position: absolute; top: 482px; left: 37px;}

#sloupec {float: left; width: 481px; height: 548px; z-index: 12;}
#shadow {float :left; width: 481px; height: 49px; background: transparent url(../images/sloup-shb.png) no-repeat; }

#topprodukty {float: left; width: 100%; height: 289px; }
#topprodukty .ct {float: left; height: 8px; overflow: hidden; width: 100%; background: transparent url(../images/tp-small-ct.png) no-repeat; }
#topprodukty .cc {float: left; width: 100%; height: 281px; background: transparent url(../images/tp-small-bg.png) repeat-x; }	
#shadow-top {float: left; width: 481px; height: 64px; background: transparent url(../images/shadow-top.png) no-repeat; z-index: 14;} 
#news {float: left; width: 481px; height: 259px; }
#news .cc {float: left; width: 463px; background: transparent url(../images/news-bg.png) repeat-x; height: 233px;
           padding: 18px 0 0 18px; }
#news .cb {float: left; width: 100%; background: transparent url(../images/news-cb.png) no-repeat;
           width: 100%; overflow: hidden; height: 8px; }
#social.main {float: left; position: inherit; top: auto; left: auto; margin-top: 9px; margin-left: 40px;}
#main.main .ss-left{margin-top: 10px; margin-left: 10px; }

.slider .rarr, .slider .larr {cursor: pointer;}
#news .head {float: left; width: 438px; border-bottom: solid 1px #272727; padding-bottom: 10px;}
#news .head h2 {margin: 0; float: left; font-size: 14px; color: #fff; font-weight: normal; }
#news .head a {float: right; color: #303030; font-size: 11px; text-decoration: none; padding-top: 2px;}
#news .news {float: left; height: 175px; margin-top: 13px; }
#news .novinka {float: left; }
#news h3 {float: left; padding-left: 22px; background: transparent url(../images/news-rarr.png) no-repeat left center; color: #1c59b9;
          font-size: 14px; margin: 0;}
#news span {color: #403e3e; float: right; margin-right: 26px;}
#news .text {float: left; width: 415px; padding-left: 22px; color: #bebebe; margin-top: 7px; font-size: 11px; margin-bottom: 11px;}
#news .pager {float: right; margin-right: 26px;}
#news .pager a.c {color: #707070; height: 14px; line-height: 14px; float: left; margin-left: 4px; margin-right: 4px; font-size: 12px; text-decoration: none; }
#news .pager a.sel {color: #fff; font-weight: bold; }
#news .pager .larr, #news .pager .rarr {float: left; }
.ta-head a {float: right; text-decoration: none; color: #545454; font-size: 11px;margin-top: 3px;}
#copy {width: 200px; font-size: 12px;}
#copy a {margin-right: 15px;} 
#login.footer {float: right; top: auto; left: auto; position:inherit; margin-top: 8px; margin-right: 38px;}

#login.footer .ct {background: transparent url(../images/login-overlay-ct.png) no-repeat; }
#login.footer .cc {height: 108px; background: transparent url(../images/login-overlay-bg.png) repeat-x;}
#login.footer input.sbm {background: transparent url(../images/login-overlay-btn.png) no-repeat; color: #7f7f7f;}
#login.footer a,#login.footer span {color: #3e3e3e; }
#login.footer input.txt {color: #7f7f7f !important;}
#footer .levy {float: left; width: 210px;}

input.btn-big {border: none; float: left; height: 51px; padding-top:7px; font-family:Arial;}

#tb {float: left; width: 705px; line-height: 21px; }
#tb img {float: left; margin-right: 5px; margin-top: 5px;}
#tb-head {float: left; background-color: #e6e6e6; width: 100%; margin-bottom: 1px;}
#tb-head h3 {margin: 0; float: left; height: 29px; padding-left: 18px; line-height: 29px; color: #303030; font-size: 14px;}
#tb-text {float: left; padding: 37px 20px 20px 17px; width: 668px; background: transparent url(../images/typo-text-bg.png) repeat-x; }
#tb-text ul, #tb-text ol {margin: 0; padding-left: 25px;}
#tb-text ol {padding-left: 0; }
#tb-text ul {list-style-image: url(../images/typo-li.png); color: #2c2a23;}
#tb-text li {margin-bottom: 20px; }
#tb-text h4 {color:#d4002b; font-size: 15px; }
#tb-text ol {color: #133b98; font-weight: bold; list-style-position:inside;  }
#tb-text ol li {float: left; background: transparent url(../images/typo-ol.png) no-repeat;padding-left: 4px;}
#tb-text ol span {font-weight: normal; color: #525252; float: left; padding-left: 23px; margin-top: -20px;}
.category-heading {float: left; width: 100%; margin-bottom: 10px;}
.category-heading h2 {color: #19468f; font-size: 16px;}

#top-nabidka {float: left; width: 203px; margin-left: 13px;}
.ta-longer {height: 294px;}
.btn-big, input.rmv {cursor: pointer;}

.logged {top: 75px; }
#login .right {float: right; margin-right: 4px;}
.logged h3 {width: auto;}
#login .right a {height: 14px; line-height: 14px;  float: left; color: #b8cef4; margin-top: 2px;}
#login .right span {float: left; margin: 2px 9px 0 5px; height: 14px; line-height: 14px;}
#login #logout {padding-right: 18px; background: transparent url(../images/logout.png) no-repeat right center; color: #d1002c;}

#login {height: 92px; }
#login .cb {float: left; width: 486px; height: 6px; background: transparent url(../images/mainlogin-cb.png) no-repeat; overflow: hidden; }

body {position: relative; z-index: 1;}
#login-overlay {position: fixed; top: 0; left: 0;width: 100%; height: 100%; z-index: 20; background: transparent url(../images/login-overlay.png);}
#login-overlay #login {top: 200px; left: 300px; }

.error {color: red; font-weight: bold;}
.checkbox {width: 15px !important;}
.visible {display: block;}
.invisible {display: none;}

.sbm {border: none; height: 29px; font-family: Arial;
                border-top: solid 1px #363031; border-bottom: solid 1px #363031; 
                background: transparent url(../images/nw-sbm-bg.png) repeat-x;
                color: #7f7f7f;}
#db {margin-bottom: 0; }
#ktlg.souvisejici {margin-top: 0; }
#dt td {vertical-align: top; }                
.parametric { float: left; margin-top: 70px; margin-bottom: 100px;
}      

#pager h2 {width: auto; }
#pager {width: auto;}

#pager .pgr h2 {background: none; background-color: #d7012a; margin-right: 0;}

#pager .pgr {float: left; width: auto; margin-right: 14px;}

#pager .pgr .cl {float: left; width: 6px; height: 31px; overflow: hidden; background: transparent url(../images/pgr-cl.png) no-repeat; }

#pager .pgr .cr {float: left; width: 6px; height: 31px; overflow: hidden; background: transparent url(../images/pgr-cr.png) no-repeat; }          
          
.logged {
top:122px;
}
#login.logged h3 {width: 330px; }

#k-small a {padding-left: 34px; padding-right: 34px; }

#login h3 {font-size: 14px; font-weight: bold;}       
          .submenuHomepageShow {width: 319px; height: 15px; }