html, body {
	 text-align: center; 
	 font: 8pt "Verdana", "Tahoma", sans-serif;
	 text-align: center; 
}

html {
	 background: url(../img/gora_bg.jpg) repeat-x top;
}

* {
	 margin: auto;
}
	
img {
	 border: 0px;
}
	
h1 {
	 color: #146e0c;
	 margin: 5px 0 15px 15px;
	 padding: 0;
	 font-size: 1.5em;
	 font-weight: bold;
	 background: url(../img/spacer2.gif) repeat-x bottom left;
	 width: 330px;
	 height: 25px;
}
	
a:hover {
	 text-decoration: none;
	 color: #148805;
}

a {
	 text-decoration: none;
	 color: black;
}

div#tlo {
	 background: url(../img/dol_bg.gif) repeat-x bottom left;
	 width: 100%;
}

div#container {
	 width: 967px;
	 margin: 0 auto;
}

div#gora {
	 position: relative;
	 width: 100%;
	 height: 345px;
	 overflow: hidden;
}

ul#menu_gora {
	 float: right;
	 list-style-type: none;
	 margin-top: 30px;
}

ul#menu_gora li {
	 display: inline;
	 margin: 0 10px 0 30px;
}

ul#buttons, a#logo, a#logo_napis, a#logo_napis_sklep, a#najtaniej, a#systemy, a#pompy, a#hydrofory, ul#buttons a {
	 text-indent: -9999px;
	 display: block;
	 position: absolute;
}

ul#buttons a {
	 width: 160px;
	 height: 68px;
	 top: 10px;
}

a#systemy {
	 left: 14px;
	 background: url(../img/systemy.gif) no-repeat;
}

a#pompy {
	 left: 196px;
	 background: url(../img/pompy.gif) no-repeat;
}

a#hydrofory {
	 left: 377px;
	 background: url(../img/hydrofory.gif) no-repeat;
}

ul#buttons {
	 top: 233px;
	 left: 0;
	 background: url(../img/buttons_bg.gif) no-repeat;
	 width: 553px;
	 height: 127px;
}

a#logo {
	 top: 28px;
	 left: 10px;
	 width: 412px;
	 height: 64px;
	 text-indent: 0;
	 text-decoration: none;
	 color: gray;
	 font-size: 1.3em;
	 font-weight: bold;
}

a#logo_napis, a#logo_napis_sklep {
	 top: 66px;
	 left: 8px;
	 background: url(../img/top.jpg) no-repeat;
	 width: 570px;
	 height: 160px;
}

a#najtaniej {
	 top: 87px;
	 right: 0;
	 background: url(../img/najtaniej.gif) no-repeat;
	 width: 412px;
	 height: 200px;
}

ul#menu_lewa {
	 list-style-image: url(../img/kropki.gif);
	 text-align: left;
	 margin-left: 20px;
	 float: left;
}

ul#menu_lewa li {
	 background: url(../img/spacer.gif) repeat-x left bottom;
	 height: 25px;
	 width: 220px;
	 margin: 10px 0;
}

div#tresc {
	 float: right;
	 width: 650px;
	 text-align: left;
	 overflow: hidden;
}

p#content {
	 background: white url(../img/tresc_tlo.gif) no-repeat top left;
	 padding: 10px;
	 overflow: hidden;
}

div#srodek {
	 overflow: hidden;
	 margin: 0;
	 padding: 0;
}

img.prawa {
	 margin: 5px;
}

div#dol {
	 padding: 20px 0 0 0;
	 margin-top: 20px;
	 clear: both;
	 text-align: left;
	 height: 192px;
	 color: #848484;
	 position: relative;
}

div#tresc strong {
	 color: #30a11d;
}

div#dol h2 {
	 font-size: 1.6em;
	 padding-left: 10px;
}

div#dol p {
	 clear: both;
	 padding: 10px;
}

div#dol ul {
	 text-align: right;
	 list-style-type: none;
	 position: absolute;
	 top: 20px;
	 right: 10px;
	 width: 290px;
}

div#dol ul li {
	 padding-left: 10px;
	 line-height: 2;
	 display: inline;
}

div#dol a {
	 color: #848484;
	 border-bottom: 1px dashed;
}

div#dol a:hover {
	 color: #505050;
}

p#koszyk {
	 position: absolute;
	 bottom: 60px;
	 left: 280px;
	 font-weight: bold;
	 font-size: 1.2em;
}

p#koszyk span, p#koszyk a {
	 color: #eb0a0d;
	 margin-right: 20px;
}

ul#kategorie, ul#dokumenty {
	 background: white url(../img/tresc_tlo.gif) no-repeat top left;
	 padding: 10px 0 10px 7px;
	 list-style-type: none;
	 overflow: hidden;
	 position: relative;
	 height: 300px;
}

ul#dokumenty {
	 height: auto;
}

ul#kategorie li a {
	 width: 209px;
	 height: 90px;
	 text-indent: -9999px;
	 display: block;
	 position: absolute;
}

ul#dokumenty a {
	 padding: 130px 0 10px 25px;
	 height: 60px;
	 display: block;
}

ul#dokumenty li {
	 width: 120px;
	 float: left;
}

a#programatory {
	 background: url(../img/programatory.jpg) no-repeat top;
}

a#katalog {
	 background: url(../img/katalog.jpg) no-repeat top;
}

a#agrotasma {
	 background: url(../img/agrotasma.jpg) no-repeat top;
}

a#pompy_nap {
	 background: url(../img/pompy_nap.jpg) no-repeat;
	 top: 10px;
	 left: 5px;
}

a#pompy_gleb {
	 background: url(../img/pompy_gleb.jpg) no-repeat;
	 top: 110px;
	 left: 5px;
}

a#zbiorniki {
	 background: url(../img/zbiorniki.jpg) no-repeat;
	 top: 210px;
	 left: 5px;
}

a#hydrofory_nap {
	 background: url(../img/hydrofory_nap.jpg) no-repeat;
	 top: 10px;
	 left: 221px;
}

a#hydrofory_gleb {
	 background: url(../img/hydrofory_gleb.jpg) no-repeat;
	 top: 10px;
	 left: 437px;
}

a#pompy_reczne {
	 background: url(../img/pompy_reczne.jpg) no-repeat;
	 top: 110px;
	 left: 437px;
}

a#nawad_ogrod {
	 background: url(../img/nawad_ogrod.jpg) no-repeat;
	 top: 210px;
	 left: 221px;
}

a#sprzet_ogrod {
	 background: url(../img/sprzet_ogrod.jpg) no-repeat;
	 top: 210px;
	 left: 437px;
}

a#pompy_zat {
	 background: url(../img/pompy_zat.jpg) no-repeat;
	 top: 110px;
	 left: 221px;
}       

form#search {
	 position: absolute;
	 bottom: 0;
	 right: 60px;
}

div#search_klawisz {
	 margin-left: 4px;
	 display: inline;
   float: left;
}

div#search_text {
	 margin-top: 3px;
	 display: inline;
   float: left;
	 font-weight: bold;
	 font-size: 1.1em;
}

div#search_text input {
    background: #FFFFFF;
    border: 1px solid #adadad;
    color: #7D7D7D;
    padding: 4px;
		margin-left: 10px;
		height: 14px;
		width: 120px;
}

div#produkty {
	 background: white url(../img/tresc_tlo.gif) no-repeat top left;
	 overflow: hidden;
}

div.produkt {
	 padding: 20px;
	 margin-bottom: 40px;
}

img.avatar {
	 border: 1px solid #a4a4a4;
	 float: left;
	 margin: 5px 5px 5px 0;
}

div.produkt h2 {
	 color: #157a0c;
	 font-size: 1.2em;
	 margin: 5px 5px 5px 0;
}

h2 a {
	  color: #157a0c;
}

div.produkt h3 {
	 font-size: 1.1em;
	 margin: 0;
	 padding: 0;
}

div.produkt p {
	 margin: 0;
	 padding: 0;
}

span.cena, span.cena a {
	 text-align: right;
	 color: #eb0a0d;
	 display: block;
	 font-size: 1.3em;
	 font-weight: bold;
	 background: url(../img/spacer2.gif) repeat-x bottom right;
	 width: 160px;
	 height: 21px;
	 float: right;
}

a.dodaj {
	 font-size: 1em;
	 font-weight: bold;
	 text-align: right;
	 clear: both;
	 float: right;
	 background: none;
	 padding: 4px 15px 0 0;
	 background: url(../img/koszyk.gif) no-repeat bottom right;
}

a#mapa {
	 background: url(../img/mapka.jpg) no-repeat;
	 display: block;
	 text-indent: -9999px;
	 width: 600px;
	 height: 361px;
}

span#strony {
	 margin: 50px;
}

img.nalewa {
	 display: block;
	 float: left;
	 margin: 5px 5px 5px 0;
}	

img.naprawa {
	 display: block;
	 float: right;
	 margin: 5px 0 5px 5px;
}