body {
    background-image: url('../gfx/bg.jpg');
    background-color: #303030;
    background-position: 50% 0%;
    background-repeat: no-repeat;

    color: #333333;
    font-family: Verdana,Arial,Sans-Serif;
    font-size: 12px;

    margin:0;
}

img {border:0}

a:link, a:visited, a:active {color: #0e76bc; text-decoration: none}
a:hover {color: #ec7c0e}

/*Układ strony*/

div#page {
    width: 960px;
    margin: 0 auto 0 auto;
}

div#bg-main {
    background: url('../gfx/bg_content2.jpg') repeat-y left;
    width: 100%;
}

div#bg-bottom {
    background: url('../gfx/bg_bottom.png') no-repeat left top;
    width: 100%;
    height: 15px;
    margin-bottom: 20px;
}

div#content {background: url('../gfx/bg_content.jpg') no-repeat left top;}

div#top {width: 932px; height: 106px; margin: 0 auto 55px auto;}

div#content-2 {width:932px; margin: 0 auto 0 auto}

div#main {width: 604px; float: left}

div#sidebar {width: 298px; float: right}

div#footer {width: 932px; height: 30px; margin: 20px auto 0 auto; clear: both}



/*Nagłówek*/

a#top-logo {display: block; width: 315px; height: 75px; float: left; margin-top: 15px; background:url('../gfx/logo.png') no-repeat;}

div#top-right {float: right; width: 611px}

div#top-menu {margin: 14px 0 11px 0}

div#top-ap {height: 38px;text-align: right}

div#top-ap a { float: left; display: block; margin:0 15px 0 15px}
div#top-ap a.icom {background: url('../gfx/logotypy/icom.png') no-repeat; width: 58px; height:38px}
div#top-ap a.comarch {background: url('../gfx/logotypy/comarch.png') no-repeat; width: 141px; height:36px}
div#top-ap a.gdata {background: url('../gfx/logotypy/gdata.png') no-repeat; width: 26px; height:37px}
div#top-ap span.header-ap {margin: 12px 10px 0 100px; float: left; display: block; background:url('../gfx/naglowki/partner.png') no-repeat; width: 150px; height: 14px}



/*Zawartość*/

h1.header {margin:0 0 10px 0; padding:0}
h1.produkty {background: url('../gfx/naglowki/oferta_produkty.png') no-repeat; width: 166px; height: 14px}
h1.uslugi {background: url('../gfx/naglowki/oferta_uslugi.png') no-repeat; width: 147px; height: 14px}
h1.o-nas {background: url('../gfx/naglowki/kilka_slow_o_firmie.png') no-repeat; width: 120px; height: 13px}
h1.kontakt {background: url('../gfx/naglowki/dane_kontaktowe.png') no-repeat; width: 120px; height: 12px}
h1.kontakt-formularz {background: url('../gfx/naglowki/formularz_kontaktowy.png') no-repeat; width: 148px; height: 14px}
h1.polecamy {background: url('../gfx/naglowki/polecamy_panstwu.png') no-repeat; width: 128px; height: 15px}
h1.nagrody {background: url('../gfx/naglowki/wyroznienia_i_nagrody.png') no-repeat; width: 151px; height: 15px}

div#sidebar, div#main {line-height: 150%; margin-bottom: 20px}

div#main {text-align: justify}

div#main p {margin:0; padding:0}

.margin-top {margin-top: 10px}
.margin-bottom {margin-bottom: 10px}

div#contact-icons {
    text-align: center;
    width: 100%;
    padding:0;
    margin: 5px 0 5px 0;
}

div#contact-icons img {margin:0;padding:0;}

div#map {text-align: center}

div#map a {font-weight: bold}

div#map img {border: 6px #0e76bc solid}
div#map img:hover {border: 6px #ec7c0e solid}

div#map p {width: 100%; padding:0; margin:0; text-align: left}

div.more {width: 100%; text-align: right;margin:0;padding:0}
div.more img {padding:0; border:0; margin:0;}

p.sub-menu {
    background: url('../gfx/przyciski/off.gif');
    width: 298px;
    height: 45px;
    margin-bottom: 10px;
}

p.sub-menu:hover {background: url('../gfx/przyciski/on.gif');}

p.sub-menu a {
        display:block;
        text-align: center;
        color:white;
        font-size: 14px;
        font-weight: bold;
        padding: 12px 0 12px 0;
        height: 21px;
        width: 298px;
}

table#form {width:100%;border:0}

table#form label {font-weight:bold;color:#0e76bc}
table#form hr {border:0;border-bottom: 1px #0e76bc dotted;padding:0;margin:2px 0 4px 0;}

.width-50 {width:50%}
.width-600 {width:600px}
.height-200 {height:200px}

input,
textarea {
    background: none;
    border: 1px #dadada solid;
    padding: 3px 2px 3px 2px;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 12px;
    color: #333333;
}

input {width: 98%;}

input:hover,
textarea:hover {
    border: 1px #0e76bc solid;
}

input:focus,
textarea:focus {
    border: 1px #ec7c0e solid;
}

div.form-center {
    text-align: center;
    margin-top: 5px;
}

div#blad {text-align: center}

div#blad h2 {width: auto}

input#wyslij {
    background: url('../gfx/ikony/wyslij_off.gif') no-repeat;
    width: 110px;
    height: 33px;
    border:0;
    margin-right: 10px;
    cursor: pointer;
}

input#wyslij:hover,input#wyslij:focus {background: url('../gfx/ikony/wyslij_on.gif') no-repeat;}

input#wyczysc {
    background: url('../gfx/ikony/wyczysc_off.gif') no-repeat;
    width: 98px;
    height: 33px;
    border:0;
    cursor: pointer;
}

input#wyczysc:hover,input#wyczysc:focus {background: url('../gfx/ikony/wyczysc_on.gif') no-repeat;}


/*Stopka*/

div#copyright, div#author {
    float: left;
    width: auto;
    line-height: 16px;

    font-size: 10px;
}

div#copyright a, div#author a {font-weight: bold}

div#copyright span {margin: 0 10px 0 10px; font-weight: bold}

div#copyright {float: left; text-align: left}
div#author {float: right; text-align: right}



/*Czcionki*/

.font-orange {color:#ec7c0e}
.font-blue {color:#0e76bc}