html { height: 100%; overflow: scroll; overflow-x: auto; overflow-y: scroll;  }
body { height: 100%; text-align: center; }
#page { height: 100%; text-align: justify; min-height: 100%; height:auto !important; position: relative; width: 978px; margin: 0 auto; padding:0 10px; background: transparent url(../images/shadow.png) repeat-y top center }
#hd { height: 162px; }
#hd img { line-height: 0; }
#bd { min-height: 500px; height: auto !important; height: 500px; position: relative; background: #ffffff url(../images/bd.jpg) no-repeat top center; padding: 0 59px 50px 59px; }
#ft { position: absolute; bottom: 0; left: 0; width: 978px; }
#ft p {text-align: center; margin-bottom: 5px; }
#menu { padding-bottom: 20px; }
.mainmenu { list-style-type: none; margin: 0; }
.mainmenu li { float: left; margin-right: 10px; }
.mainmenu li a { display: block; width: 135px; height: 41px; background: transparent url(../images/sprites.png) no-repeat 0 0; text-align: center; font-size: 12px; line-height: 41px; color: #00653e; text-align: center; }
.mainmenu li a:hover { text-decoration: none; font-weight: bold; }
.mainmenu li a.promocje { width: 280px; background-position: 0 -51px; }
.mainmenu li.last { margin-right: 0; }
.mainmenu li.active a { background-position: -140px 0; }
.mainmenu li.active a.promocje { background-position: 0 -102px; }

.productmenu { list-style-type: none; margin: 0; padding-top: 40px; font-size: 11px; line-height: normal; }
.productmenu li { float: left; position: relative; display: block; width: 135px; height: 64px; background: transparent url(../images/sprites.png) no-repeat 0 -153px; margin-right: 10px; text-align: center; }
.productmenu li.active { background-position: -140px -153px }
.productmenu li a { display: block; text-align: left; padding: 8px 10px 15px 10px; width: 115px; height: 51px; }
.productmenu li a:hover { text-decoration: none; font-weight: bold;}
.productmenu li.last { margin-right: 0; }
.productmenu li a { color: white; }
.productmenu li ul { display: none; position: absolute; margin: 0; left: 0; }
.productmenu li ul li { width: 135px; height: 44px; background-position: 0 -228px; padding-bottom: 10px; }
.productmenu li ul li a { width: 115px; height: 34px; padding: 5px 10px; line-height: normal; }


.productmenu li.woda-deszczowa a { line-height: 51px; }
.productmenu li.woda-deszczowa ul li a { line-height: normal; }
.productmenu li.przydomowe-oszczyszczalnie-sciekow { background-position: 0 -282px; }
.productmenu li.przydomowe-oszczyszczalnie-sciekow.active { background-position: -140px -282px; }
.productmenu li.przydomowe-oszczyszczalnie-sciekow ul li { background-position: 0 -357px; }
.productmenu li.przydomowe-oszczyszczalnie-sciekow ul li a { line-height: 34px; }
.productmenu li.centrale-deszczowe-i-pompy { background-position: 0 -411px; }
.productmenu li.centrale-deszczowe-i-pompy.active { background-position: -140px -411px; }
.productmenu li.centrale-deszczowe-i-pompy ul li { background-position: 0 -486px; }
.productmenu li.centrale-deszczowe-i-pompy ul li a.centrale-deszczowe-i-pompy-centrale-domowe { line-height: 34px; }
.productmenu li.centrale-deszczowe-i-pompy ul li a.centrale-deszczowe-i-pompy-pompy { line-height: 34px; }
.productmenu li.zbiorniki { background-position: 0 -540px; }
.productmenu li.zbiorniki.active { background-position: -140px -540px; }
.productmenu li.zbiorniki a { line-height: 51px; }
.productmenu li.zbiorniki ul li { background-position: 0 -616px; }
.productmenu li.zbiorniki ul li a { line-height: 34px; }
.productmenu li.pojemniki-i-produkty-proekologiczne { background-position: 0 -670px; }
.productmenu li.pojemniki-i-produkty-proekologiczne.active { background-position: -140px -670px; }
.productmenu li.pojemniki-i-produkty-proekologiczne ul li { background-position: 0 -745px; }
.productmenu li.pojemniki-i-produkty-proekologiczne ul li a.pojemniki-i-produkty-proekologiczne-bariery-drogowe { line-height: 34px; }
.productmenu li.pojemniki-i-produkty-proekologiczne ul li a.pojemniki-i-produkty-proekologiczne-selekcja-opadow { line-height: 34px; }
.productmenu li.pojemniki-i-produkty-proekologiczne ul li a.pojemniki-i-produkty-proekologiczne-olej-zuzyty { line-height: 34px; }
.productmenu li.pojemniki-i-produkty-proekologiczne ul li a.pojemniki-i-produkty-proekologiczne-separatory { line-height: 34px; }
.productmenu li.projektowanie { background-position: 0 -799px; }
.productmenu li.projektowanie.active { background-position: -140px -799px; }
.productmenu li.projektowanie a { line-height: 51px; }
.productmenu li.projektowanie ul li { background-position: 0 -874px; }
.productmenu li.projektowanie ul li a { line-height: 34px; }



#content-wrapper { padding: 0 145px; }


form label, form input, form textarea { display: block; }
form label { float: left; width: 130px; padding: 3px 0; font-weight: bold; }
form .field { margin-bottom: 10px; }
form input, form textarea { padding: 3px; width: 310px; border-radius: 3px; border: 1px solid #014600; font-style: inherit; font-size: inherit; font-family: inherit; }
form input:focus, form textarea:focus { box-shadow: 0 1px 2px rgba(0,0,0,0.25); border-color: black; }
button {  border-radius: 3px; border: 1px solid #055200; background-color: #065e00; font-size: 12px; padding: 3px 5px 3px 5px; background: -moz-linear-gradient(center top , #098000 0pt, #065e00 100%); color: white; }
button:hover {text-decoration: none; box-shadow: 0 1px 2px rgba(0,0,0,0.25), 0 0 3px #ffffff inset; cursor: pointer; }
ul.errors { float: none; clear: both; margin: 0 0 0 130px; font-style: italic; list-style-type: none; color: #BD2229; }
.message { display: none; }


#likebox { background: url("../images/likebox.png") no-repeat scroll center center transparent; display: block; height: 400px; left: 100%; margin-left: -30px; position: fixed; top: 150px; width: 284px; z-index: 1000; }
#likebox span { padding: 10px 0 0 33px; display: block; }

.gallery a { display: block; width: 180px; float: left; margin: 0 0 20px 20px; padding: 9px; border: 1px solid #7C9256; background-color: white; }
.gallery a.first { margin-left: 0; }

.section .article { margin-bottom: 30px; }
.article .content { overflow: hidden; }
.section .gallery { float: right; width: 230px; margin-left: 20px; }
.section .gallery a { margin-left: 0; display: block; padding: 9px; border: 1px solid #7C9256; margin-bottom: 10px; text-align: left; width: 210px; background-color: white; text-align: center; }
.section .gallery a.thumb { width: 60px; height: 60px; padding: 4px; margin-left: 10px; float: left; }
.section .gallery a.first { margin-left: 0; }
.section .gallery a:hover { text-decoration: none; }

.overlay { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 1000; }
#banner-overlay .banner { position: relative; left: 50%; top: 50%; width: 404px; height: 345px; margin-left: -202px; margin-top: -172px; background: transparent url('/images/dofinansowanie.jpg') no-repeat center center; }
#close-button { position: absolute; display: block; top: 8px; right: 16px; cursor: pointer; width: 11px; height: 14px; }
#more-button { position: absolute; display: block; bottom: 7px; right: 11px; cursor: pointer; width: 60px; height: 14px; }