body {
text-align: center;
font-family: Trebuchet MS, Tahoma, Verdana;
font-size: 12px;
color: #FFF;
background: url('grafika/tlo-body.png') repeat;
margin: 20px;
}
img {
display: block;
border: none;
}

.txt h1 {
color: #FFF2C0;
font-size: 18px;
text-align: center;
margin: 0px 0px 30px 0px;
letter-spacing: 2px;
}
.txt h2 {
font-size: 16px;
color: #F5F5F5;
text-align: right;
padding-bottom: 3px;
border-bottom: 1px #CCC solid;
}
.txt h3 {
font-size: 14px;
color: #D8C0FF;
text-align: left;
font-family: Verdana, "Trebuchet MS";
border-bottom: 3px double #ECD9FF;
width: 400px;
padding-bottom: 7px;
}
.txt h4 {
font-size: 12px;
color: #FFF;
font-family: Verdana, "Trebuchet MS";
text-align: left;
}
.txt p {
text-align: left;
line-height: 150%;
}
.txt li {
line-height: 150%;
}
.txt ul {
text-align: left;
}
.trescStopka p {
font-size: 10px;
}
.trescStopka a {
color: #FFF;
text-decoration: none;
}
.center {
width: 959px;
text-align: center;
margin: auto;
}
.tresc {
width: 959px;
background: url('grafika/tresc-tlo.png') repeat-y;
position: relative;

}
.trescTop {
width: 959px;
background: url('grafika/tresc-top.png') no-repeat;
height: 187px;
position: relative;
}
.trescStopka {
width: 959px;
background: url('grafika/tresc-stopka.png') no-repeat;
height: 21px;
}
.obiektyw {
position: absolute;
top: -19px;
right: -19px;
width: 304px;
height: 313px;
background: url('grafika/obiektyw.jpg') no-repeat;
}
.fotograf {
position: absolute;
width: 248px;
height: 248px;
background: url('grafika/fotograf.jpg') no-repeat;
left: 112px;
top: 10px;
z-index: 10;
}
.menu {
position: absolute;
top: 0px;
left: 518px;
width: 260px;
height: 276px;
z-index: 11;
}
.menu a {
display: block;
background-repeat: no-repeat;
height: 26px;
}
.home {
position: absolute;
left: 40px;
top: 45px;
}

.home a {
background-image: url('grafika/home-n.png');
width: 175px;
}

.home a:hover {
background-image: url('grafika/home-a.png');
}
.kontakt {
position: absolute;
left: 19px;
top: 86px; 
}
.kontakt a {
background: url('grafika/kontakt-n.png') no-repeat;
width: 168px;
}
.kontakt a:hover {
background: url('grafika/kontakt-a.png') no-repeat;
}

.omnie {
position: absolute;
left: 0px;
top: 127px; 
}
.omnie a {
background-image: url('grafika/omnie-n.png');
width: 180px;
}
.omnie a:hover {
background-image: url('grafika/omnie-a.png');
}
.oferta {
position: absolute;
left: 20px;
top: 168px; 
}
.oferta a {
background-image: url('grafika/oferta-n.png');
width: 168px;
}
.oferta a:hover {
background-image: url('grafika/oferta-a.png');
}
.portfolio {
position: absolute;
left: 40px;
top: 209px; 
}
.portfolio a {
background-image: url('grafika/portfolio-n.png');
width: 175px;
}
.portfolio a:hover {
background-image: url('grafika/portfolio-a.png');
}
.liniaPoziom {
background: url('grafika/linia-poziom.png') no-repeat;
width: 891px;
height: 7px;
}
.lewa {
margin: 30px 20px 30px 0px;
width: 420px;

}
.prawa {
margin: 30px 0px 30px 20px;
width: 420px;

}
.flotL {
float: left;
}
.flotP {
float: right;
}
.cl {
clear: both;
}
.txt {
width: 898px;
margin: 120px 35px 30px 35px;
}
.zdjecieTlo {
position: relative;
}
.zdjecieTlo img {
margin: 0px;
}
.kwiaty {
position: absolute;
background: url('grafika/kwiaty-1.png') no-repeat;
width: 480px;
height: 273px;
left: 19px;
top: 38px;
z-index: 10;
}
.pusty {
background: url('grafika/pusty.gif') repeat;
width: 100%;
height: 100%;
z-index: 20;
position: absolute;
left: 0px;
top: 0px;
}
.tytGaleri {
margin-bottom: 5px;
color: #F2E1FF;
font-weight: bold;
}
.tytGaleri a {
color: #FFF;
font-size: 12px;
font-weight: normal;
}
.tytGaleri a:hover {
color: #E4C0FF;
font-size: 12px;
text-decoration: none;
}