* { margin:0; padding:0; }
body, div, span, p, a, img, ul, ol, li, #layout table, #layout th, #layout tr, #layout td, form, #layout fieldset, #layout legend, #layout dl, #layout dt, #layout dd, blockquote, applet, object { border:0; }
body { padding: 0; background: #8f8f8f url('/picture/mask/bg.jpg') repeat-x; font: normal 75%/1 Arial,sans-serif; color: #4e4e4e; text-align: center; }
.body-editor {text-align: left; margin: 10px; background: 0;}
table, form {font-size:1.0em;}
/* links --------------------------------------------------------------- */
a {color:#009933;}
a:link {color:#009933;}
a:hover {color:#000;text-decoration: none;}
.body-editor ul, .body-editor ol {margin-left: 20px;}

/* H1 - H5 --------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin:15px 0 15px 0; }
h1, h2 { font-size: 1.4em; margin: 0; color: #fff; }
h1 {height: 42px; line-height: 42px; padding-left: 20px; background: url('/picture/mask/h1.jpg') no-repeat;}
h3 { font-size:1.0em; color: #00872b; font-weight: bold; margin: 30px 0 0 0; clear: both;}
h4 { font-size:1.0em; color: #007627; }
h5 { font-size:1.0em; }

h4 a {color: #FFF; text-decoration: none;}
h4 a:hover {color: #FFF; text-decoration: underline;}


/* layout ---------------------------------------------------------------------- */
#layout { width: 989px; margin:0 auto 0 auto; text-align:left; background: url('/picture/mask/top-bg.png') no-repeat;}

   	/* header ------------------------------------------------------------------ */
  	#header {position: relative; z-index: 10; width: 959px; margin: 0 0 0 15px; _margin: 0 0 0 8px; }
  	  #header .h1 {padding: 20px 15px 20px 30px; font-size:1.3em; line-height: 1.3em;color: #009933;font-weight: bold; margin: 0; float: left; }
        #header .h1 span {padding-top: 35px;display: block; float: left; padding-right: 15px;background: url('/picture/mask/sep-solid.jpg') no-repeat right bottom;}
        #header .h1 a#logo { display: block; width: 120px; height: 122px; line-height: 122px; text-align: center; font-size:1.6em; position: relative; float: left; margin-right: 20px;}
          #header .h1 a#logo span {width: 120px; height: 122px; position: absolute; top: 0; left: 0; background: url('/picture/mask/logo.jpg') no-repeat;}
      #header .flt-l {width: 380px;margin-top: 15px;}
        #header .flt-l .box {background:  url('/picture/mask/lang-bg.jpg') no-repeat left bottom; height: 50px; width: 200px;float: right;margin-bottom: 18px;}
          #header .flt-l .box a.kontakt {margin-left: 10px;color: #192f3c; text-decoration: none; line-height: 27px;background: url('/picture/mask/ico-mail.jpg') no-repeat left 55%;float: left;display: block; padding: 0 10px 0 20px;}
          #header .flt-l .box .langs {margin-left:10px;float: left; display: block;background: url('/picture/mask/sep-dots.jpg') no-repeat;clear: none;width: 100px; padding: 7px 0 5px 10px;margin: 0;}
        #header .flt-l p {color: #009933; font-weight: bold; line-height: 1.3em; clear: both;}
      
      #header #offer {list-style: none;margin: 0 auto; width: 924px; padding: 0;clear: both;}
        #header #offer li {width: 230px; float: left; _width: 222px;}
          #header #offer li h2 {height: 22px; _height: 31px; margin: 0; text-align: center; padding-top: 10px;}
            #header #offer li h2 a {font-weight: bold; color: #FFF; text-decoration: none;}
            #header #offer li h2 a:hover {text-decoration: underline;}
            #header #offer li.off1 h2 {background: url('/picture/mask/off1-title.jpg') no-repeat;}
            #header #offer li.off2 h2 {background: url('/picture/mask/off2-title.jpg') no-repeat;}
            #header #offer li.off3 h2 {background: url('/picture/mask/off3-title.jpg') no-repeat;} 
            #header #offer li.off4 h2 {background: url('/picture/mask/off4-title.jpg') no-repeat;}
        
  #container { width:989px; margin: 0 auto;  background: url('/picture/mask/container-bg.jpg') repeat-y }
    #wrap-content {width: 912px; margin: 0 0 0 35px ;position: relative; z-index: 10; top: -30px;}
    
      .content {float: right;width: 667px;line-height: 1.3em;} 
        .content .box-title {height: 42px; line-height: 42px;background: url('/picture/mask/content-title.gif') no-repeat;clear: both;overflow: hidden;}
          .content .box-title h2 {position: relative;top: 2px;display: inline;padding: 10px 60px 10px 15px; background: url('/picture/mask/content-title-sep.gif') no-repeat right 0;}
          .content .box-title h2.flt-l {position: relative;top: 3px;display: block;width: 35%;padding-top: 0;background: url('/picture/mask/content-title-sep.gif') no-repeat 50% 0;}
          .content .box-title h2.flt-r {position: relative;top: 3px;display: block;width: 40%;padding-top: 0;background: url('/picture/mask/content-title-sep.gif') no-repeat 25% 0;}
          .content .box {float: left; width: 667px; background: url('/picture/mask/content-bg.jpg') repeat-y;overflow: hidden;margin-bottom: 20px;}
            .content .box .btm {background: url('/picture/mask/content-btm.jpg') no-repeat bottom;}
            .content .box .btm .pad {padding: 15px;}
            .clickmap {position: absolute; top: 13px; width: 650px; text-align: right; color: #FFF; font-weight: bold;}
            .clickmap a {color: #FFF; text-decoration: none; font-weight: normal;}
            .clickmap a:hover {text-decoration: underline;}
            .text {min-height: 200px; padding: 30px 15px;}
              .content .box ul {list-style: none;padding: 0px}
                .content .box ul li {padding: 0 0 0 20px; background: url('/picture/mask/content-li.jpg') no-repeat 10px 6px;}
                .content .box p {padding: 10px 20px;}
                .content .box strong {color: #373737}
              .content .box .arr-left {position: relative;top: 80px;left: 10px;width: 21px; height: 27px;float: left;}
                .content .box .arr-left span {position: absolute;top:0;left:0;width: 21px; height: 27px;background: url('/picture/mask/arrow-left.png') no-repeat;}
              .content .box p.images {float: left;padding: 20px 12px;}
              .content .box p.images img {margin: 0 10px}
              .content .box .arr-right {position: relative;top: 80px;right: 12px;width: 21px; height: 27px;float: right;}
                .content .box .arr-right span {position: absolute;top:0;left:0;width: 21px; height: 27px;background: url('/picture/mask/arrow-right.png') no-repeat;}
              .content .box .flt-l {float: left; width: 300px;}
              .content .box .flt-r {float: left; width: 300px; margin: 30px 30px 50px; background: url('/picture/mask/ke-stazeni.gif') no-repeat 0 35px;}
              .content .box .flt-l .fpad {margin: 30px 30px 50px;}
              .content .box .flt-r .rpad {margin: 30px 30px 50px 130px;}
              
              
              
      .panel {width: 225px; float: left;}
        .panel h4 {background: url('/picture/mask/panel-title.png') no-repeat;height: 43px; line-height: 46px;overflow: hidden; margin: 0; font-size: 1.5em; color: #fff;padding-left: 20px;}
        .panel h4.gray {background: url('/picture/mask/panel-title-gray.png') no-repeat;}
        .panel .box {float: left; width: 225px; background: url('/picture/mask/panel-bg.jpg') repeat-y;overflow: hidden;margin-bottom: 20px;}
        .panel .box.simple {background: url('/picture/mask/panel-bg-simple.jpg') repeat-y;}
          .panel .box .box-bg {background: url('/picture/mask/panel-btm.jpg') no-repeat bottom;}
          .panel .box.simple .box-bg {background: url('/picture/mask/panel-btm-simple.jpg') no-repeat bottom;}
          .panel .box ul {list-style: none;padding: 20px 8px;}
          .panel .box ul li {padding: 4px 0;}
            .panel .box ul li a {height: 20px; line-height: 20px; color: #fff; text-decoration: none; font-weight: bold; text-transform: uppercase; background: url('/picture/mask/panel-subtitle.png') no-repeat left; padding: 0 0 0 22px;display: block;}
            .panel .box ul li a:hover, .panel .box ul li.active a {color: #FFFB02;}
              .panel .box ul li a.sec {background: url('/picture/mask/panel-li.gif') no-repeat 15px 55%;color: #4e4e4e; font-weight: normal; text-transform: none;padding: 0 0 0 25px;}
              .panel .box ul li a.sec:hover, .panel .box ul li.active a.sec {color: #000;}
          .panel .box form fieldset {padding: 25px 15px 40px;clear: both;}
            .panel .box form fieldset .ac {border:1px solid #91908d; border-right: 0;float: left;padding: 3px;width: 145px;}
            .panel .box form fieldset .submit {width: 39px; height: 24px; border: 0; cursor: pointer; background: url('/picture/mask/search.jpg') no-repeat; float: left;}


  	/* footer ----------------------------------------------------------------- */
  	#footer { clear:both; width: 989px; margin: 0 auto; height: 57px; line-height: 50px; background: url('/picture/mask/footer-bg.jpg') no-repeat;}
      #footer p {font-size: 1.0em;padding: 0 40px;color: #424242;}




hr { display:block; height:1px; margin:10px 0; padding:0; border:0 solid #CCC; background:#CCC; color:#CCC;} 
.clear { clear:both; display: block; height:1px;line-height:1px;font-size:1px; width: 100%;}
.noscreen { display:none; }
.flt-l {float: left;}
.flt-r {float: right;}
.noborder, .nobr {border: 0;}

.news-item {clear: both; width: 640px; margin-bottom: 20px;}
.news-title {float: left; width: 640px; margin-bottom: 20px;}
.news-title a {text-decoration: none; font-weight: bold; font-size: 14px;}
.news-image {float: left; width: 200px;}
.news-desc {float: right; width: 420px;}
.news-more {clear: both; width: 630px; text-align: right; margin-top: 10px;}

.gallery .item {float: left; width: 260px; min-height: 240px; margin: 10px 25px; text-align: center; font-weight: bold;}
.gallery img, .bor {border: 5px solid #C6C6C6; margin-bottom: 10px;}
.bor {margin: 10px;}

table.kontakt  {width: 609px;}
table.kontakt td {padding: 10px;}
table.kontakt tr.top td {background: #007b2a; color: #FFF; font-weight: bold;}
table.kontakt tr.back td {background: #EAEAEA;}

table.cen {width: 635px; margin-top: 20px;}
table.cen td {padding: 8px; color: #2C2C2C;}
table.cen tr.top td {background: #3B995B; color: #FFF; font-weight: bold; border-right: 1px inherit #FFFFFF;}
table.cen tr.top td.par {width: 60px;}
table.cen tr.top td.rabat {width: 60px; background: #007b2a;}
table.cen tr.top td.ks {width: 60px; background: #035D20;}
table.cen tr.back td {background: #eaeaea;}
table.cen td input {width: 30px; text-align: center;}
table.cen td.rabat, table.cen td.par {text-align: right;}

.celh {float: left; width: 635px; margin-top: 20px; background: #CCC; color: #2D2D2D; font-weight: bold;}
.celh .padc {margin: 10px;}
.cell {float: left; width: 310px;}
.celr {float: right; width: 300px; text-align: right;}

.ic {float: right; background: #007627; font-weight: bold; color: #FFF; padding: 5px 10px; border: 0; margin-top: 20px;}
.id {float: right; background: #fd671a;  margin: 0 1px; font-weight: bold; color: #FFF; padding: 5px 10px; border: 0; margin-top: 20px;}




.user-login-l {float: left; width: 140px;}
.user-login-r {float: left; width: 440px;}
.user-login-a {clear: both; padding-top: 5px;}
.user-login-reg {padding-top: 20px;}
.user-login-l input, .user-login-r input {width: 220px;}

/*register*/
.register-l {float: left; width: 135px; text-align: right; margin: 3px 5px 0 0;}
.register-r {float: left; width: 490px; margin-top: 3px;}
.register-h {float: left; width: 175px; margin-top: 3px;}

/*basket*/
.basket {float: left; width: 100%;}
.ba-img {float: left; width: 147px; margin: 0 5px 5px 0; text-align: center;}
.ba-item {float: left; width: 100%; margin: 10px 0 0 0; border-bottom: 1px solid #444; padding-bottom: 15px;}
.ba-title {float: left; width: 500px; margin: 5px 0 5px 0; height: 30px;}
.ba-title a {font-weight: bold;}
.ba-pc {float: left; width: 45px; text-align: center; margin: 5px;}
.ba-pc input {width: 15px;}
.ba-product {float: left; width: 180px; margin: 5px;}
.ba-price {float: left; font-weight: bold; font-size: 11px; width: 74px; text-align: right; margin: 5px;}
.ba-top-title {float: left; width: 100%; background-color: #007627;}
.ba-top-title div {font-weight: bold; color: #FFF; font-size: 11px;}
.ba-line {margin-left: 4px;}
.ba-subtotal {float: left; width: 613px; padding: 10px 0 10px 0; color: #f45800; font-weight: bold; font-size:13px; text-align: right;}
.ba-sazba {float: left; width: 320px; margin: 5px;}
.ba-vat-o {float: left; width: 90px; margin: 5px; text-align: right;}
.ba-vat {float: left; width: 80px; margin: 5px; text-align: right;}
.ba-total {float: left; width: 90px; margin: 5px; text-align: right;}
.ba-description {float: left; width: 205px; color: #898989; margin: 5px;}
.ba-options {float: left; width: 100%;}
/*basket end*/

/*order*/
.order-h {float:left; width: 100%;}
.order-l {float: left; width: 135px; text-align: right;}
.order-h .order-l {margin-top: 3px;}
.order-r, .order-rl, .order-rt, .order-rf {float: left; width: 175px; margin-top: 3px;}
.order-rl, .order-rt {text-align: right; width: 490px;}
.order-rt {color: #f45800; font-weight: bold; font-size: 13px;}
.order-rf {width: 480px;}
.order-r input, .order-rf input, .order-rl input, .order-rf select {margin-left: 5px; width: 165px;}
.order-rf input {width: 475px;}
.maxta {width: 620px;}
/*order end*/

.warning-ok, .warning-bad {font-weight: bold; color: red;}
.warning-ok {color: #009833;}