﻿* {
padding:0;
margin:0;
}

body {
font: 12px Arial, sans-serif;
background: #fff8e8 url(gfx/back.jpg) repeat-x;
height: 100%;
}

#main {
margin: auto;
width: 904px;
}

#menu {
width: 900px;
height: 109px;
margin: 36px auto 0px auto;
clear: left;
background: url(gfx/backMenu.jpg) repeat-x;
}

#menu  img {
float: left;
margin-top: 10px;
}

#menu ul {
float: left;
list-style-type: none;
display:inline;
}

#menu ul li {
float: left;
}

#menu ul li  a {
display:block;
}

#menu ul li#firma {
background:  1px 0 url(gfx/firma.jpg) no-repeat;
}

#menu ul li#firma a {
width: 133px;
height: 109px;
margin-left: 1px;
}

#menu ul li#firma  a:hover {
background: 53px 0 url(gfx/hover1.jpg) no-repeat;
}

#menu ul li#oferta {
background: 1px 0 url(gfx/oferta.jpg) no-repeat;
}

#menu ul li#oferta a {
width: 132px;
height: 109px;
margin-left: 1px;
}

#menu ul li#oferta  a:hover {
background: 54px 0 url(gfx/hover1.jpg) no-repeat;
}

#menu ul li#realizacje {
background: 1px 0 url(gfx/realizacje.jpg) no-repeat;
}

#menu ul li#realizacje a {
width: 128px;
height: 109px;
margin-left: 1px;
}

#menu ul li#realizacje  a:hover {
background: 53px 0 url(gfx/hover1.jpg) no-repeat;
}

#menu ul li#aktualnosci {
background: 1px 0 url(gfx/aktualnosci.jpg) no-repeat;
}

#menu ul li#aktualnosci a {
width: 133px;
height: 109px;
margin-left: 1px;
}

#menu ul li#aktualnosci  a:hover {
background: 54px 0 url(gfx/hover1.jpg) no-repeat;
}

#menu ul li#promocje {
background: 1px 0 url(gfx/promocje.jpg) no-repeat;
}

#menu ul li#promocje a {
width: 130px;
height: 109px;
margin-left: 1px;
}

#menu ul li#promocje  a:hover {
background: 50px 0 url(gfx/hover2.jpg) no-repeat;
}

#content {
clear: left;
border: 2px solid #fff8e8;
width: 900px;
overflow: hidden;
height: 100%;
background-color: #fff;
}

#content #kontakt {
float: left;
width: 239px;
height: 265px;
background: url(gfx/kontakt.jpg) no-repeat;
}

#content img {
margin-left: 1px;
float: left;
}

#leftMiddle {
margin-top: 1px;
clear: left;
width: 239px;
overflow:hidden;
background: 0px 45px url(gfx/partnerzyContentBack.jpg) repeat-x;
}

#partnerzyTop {
width: 239px;
height: 44px;
background: url(gfx/headerBack.jpg) repeat-x;
}

#partnerzyContent {
width: 100%;
overflow: hidden;
padding: 20px 0 0 5px;
}

#rightMiddle {
float: left;
width: 661px;
height: 100%;
overflow: hidden;
background: 0px 45px url(gfx/partnerzyContentBack.jpg) repeat-x;
}

#ofertaTop {
height: 44px;
background: url(gfx/headerBack.jpg) repeat-x;
}

#ofertaContent {
width: 640px;
min-height: 450px;
overflow: hidden;
border-left: 1px solid #d9dadb;
padding: 15px 10px 0 10px;
}

#ofertaContent2 {
width: 640px;
height: 100%;
overflow: hidden;
border-left: 1px solid #d9dadb;
padding: 0 10px;
}

.button {
display: block;
width: 102px;
height: 22px;
background: url(gfx/button.jpg) no-repeat;
}

#bottom {
clear: left;
width:100%;
height:11px;
margin-left: -1px;
margin-top: 5px;
background: url(gfx/bottomBack.jpg) repeat-x;
}

#partner1 {
margin: 5px;
display:block;
float: left;
width: 86px;
height: 29px;
background: url(img/partner1b.jpg) no-repeat;
}

#partner1:hover {
background: url(img/partner1.jpg) no-repeat;
}

#partner2 {
margin: 5px;
display:block;
float: left;
width: 118px;
height: 29px;
background: url(img/partner2b.jpg) no-repeat;
}

#partner2:hover {
background: url(img/partner2.jpg) no-repeat;
}

#partner3 {
margin: 5px;
display:block;
float: left;
width: 93px;
height: 36px;
background: url(img/partner3b.jpg) no-repeat;
}

#partner3:hover {
background: url(img/partner3.jpg) no-repeat;
}

#partner4 {
margin: 5px;
display:block;
float: left;
width: 117px;
height: 36px;
background: url(img/partner4b.jpg) no-repeat;
}

#partner4:hover {
background: url(img/partner4.jpg) no-repeat;
}

#partner5 {
margin: 5px;
display:block;
float: left;
width: 137px;
height: 39px;
background: url(img/partner5b.jpg) no-repeat;
}

#partner5:hover {
background: url(img/partner5.jpg) no-repeat;
}

#partner6 {
margin: 5px;
display:block;
float: left;
width: 54px;
height: 39px;
background: url(img/partner6b.jpg) no-repeat;
}

#partner6:hover {
background: url(img/partner6.jpg) no-repeat;
}

#partner7 {
margin: 5px;
display:block;
float: left;
width: 203px;
height: 28px;
background: url(img/partner7b.jpg) no-repeat;
}

#partner7:hover {
background: url(img/partner7.jpg) no-repeat;
}

#partner8 {
margin: 5px;
display:block;
float: left;
width: 65px;
height: 31px;
background: url(img/partner8b.jpg) no-repeat;
}

#partner8:hover {
background: url(img/partner8.jpg) no-repeat;
}

#partner9 {
margin: 5px;
display:block;
float: left;
width: 141px;
height: 33px;
background: url(img/partner9b.jpg) no-repeat;
}

#partner9:hover {
background: url(img/partner9.jpg) no-repeat;
}

.lista {
padding: 3px 20px;
list-style-image: url(gfx/kropa.jpg);
}

.lista li {
font: 8pt Arial,sans-serif;
padding: 2px 0;
}

.lista2 {
padding: 3px 20px;
list-style-image: url(gfx/kropa.jpg);
}

.lista2 li {
padding: 5px 0;
}

.lista2 li  a {
font-variant: small-caps;
font: bold 10pt Arial,sans-serif;
color: #005dab;
text-decoration: none;
}

.lista2 li a:hover {
text-decoration: underline;
}