/**************************************************/
/*                                                */
/*     Author:    Bc. Richard Kalab               */
/*     websites:  www.rousek.eu         	        */
/*                                                */
/*     Date:       28.05.2009                     */
/*                                                */
/*     Copyright:  Bc. Richard Kalab 	       	    */
/*                 www.richard-kalab.cz           */
/*                                                */
/**************************************************/

/* nastaveni defaultnich prvku */
html { width: 100%; margin: 0; padding: 0; }
body { width: 100%; margin: 0; padding: 0; background: #fbfdfe url('../design/bg-body.jpg') 0 0 repeat-x; }

a img { border: 0; }
em { font-style: normal; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

body, p, em, h1, h2, h3, h4, h5, h6, div, span, li, a, textarea, abbr {
  font-family: Arial, Verdana, Helvetica, "Geneva CE", lucida, sans-serif;
 }

p, address, dl, dl{ margin: 0; padding: 0 0 15px 0; font-size: 12px; line-height: 1.4em; color: #000; font-style: normal; }
p a { color: #000; text-decoration: none; }

ul { margin: 0 20px; padding: 0; font-size: 12px; line-height: 1.2em; color: #000; font-style: normal; }

table { font-size: 0.75em; /*border: solid 1px #d0e6ff; */width: 100%; }
td, th { padding: 0; margin: 0; background: #fff; }

abbr { cursor: help; }
form {margin:0;padding:0;}

label, .cur-p { cursor: pointer; }

h2 { text-transform: none; font-size: 14px; font-weight: bold; color: #0175b9; }
h3, .like-h3 { margin-bottom: 5px; text-transform: none; font-size: 12px; font-weight: bold; color: #9ead30; }
.like-h3 { padding: 5px 0; margin: 0; }
h4 { margin-bottom: 4px; text-transform: none; font-size: 12px; font-weight: bold; color: #333; }
h1, .h2likeh1 { margin: 0; padding: 0 0 10px 0; color: #0175b9; font-size: 18px; font-weight: normal; text-transform: none; }
h1 a, .h2likeh1 a { color: #e88600; }
.h2sp { margin: 0; padding: 0 0 10px 0; text-transform: uppercase; font-size: 12px; font-weight: normal; color: #000; }
.h2sp a { color: #000; }
.h2home { margin: 0; padding: 30px 5px 0 60px; color: #1d3340; text-transform: uppercase; font-size: 13px; }
.h2home a { color: #1d3340; }
.h2home2 { margin: 0; padding: 30px 5px 0 60px; color: #ea620e; text-transform: uppercase; font-size: 13px; }
.h2home2 a { color: #ea620e; }



#main-layout-null { margin: 0; padding: 0; width: 100%; /*background: url('../design/bg-head-under.gif') 50% 0 no-repeat;*/ }
#main-layout { margin: 0 auto; padding: 0; width: 941px;}
#head { margin: 0; padding: 0 0 0 6px; width: 937px; height: 200px; overflow: hidden;  background: url('../design/head-rousek.jpg') 50% 0 no-repeat; }
  #logo { margin: 20px 0 0 0; padding: 0; display: block; float: left; width: 175px; height: 98px; }
  #logo img { border: 0; margin: 0; padding: 0; }
  #search-block { margin: 0; padding: 0 20px 0 20px; width: 520px; height: 151px; overflow: hidden; float: right; }
  #langs { margin: 0; padding: 15px 0 15px 0; display: block; float: right; width: 80px; overflow: hidden; height: 18px; }
    #langs li { margin: 0 15px 0 0; padding: 0; display: block; float: left; width: 27px; height: 18px; }
    #czech, #english { margin: 0; padding: 0; display: block; width: 27px; height: 18px; }
    #czech   { background: url('../design/flag-cz.gif') 0 0 no-repeat; }
    #english { background: url('../design/flag-en.gif') 0 0 no-repeat; }
  #top-menu { margin: 0 0 20px 0; padding: 0; list-style-type: none; }
    .titem { margin: 0; padding: 0; display: inline; color: #000; font-size: 12px; }
    .titem a { margin: 0 10px; padding: 0; color: #000; font-size: 12px; }

  #search-btn, .btn-style { margin: 0; padding: 5px 0 5px 0; display: block; border: 0; width: 104px; color: #000; font-size: 12px;
    background: url('../design/btn-104.jpg') 0 0 no-repeat; cursor: pointer; }
  .btn-style-174 { margin: 0; padding: 5px 0 5px 0; display: block; border: 0; width: 174px; color: #000; font-size: 12px;
    background: url('../design/btn-174.jpg') 0 0 no-repeat; cursor: pointer; }
  #search-btn { float: right; }
  .bg-input { margin: 0; padding: 3px 5px; display: block; height: 17px; border: solid 1px #000; background: url('../design/bg-input.gif') 0 0 no-repeat; }
  .bg-input-reg { margin: 0; padding: 3px 5px 1px 5px; display: block; min-height: 12px; border: solid 1px #849fa6; background: url('../design/bg-input.gif') 0 0 no-repeat; }

  #search-string { width: 380px; float: left; }

  #main-menu { margin: 0 0 20px 0; padding: 12px 0 0 0; list-style-type: none; float: left; width: 740px; overflow: hidden; }
    .mitem { margin: 0; padding: 2px 1px 2px 0; float: left; color: #fff; font-size: 13px; /*background: url('../design/menu-sep.gif') 100% 0 no-repeat;*/ }
    .mitem a { margin: 0 10px; padding: 0; color: #fff; font-size: 13px; text-transform: uppercase; font-weight: bold; }

  .head-img-right { margin: 0; padding: 0 17px 0 0; float: right; width: 148px; height: 40px; font-size: 12px; line-height: 18px;
    color: #9c060b; text-align: center; /*background: url('../design/bg-lang-menu.gif') 0 0 repeat-x;*/ }
    #head-kos { margin: 0; padding: 0; }
      #kos-ico { margin: 5px 9px 0 0; padding: 0; display: block; float: left; width: 33px; height: 33px; }
      #kos-obsah { margin: 0; padding: 12px 0 0 0; display: block; float: left; width: 106px; color: #fff; text-align: left; }
      #kos-obsah a { color: #fff; }
      
    

/* content */
  #content-side { margin: 0; padding: 0; float: left; width: 724px; min-height: 200px; }
    #content-null { margin: 1px 0 20px 0; padding: 0; float: right; width: 508px; }
      #drob-navigace { margin: 0; padding: 10px; font-size: 12px; color: #0a2554; font-weight: normal; letter-spacing: 0.02em;  }
      #drob-navigace a { /*color: #fff;*/ color: #0a2554; text-decoration: underline; }
      #drob-navigace a:hover { color: #f4ffa8; text-decoration: underline; }
      #content, .content { margin: 1px 0 10px 0; padding: 8px; width: 490px; border: solid 1px #ecf0f0; background: #fff; }
        .wcont { padding: 10px; background: #fff; }
        .wbcont_10 { padding: 10px 10px 0 10px; margin: 0 0 10px 0; background: #fff; border: solid 1px #000; }
        .wbcont { padding: 0; margin: 0 0 10px 0; background: #fff; border: solid 1px #000; }

        #banner-lehatko1, #banner-lehatko2, #banner-lehatko3, #banner-lehatko4, #banner-lehatko5 { margin: 0; padding: 0; width: 240px; height: 228px; overflow: hidden; }
        #banner-lehatko1 { float: left;  background: url('../design/banner-lehatko1.jpg') 0 0 no-repeat; }
        #banner-lehatko2 { float: right; background: url('../design/banner-lehatko2.jpg') 0 0 no-repeat; }
        #banner-lehatko3 { float: right; background: url('../design/banner-lehatko3.jpg') 0 0 no-repeat; }
        #banner-lehatko4 { height: 248px; float: left;  background: url('../design/banner-lehatko4.jpg') 0 0 no-repeat; }
        #banner-lehatko5 { height: 248px; float: right; background: url('../design/banner-lehatko5.jpg') 0 0 no-repeat; }
        .obalBanner { display: block; height: 196px; overflow: hidden; }
        em.sipka-c { margin: 4px 0 0 110px; padding: 0 8px 0 12px; display: block; background: url('../design/sipka-c.gif') 0 50% no-repeat; color: #1d3340; }

        #banner-4-txt { margin: 0; padding: 80px 0 0 20px; }
          #banner-4-txt em.sipka-d { margin: 0; padding: 0 8px 0 12px; display: block; background: url('../design/sipka-d.gif') 0 50% no-repeat; color: #1d3340; }
        
        #banner-5-txt { margin: 0; padding: 20px 0 0 25px; }
          #banner-5-txt em.sipka-d { margin: 0; padding: 0 8px 0 12px; display: block; background: url('../design/sipka-d.gif') 0 50% no-repeat; color: #1d3340; }

        .k-obj { margin: 0 8px 10px 0; padding: 0; display: block; float: left; width: 151px; font-size: 12px; }

        .obj-p { margin: 0; padding: 120px 0 10px 0; display: block; float: left; width: 167px; height: 60px; 
                font-size: 12px; overflow: hidden; text-align: center; cursor: pointer; }
        .obj-po { margin: 0; padding: 10px 0 10px 0; display: block; float: left; width: 167px; _height: 160px; min-height: 60px; font-size: 12px; overflow: hidden; text-align: center; }
        .obj-ro { margin: 0; padding: 10px 5px; display: block; float: left; width: 157px; min-height: 60px; _height: 120px; font-size: 12px; overflow: hidden; text-align: center; }
        .obj-p em label, .obj-po em label, .obj-ro em label { cursor: pointer; }
        .opb   { border: dotted 1px #dceaed; border-top: 0; }
        .opbb   { border-bottom: dotted 1px #dceaed; }
        #vyskove-stavitelna { background: url('../images/konfigurator/stavitelna-vyska.jpg') 0 0 no-repeat; }
        #vyskove-stavitelna:hover, #vojtova-metoda:hover, #stacionare-lazne:hover,
        #pevna-vyska:hover, #skladaci-lehatka:hover, #transportni-voziky:hover{ background-position: -233px 0; }
        #vojtova-metoda     { background: url('../images/konfigurator/vojtova-metoda.jpg') 0 0 no-repeat; }
        #stacionare-lazne   { background: url('../images/konfigurator/stacionare-lazne.jpg') 0 0 no-repeat; }
        #pevna-vyska        { background: url('../images/konfigurator/pevna-vyska.jpg') 0 0 no-repeat; }
        #skladaci-lehatka   { background: url('../images/konfigurator/skladaci-lehatka.jpg') 0 0 no-repeat; }
        #transportni-voziky { background: url('../images/konfigurator/transportni-voziky.jpg') 0 0 no-repeat; }

        .half-list { margin: 0; padding:0 0 10px 0; display: block; width: 240px; list-style-type: none; }
        .half-list li { margin: 0; padding: 2px 0;  }
        .half-list li a { margin: 0; padding: 0 0 0 13px; background: url('../design/sipka-a.gif') 0 6px no-repeat; color: #000; }
        .half-list li a:hover { text-decoration: underline; color: #007cc3; }
        
        .bb1-dot { margin: 0; padding: 0; clear: both; height: 1px; background: url('../design/bb1-dot.gif') 0 100% repeat-x; }

        .box-spec { margin: 0 0 10px 0; padding: 10px; border: solid 1px #243f50; border-top: 0; background: #fff; width: 486px; }
        .box-spec-head { margin: 0; padding: 0; display: block; height: 35px; color: #fff; text-transform: uppercase;
          background: url('../design/h2-spec-x.gif') 0 0 repeat-x; }
        .box-spec-head h2 { color: #fff; padding: 10px 0; text-transform: uppercase; font-size: 12px; }
        .radia { margin: 0; padding: 7px 0 0 0; display: block; width: 200px; float: right; font-size: 12px; text-transform: none; }
        .bsh-left, .bsh-right { margin: 0; padding: 0; display: block; width: 12px; height: 35px; overflow: hidden;  }
        .bsh-left { float: left; background: url('../design/h2-spec-left.gif') 0 0 no-repeat; }
        .bsh-right { float: right; background: url('../design/h2-spec-right.gif') 0 0 no-repeat; }
        .lighter { color: #849fa6; }
        .lighter-comm { margin: 0; padding: 4px 0 0 10px; color: #849fa6; display: block; width: 120px; float: left; font-size: 10px; }

        #mapa-stranek li { margin: 1px 0; color: #666; }
        #mapa-stranek li a { color: #007cc3; }

        #mapa-1 { background: url('../design/mapa-1.gif') 100% 0 no-repeat; }
        #mapa-2 { background: url('../design/mapa-2.gif') 100% 0 no-repeat; }
        #mapa-link { margin: 0; padding: 0; display: block; width: 219px; height: 327px; }

        .produkt-item, .produkt-item-akce, .produkt-item-novinka { margin: 0; padding: 8px 0 12px 10px; width: 497px; height: 133px; }
        .produkt-item-r { margin: 0 0 10px 0; padding: 8px 0 0 10px; width: 497px; border: solid 1px #ecf0f0; min-height: 50px !important; text-align: left; }
        .produkt-item         { background: url('../design/polozka.gif') 0 0 no-repeat; }
        .produkt-item-akce    { background: url('../design/polozka-akce.gif') 0 0 no-repeat; }
        .produkt-item-novinka { background: url('../design/polozka-novinka.gif') 0 0 no-repeat; }
        .produkt-img { margin: 0; padding: 0; display: block; float: left; width: 156px; height: 98px; }
        .produkt-img img {border: 0;}
        .produkt-txt { margin: 0; padding: 0 10px 0 0; display: block; float: right; width: 315px; height: 113px; overflow: hidden; }
        .produkt-txt-akce, .produkt-txt-novinka { margin: 0; padding: 0 86px 0 0; display: block; float: right; width: 240px; height: 113px; overflow: hidden; }
        .produkt-perex { margin: 0; padding: 2px 0 5px 0; height: 85px; overflow: hidden; }
        .produkt-txt h3, .produkt-txt-akce h3, .produkt-txt-novinka h3,
        .produkt-txt h2, .produkt-txt-akce h2, .produkt-txt-novinka h2 { margin: 0; padding: 0; color: #9ead30; }
        .produkt-txt h3 a, .produkt-txt-akce h3 a, .produkt-txt-novinka h3 a,
        .produkt-txt h2 a, .produkt-txt-akce h2 a, .produkt-txt-novinka h2 a { color: #9ead30; }
        .cena { margin: 0; padding: 0; color: #007cc3; font-weight: bold; font-size: 12px; width: 165px; float: left; }

        .prod-det   { margin: 0; padding: 18px 10px 10px 10px; border: solid 1px #ecf0f0; background: #fff; width: 250px; float: left; }
        .prod-right { margin: 0; padding: 0; display: block; float: right; width: 224px;  }
          .prod-img { margin: 0 0 5px 0; padding: 0; display: block; width: 222px; height: 176px; border: solid 1px #2a4556; }

        .prod-params { margin: 1px 0 10px 0; padding: 0px; width: 506px; border: solid 1px #ecf0f0; background: #fff; border-collapse: collapse; }
        .prod-params td, .prod-params th { margin: 0; padding: 5px 10px 4px 10px; border: solid 1px #ecf0f0; background: #fff; color: #000; }

        .txt-box { margin: 0; padding: 0 5px 0 0; float: right; width: 310px; min-height: 120px; _height: 120px; }
        .rf-box { margin: 0; padding: 0 5px 0 0; float: right; width: 310px; }
        .wide530 { width: 530px !important; float: none; }
        .wide485 { width: 485px !important; float: none; }
        h2.h2vypis, em.h2vypis { margin: 0; padding: 0 0 1px 0; color: #007cc3; font-weight: normal; font-size: 12px; font-weight: normal; }
        h2.h2vypis a, em.h2vypis a { color: #007cc3; text-decoration: none; }
        h2.h2vypis a strong, em.h2vypis a strong { color: #007cc3; font-weight: normal; }
        h2.h2vypis a:hover, em.h2vypis a:hover { text-decoration: none; }
        h2.h2vypis a:hover strong, em.h2vypis a:hover strong { text-decoration: underline; }

        .mh40 { padding: 0; margin: 0; display: block; min-height: 40px; }

        .img-box { margin: 0; padding: 0; float: left; width: 156px; min-height: 98px; _height: 98px; }
        .img-box img { border: solid 1px #849fa6; }
        .bb1-clear { margin: 0 0 10px 0; padding: 0; clear: both; border-bottom: dotted 1px #fff; }
        .gr-date { margin: 0; padding: 0 0 3px 0; display: block; color: #5c686b; font-size: 12px; }
        .clr-gr { margin: 0; padding: 0; display: block; color: #5c686b; font-size: 12px; }
        .clr-gr2 { margin: 0; padding: 0; color: #5c686b; font-size: 12px; font-weight: normal; }
        .s-dph { margin: 0; padding: 0; color: #5c686b; font-size: 12px; }
        .btn-90 { margin: 0; padding: 3px 0 0 0; display: block; width: 90px; height: 20px; overflow: hidden;
          color: #000; background: url('../design/btn-90.jpg') 0 0 no-repeat; text-align: center;  }
        .btn-oval-69c { margin: 0; padding: 3px 0 0 0; display: block; width: 69px; height: 18px; overflow: hidden;
          color: #000; background: url('../design/btn-oval-69c.png') 0 0 no-repeat; text-align: center; font-size: 12px; }
        .btn-oval-69b { margin: 0; padding: 3px 0 0 0; display: block; width: 69px; height: 18px; overflow: hidden;
          color: #000; background: url('../design/btn-oval-69b.gif') 0 0 no-repeat; text-align: center; font-size: 12px; }
        .btn-oval-69 { margin: 0; padding: 3px 0 0 0; display: block; width: 69px; height: 18px; overflow: hidden;
          color: #000; background: url('../design/btn-oval-69.gif') 0 0 no-repeat; text-align: center; font-size: 12px; }
        .btn-red-222 { margin: 0; padding: 0 0 0 0; display: block; width: 222px; height: 29px; overflow: hidden; text-transform: uppercase;
          color: #fff; background: url('../design/btn-red-222.jpg') 0 0 no-repeat; text-align: center; font-size: 12px; cursor: pointer; border: 0; }
        .btn-263 { margin: 0; padding: 0 0 3px 0; display: block; width: 263px; height: 27px; overflow: hidden;
          color: #000; background: url('../design/btn-263.jpg') 0 0 no-repeat; text-align: center; cursor: pointer; border: 0; font-size: 12px;  }

        .half-block { margin: 0; padding: 0; width: 241px; }
        .wide120 { width: 120px !important; }
        .wide190 { width: 190px !important; }
        .wide220 { width: 220px !important; }
        .wide250 { width: 260px !important; }
        .wide470 { width: 470px !important; }
        .wide440 { width: 440px !important; }
        .clasic { margin: 0;padding: 0; }
        .clasic dd, .clasic dt { margin: 0 0 5px 0; padding: 0; }
        .clasic dt input { width: 209px; }
        .clasic dd { clear: left; }
        .sp-area { margin: 0; padding: 3px 5px; width: 209px; height: 100px;
          font-size: 12px; background: url('../design/area-big.gif') 0 0 no-repeat; border: solid 1px #000; }
        .sp-area-reg { margin: 0; padding: 3px 5px; width: 209px; height: 100px;
          font-size: 12px; background: url('../design/area-big.gif') 0 0 no-repeat; border: solid 1px #849fa6; }

        .dd-flt { margin: 0; padding: 3px 0 0 0 !important; float: left; width: 130px; display: block; }
        .dt-flt { margin: 0; padding: 0; float: left; width: 340px; display: block; }
        .dt-flt select { width: 200px; }
        .dd-flt-150 { margin: 0; padding: 3px 0 0 0 !important; float: left; width: 150px; display: block; }
        .dt-flt-320 { margin: 0; padding: 0; float: left; width: 320px; display: block; }
        .dt-flt-320 select { width: 200px; }

        

        #kosik { margin: 0 0 20px 0; padding: 0; font-size: 12px; background: #fff  url('../design/bg-kosik.gif') 112px 0 repeat-y; }
        #objednavky { margin: 0 0 20px 0; padding: 0; font-size: 12px; background: #fff  url('../design/bg-objednavka.gif') 87px 0 repeat-y; }
        #konf { margin: 0 0 20px 0; padding: 0; font-size: 12px; background: #fff; }
        #kosik th { margin: 0; padding: 0; color: #fff; height: 35px; font-weight: normal; vertical-align: middle; background: url('../design/h2-spec-x.gif') 0 0 repeat-x; }
        #objednavky th { margin: 0; padding: 0 10px; color: #fff; height: 35px; font-weight: normal;
          text-align: left; vertical-align: middle; background: url('../design/h2-spec-x.gif') 0 0 repeat-x; }
        #objednavky td  { margin: 0; padding: 5px 10px; border-bottom: solid 1px #243f50; vertical-align: middle; text-align: left;
          background: transparent; }
        #konf th { margin: 0; padding: 0 10px; color: #fff; height: 35px; font-weight: normal;
          text-align: left; vertical-align: middle; background: url('../design/h2-spec-x.gif') 0 0 repeat-x; }
        #konf td  { margin: 0; padding: 5px 10px; border-bottom: solid 1px #243f50; vertical-align: middle; text-align: left;
          background: transparent; }

        .ico-new, .ico-acc, .ico-exp, .ico-str { margin: 0; padding: 0 0 0 22px; }
        .ico-new {background: url('../design/ico-new.gif') 0 0 no-repeat;}
        .ico-acc {background: url('../design/ico-acc.gif') 0 0 no-repeat;}
        .ico-exp {background: url('../design/ico-exp.gif') 0 0 no-repeat;}
        .ico-str {background: url('../design/ico-str.gif') 0 0 no-repeat;}

        .tlo, .tro { margin: 0; padding: 11px 0 0 11px; display: block; height: 24px; text-align: left; }
        .tlo { text-transform: uppercase; font-weight: bold; background: url('../design/h2-spec-left.gif') 0 0 no-repeat;  }
        .tro { background: url('../design/h2-spec-right.gif') 100% 0 no-repeat;  }
        .brc { border-left: solid 1px #1e4f86 !important; }
        #kosik td { margin: 0; padding: 5px; border-bottom: solid 1px #243f50; /*border-left: dotted 1px #dceaed;*/ vertical-align: top; text-align: left;
          background: transparent; }
        .w103 { width: 103px; }
        .w185 { width: 185px; }
        .w109 { width: 109px; }
        .w295 { width: 295px; }
        .w80i { width: 80px !important; }
        .w110 { width: 102px; }
        .w120 { width: 112px; }
        .w165 { width: 197px; }
        .w150 { width: 100px; }
        .w315 { width: 315px; }
        .w140 { width: 140px; }
        .w180 { width: 180px; }
        .w80 { width: 83px; }
        .w70 { width: 70px; }
        .kobr { margin: 0; padding: 0 !important; width: 110px; }
        .brl { border-left: solid 1px #243f50 !important; }
        .brr { border-right: solid 1px #243f50 !important; }
        .tcn { text-align: center !important; }
        .trg { text-align: right !important; }
        .nwr { white-space: nowrap; }
        .erase { margin: 0; padding: 0; display: block; float: right; width: 16px; height: 16px; border: 0; cursor: pointer;
                background: url('../design/erase.gif') 0 0 no-repeat; }
        .pct_k { margin: 17px 3px 0 0; padding: 0; display: block; float: left; width: 20px; text-align: right; border: solid 1px #849fa6; }
        .ks_k { margin: 20px 0 0 0; padding: 0; float: left; }
        .erase-td { padding: 0 5px 5px 0 !important; margin: 0; vertical-align: bottom !important; border-right: solid 1px #243f50 !important; }

        tr.bg-w td { background: #fff !important; }

        span#kos-vyprazdnit, span#kos-prepocitat, span#kos-pokracovat { margin: 0; padding: 3px 0 0 33px; display: block; float: left; height: 19px; }
        span#kos-vyprazdnit { width: 182px; background: url('../design/krizek-22.gif') 0 0 no-repeat; }
        span#kos-vyprazdnit a { color: #d00202; }
        span#kos-prepocitat { width: 102px; background: url('../design/prepocitat-22.gif') 0 0 no-repeat; }
        span#kos-prepocitat a { color: #9ead30; }
        span#kos-pokracovat { width: 115px; background: url('../design/pokracovat-22.gif') 0 0 no-repeat; float: right; }
        span#kos-pokracovat a { color: #2e8fc7; }

        .foto-sloup { margin: 0; padding: 0 15px 0 0; float: left; width: 225px; }

        .f-box { margin: 0 0 18px 0; padding: 0; }
        .slozka-b { margin: 0; padding: 20px 14px; display: block; width: 100px; height: 101px; overflow: hidden; float: left; background: url('../design/bg-slozka.jpg') 0 0 no-repeat; }
        .text-f { margin: 0; padding: 20px 17px; width: 320px; float: left; font-size: 12px; }
        .text-f h2 { margin: 0; padding: 0 0 10px 0; color: #8baa2b; font-size: 12px; }
        .text-f h2 a { color: #8baa2b; }

    #menu-side { margin: 0; padding: 0 0 20px 0; float: left; width: 211px; }
      #vert-menu { margin: 0; padding: 0 0 0 3px; list-style-type: none; }
        .vitem   { margin: 0; padding: 6px 0 0 22px; background: url('../design/sipka-b.gif') 0 6px no-repeat;  }
        .vitem a { margin: 0; padding: 0 0 6px 0; display: block; background: url('../design/menu-dot.gif') 0 100% no-repeat; color: #000; min-height: 1px; _height:1px;  }
        .submenu { margin: 0; padding: 0; list-style-type: none; }
          .subitem { margin: 0; padding: 0 0 0 13px; background: url('../design/sipka-a.gif') 0 8px no-repeat; }
          .subitem a { padding: 3px 0 2px 0; background: transparent; }

      #banner-vzornik { margin: 10px 0 0 0; padding: 15px 20px 10px 20px; display: block; width: 171px; height: 32px; text-transform: uppercase;
        color: #fff; font-size: 12px; overflow: hidden; background: url('../design/btn-big.gif') 0 0 no-repeat; text-align: center;
        line-height: 19px; font-weight: bold; }
      #banner-konfigurator { margin: 12px 0 37px 0; padding: 0; height: 247px; width: 211px; text-align: center; display: block;
        color: #1d3544; background: url('../design/konfigurator.gif') 0 0 no-repeat; }
      #banner-konfigurator:hover { text-decoration: none; }
        .sestavte-si { margin: 0; padding: 17px 20px 0 20px; display: block; text-align: center; height: 50px; overflow: hidden; }
        .pouzijte-konfig { margin: 0; padding: 133px 10px 0 10px; display: block; text-align: center; width: 149px; height: 50px; overflow: hidden; }

  #login-side { margin: 0; padding: 0 0 20px 0; float: right; width: 211px; }
    .h2box { margin: 0; padding: 13px 0 0 0; height: 24px; overflow: hidden; width: 211px; font-size: 12px; text-transform: uppercase;
      color: #fff; background: url('../design/top-box.gif') 0 0 no-repeat; text-align: center; }
    .h2box a { color: #fff; }
    .box { margin: 0; padding: 10px; border: solid 1px #ecf0f0; width: 189px; background: #fff; min-height: 50px; }
    .razitko { background: #fff url('../design/zivnostnik-roku.jpg') 100% 7px no-repeat; }
    .clr-b { color: #007cc3; }
    .clr-b a { color: #007cc3; }
    .atr  { margin: 0; padding: 0; float: left; display: block; width: 50px; }
    .atr2 { margin: 0; padding: 0; float: left; display: block; width: 30px; }
    .val  { margin: 0; padding: 0; float: left; display: block; width: 120px; }
    
    #banner-cenik { margin: 10px 0 0 0; padding: 0; display: block; height: 103px; overflow: hidden; background: url('../design/schranka.gif') 0 0 no-repeat; }
    #banner-cenik:hover { text-decoration: none; }
    #banner-cenik:hover .chci-zaslat, a:hover .chci-emailem, a:hover .chci-cenik { text-decoration: underline; }
      .chci-zaslat, .chci-emailem { margin: 0; display: block; font-size: 18px; color: #fff; }
      .chci-zaslat  { padding: 28px 0 0 20px; }
      .chci-cenik   { margin: 0; padding: 2px 0 0 20px; font-size: 18px; color: #fff; display: block; text-transform: none; }
      .chci-emailem { padding: 0 0 0 20px; }

    .tuv-holder em { padding: 0 20px; margin: 0; display: block; color: #007cc3; }
    .tuv-holder:hover em { text-decoration: underline !important; }

    .foto-box { margin: 0; padding: 0 10px 10px 0; float: left; width: 234px; }
    /*.foto-box-det { margin: 0; padding: 0 0 10px 35px; float: left; width: 200px; }*/
    .foto-box-det { margin: 0 20px 20px 0; padding: 0; float: left; width: 100px; height: 76px; border: solid 1px #0175b9; }
    .lab-height { margin: 0; padding: 0; display: block; height: 70px; overflow: hidden; }
    .img-slozka { margin: 0; padding: 1px; border: solid 1px #849fa6; background: #fff; display: block; width: 168px; height: 168px; }
    .img-slozka img { border: solid 9px #ecf0f0; }


#foot-null { margin: 0 0 10px 0; padding: 0; width: 100%; background: #d7fafa; }
#foot { margin: 0 auto; padding: 10px 10px 20px 10px; width: 920px; font-size: 14px; background: transparent; text-align: center; }
.foot-menu { margin: 0 auto; padding: 5px 0 0 0; text-align: center; list-style-type: none; }
.foot-menu li { margin: 0; padding: 0; color: #000; font-size: 12px; display: inline; }
.foot-menu li a { margin: 0; padding: 0; color: #000; font-size: 12px; display: inline; }

#copyright { margin: 0 auto; padding: 8px 0 10px 0; width: 100%; text-align: center; background: #068dbd; }
#copyright p { padding-bottom: 3px; color: #fff; }
#copyright p a { color: #fff; }

.system-vypis { margin: 0; padding: 10px 10px 10px 8px; }
.pocty-clanku { margin: 0; padding: 0; font-size: 12px; color: #918e8e; width: 35%; float: left; }
.clanky-pocet-top { margin: 0; padding: 0; font-size: 12px; color: #918e8e; text-align: right; }
.galerie-pocet-top { margin: 0; padding: 8px 10px 0 0; font-size:12px; color: #918e8e; text-align: right; }
.modely-pocet-top { margin: 0; padding: 0 20px 0 0; font-size: 12px; color: #918e8e; text-align: right; }
.modely-pocet-top strong { margin: 0; padding: 0; color: #000; }
.strankovani { margin: 0; padding: 0; font-size: 12px; color: #918e8e; width: 65%; float: right; text-align: right; }
.strankovani a { color: #0a88b7; }
.strankovani a:hover { color: #2424e3; text-decoration: underline; }
.po-str { margin: 0; padding: 0 0 3px 0; color: #918e8e; font-weight: bold; /*background: url('../design/orng-sip.gif') 100% 0px no-repeat;*/ }
.pred-str { margin: 0; padding: 0 0 3px 20px; color: #918e8e; font-weight: bold; /*background: url('../design/orng-sip2.gif') 0 0px no-repeat;*/ }


/* hlasky */
.error-message { margin: 0; padding: 20px 0 20px 80px; display: block; min-height: 36px; _height: 26px; color: #d70000;
    /*border: solid 1px #d70000; */background: url('../design/hlaska-not.gif') 20px 50% no-repeat; }
.error-message-2 { margin: 0 0 5px 0; padding: 8px; display: block; min-height: 16px; _height: 16px; color: #d70000;
    border: solid 1px #d70000; /*background: url('../design/hlaska-not.gif') 0px 50% no-repeat;*/ }
.info-message { margin: 0; padding: 20px 0 10px 100px; display: block; min-height: 36px; _height: 26px; color: #5592c3;
    /*border: solid 1px #77b4e5; */background: url('../design/hlaska-info.gif') 20px 50% no-repeat; }
.ok-message { margin: 0; padding: 20px 0 10px 80px; display: block; min-height: 36px; _height: 26px; color: #6bc734;
    /*border: solid 1px #6bc734;*/ background: url('../design/hlaska-ok.gif') 20px 50% no-repeat; }

.soubory-list { margin:0; padding: 0; list-style-type: none; }
.soubory-list li { margin:0; padding: 4px 0; }
.ico-sp { margin: 0; padding: 3px 0 3px 25px; color: #000; background: url('../design/ikony/ico-null.gif') 0 2px no-repeat; }
.ico-sp:hover { color: #04b0f5; }
.idoc { background: url('../design/ikony/ico-doc.gif') 0 2px no-repeat !important; }
.ixls { background: url('../design/ikony/ico-xls.gif') 0 2px no-repeat !important; }
.ipdf { background: url('../design/ikony/ico-pdf.gif') 0 2px no-repeat !important; }
.izip { background: url('../design/ikony/ico-zip.gif') 0 2px no-repeat !important; }
.irar { background: url('../design/ikony/ico-rar.gif') 0 2px no-repeat !important; }


.wys { font-size: 12px; }
.wys p a { /*color: #9ead30;*/ color: #007cc3; }

.clr-g { color: #8baa2b; }

/* mess cleaner */
.alternative { display: none; }
.hide { visibility: hidden; }
.cleaner, .clnr { clear: both; margin: 0 !important; padding: 0 !important; }
.cleaner-s, .clnr-s { clear: both; display: block; margin: 0 !important; padding: 0 !important; }
.block { display: block !important; }
.ovh { overflow: hidden !important; }

.clnr-12 { clear: both; margin: 0 !important; padding: 0 !important; height: 12px; }

.fleft { float: left; }
.flefti { float: left !important; }
.fright { float: right; }
.frighti { float: right !important; }

.bg-t { background: transparent !important; }
.upper { text-transform: uppercase; }
.no-dec { text-decoration: none; }
.no-dec:hover { text-decoration: none; }

.vat { vertical-align: top !important; }
.vam { vertical-align: middle !important; }
.vab { vertical-align: bottom !important; }

.bt1 { padding-top: 10px; border-top: dotted 1px #849fa6; }

.tright, .trg, .tar { text-align: right !important; }
.tleft, .tlf, .tal { text-align: left !important; }
.tcenter, .tcn, .tac { text-align: center !important; }
.tjust { text-align: justify; }


.white { color: #fff; }
.black { color: #000 !important; }
.fs-075 { font-size: 0.75em; }
.fs-075i { font-size: 0.75em !important; }
.fs-08i { font-size: 0.8em !important; }
.fs-1 { font-size: 1em; }

.col-f { width: 30%; }
.w200i { width: 200px !important; }
.w132 { width: 132px; }
.w134 { width: 134px; }
.w139 { width: 139px; }
.w140 { width: 140px; }
.w152 { width: 152px; }
.w154 { width: 154px; }

.ico-pdf { margin: 0; padding: 0 0 0 20px; background: url('../design/ico-pdf.gif') 0 0 no-repeat; }
.foto-slozka { margin: 0; padding: 35px 0 8px 75px; display: block; width: 200px; background: url('../design/galerie.jpg') 0 0 no-repeat; }

.red { color: #d84c39; }
.red-star { padding: 0 0 0 10px; color: #d84c39; display: block; width: 20px; float: left;}

ul.no-style { margin: 0; padding: 0; list-style-type: none; }
ul.no-style li { padding: 3px 0; }
ul.no-style li a { color: #2d3b81; }

.bb0 { border-bottom: 0 !important; }
.bl0 { border-left: 0 !important; }
.br0 { border-right: 0 !important; }
.b0 { border: 0 !important; }

.sdsp { padding-left: 10px; padding-right: 10px; }
.pack-12 { padding: 12px 12px 0 12px; }

.p0   { padding: 0 !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pb0  { padding-bottom: 0px !important; }
.pb3  { padding-bottom: 3px !important; }
.pb5  { padding-bottom: 5px !important; }
.pb6  { padding-bottom: 6px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }
.pr0  { padding-right: 0px !important; }
.pl0  { padding-left: 0px !important; }
.pl10 { padding-left: 10px !important; }
.pr10 { padding-right: 10px !important; }
.pr20 { padding-right: 20px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.plr20 { padding-right: 20px !important; padding-left: 20px !important; }
.mt0  { margin-top: 0px !important; }
.mt5  { margin-top: 5px !important; }
.ml0  { margin-left: 0px !important; }
.ml10  { margin-left: 10px !important; }
.mr0  { margin-right: 0px !important; }
.mr5  { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mt10 { margin-top: 10px !important; }
.mt14 { margin-top: 14px !important; }
.mt20 { margin-top: 20px !important; }
.mb3  { margin-bottom: 3px !important; }
.mb5  { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }

#goog-wm .content { width: 470px; }