* { margin:0; padding:0; }
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border:0; }
html {background: #535353 url('../images/bg.jpg') repeat-x;}
body { padding: 0; font: normal 75%/1 Verdana,Arial,sans-serif; color: #000; background: url('../images/layout-bg.jpg') repeat-y center;}

/* links --------------------------------------------------------------- */
a {color:#757575;text-decoration: underline;}
a:link {color:#757575;}
a:hover {color:#000;text-decoration: none;}

/* H1 - H5 --------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin:15px 0 15px 0; }
h1 { font-size:1.8em;  margin: 0; color: #005e7c;}
h2 { font-size: 1.15em; margin: 10px 0 10px; color: #0d58a5; background: url('../images/hr.gif') no-repeat bottom;padding: 0 10px 10px; }
h3 { font-size:1.0em; margin: 20px 0 5px; color: #0d58a5; background: url('../images/hr.gif') no-repeat bottom;padding: 0 10px 10px; clear: both; }
h4 { font-size:0.9em; color: #005e7c }
h5 { font-size:1.0em; }

html .content h1 {font-size:1.0em; margin: 20px 0 5px; color: #0d58a5; background: url('../images/hr.gif') no-repeat bottom;padding: 0 10px 10px; clear: both;position:relative;left:0;top:0; }

#wrap {}
/* layout ---------------------------------------------------------------------- */
#header { width: 973px; margin:0 auto; position: relative; height: 288px;background:  url('../images/header.jpg') no-repeat -308px 0;}
#layout { width: 973px; margin:0 auto; height: auto; overflow: hidden;background:  url('../images/header.jpg') no-repeat -308px -288px;}
    #quicknav {font-size: 0.9em;color: #352e2c;position: absolute; right: 20px; top: 242px;}
        #quicknav a {margin-right: 3px;position: relative; top: 12px;}
    #userbox {position: absolute; top: 30px; right: 15px;padding: 0;font-size: 0.9em;color: #352e2c;height: 30px;line-height: 30px;}
        #userbox span {padding: 0 3px;color:#b7e4e5;float: left;}
        #userbox a {color: #fff;text-decoration: none;float: left;padding: 0 2px;}
        #userbox a:hover {color: #fff;text-decoration: underline;}
        #userbox strong {color: #b7e4e5;padding: 0 2px;;float: left;}
        #userbox strong.kosik {background: url('../images/ico-kosik.jpg') no-repeat 3px 55%;padding: 0 2px 0 30px;display: block; height: 30px;float: left;}


    /* header ------------------------------------------------------------------ */
      h1 {position: absolute;top: 87px; left: 11px;}
      h1 a { display: block; width: 346px; height: 92px; color: #fff;text-decoration: none;line-height: 30px; font-size:0.7em; position: relative;  }
      h1 a span {width: 346px; height: 92px; display: block; cursor: pointer; position: absolute; top: 0; left: 0; background: url('../images/logo.jpg') no-repeat; }

      /* navigation --------------------------------------------------- */
      ul#nav {list-style:none;height: 46px;line-height: 46px;position: absolute; top: 242px;left: 21px;}
      ul#nav li {float:left;color: #c1903c;background: url('../images/nav-sep.gif') no-repeat 0 50%;padding-left: 1px;}
      ul#nav li.first {background: none;padding: 0;}
        ul#nav li a { padding: 0 10px; height: 46px; display: block; font-size: 1em; float: left; font-weight: bold; text-decoration: none; color: #fff;}
        ul#nav li a:hover {color: #000; background: #9bced7 url('../images/nav-hover.jpg') repeat-x;text-decoration: none; }
        ul#nav li.active a {color: #000; background: #9bced7 url('../images/nav-hover.jpg') repeat-x; text-decoration:none;}


  #container { float: left; width: 726px;}

    .content {float: right;width: 480px;padding-bottom: 20px;}
        .content #navigation {color: #bf2c2c;font-weight: bold;padding: 10px 0 5px 0;clear: both;margin-bottom: 30px;font-size:0.8em}
            .content #navigation a {color: #000;padding: 0 2px;font-weight: normal;}
            .content #navigation strong {color: #7cb7cf;padding: 0 10px;}
        
            .content .akce {background: url('../images/akce.jpg') no-repeat;width: 481px; height: 247px;position: relative;margin: 0 auto;}
                .content .akce h2 {display: none;}
                .content .akce p {width: 300px; position: absolute; left: 50px; top: 55px;font-size: 0.8em;line-height: 1.6em}
                    .content .akce p span {display: block; font-weight: bold;font-size: 1.6em; color: #fff;padding: 5px 0}
            .content p {padding: 10px 0 0;line-height: 1.3em;}
                .content p .newie-title {font-style: italic; color: #0d58a5;display: block;font-size: 0.8em;}
                .content p .newie-title a {font-style: normal;color: #ff3d00;font-size: 1.2em;font-weight: bold;}
            .content .final-sale {list-style: none;clear: both;background: url('../images/products-sep.jpg') repeat-y;margin-top: 10px;height: auto; overflow: hidden;}
                .content .final-sale li {text-align: center;float: left;overflow: hidden;width:120px;padding:5px 0 0;}
                    .content .final-sale li h3 {background: none; margin: 0;}
                        .content .final-sale li h3 a {color: #000;}
                .content .final-sale li a img {margin: 0 0 10px 0}
                .content .final-sale li a.detail {display: block; float: left;margin: 0 5px 0 0;position: relative; left: 13px;}
                .content .final-sale li form {float: left;position: relative; left: 13px;}
                    .content .final-sale li form .count {width: 17px; height: 17px; padding: 1px 2px 0;background: url('../images/input-count.jpg') no-repeat; float: left; margin-right: 5px;border: 0;}
                    .content .final-sale li form .submit {width: 22px; height: 18px; float: left; border: 0; background: url('../images/ico-kosik2.jpg') no-repeat;cursor: pointer;}
                    .content .final-sale li form label {display: block; float: left;line-height: 18px; margin-right: 5px;}
            .content .products {list-style: none;padding-bottom: 10px;margin-bottom: 10px; background: url('../images/hr.gif') no-repeat bottom}
            .content .products li {margin-bottom: 20px;}
                .content .products h2 {background: url('../images/product-title.jpg') repeat-x;height: 27px; line-height: 27px;padding: 0 10px;font-size: 1.0em;margin-bottom: 2px;position:relative;}
                    .content .products h2 a {color: #000;padding-left: 4px;}
                    .content .products h2 span.status {position:absolute;right:5px;}
                .content .products .box {font-size: 0.9em;color: #494949;border: 1px solid #a8dfea; border-top: 0; background: url('../images/product-bg.jpg') repeat-y;padding: 10px 0 10px 10px;}
                .content .products h2.category {padding: 0 10px;font-size: 1.0em;margin-bottom: 2px;background:none;height:12px;line-height:12px;}
                    .content .products .box dl {line-height: 20px;clear: both; height: auto; overflow: hidden;}
                        .content .products .box dl dt {float: left;font-weight: bold; width:55px;}
                        .content .products .box .col2 dl dt {width: 110px;}
                        .content .products .box dl dd {float: left;}
                        .content .products .box dl dd.price {color: red; font-size: 1.2em;font-weight: bold;}
                        .content .products .box .col2 dl dd {width: 170px;}
                        .content .products .box .count {width: 41px; width: 38px;padding: 0 0 0 3px;height: 15px; float: left; margin-right: 5px; border: 0;background: url('../images/product-count.jpg') no-repeat;}
                        .content .products .box label {display: block; float: left; line-height: 15px;}
                        .content .products .box .submit {float: right; width: 77px; height: 18px;cursor: pointer; background: url('../images/product-koupit.jpg') no-repeat;border: 0;}
                    .content .products .box .col1 {width: 165px;float: left;}
                    .content .products .box .col2 {width: 300px;float: left;}
                .content .detail dl {line-height: 25px;width: 470px;clear: both; height: auto; overflow: hidden;font-size: 0.9em;color: #494949;padding: 0 0 0 10px;}
                .content .detail dl.blue {background: #dbeef4;}
                        .content .detail dl dt {float: left;font-weight: bold; width: 100px;}
                        .content .detail dl dd {float: left;width: 369px;padding: 0;}
                        .content .detail dl dd.price {color: red; font-size: 1.2em;font-weight: bold;}
                            .content .detail dl dd.price span {display: block; float: left;}
                        .content .detail .count {width: 41px; position: relative; top: 5px;width: 38px;padding: 0 0 0 3px;height: 15px; float: left; margin-right: 5px; border: 0;background: url('../images/product-count.jpg') no-repeat;}
                        .content .detail label {display: block; position: relative; top: 5px;float: left; line-height: 15px;}
                        .content .detail .submit {float: right; position: relative; top: 5px;width: 77px; height: 18px;cursor: pointer; background: url('../images/product-koupit.jpg') no-repeat;border: 0;}
                        .content .detail-title {color: #494949;font-size: 0.9em;display: block;border-top: 1px solid #a8dfea;border-bottom: 1px solid #a8dfea;padding: 10px 0;margin: 10px 0 5px 0}
                        .content .detail-p {color: #494949;font-size: 0.9em;text-align: justify;margin-bottom: 10px;padding-bottom: 20px; background: url('../images/hr.gif') no-repeat bottom;}
            .content .paging {clear: both;height: 30px;position: relative;margin-bottom: 10px;padding: 0 0 0;font-size: 0.9em;background: url('../images/hr.gif') no-repeat bottom;}
                .content .paging a {text-decoration: underline;color: #000;display: inline;}
                .content .paging .prev {position: absolute; left: 0;display: block;width: 20px;line-height: 18px;font-weight: bold;}
                    .content .paging .prev a { float: left;text-decoration: none;}
                    .content .paging .prev a span {cursor: pointer;float: left;color: #0d58a5;background: url('../images/paging-bg.jpg') no-repeat;width: 20px; height: 18px;text-align: center;margin-right: 4px;}
                    .content .paging .prev a span.txt {background: none;width: auto; float: left;color: #000;text-decoration: underline}
                    .content .paging .prev a:hover span.txt {text-decoration: none;}
                .content .paging .next {position: absolute; right: 0;display: block;width: 20px;line-height: 18px;text-align: right;font-weight: bold;top:0;}
                    .content .paging .next a { float: right;text-decoration: none;}
                    .content .paging .next a span {cursor: pointer;float: right;color: #0d58a5;background: url('../images/paging-bg.jpg') no-repeat;width: 20px; height: 18px;text-align: center;margin-left: 4px;}
                    .content .paging .next a span.txt {background: none;width: auto; float: right;color: #000;text-decoration: underline}
                    .content .paging .next a:hover span.txt {text-decoration: none;}
                .content .paging div a {padding: 0 3px;color: #000;text-decoration: underline;display: inline;}
                .content .paging p {position: absolute; left: 80px;height: 20px;text-align: center; padding: 0; width: 331px;margin: 0;top:0;}
                    .content .paging p a {color: #000;display: inline;text-decoration: underline;font-weight: bold;}
                    .content .paging p a.active {color: #7cb7cf;text-decoration: none;}
                .content .paging a:hover {color: #d24908;}


    .panel {width: 196px;padding-top: 10px}
        .panel h4 {margin: 0;color: #000;background: url('../images/panel-title.gif') no-repeat;height: 32px;line-height: 27px;padding-left: 10px;}
        .panel .box {padding: 10px 5px;margin-bottom: 10px;}
        .panel .box.corner {padding: 0;}
            .panel .box p {font-size: 0.9em; line-height: 1.3em;margin-bottom: 10px;}
            .panel ul.cats {list-style: none;padding: 10px 0;margin: 0 auto;}
                .panel ul.cats li a {color: #000;background: url('../images/panel-li.gif') no-repeat;text-decoration: none;display: block; width: 174px; padding: 0 10px;height: 24px; line-height: 24px; margin-bottom: 2px;border: 1px solid #c3c3c3; }
                .panel ul.cats li a:hover {color: #0d58a5;}
                .panel ul.cats li a span {padding: 0 5px 0 0;color: #0d58a5;}
                .panel ul.cats li.active a {font-weight: bold;color: #0d58a5;}
                .panel ul.cats li.active span {color: #ff6c00;}
                .panel ul.cats li.first {background: none;}
                .panel ul.cats li ul {width: 181px;padding: 10px;}
                    .panel ul.cats li ul li {background: none;list-style: none;}
                        .panel ul.cats li ul li a {padding:  0 5px;width: 90%;font-size: 0.9em;border: 0; border-top: 1px solid #a8dfea;background: none;}
                        .panel ul.cats li ul li.first a {border-top: 0;}
                        .panel ul.cats li.active ul li a:hover {color: #0d58a5;}
                        .panel ul.cats li.active ul li a { color: #000;}
                        .panel ul.cats li.active ul li.active a {color: #0d58a5;}
                        .panel ul.cats li.active ul li.active span {color: #ff6c00;}
                        .panel ul.cats li.active ul li a span {color: #0d58a5;;font-size: 0.9em;font-weight: normal;padding:0 8px 0 5px;}
        .panel #newsletter {clear: both;}
            .panel #newsletter p {padding: 0;}
            .panel #newsletter .text {width: 135px;margin-right: 10px; float: left; height: 14px; padding: 2px 5px;border: 0;background: url('../images/input-mail.gif') no-repeat;}
            .panel #newsletter .submit {float: left;position: relative; top: -2px;cursor: pointer;width: 21px; height: 21px; background: url('../images/ico-mail.gif') no-repeat;border: 0;}
        .panel #search {margin-bottom: 10px;}
        .panel #search fieldset {padding: 5px 0 0 10px;}
            .panel #search label {font-weight: bold;display: block; float: left;position: relative; top: 2px; padding-right: 3px}
            .panel #search .text {display: block; width: 88px;margin-right: 5px;height: 12px;border: 0;padding: 3px 5px;font-size: 0.9em;float: left;background: url('../images/input-search.gif') no-repeat;}
            .panel #search .submit {position: relative; top: -1px;display: block; width: 20px;height: 20px;cursor: pointer;border: 0;float: left;background: url('../images/ico-search.gif') no-repeat;}
        .panel .loginbox {background: url('../images/login-bg.jpg') no-repeat bottom;height: 188px;width: 209px;position: relative; left: -3px;padding: 0;}
        .panel .loginbox fieldset {padding: 10px 10px 0;}
        .panel .loginbox h4 {background: url('../images/login-title.jpg') no-repeat;height: 39px; line-height: 39px;}
        .panel .loginbox label {display: block; width: 50px;float: left;padding: 3px 0;margin-bottom: 5px;color: #fff}
        .panel .loginbox .text {display: block; width: 127px;height: 12px;border: 0;padding: 3px 5px;font-size: 0.9em;margin-bottom: 5px;float: left;background: url('../images/login-input.jpg') no-repeat;}
        .panel .loginbox .submit {display: block; width: 83px;height: 21px;cursor: pointer;border: 0;margin-top: 5px;margin-bottom: 15px;float: right;margin-right: 7px;background: url('../images/login-butt.jpg') no-repeat;}
        .panel .loginbox ul {clear: both;padding: 0 10px 0;background: none;list-style: none;}
            .panel .loginbox ul li {background: none;}
                .panel .loginbox ul li a { padding: 3px 0; width: 90%;display: block;text-decoration: underline;color: #b7e4e5; font-weight: bold;font-size: 0.9em;}
                .panel .loginbox ul li a:hover {color: #fff;text-decoration: none;}
        .panel .info ul {list-style: none;}
        .panel .info ul li a {padding:  0 5px;height: 25px; line-height: 25px; display: block;width: 90%;font-size: 0.9em;border: 0; border-top: 1px solid #a8dfea;background: none;text-decoration: none;}
        .panel .info ul li.first a {border-top: 0;}
        .panel .info ul li a:hover {color: #0d58a5;}
        .panel .info ul li a { color: #000;}
        .panel .info ul li.active a {color: #0d58a5;}
        .panel .info ul li.active span {color: #ff6c00;}
        .panel .info ul li a span {color: #000;;font-size: 0.9em;font-weight: normal;padding:0 8px 0 5px;}


    .panel.left {float: left;position: relative; left: 20px;}
    .panel.right {float: left;position: relative; left: 31px;}


  	/* footer ----------------------------------------------------------------- */
  	#footer { clear:both; background: url('../images/footer-bg.jpg') no-repeat; height: 177px; position: relative;font-size: 0.9em;}
        #footer .links {position: absolute; left: 38px; top: 45px;color: #054281;line-height: 1.3em; width:78%}
            #footer .links strong {display: block;padding: 0 2px 6px;}
            #footer .links a {color: #000;text-decoration: none;padding: 0 2px;}
            #footer .links a:hover {text-decoration: underline;}
        #footer .copy {position: absolute; left: 40px; top: 140px;}
            #footer .copy a {font-weight: bold; color: #000}



hr { display:block; height:1px; margin:10px 0; padding:0; border:0 solid #CCC; background:#CCC; color:#CCC;}
/* cistic */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display: inline-block;}
/* schovani pred ie mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clear { clear:both; display: block; height:0;line-height:0;font-size:0; width: 100%;}
.noscreen { display:none; }
.flt-l {float: left;}
.flt-r {float: right;}
.bold {font-weight: bold;}
.noborder {border: 0;}

div.detail_desc {margin:0;padding:0;}
div.detail_desc p {padding:0;}