/* CSS Reset */
  * { margin:0; padding:0; }


body {
    background:#59d3fa url(img/bg_body.jpg) repeat-x 0 0;
  }

#container {
    width:1024px;
    margin:0 auto;
  }
#header {
  height:112px;
  width:963px;
  margin:90px auto 0  auto;
}

#header h1 {
    display:block;
    float:left;
    width:323px;
    height:112px;
    background:url(img/logo.jpg)  no-repeat 0 0;
    text-indent:-10000px;
  }

 #header h1 a {
    display:block;
    width:100%;
    height:100%;
  }

#header h1 a:hover {
    background:url(img/logo.jpg) no-repeat 0 -112px;
}


#header ul {
    display:block;
    float:right;
    width:640px;
    height:112px;
    background:url(img/menu.jpg) no-repeat 0 0;
    list-style:none;
  }

#header ul li {
    display:block;
    float:left;
    height:112px;
    text-indent:-10000px;
  }

  #home {
    width:125px;
  }
  #onas {
    width:110px;
  }
  #produkty {
    width:199px;
  }
  #kontakt {
    width:206px;
  }

#header ul li a {
    display:block;
    width:100%;
    height:100%;
  }

#home a:hover {
    background:url(img/menu.jpg) no-repeat 0 -112px;
  }
  #onas a:hover {
    background:url(img/menu.jpg) no-repeat -125px -112px;
  }
  #produkty a:hover {
    background:url(img/menu.jpg) no-repeat -235px -112px;
  }
  #kontakt a:hover {
    background:url(img/menu.jpg) no-repeat -434px -112px;
  }

#haslo {
  height:341px;
  width:972px;
  margin:20px auto 0  auto;
}

#haslo h1 {
    display:block;
    float:left;
    width:972px;
    height:341px;
    background:url(img/haslo.jpg)  no-repeat 0 0;
    text-indent:-10000px;
  }

#haslo h2 {
    position:relative;
    top: -100px;
    left: 150;
    display:block;
    float:left;
    width:314px;
    height:53px;
    background:url(img/more.jpg)  no-repeat 0 0;
    text-indent:-10000px;
  }
#haslo h2 a {
    display:block;
    width:100%;
    height:100%;
  }

#haslo h2 a:hover {
    background:url(img/more.jpg) no-repeat 0 -53px;
}


#bar {
	position:relative;
	top: -54px;
  height:180px;
  width:960px;
  margin:10px auto 0  auto;
}

#bar ul {
    display:block;
    float:left;
    width:980px;
    height:179px;
    background:url(img/bar.jpg) no-repeat 0 0;
    list-style:none;
  }

#bar ul li {
    display:block;
    float:left;
    height:180px;
    text-indent:-10000px;
  }

#listaklientow {
    width:320px;
  }
#produkty1 {
    width:320px;
  }
#zamowienie {
    width:320px;
  }

#bar ul li a {
    display:block;
    width:100%;
    height:100%;
    }

#listaklientow a:hover {
    background:url(img/bar.jpg) no-repeat -0px -179px;
}
#produkty1 a:hover {
    background:url(img/bar.jpg) no-repeat -320px -179px;
    }
#zamowienie a:hover {
    background:url(img/bar.jpg) no-repeat -640px -179px;
    }

#down {
	position: relative;
	top: -30px;
  height:86px;
  width:960px;
  margin:0px auto 0  auto;
}

#down h1 {
    display:block;
    float:left;
    width:960px;
    height:86px;
    background:url(img/down.jpg)  no-repeat 0 0;
    text-indent:-10000px;
  }

#divkontakt {
  height: 480px;
  width:970px;
  margin:90px auto 0  auto;
  color:#5f5f5f;
  text-align:center;						
}

#divkontakt h1{
	color: black;
}