*{
  margin:0;
  padding:0;
}
body,html{
  margin:0 auto;
  text-align:center;
  font-family: Tahoma, Verdana, Arial, lucida, sans-serif;
  font-size:x-small;
  background:#80A028 url('../pic/background.gif') repeat-x top left;
  /*height:100%;*/ /* paticka webu az dole */
}
html>body{
  font-size:small;
}
/* -------------------------- nadpisy a ciary ----------------------------- */
h1,h2,h3,h4,h5,h6{
  font-size:large;
}
hr{
  display:none;
}
/* ------------------------- preskakovaci odkaz ----------------------------- */
a#skok1{
  display:none;
}
a#skok,a#skok2,a#skok3{
  display:none;
}
/* ----------------------------- hlavicka ----------------------------------- */
div#hlava{
  /*position:relative;*/
  height:171px;
  background:#ddd url('../pic/hlava.gif') repeat-x top left;
}
/* jazyky */
div#jazyky{
  width:394px;
  float:right;
  height:25px;
  background:#fff;
  text-align:center;
  line-height:20px;
  color:#000;
  background:url('../pic/jazyky.gif') repeat-x top left;
}
  div#jazyky a,div#jazyky a:hover{
    color:#000;
    font-size:90%;
  }
  div#jazyky a:hover{
    text-decoration:none;
  }
h1{
  color:#D8191E;
  width:326px;
  height:171px;
  position:relative;
  float:left;
}
  h1 img{
    display:none;
  }
  h1 a,h1 a:hover{
    color:#D8191E;
  }
  h1 a span,h1 a:hover span{
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:326px;
    height:171px;
    background:url('../pic/logo.gif') no-repeat top left;
    cursor:pointer;
    /*cursor:hand;\*/ /* pre MSIE */
  }
  div#hlava h2{
    width:399px;
    height:146px;
    /*line-height:146px;*/
    float:right;
    position:relative;
    font-size:.9em;
    /*text-align:center;*/
  }
    div#hlava h2 span#sk,div#hlava h2 span#en,
    div#hlava h2 span#ru,div#hlava h2 span#de,
    div#hlava h2 span#pl{
      display:block;
      position:absolute;
      top:0;
      left:0;
      width:399px;
      height:146px;
    }
    div#hlava h2 span#sk{
      background:url('../pic/stroj-hlava-sk.gif') no-repeat bottom left;
    }
    div#hlava h2 span#en{
      background:url('../pic/stroj-hlava-en.gif') no-repeat bottom left;
    }
    div#hlava h2 span#de{
      background:url('../pic/stroj-hlava-de.gif') no-repeat bottom left;
    }
    div#hlava h2 span#ru{
      background:url('../pic/stroj-hlava-ru.gif') no-repeat bottom left;
    }
    div#hlava h2 span#pl{
      background:url('../pic/stroj-hlava-pl.gif') no-repeat bottom left;
    }
/* ------------------------- hlavne menu ------------------------------------ */
div#hlavnemenu{
  clear:left;
  height:24px;
  /*height:2.4em;*/
  padding:2px 0;
  background:url('../pic/menu.gif') repeat-x top left;
  width:100%;
}
  div#hlavnemenu ul{
    list-style-type:none;
  }
    div#hlavnemenu ul li{
      float:left;
      width:150px;
      height:24px;
      /*height:2.4em;*/
      text-align:center;
      background:#F1F2EE;
    }
      div#hlavnemenu ul li a,div#hlavnemenu ul li a:hover{
        display:block;
        line-height:24px;
        height:24px;
        /*line-height:2.4em;
        height:2.4em;*/
        width:150px;
        color:#000;
        text-decoration:none;
        font-weight:600;
      }
      div#hlavnemenu ul li a{
        background:url('../pic/menu-ahover.gif') no-repeat top left;
      }
      div#hlavnemenu ul li a:hover{
        background:url('../pic/menu-ahover.gif') no-repeat top right;
      }
      div#hlavnemenu ul li a.zvyrazni,div#hlavnemenu ul li a.zvyrazni:hover{
        background:url('../pic/menu-ahover.gif') no-repeat top center;
      }
      div#hlavnemenu ul li a.nezvyrazni,div#hlavnemenu ul li a.nezvyrazni:hover{
        font-weight:600;
      }
/* ---------------------------- odfloatovavac ------------------------------- */
div.odfloat{
  clear:both;
}
/* ----------- vlastny obsah - lave menu, text a prava strana ------------------- */
div#hlavnyobsah{
  margin:1px 0 0 0;
}
  /* -- menu nalavo -- */
  div#nalavo{
    /*width:164px;*/
    width:12.5em;
    float:left;
    background:#9F0004;
    color:#fff;
  }
    div#nalavo h3,div#kontakt h3,div#prospekty h3{
      font-size:1em;
      padding:2px 2px 2px 8px;
      background:#9F0004;
      color:#fff;
    }
    div#prospekty p a img,div#prospekty p a:hover img{
      border:0;
    }
      div#nalavo h3{
        display:none;
      }
        div#nalavo h3 a{
          color:#000;
        }
      div#kontakt h3,div#prospekty h3{
        display:block;
      }
        div#prospekty div{
          border-bottom:1px solid #E8D0D0;
        }
        div#prospekty h3#hh3{
          background:#E8D0D0;
          color:#000;
          margin:2px;
        }
    div#nalavo p{
      padding:4px 8px;
    }
    div#nalavo ul{
      list-style-type:none;
    }
      div#nalavo ul li{
        font-weight:bold;
      }
        div#nalavo ul li span{
          font-weight:bold;
          padding:4px 8px;
          display:block;
        }
        div#nalavo ul ul{
          padding-bottom:16px;
          background:url('../pic/tien-menu-produkt.gif') repeat-x bottom left;
        }
          div#nalavo ul ul li{
            font-weight:normal;
            display:block;
            padding:0;
            border-bottom:1px solid #660003; /* MSIE bez tohto rozhodi polozky */
          }
            div#nalavo ul ul li a{
              font-size:.9em;
              display:block;
              /*height:21px;
              line-height:21px;*/
              padding:4px;
              padding-left:8px;
              background:url('../pic/menu-produkt.gif') no-repeat top right;
              text-decoration:none;
            }
            div#nalavo ul ul li a:hover{
              color:#ffe000;
            }
            /* -- sluzi na zvyraznenie vybranej polozky v lavom menu -- */
            div#nalavo ul ul li a.zvyrazni2{
              color:#ffe000;
            }
            div#nalavo ul ul li a.nezvyrazni2{
            }
      div#nalavo p a,div#nalavo p a:hover,
      div#nalavo ul li a,div#nalavo ul li a:hover{
        color:#fff;
      }
    /* -- kontakt nalavo -- */
    div#kontakt{
      background:#9F0004 url('../pic/address.gif') repeat-y top left;
      color:#000;
      font-style:normal;
    }
      div#kontakt address,div#kontakt p{
        /* nevie Firefox zaohladnit definicie */
        font-style:normal;
        padding:4px 8px;
      }
        div.horeaddr,div.doleaddr{
          height:9px;
          width:12.5em;
        }
        div.horeaddr{
          background:url('../pic/horeaddr.gif') no-repeat top left;
        }
        div.doleaddr{
          height:3px;
          background:url('../pic/doleaddr.gif') no-repeat bottom left;
        }
  /* -- stredna cast obsahu -- */
  div#text{
    margin:0 0 0 164px;
    /*margin:0 0 0 12.5em;*/
    color:#2F2F2F;
  }
    /* -- hlavny nadpis textu -- */
    div#text h2{
      background:#A9C65A url('../pic/text-h2.gif') repeat-y top right;
      color:#000;
      padding:4px 4px 4px 18px;
    }
      div#text h2 span{
        color:#5E5E5E;
      }
    div#text p a,div#text div.objektin p a{
      color:#2f2f2f;
    }
    div#text p a:hover,div#text div.objektin p a:hover{
      color:#9F0004;
    }
    div#text p a img,div#text div.objektin p a img{
      border:1px solid #A5A5A5;
    }
    div#text p a:hover img,div#text div.objektin p a:hover img{
      border:1px solid #63A62D;
    }
    div#text div#produkty{
      width:513px;
      float:left;
    }
    div#text div.objektin{
      width:513px;
      float:left;
      line-height:1.4em;
      background:url('../pic/objektin.gif') repeat-y top left;
      margin:0 0 4px 0;
      position:relative;
    }
      div#text div.objektin h2{
        margin:0 3px;
        padding:12px;
        background:url('../pic/h2.gif') repeat-x top left;
        float:none;
        width:483px;
        color:#2F2F2F;
      }
      div#text div.objektin h3,
      div#text div.objektin h4,
      div#text div.objektin h5,
      div#text div.objektin h6,
      div#text h3,div#text h4,div#text h5,div#text h6,
      div#text table{
        margin:12px;
        font-size:1em;
      }
      div#text h3#pozor{
        color:#f00;
      }
      div#text div.objektin code,div#text code{
        font-size:1em;
      }
      div#text div.objektin p,
      div#text p,div#text table,
      div#text div.objektin address,
      div#text div.objektin form{
        margin:16px 20px;
        font-style:normal;
      }
        div#text div.objektin form fieldset,
        div#text div.objektin form fieldset legend{
          border:1px solid #81A02A;
        }
        div#text div.objektin form fieldset legend{
          font-weight:bold;
          padding:4px;
        }
          div#text div.objektin form fieldset input#dobaZdrzaniaKalu_dot,
          div#text div.objektin form fieldset input#teplotaKalu_dot,
          div#text div.objektin form fieldset input#phKalu_dot,
          div#text div.objektin form fieldset input#pozadiavkaKvalityOdFiltratu_dot,
          div#text div.objektin form fieldset input#poziadavkaSusinaVylisKal_dot,
          div#text div.objektin form fieldset input#vykonZariadenia_dot,
          div#text div.objektin form fieldset input#predpokladanaPracaZar_dot{
            width:50px;
          }
          div#text div.objektin form fieldset table caption{
            text-align:center;
            font-weight:bold;
          }
      div#text ul,div#text ol,div#text dl{
        margin:16px 40px;
      }
        div#text dl dt{
          font-weight:bold;
        }
        div#text dl dd{
          margin:8px 0 8px 32px;
        }
      div#text div.objektin p.dole,
      div#text div.objektin ul.ikony,
      div#text p.dole,
      div#text ul.ikony{
        clear:left;
      }
      div#text table,div#text table th,div#text table td{
        border:1px solid #2f2f2f;
        border-top-color:#A7A7A7;
        border-right-color:#A7A7A7;
      }
      div#text table{
        border-collapse:collapse;
        background:#fff;
      }
        div#text table th{
          padding:2px;
          background:#A9C659;
          font-size:90%;
        }
        div#text table td{
          padding:2px;
        }
        div#text table th a,div#text table th a:hover,
        div#text table td a,div#text table td a:hover,
        div#text h2 a,div#text h2 a:hover,
        div#text h3 a,div#text h3 a:hover,
        div#text h4 a,div#text h4 a:hover,
        div#text h5 a,div#text h5 a:hover,
        div#text h6 a,div#text h6 a:hover{
          color:#2f2f2f;
        }
        div#text table th a:hover,div#text table td a:hover,
        div#text h2 a:hover,div#text h3 a:hover,
        div#text h4 a:hover,div#text h5 a:hover,
        div#text h6 a:hover
        {
          color:#9F0004;
        }
          /* ----------------- zafarbenie riadkov tabulky, lebo CSS3 este nejde dobre ----------------- */
          div#text table td.par0{
            background:#fff;
          }
          div#text table td.par1{
            background:#FBE0E1;
          }
        div#text div.objektin ul.ikony li,
        div#text ul.ikony li{
          display:inline;
          padding-left:20px;
          margin-left:4px;
          /*float:left;*/
        }
        div#text div.objektin ul.ikony li.icon-popis,
        div#text ul.ikony li.icon-popis{
          background:url('../pic/icon-popis.gif') no-repeat left center;
        }
        div#text div.objektin ul.ikony li.icon-parametre,
        div#text ul.ikony li.icon-parametre{
          background:url('../pic/icon-parametre.gif') no-repeat left center;
        }
        div#text div.objektin ul.ikony li.icon-schemy,
        div#text ul.ikony li.icon-schemy{
          background:url('../pic/icon-schemy.gif') no-repeat left center;
        }
        div#text div.objektin ul.ikony li.icon-foto,
        div#text ul.ikony li.icon-foto{
          background:url('../pic/icon-foto.gif') no-repeat left center;
        }
      div#text div.objektin p a.viac{
        position:absolute;
        bottom:12px;
        right:12px;
        display:block;
        background:#D5B3B3 url('../pic/viac-a.gif') repeat-x top left;
        padding:2px 8px;
        font-weight:bold;
      }
      div#text div.objektin p img{
        float:left;
        margin-top:4px;
        margin-right:8px;
        margin-bottom:4px;
        border-left:1px solid #B5B5B5;
        border-top:1px solid #B5B5B5;
        border-right:1px solid #414141;
        border-bottom:1px solid #414141;
      }
      div#text div.objektin p img.nofloat{
        float:none;
      }
      div#text div.objektin ul,
      div#text div.objektin ol,
      div#text div.objektin dl{
        margin:16px 48px;
      }
        div#text div.objektin p a,div#text div.objektin p a:hover,
        div#text div.objektin ul a,div#text div.objektin ul a:hover,
        div#text div.objektin ol a,div#text div.objektin ol a:hover,
        div#text div.objektin dl a,div#text div.objektin dl a:hover{
          color:#2F2F2F;
        }
        div#text div.objektin p a:hover,
        div#text div.objektin ul a:hover,
        div#text div.objektin ol a:hover,
        div#text div.objektin dl a:hover{
          color:#9F0004;
        }
      div#text div.objektin div.doleobjektin{
        height:50px;
        background:url('../pic/doleobjektin.gif') no-repeat bottom left;
        clear:both;
      }
    div#text div.napravo{
      width:35%;
      float:left;
      /*margin:0 0 8px 513px;*/
      font-size:.9em;
      line-height:1.4em;
      /*border-left:1px solid #CBCBCB;*/
      border-bottom:1px solid #CBCBCB;
      border-right:1px solid #CBCBCB;
    }
      div#text div.napravo div{
        width:100px;
        height:30px;
        background:url('../pic/roh-napravo.gif') no-repeat bottom left;
      }
      div#text div.napravo h2,
      div#text div.napravo h3,
      div#text div.napravo h4,
      div#text div.napravo h5,
      div#text div.napravo h6{
        background:#F1F2EE;
        font-size:1.2em;
        /*text-align:center;*/
        background:url('../pic/h2-napravo.gif') repeat-x bottom left;
      }
      div#text div.napravo p{
        margin:8px;
      }
      div#text div.napravo img{
        float:left;
      }
      div#text div.napravo p a img{
        border:1px solid #A5A5A5;
      }
      div#text div.napravo p a:hover img{
        border:1px solid #63A62D;
      }
      div#text div.napravo span{
        /*display:block;
        text-align:right;
        padding:0 18px 0 0;
        margin-bottom:-24px;*/
        color:#9F0004;
        font-weight:bold;
        border-top:1px solid #E7E7E7;
      }
      div#text div.napravo a,div#text div.napravo a:hover{
        color:#000;
      }
        div#text div.napravo a:hover{
          color:#9F0004;
        }
      /*div#text div.napravo ul{
        margin-left:12px;
      }*/
        div#text div.napravo ul ul{
          margin-left:12px;
        }
      /* ----------- ked je napravo fotografia - pri otvoreni jednej kategorie produktov ------------ */
      div#text div.fotka{
        width:35%;
        text-align:center;
        line-height:1em;
      }
        div#text div.fotka div{
          width:290px;
          height:30px;
          background:url('../pic/roh-napravo.gif') no-repeat bottom left;
        }
        div#text div.fotka img{
          float:none;
          width:200px;
        }
/* -------------------- uzatvorenie vsetkych elementov ---------------------- */
div#hlavny{
  margin:0 auto;
  text-align:left;
  max-width:970px; /* maximalna sirka, nevie to MSIE */
  /*height:100%;*/ /* paticka webu az dole */
  /*position:relative*/ /* paticka webu az dole */
  background:#F1F2EE url('../pic/hlavny.gif') repeat-y top left;
  border-bottom:1px solid #6A8D0A;
}
body>div#hlavny{
  /*height:auto;
  min-height:100%; */ /* paticka webu az dole */
}
/* ------------------------- vsetko bez paticky ---------------------------- */
div#hlavnyv{
  /*padding:0 0 4em 0;*/ /* paticka webu az dole */
  /*height:100%;*/ /* paticka webu az dole */
  min-width:780px; /* minimalna sirka, nevie to MSIE */
}
/* --------------------------------- paticka ------------------------------- */
div#pata{
  position:relative;
  background:url('../pic/pata.gif') repeat-x top left;
  width:100%;
  height:61px;
  line-height:61px;
  color:#474941;
  /*overflow:hidden;*/ /* paticka webu az dole */
  clear:both;
  font-size:.8em;
  text-align:center;
}
  div#pata h2{
    display:none;
  }
  div#pata p{
  }
    div#pata p a{
      color:#474941;
    }
    div#pata p a img.toplist{
      position:absolute;
      bottom:0;
      right:0;
      border:0;
    }
