*{margin:0 auto; padding:0; outline:0;}
body{background: #eaeaea repeat-x url(tlo.png); font-family:Verdena, sans-serif; font-size:12px;}
a{text-decoration:none; color:#fff;}
#all{float:inherit; position:relative; width:870px;}

#gora{width:868px; height:14px; background:url(srodek2.png); float:inherit}
.menu1{float:inherit; height:110px; margin: 1px 0 0 0; position:relative;}
.menu1 a #logo{ width:230px; height:108px; background:url(logo3.png) no-repeat; margin: 3px 0 0 0; float:left; text-indent:-9999px;}
.menu1 #domek{width:62px; height:56px; background:url(domek.png) no-repeat; float:left; margin:70px 60px 0 0; visibility:hidden; display:block;}
.menu1 .bialy2{width:2px; height:107px; background: #f1f1f1; margin: 3px 0 0 0; float:left;}
.menu1 a .energia{width:100px; height:111px; background:url(energia.png) no-repeat bottom; margin:3px 0 0 0; padding:0 0 0 20px; float:left; text-indent:-9999px;}
.menu1 a:hover .energia{ background-position:top;}
.menu1 a .okeno{width:100px; height:111px; background:url(okeno.png) no-repeat bottom; margin:3px 0 0 0; padding:0 0 0 20px; float:left; text-indent:-9999px;}
.menu1 a:hover .okeno{background-position:top;}
.menu1 a .kontakt{width:100px; height:111px; background:url(kontakt.png) no-repeat bottom; margin:3px 0 0 0; padding:0 0 0 20px; float:left; text-indent:-9999px;}
.menu1 a:hover .kontakt{background-position:top;}
.menu1 a .sklep{width:100px; height:111px; background:url(sklep.png) no-repeat bottom; margin:3px 0 0 0; padding:0 0 0 20px; float:left; text-indent:-9999px;}
.menu1 a:hover .sklep{background-position:top;}
#gradient{float:inherit; background:url(srodek2.png) no-repeat; margin: 6px 0 0 20px; width:868px; height:24px;}

.srodek{float:inherit; height:300px; margin: 50px 0 0 10px;}
.srodek #bg{width:845px; height:250px; margin: 0 0 0 0;}
.srodek #bg #bgora{width:845px; height:24px; margin: 0 0 0 0; background: url(cgora.png)}

.srodek #bg #bsrodek{width:845px; height:250px; margin: 0 0 0 0; background: url(csrodek.png) repeat-y;}
.srodek #bg #bsrodek .obraz{width:551px; height:210px; float:left; margin:20px 0 0 20px; overflow:hidden; border: #ffffff 20px;}
.srodek #bg #bsrodek .obraz .margines{width:551px; height:20px; float:left; margin:0 0 0 0; background-color:#fff;}
.srodek #bg #bsrodek .obraz .o1{background: url(kolektorP.png); display:inline-block; float:inherit; width:551px; height:175px;}
.srodek #bg #bsrodek .obraz .o2{background: url(lampyP.png); display:none; float:inherit; width:551px; height:175px;}
 .podp{float:inherit; width:551px; height:20px; margin:150px 10px 0 10px; color:#ffffff; display:none;}
.srodek #bg #bsrodek .obraz .o3{background: url(fotowoltaP.png); display:none; float:inherit; width:551px; height:175px;}
.srodek #bg #bsrodek .obraz .o4{background: url(pompyP.png); display:none; float:inherit; width:551px; height:175px;}
.srodek #bg #bsrodek .obraz .o5{background: url(technikaP.png); display:none; float:inherit; width:551px; height:175px;}

.srodek #bg #bsrodek #menu2{width:266px; height:175px; float:left; margin:20px 0 0 0;}
.srodek #bg #bsrodek #menu2 a #kolektory{width:264px; height:37px; float:right; margin:0 0 0 0; background: url(kolektory.png) no-repeat; background-position:top; text-indent:-9999px;}
.srodek #bg #bsrodek #menu2 a:hover #kolektory{background-position:bottom;}
.srodek #bg #bsrodek #menu2 a #uliczne{width:264px; height:37px; float:right; margin:0 0 0 0; background: url(uliczne.png) no-repeat; background-position:top; text-indent:-9999px;}
.srodek #bg #bsrodek #menu2 a:hover #uliczne{background-position:bottom;}
.srodek #bg #bsrodek #menu2 a #woltaiczne{width:264px; height:37px; float:right; margin:0 0 0 0; background: url(woltaiczne.png) no-repeat; background-position:top; text-indent:-9999px;}
.srodek #bg #bsrodek #menu2 a:hover #woltaiczne{background-position:bottom;}
.srodek #bg #bsrodek #menu2 a #pompy{width:264px; height:37px; float:right; margin:0 0 0 0; background: url(pompy.png) no-repeat; background-position:top; text-indent:-9999px;}
.srodek #bg #bsrodek #menu2 a:hover #pompy{background-position:bottom;}
.srodek #bg #bsrodek #menu2 a #technika{width:264px; height:37px; float:right; margin:0 0 0 0; background: url(technika.png) no-repeat; background-position:top; text-indent:-9999px;}
.srodek #bg #bsrodek #menu2 a:hover #technika{background-position:bottom;}

.srodek #bg #bdol{width:845px; height:21px; margin: 0 0 20px 0; background: url(cdol.png);}

#content{width:845px; height:auto; margin: 20px 0 0 10px;}
#content #cgora{width:845px; height:24px; margin: 0 0 0 0; background: url(cgora.png);}#content #csrodek #left{float:left;}
#content #csrodek{width:845px; height:auto; margin: 0 0 0 0; background: url(csrodek.png) repeat-y;}
#content #csrodek #tytul{width:700px; height:auto; margin: 0 0 0 50px; color:#f5983d; font-size:14px; font-weight:bold;}
#content #csrodek #tresc{width:700px; height:auto; margin: 10px 0 0 50px; color:#828282; overflow:hidden; display:inline-block;}
#content #csrodek #tresc img{border-style:solid; border-color:#fff; border-width:10px; float:inherit; margin:10px 0 0 30px;}
#content #csrodek #tresc #not img{border-style:none; margin: 0 0 0 30px;}
#content #tresc img #prezes{width:140px; height:140px;}
#content #cdol{width:845px; height:21px; margin: 0 0 0 0; background: url(cdol.png);}
#content #csrodek #tresc a{color:#f5983d;}
#content #csrodek #tresc #hide{display:none;}
#content #csrodek #tresc #hide2{display:none;}
#content #csrodek #tresc #hide3{display:none;}
#content #csrodek #tresc p ul{list-style-type:circle}
#content #csrodek #pdf img{width:25px; height:25px; border-style:none; margin:0 7px 0 10px;}
.stopka{width:100%; height:23px; background:url(stopka.png) repeat-x; float:inherit; margin: 50px 0 0 0; color:#fff; font-size:11px;}
.stopka #podpis1{float:left; margin: 5px 30px 0 30px;}
.stopka #podpis2{float:right; margin: 5px 40px 0 0;}