html, body{
    margin:0;
    padding:0;
    background-repeat: repeat-x;
    background-image: url(images/bg.gif);
    background-color: #656363;
    text-align: center;
}

#box {
    background-color: #000000;
    position: relative;
    width: 800px;
    margin: 0 auto;
    padding:0;
    border: 0;
}

#naglowek {    
    width: 800px;
    height: 80px;
    background-color: #000000;
    border: 0;
}

img{
    border: none;
}

#naglowek  a img{
    border: none;
}

#baner1 {
    z-index: 1;
    background-image: url(images/index_banner.jpg);
    width: 800px;
    height: 318px;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

#baner2 {
    z-index: 1;
    background-image: url(images/praca_banner.jpg);
    width: 800px;
    height: 318px;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

#baner3 {
    z-index: 1;
    background-image: url(images/klienci_banner.jpg);
    width: 800px;
    height: 318px;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

#baner4 {
    z-index: 1;
    background-image: url(images/kontakt_banner.jpg);
    width: 800px;
    height: 318px;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

#content {
    width: 800px;
    background-color: #d68e2c;
    margin: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    border: 0px;
}

#menu {    
    z-index: 2;
    text-align: left;
    width: 800px;
    height: 25px;
    margin: 0px;
    padding-top: 259px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    border: 0px;
}

ul#menu {}

ul#menu li {display: block; color: #fff; font-size: 1.1em; height: 30px; text-indent: -9999px; float: left;}
ul#menu li.home {background: url(images/home.jpg) no-repeat; width: 29px; height: 30px; }
ul#menu li.onas {background: url(images/onas.gif) no-repeat; width: 55px; height: 30px;}
ul#menu li.onas1 {background: url(images/onas_o.gif) no-repeat; width: 55px; height: 30px;}
ul#menu li.klienci {background: url(images/klienci.gif) no-repeat; width: 63px; height: 30px;}
ul#menu li.klienci1 {background: url(images/klienci_o.gif) no-repeat; width: 63px; height: 30px;}
ul#menu li.oferta {background: url(images/oferta.gif) no-repeat; width: 66px; height: 30px;}
ul#menu li.oferta1 {background: url(images/oferta_o.gif) no-repeat; width: 66px; height: 30px;}
ul#menu li.kontakt {background: url(images/kontakt.gif) no-repeat; width: 73px; height: 30px;}
ul#menu li.kontakt1 {background: url(images/kontakt_o.gif) no-repeat; width: 73px; height: 30px;}
ul#menu li.praca {background: url(images/praca.gif) no-repeat; width: 64px; height: 30px;}
ul#menu li.praca1 {background: url(images/praca_o.gif) no-repeat; width: 64px; height: 30px;}

ul#menu li a {display: block; height: 30px; text-decoration: none;}

ul#menu li.onas a:hover {background: url(images/onas_o.gif) no-repeat; }
ul#menu li.onas1 a:hover {background: url(images/onas_o.gif) no-repeat; width: 55px; height: 30px;}
ul#menu li.klienci a:hover {background: url(images/klienci_o.gif) no-repeat;}
ul#menu li.klienci1 a:hover {background: url(images/klienci_o.gif) no-repeat;}
ul#menu li.oferta a:hover {background: url(images/oferta_o.gif) no-repeat;}
ul#menu li.oferta1 a:hover {background: url(images/oferta_o.gif) no-repeat; width: 66px; height: 30px;}
ul#menu li.kontakt a:hover {background: url(images/kontakt_o.gif) no-repeat;}
ul#menu li.kontakt1 a:hover {background: url(images/kontakt_o.gif) no-repeat;}
ul#menu li.praca a:hover {background: url(images/praca_o.gif) no-repeat;}
ul#menu li.praca1 a:hover {background: url(images/praca_o.gif) no-repeat;}


#zawartosc{
    width: 750px;
    margin-left: 25px;
    margin-top: 0px;
    margin-right: 25px;
    margin-bottom: 0px;
    padding: 20px 0px 0px;
    border: 0px;
    background-color: #565353;
    font-family: Verdana,geneva,arial,helvetica,sans-serif;
    font-size: 9pt;
    line-height: 17px;
    color: #ffffff;
    text-align: justify;
}

#galeria {
    width: 350px;
    margin: 0px;
    padding-left: 20px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border: 0px;
    float: left;
}

#galeria a img {
    border: none;
}

#title {
    color: #d68e2c;
}

#tekst{
    width: 330px;
    text-align: justify;
    margin-right: 20px;
    float: right;
}

#tekst a {
    color: #d68e2c;
}

#tekst1{
    width: 650px;
    text-align: justify;
    padding-left: 50px;
    padding-right: 50px;
    margin: 0;
    border: 0;
}

#footer {
    width: 800px;
    background-color: #575352;
    padding-bottom: 10px;
    padding-top: 10px;
    margin: 0px;
    color: #ffffff;
    text-align: center;
    font-family: Verdana,geneva,arial,helvetica,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 8pt;
    border-top: 2px solid #be6b0b;
}