@import url(reset.css);
@import url(jquery.lightbox-0.5.css);

body										{ font: normal 11px/1.3em Tahoma, Helvetica, Arial, sans-serif; background: #fff url(/images/bg.jpg) no-repeat 50% 0; }

a											{ color: #80bc4a; }
a:hover, a:focus							{ text-decoration: underline; }
p img										{ float: right; }


#wrapper									{ width: 1029px; margin: 0 auto; }
#top										{ background: transparent url(/images/bgHeader.png) no-repeat 0 100%; position: relative; z-index: 10; margin-top: 10px;}
#header										{ background: transparent url(/images/bgGrass.jpg) no-repeat 14px 328px; width: 979px; height: 328px;  padding: 25px; clear: both;}
#start										{ background: #fff url(/images/bgBottomPanel.png) no-repeat 0 0; width: 962px; height: 190px; padding: 0 6px; overflow: hidden; margin: -14px auto 0 auto;}

#mainNav									{ background: transparent url(/images/bgMainNav.png) no-repeat 0 0; width: 155px; height: 164px; padding: 35px 0 0 14px; margin-top: 20px; }
#mainNav li									{ padding-bottom: 12px; }
#mainNav li a								{ width: 145px; height: 15px; display: block; text-indent: -9999px; background: #fff url(/images/mainNav.png) no-repeat 0 0;}
#mainNav li.company	a						{  }
#mainNav li.services a						{ background-position: 0 -25px; }
#mainNav li.catalogue a						{ background-position: 0 -50px; }
#mainNav li.gallery a						{ background-position: 0 -76px; }
#mainNav li.contact a						{ background-position: 0 -103px; }
#mainNav li.references a					{ background-position: 0 -128px; }
#mainNav li.company	a:hover					{ background-position: -158px 0; }
#mainNav li.services a:hover				{ background-position: -158px -25px; }
#mainNav li.catalogue a:hover				{ background-position: -158px -50px; }
#mainNav li.gallery a:hover					{ background-position: -158px -76px; }
#mainNav li.contact a:hover					{ background-position: -158px -103px; }
#mainNav li.references a:hover				{ background-position: -158px -128px; }

#topNav										{ float: right; overflow: hidden; margin-right: 15px;}
#topNav li									{ float: left; }
#topNav li a								{ background: transparent url(/images/topNav.png) no-repeat 0 0; display: block; height: 22px; text-indent: -9999px; }
#topNav li.siteMap a						{ width: 71px; padding-right: 15px;}
#topNav li.ask a							{ width: 99px; background-position: -86px 0; padding-left: 15px; }
#topNav li.siteMap a:hover					{ background-position: 0 -22px; }
#topNav li.ask a:hover						{ width: 99px; background-position: -86px -22px; }

#divisionsNav								{ margin: -305px 0 0 209px;}

.boxLeft, .boxMiddle, .boxRight 			{ float: left; padding: 20px; color: #fff; height: 136px; position: relative;}
.boxLeft									{ width: 290px; }
.boxMiddle									{ width: 308px; }
.boxRight 									{ width: 259px; padding-right: 10px; padding-left: 10px; }
.boxRight p	em								{ font-weight: bold; }
.boxRight p + p								{ margin-top: 17px; }

#start a									{ color: #fff; }
#start a:hover								{ text-decoration: none; }
#start h2									{ text-indent: -9999px; height: 18px; background: transparent url(/images/panelHeaders.png) no-repeat 0 0;  margin-bottom: 15px; }
#start p									{ font-size: 10px; line-height: 1.2em; }
#start .boxLeft h2							{ width: 152px; }
#start .boxMiddle h2						{ width: 175px; background-position: -152px 0; }
#start .boxRight h2							{ width: 110px; background-position: -327px 0; }

.boxMiddle img								{ float: left; padding-right: 10px; }
.boxRight img								{ float: right; padding-left: 5px; margin-top: -5px; }

#start h1									{ font-weight: bold; margin-bottom: 6px;}
h1 .date									{ font-weight: normal; border-left: 1px solid #c3dfaa; padding-left: .3em; }
img[src*=arrow]								{ position: relative; top: 2px; float: none; }
a.readMore									{ height: 13px; width: 113px; display: block; text-indent: -9999px; background: transparent url(/images/btnZobaczWiecej.png) no-repeat 0 0; position: absolute; bottom: 15px; right: 20px;}
a.readMore:hover							{ background-position: 0 -13px; }
a.viewMore									{ width: 87px; height: 14px; display: block; text-indent: -9999px; background: transparent url(/images/btnViewMore.png) no-repeat 0 0; position: absolute; bottom: 15px; left: 20px;}


#content									{ background: transparent url(/images/bgContent.png) repeat-y 0 0; width: 961px; padding: 20px 6px; margin: -14px auto 0 auto; overflow: hidden;}
#side										{ width: 215px; float: left; color: #fff; }
#side h4									{ padding-left: 20px; font-weight: bold; margin: 13px 0 17px 0; }
#side a										{ color: #fff; }
#side a#poradyEksperta						{ display: block; width: 185px; height: 298px; text-indent: -9999px; background: transparent url(/images/poradyEksperta.png); margin: 15px 0 0 5px; }
#side a#katalogi							{ display: block; width: 206px; height: 211px; text-indent: -9999px; background: transparent url(/images/pobierzKatalogi.png); margin: 15px 0 0 0; }

#subNav										{ background: #569a41 url(/images/fill.png) repeat-y 206px 0; padding: 16px 0; }
#subNav a									{ display: block; width: 100%; height: 20px; padding-top: 4px; padding-left: 20px; }
#subNav a:hover								{ background: #3a833b url(/images/fill.png) repeat-y 206px 0; text-decoration: none;}
#subNav a.selected							{ background: transparent url(/images/subNavHover.png) no-repeat 0 0; }

#main										{ width: 706px; float: right; padding: 0 20px; color: #00532e; font-size: 13px; line-height: 16px;}
#main p										{ margin-bottom: 13px;}
#main p.intro								{ font-weight: bold; }
#main h1									{ font-size: 18px; color: #80bc4a; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #e8e8e8; padding: 10px 0 20px 0; margin-bottom: 20px; }
#main h2									{ font-size: 16px; font-weight: bold; margin: 12px 0 8px 0; }
#main h3									{ font-size: 14px; dont-weight: bold; margin: 8px 0 5px 0; }
#main h4									{ margin-bottom: .5em; font-size: 12px; }
#main ul									{ list-style-position: inside; }

#main h2 a									{ color: #00532e; }

body.kontakt #main							{ overflow: hidden; font-size: 11px;}
body.kontakt #main p						{ margin-bottom: 0; }
body.kontakt #main div						{ float: left; width: 230px; margin-bottom: 40px; }
body.kontakt #main h3						{ border-bottom: 1px solid #eee; padding-bottom: 8px; color: #80bc4a; }
#googleMaps									{ width: 696px !important; height: 300px; margin-top: 10px; border: 5px solid #eee;}

body.katalogi #main h3						{ border-bottom: 1px solid #eee; padding-bottom: 8px; margin-bottom: 18px; }
body.katalogi #main ul						{ margin-bottom: 40px; overflow: hidden;}
body.katalogi #main li						{ float: left; width: 350px; margin-bottom: 5px; list-style: none inside url(/images/arrow.png);}
/*body.katalogi #main li a					{ background: #fff url(/images/arrow.png) no-repeat 0 50%; padding-left: 20px; }*/

body.referencje #main img					{ float: left; margin-left: -240px; border: 5px solid #eee; }
body.referencje #main p						{ font-style: italic; }
body.referencje #main h3					{ margin-bottom: 12px; }
body.referencje #main p.name,
body.referencje #main p.position			{ font-style: normal; margin: 0 !important; font-weight: bold;}

body.referencje #main p.position			{ font-size: 10px; font-weight: normal; margin-bottom: 16px !important;}
a.pdfReference								{ background: #fff url(/images/arrow.png) no-repeat 100% 50%; padding-right: 20px; }

ul.ref										{ list-style-position: outside; }
ul.ref li									{ padding-left: 240px; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #eee;}

p.ofirmie									{ font-size: 16px; line-height: 24px; }


ol#faq										{ list-style-type: decimal; padding-left: 20px; }

body.mapa div.box							{ width: 45%; float: left; }
body.mapa div.box a							{ background: none !important; }

ol.porady									{ margin-bottom: 20px; }
ol.porady li								{ padding: 20px; } 
ol.porady li.odd							{ background-color: #ebf4e2; }
ol.porady li h3								{ margin-bottom: 10px; }
ol.porady li p								{ margin-bottom: 0 !important; }
h3 a										{ color: #3a833b; font-weight: bold; font-size: 12px; background: transparent url(/images/arrow.png) no-repeat 100% 50%; padding-right: 16px;}

body.uslugi #main p							{ clear: left; width: 340px; margin-bottom: 0; text-indent: 40px; }
body.uslugi #main p.normal					{ clear: none; width: 100%; }
#photosServices								{ float: right !important; }

body.uslugi #main ul						{ list-style-type: disc; margin-top: 20px;}

.thumbs, #thumbs							{ margin-left: 20px; overflow: hidden;}
.thumbs										{ margin-left: 0; margin-bottom: 25px; clear: both; width: 100%; }
.thumbs li, #thumbs li						{ float: left; width: 220px; height: 150px; background: #fff url(/images/thumbBg.png) no-repeat 0 0; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-top: 10px;}
.thumbs li									{ border: 0; }
.thumbs li img, #thumbs li img				{ margin: 9px 0 0 9px; }



#slider										{ margin: 40px 0 0 13px; border: 5px solid #eee; }
#slider ul									{ margin: 0; padding: 0;}
#slider, #slider li							{ width: 342px; height: 214px; overflow: hidden; }

#prevBtn, #nextBtn							{ display: block; width: 11px; height: 24px; position: relative; left: 0; top: -120px;}
#nextBtn									{ left: 367px; top: -144px; }
#prevBtn a, #nextBtn a						{ display: block; width: 11px; height: 24px; text-indent: -9999px; }
#prevBtn a									{ background: #fff url(/images/arrowLeft.png) no-repeat 0 0; }
#nextBtn a									{ background: #fff url(/images/arrowRight.png) no-repeat 0 0; }



#footer										{ clear: both; overflow: hidden; color: #00532e; background: transparent url(/images/bgContentBottom.png) no-repeat 28px 0; padding: 35px 50px 0;}
body.home #footer							{ clear: both; background: none; padding: 0 40px; }
#footer a									{ color: #00532e; }
#footer a:hover								{ text-decoration: underline; }
#footer ul									{ float: left; overflow: hidden; }
#footer ul li								{ float: left; border-right: 1px solid; padding: 0 4px; }
#footer ul li:first-child					{ padding-left: 0; }
#footer ul li:last-child					{ border: 0; }
#footer p									{ float: right; }