body {
    background:#1283a3 url(../gfx/bg_body.jpg) repeat-x;
    color:#fff;
    font-family: Verdana, Tahoma, sans-serif;
    font-size:13px;
}
#container {
    width:960px;
    margin:0px auto 20px auto;
}
#top-logo {
    float:left;
    height:80px;
    width:300px;
}
h1#logo {
    background:none;
    margin:0;
    padding:0;
}
h1#logo a span { display:none;}
h1#logo a:link, h1#logo a:visited {
    background:url(../gfx/top-logo.png) no-repeat;
    display:block;
    height:80px;
    width:300px;
}
#top-info {
    background:url(../gfx/top-info.png) no-repeat;
    color:#0d647c;
    float:right;
    height:40px;
    padding:32px 0 0px 90px;
    width:560px;
}
#top-info a:link, a:visited {
    color:#0d647c;
    padding:2px 4px;
}
#top-info a:hover {
    background:#0d647c;
    color:#fff;
    padding:2px 4px;
    text-decoration:none
}

#top {
    background: transparent url(../gfx/bg-top.png) no-repeat;
    border-top:0px solid #11749a;
    height:312px;
    padding:12px 10px 8px 10px;
    position:relative;
}

#content {
    line-height:180%;
    margin: 6px auto;
    position:relative;
}

#mainContent, #addons {
    text-align:justify;
    
}

#mainContent {
    background:transparent;
    margin:0px auto 0 auto;
    min-height:300px;
    padding:0px;
    width:940px;
}

#addons {
    float:left;
    padding:0px;
    width:219px;
}

#mainNav {
    background:transparent;
    bottom:0;
    margin:auto;
    position:absolute;
    width:942px;
    z-index:10;
}

#mainNav ul {
    border-top:0px solid #bbb;
}
#mainNav ul li {
    float:left;
}

#mainNav ul li a:link, #mainNav ul li a:visited {
    background:url(../gfx/bg-main-nav.png) left bottom no-repeat;
    color:#0d5d7c;
    display:block;
    height:15px;
    padding:25px 20px 20px 20px;
    text-align:center;
    width:117px;
}

#mainNav ul li a:hover, #mainNav ul li a.active {
    background:url(../gfx/bg-main-nav.png) left top no-repeat;
    color:#fff;
    display:block;
    font-weight:bold;
    height:15px;
    padding:25px 20px 20px 20px;
    text-align:center;
    text-decoration:none;
    width:117px;
}

#footer {
    background:#eee url(../gfx/bg-btn.jpg) repeat-x;;
    border-bottom:1px solid #11749a;
    border-top:1px solid #11749a;
    color:#888;
    margin:auto;
    padding:10px;
    text-align:center;
    width:920px;
}
#footer a:link, #footer a:visited {
    color:#0d647c;
    padding:2px 6px;
}
#footer a:hover {
    background:#de0005;
    color:#fff;
    padding:2px 6px;
    text-decoration:none;
}

/* PREVIEW */

div#preview {
    background:#fff;
}

div#preview ul {
    float:left;
    font-family:tahoma,verdana,sans-serif;
    font-size:11px;
}

div#preview ul li {
    
}

div#preview ul li a:link, div#preview ul li a:visited {
    background:url(../gfx/preview-btn.png) left top no-repeat;
    color:#0d647c;
    display:block;
    height:20px;
    padding: 4px 10px;
    width:175px;
}

div#preview ul li a:hover, div#preview ul li a.active {
    background:url(../gfx/preview-btn.png) left bottom no-repeat;
    color:#0d647c;
    display:block;
    height:20px;
    padding:4px 10px;
    text-decoration:none;
    width:175px;
    
}

div#preview-field {
    background:#fff;
    color:#0d647c;
    float:left;
    padding:4px;
    width:275px;
}

div#preview-field img {
    border:1px solid #0d647c;
}

/* REFERENCJE */
div.ref {
    background:url(../img/referencje/bg.png) no-repeat;
    float:left;
    height:380px;
    padding:10px;
    width:280px;
}

/* HOME LOGOTYPY */

a.logo-krispol:link, a.logo-krispol:visited {
    background:url(../img/logos/krispol.png) left top no-repeat;
    display:block;
    float:left;
    margin-left:20px;
    height:100px;
    padding:0;
    width:240px;
}
a.logo-krispol:hover {
    background:url(../img/logos/krispol.png) left bottom no-repeat;
}

a.logo-nice:link, a.logo-nice:visited {
    background:url(../img/logos/nice.png) left top no-repeat;
    display:block;
    float:left;
    margin-left:10px;
    height:100px;
    padding:0;
    width:75px;
}
a.logo-nice:hover {
    background:url(../img/logos/nice.png) left bottom no-repeat;
}

/* HISTORIA FIRMY RIGHT LOGOS */

div.logos a.logo-nice:link, div.logos a.logo-nice:visited, div.logos a.logo-krispol:link, div.logos a.logo-krispol:visited {
    background-position: top center;
    display:block;
    margin:auto;
    text-align:center;
}

div.logos a.logo-nice:hover, div.logos a.logo-krispol:hover {
    background-position:bottom center;
}

/* NAV OFFER */

div#navOffer {
    float:left;
    width:230px;
}

div#navOffer ul li a:link, div#navOffer ul li a:visited {
    background:url(../gfx/bg-btn-oferta.png) left bottom no-repeat;
    color:#fff;
    display:block;
    font-size:11px;
    height:30px;
    padding:11px 0 5px 40px;
}

div#navOffer ul li a:hover, div#navOffer ul li a.active {
    background:url(../gfx/bg-btn-oferta.png) left top no-repeat;
    color:#fff;
    display:block;
    height:30px;
    padding:11px 0 5px 40px;
    text-decoration:none;
}

div#images div {
    background:url(../img/oferta/bg.png);
    float:left;
    height:144px;
    padding:13px 13px;
    width:194px;
}

div#images img {
    height:144px;
    width:194px;
}