* {
margin:0;
padding:0;
}
body {
	width: 804px;
	margin: 0 auto;
	margin-top: 30px;
}
#wrapper {
	position: relative;
	background:url(../images/tlo.jpg) no-repeat;
	height: 604px;
	font-family:Tahoma;
	font-size:10px;
}
#navbar {
position:absolute;
margin-top: 39px;
margin-left: 258px;
background:url(../images/navbar.jpg) no-repeat;
width:545px;
height:93px;
}
#navbar ul {
list-style: none;
margin-top: 38px;
margin-right: 43px;
}
#navbar ul li {
	float:right;
}
#navbar ul li a img{
	border:none;
}
#navbar li a {
    display: block;
    height: 12px;
    text-indent: -9999px;
}
#navbar li.o-mnie { width: 67px;padding-right:45px; }
#navbar li.o-mnie a { background:url(../images/o-mnie.jpg) no-repeat; }
#navbar li.o-mnie a:hover { background:url(../images/o-mnie.jpg) no-repeat 0 -13px; }
#navbar li.oferta { width: 69px; padding-right:45px;}
#navbar li.oferta a { background:url(../images/oferta.jpg) no-repeat; }
#navbar li.oferta a:hover { background:url(../images/oferta.jpg) no-repeat 0 -13px; } 
#navbar li.portfolio { width: 102px;padding-right:38px;}
#navbar li.portfolio a { background:url(../images/portfolio.jpg) no-repeat; }
#navbar li.portfolio a:hover { background:url(../images/portfolio.jpg) no-repeat 0 -13px; }
#navbar li.kontakt { width: 81px;padding-left:15px;}
#navbar li.kontakt a { background:url(../images/kontakt.jpg) no-repeat; }
#navbar li.kontakt a:hover { background:url(../images/kontakt.jpg) no-repeat 0 -13px; }
#main-box {
	position: absolute;
	background: url(../images/tlo-text.jpg) no-repeat;
	width: 636px;
	height: 300px;
	margin-left:90px;
	margin-top: 237px;
}
#main-zdjecie {
	position:absolute;
	background:url(../images/main-zdjecie.jpg) no-repeat;
	height:221px;
	width:181px;
	margin-top: 30px;
	margin-left:30px;
}
#content {
margin-left:0px;
}
#gallery {
	margin-top:50px;
	margin-left:50px;
}
#gallery a img{
border:none;
}
#content h1{
	text-indent:-9999px;
	background:url(../images/podpis.jpg) no-repeat;
	width: 291px;
	height:79px;
	margin-top: 5px;
	margin-left:317px;
}
#content h2{
	text-indent:-9999px;
	background:url(../images/napis.jpg) no-repeat;
	width: 157px;
	height:15px;
	margin-top: 30px;
	margin-left:241px;
}
#content p {
	margin-top: 20px;
	margin-left: 240px;
	width:350px;
	text-align: justify;
}
#roslinka {
	position: absolute;
	background:url(../images/roslinka.jpg) no-repeat;
	width:277px;
	height: 222px;
	margin-left:36px;
	margin-top: 32px;	
}
#main-box ul {
	list-style: none;
	margin-top: 52px;
	margin-left:328px;
	width:100%;	
}
#main-box ul li {
	margin-top: 37px;
}
#main-box ul li a img {
	border:none;
}
#zegar {
	position: absolute;
	background:url(../images/kontakt-telefon.jpg) no-repeat;
	width:193px;
	height: 225px;
	margin-left:24px;
	margin-top: 30px;
}
#contact-content h3{
	text-indent: -9999px;
	background:url(../images/kontakt-tytul.jpg) no-repeat;
	width: 81px;
	height:12px;
	margin-top: 20px;
	margin-left:278px;	
}
#roslinka2 {
	position: absolute;
	background:url(../images/roslinka2.jpg) no-repeat;
	width:266px;
	height: 221px;
	margin-left:37px;
	margin-top: 33px;	
}
#roslinka2a {
	position: absolute;
	background:url(../images/roslinka2a.jpg) no-repeat;
	width:180px;
	height: 220px;
	margin-left:37px;
	margin-top: 33px;	
}
#portfolio-2 ul{
	margin-top: 145px;
}
#contact-content{
	margin-top:70px;
}
#contact-content p{
	margin-top: 10px;
	margin-left: 280px;
	width:320px;
	text-align: justify;	
}
#projektowanie-img {
	position:absolute;
	background:url(../images/projektowanie-img.jpg) no-repeat;
	height:221px;
	width:181px;
	margin-top: 30px;
	margin-left:30px;	
}
#content h3{
	text-indent:-9999px;
	background:url(../images/projektowanie-tytul.jpg) no-repeat;
	width: 249px;
	height:15px;
	margin-top: 30px;
	margin-left:242px;
}
#zakladanie-img {
	position:absolute;
	background:url(../images/zakladanie-img.jpg) no-repeat;
	height:221px;
	width:181px;
	margin-top: 31px;
	margin-left:36px;	
}
#content h4{
	text-indent:-9999px;
	background:url(../images/zakladanie-tytul.jpg) no-repeat;
	width: 207px;
	height:16px;
	margin-top: 30px;
	margin-left:241px;
}
#pielegnacja-img {
	position:absolute;
	background:url(../images/pielegnacja-img.jpg) no-repeat;
	height:221px;
	width:181px;
	margin-top: 31px;
	margin-left:36px;	
}
#content h5{
	text-indent:-9999px;
	background:url(../images/pielegnacja-tytul.jpg) no-repeat;
	width: 207px;
	height:16px;
	margin-top: 30px;
	margin-left:241px;
}
#nawadnianie-img {
	position:absolute;
	background:url(../images/nawadnianie-img.jpg) no-repeat;
	height:221px;
	width:181px;
	margin-top: 33px;
	margin-left:36px;	
}
#content h6{
	text-indent:-9999px;
	background:url(../images/nawadnianie-tytul.jpg) no-repeat;
	width: 213px;
	height:16px;
	margin-top: 30px;
	margin-left:241px;
}
#logo {
	position:absolute;
	margin-top: 40px;
	margin-left:35px;
	height: 136px;
	width: 199px;
}
#logo a img {
	border:none;
}
#content h6.projekt{
	text-indent:-9999px;
	background:url(../images/projekty-tytul.jpg) no-repeat;
	width: 91px;
	height:12px;
	margin-top: 30px;
	margin-left:241px;
}
#content h6.realizacje{
	text-indent:-9999px;
	background:url(../images/realizacje-tytul.jpg) no-repeat;
	width: 109px;
	height:12px;
	margin-top: 30px;
	margin-left:241px;
}
#footer {
	position:absolute;
	margin-top:-90px;
}
#kropla-prawa {
	position:absolute;
	margin-top:452px;
	margin-left:710px;
	height:63px;
}
#kropla-lewa {
	position:absolute;
	margin-top:426px;
	margin-left:-1px;
}
#krople-gora {
	position:absolute;
	margin-left:390px;
	margin-top:153px;
}
#logo-oicom {
	position:absolute;
	width:73px;
	height:20px;
	margin-top:100px;
	margin-left:728px;
}
#logo-oicom a img{
	border: none;
}