body {margin: 0; background: #153753; color: #d7c2ab; font-family: Arial; font-size: 0.8em;}
img {border: 0;}
h1 {margin: 0 0 10px 0; padding: 0; color: #488ec9; font-weight: normal; font-size: 1.5em;}
h2 {margin: 0 0 10px 0; padding: 0; color: #ff8400; font-weight: normal; font-size: 1.5em;}
p {line-height: 1.7em;}
ul {line-height: 1.7em;}

#kontener {margin: auto; background: #081c2e url(../images/tlo.png) repeat-x bottom; width: 964px;}

#naglowek {background: url(../images/naglowek.jpg) no-repeat; font-size: 13px;}
#naglowek ul {margin-top: 30px; border-top: 1px solid #213343; border-bottom: 1px solid #213343; padding-left: 270px; height: 50px; list-style: none; text-align: center;}
#naglowek li {float: left; background: url(../images/menu.png) top no-repeat; padding-top: 20px; width: 90px;}
#naglowek li:hover {background-image: url(../images/menuAktywne.png);}
#naglowek li.aktywna {background-image: url(../images/menuAktywne.png);}
#naglowek a {color: #ff8400; text-decoration: none; text-transform: uppercase;}
#naglowek li.aktywna a {color: #488ec9;}
#naglowek li:hover a {color: #488ec9;}

#tresc {overflow: hidden; margin: 0 27px; min-height: 350px;}
.boks {margin-bottom: 20px; border: 1px solid #1a2c3d; background: #061421 url(../images/boks.jpg) no-repeat right bottom; padding: 0 15px;}
.boks strong {color: #488EC9; font-weight: normal;}
.boks a {color: #ff8400;}
.boks a:hover {color: #488ec9;}

.oferta {float: left; margin-left: 15px; background-image: none; width: 256px;}
.oferta:first-child {margin-left: 0;}
.oferta h2 {margin-top: 15px; border-left: 4px solid #fff; padding: 0 0 10px 15px; font-size: 1.2em;}
.sklepy h2 {border-color: #ff8400;}
.pozycjonowanie h2 {border-color: #488ec9;}
.oferta h2 a {text-decoration: none;}
.oferta h2 a:hover {text-decoration: underline;}

.ostatnie {margin: 0 0 20px 0; border: 1px solid #1e354a; background: #0a1c2c; padding: 0 15px; list-style: none;}
.ostatnie li {display: inline;}
.ostatnie img {margin: 15px 0 15px 15px; border: 1px solid #3a4855;}
.ostatnie li:first-child img {margin-left: 0;}

.realizacje {margin: 0 0 15px 0; padding: 0; list-style: none;}
.realizacje li {overflow: hidden; margin-top: 15px;}
.realizacje img {float: left; margin: 0 15px 0 0; }

.kontakt p {margin-top: 20px; margin-left: 0px; padding-left: 70px;}
.kontakt .poczta {background: url(../images/poczta.png) no-repeat; padding-top: 15px; padding-bottom: 15px;}
.kontakt .poczta span {background: url(../images/pocztaAktywna.png);}
.kontakt .poczta:hover {background-image: url(../images/pocztaAktywna.png);}
.kontakt .telefon {background: url(../images/telefon.png) no-repeat; padding-top: 15px; padding-bottom: 15px;}
.kontakt .poczta span {background: url(../images/telefonAktywny.png);}
.kontakt .telefon:hover {background-image: url(../images/telefonAktywny.png);}
.kontakt .firma {background: url(../images/firma.png) no-repeat left;}
.kontakt .poczta span {background: url(../images/firmaAktywna.png);}
.kontakt .firma:hover {background-image: url(../images/firmaAktywna.png);}

#stopka {position: relative; background: url(../images/stopka.png) no-repeat bottom right; min-height: 200px;}
#stopka p {display: block; margin: 0; padding: 175px 0 0 300px;}
#rf {position: absolute; top: 109px; left: 90px;}