body {
    margin:0; padding:0;
    background:url('images/bg.gif') 0 -79px repeat-x #fff;
    font:11px Tahoma, Arial, Verdana, Sans, sans-serif;
    color:#44555f;
    line-height:15px;
}

a {color:#3792bb; text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border:none;}

#lisc1 {width:77px; height:58px; position:absolute; top:26px; left:354px; background:url('images/lisc1.png') no-repeat; z-index:3;}
#lisc2 {width:159px; height:108px; position:absolute; top:78px; left:842px; background:url('images/lisc2.png') no-repeat;}
#lisc3 {width:160px; height:113px; position:absolute; top:277px; left:821px; background:url('images/lisc3.jpg') no-repeat; z-index:3;}
#lisc4 {width:445px; height:246px; position:absolute; top:120px; left:581px; background:url('images/lisc4.jpg') no-repeat;}
#lisc5 {width:59px; height:47px; position:absolute; top:89px; left:738px; background:url('images/lisc5.png') no-repeat;}
#lisc6 {width:192px; height:133px; position:absolute; top:67px; left:785px; background:url('images/lisc6.jpg') no-repeat;}
#topFlash {width:367px; height:240px; position:absolute; top:36px; left:358px; z-index:2;}

.input {
    border:none;
    font:11px Tahoma, Arial, Verdana, Sans, sans-serif;
    background:url('images/input.gif') no-repeat #e8edf1;
    color:#44555f;
    padding:4px 8px;
}

.clear {position:relative; clear:both;}

#main {padding-bottom:35px; background:url('images/content_under.gif') bottom left no-repeat;}
#subPage {background:url('images/lisc4.jpg') 581px 120px no-repeat;}

/* ============= layout ============ */
#leftSide {width:210px; float:left; padding:100px 50px 0;}
#rightSide {width:660px; float:left;}
#content {clear:both; padding-top:230px; position:relative; z-index:100; line-height:18px;}

.leftBox {padding:10px 0;}

/* ============ textBox ============ */
.textBox {padding:0 30px;}
.textBox ul {margin:0; padding:0 0 0 24px; list-style-type:none; position:relative; color:#718216;}
.textBox ul li {background:url('images/pointer4.gif') 0 0.65em no-repeat; padding-left:19px;}
.textBox ul li em {font-style:normal; color:#a3b1b9; margin-left:6px;}
.textBox blockquote {margin:25px -20px; background:url('images/quot_tl.gif') no-repeat #f2f5f7; font:italic 14px "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif; text-align:center;}
.textBox blockquote div {padding:23px 90px; background:url('images/quot_br.gif') bottom right no-repeat;}

/* ============ headers ============ */
#pageName {margin:0; position:absolute; top:37px; left:68px;}
#pageName img {display:block;}

h2, h3, h4 {font-family:"Trebuchet MS", Tahoma, Arial, Verdana, sans-serif;}
h2 {min-height:28px; margin:0; padding:0 0 23px; font-size:22px; background-repeat:no-repeat;}
h2 span {display:none;}
#h-o_nas {background-image:url('images/h2_onas.gif');}
#h-oferta_team {background-image:url('images/h2_team.gif');}
#h-realizacje {background-image:url('images/h2_realizacje.gif');}
#h-klienci {background-image:url('images/h2_klienci.gif');}
#h-aktualnosci {background-image:url('images/h2_aktualnosci.gif');}
#h-kontakt {background-image:url('images/h2_kontakt.gif');}
#h-mapa {background-image:url('images/h2_mapa.gif');}
#h-wyniki {background-image:url('images/h2_wyniki.gif');}


h3 {font-size:14px; margin:0; padding:0 0 11px;}
h2 img, h3 img {display:block;}
.pointed {background:url('images/pointer4.gif') 0 7px no-repeat; padding-left:16px;}

/* ============ topMenu ============ */
#topMenu {margin:0; padding:33px 0 0 0; list-style-type:none; float:right; position:relative; z-index:200;}
#topMenu li {display:inline; margin-left:24px;}
#topMenu li a {color:#4b80a0; position:relative; z-index:100;}

/* ============ mainMenu =========== */
#mainMenuBg {width:344px; height:286px; top:134px; left:-15px; position:absolute; background:url('images/menu_bg.png') no-repeat; z-index:3;}
#mainMenu {width:167px; height:154px; margin:0; padding:92px 0 86px 8px; list-style-type:none; position:relative; z-index:4;}
#mainMenu li {margin-bottom:1px;}
#mainMenu li a {display:block; height:21px; overflow:hidden;}
#mainMenu li a:hover {background-position:0 -21px;}
#mainMenu li a span {display:none;}
#m-o_nas {background:url('images/menu_onas.gif') no-repeat;}
#m-oferta {background:url('images/menu_oferta.gif') no-repeat;}
#m-realizacje {background:url('images/menu_realizacje.gif') no-repeat;}
#m-klienci {background:url('images/menu_klienci.gif') no-repeat;}
#m-aktualnosci {background:url('images/menu_aktualnosci.gif') no-repeat;}
#m-kontakt {background:url('images/menu_kontakt.gif') no-repeat;}
#m-strefa {background:url('images/menu_strefa.gif') no-repeat;}

/* ============ menuSub ============ */
#menuSub {margin:0 0 20px -50px; padding:0; list-style-type:none;}
#menuSub li {padding-left:50px;}
#menuSub li.current {background:url('images/menu2_pointer.gif') 0 no-repeat;}
#menuSub li a {display:block; padding:7px 20px; border-top:1px solid #e6eaed; color:#44555f;}
#menuSub li a.last {border-bottom:1px solid #e6eaed;}
#menuSub li a:hover {background-color:#f1f5f7; text-decoration:none;}

/* =========== formSmall =========== */
.formSmall {width:171px; margin:0; padding:0 0 15px; position:relative;}
.formSmall .input {width:113px; margin:1px 0 2px; position:relative; z-index:1;}
.formSmall .submitTop {position:absolute; top:7px; right:0;}
.formSmall .submitBottom {position:absolute; bottom:0; right:0;}

/* =========== searchForm ========== */
#searchForm {width:211px; position:absolute; top:194px; left:724px; z-index:101;}
#searchForm .input {width:153px;}

/* ========== liscKontakt ========== */
#liscKontakt {width:160px; height:97px; padding:25px 0 0 27px; line-height:18px; margin-left:-16px; background:url('images/lisc_kontakt.png') no-repeat;}
#liscKontakt .mail {margin-top:-25px; float:right;}
#liscKontakt, #liscKontakt .mail a { color:#485d00;}

/* ============ mainBox ============ */
.mBox1 {background:url('images/main_box.gif') repeat-y #438bb5; color:#fff;}
.mBox2 {background:url('images/main_box_tl.gif') no-repeat;}
.mBox3 {background:url('images/main_box_br.gif') bottom right no-repeat; padding:35px 0 20px 40px;}
.mBox3 ul {margin:0; padding:0; list-style-type:none;}
.mBox3 ul li {background:url('images/pointer1.gif') 0 no-repeat; padding:1px 0 2px 19px;}
.mBox3 ul li a {color:#e0f282;}
.mBox3 {position:relative; z-index:100;}
#mBoxAbout, #mBoxUslugi, #mBoxFirma {float:left;}
#mBoxAbout {width:180px; margin-right:40px;}
#mBoxAbout ul {padding-top:7px;}
#mBoxUslugi {width:180px; margin-right:35px;}
#mBoxFirma {width:160px; color:#5b6c00;}
#mBoxFirma ul li {background-image:url('images/pointer2.gif');}
#mBoxFirma a {color:#5b6c00;}

/* ============ linki h ============ */
.hMore, .hPrint, .hZoom {padding-left:14px; float:right;}
.hMore {background:url('images/pointer3.gif') 0 no-repeat;}
.hPrint {background:url('images/icon_print.gif') 0 no-repeat;}
.hZoom {background:url('images/icon_zoom.gif') 0 no-repeat; padding-left:24px;}

/* ============ klienci ============ */
.klienciTable {width:620px; border-collapse:collapse; margin:0 20px;}
.klienciTable td {padding:20px 0; text-align:center; border-bottom:1px solid #f2f5f7;}

/* ============ kontakt ============ */
.kontaktInfo {padding:0 16px 35px;}
#dojazd {width:260px; margin:56px 17px 0 0; float:right;}
.kBox {width:290px; margin:0 20px; background:url('images/box1_tl.gif') no-repeat #f2f5f7; float:left;}
.kBoxA {background:url('images/box1_br.gif') bottom right no-repeat; padding:22px 30px;}
.kPerson {padding:0 0 0 54px; background:url('images/icon2_contact.gif') no-repeat; line-height:16px;}
.kPerson dt strong {font:bold 14px "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif; color:#4b80a0;}
.kPerson dt em {font:normal 12px "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif; color:#899ba6;}
.kPerson dd {margin:11px 0 0 0;}
.kSeparator {border-top:1px solid #e2e7eb; margin:19px -30px;}
#kontaktForm {margin:0; padding:12px 0 0;}
#kontaktForm .input {width:214px; margin-bottom:7px;}
#kontaktForm textarea.input {height:115px;}
.kSubmit {text-align:right; margin-top:5px;}
.kSubmit input {vertical-align:bottom;}
.kReset {width:45px; height:14px; border:none; background:url('images/submit_wyczysc.gif') no-repeat; margin-left:12px; cursor:pointer;}

/* ========= skontaktujBox ========= */
#skontaktujBox {width:236px; background:url('images/kontakt_top.jpg') no-repeat; float:right; line-height:16px; margin:50px 0 15px 25px;}
#skontaktujBox h3 {padding:26px 29px;}
.skBox1 {border-left:1px solid #e6eaed; padding-left:14px; }
.skBox2 {background:url('images/box1_tl.gif') no-repeat #f2f5f7;}
#skontaktujBox em {font-style:normal; color:#899ba6;}
#skontaktujBox dl {background:url('images/box1_br.gif') bottom right no-repeat; padding:5px 24px; margin:0;}
#skontaktujBox dt {padding-top:10px;}
#skontaktujBox dl dd {margin:8px 0 0; padding-bottom:10px;}

/* ============ scenWyd ============ */
#scenWydA {margin:25px 20px 0; background:url('images/box1_tl.gif') no-repeat #f2f5f7;}
#scenWydB {padding:22px 30px; background:url('images/box1_br.gif') bottom right no-repeat;}
#scenWydA h3 {padding-bottom:3px;}
#scenWydA ol {margin:0 -30px; padding:0; list-style-type:none;}
#scenWydA ol li {padding:15px 30px; border-bottom:1px solid #e2e7eb;}
#scenWydA h4, #scenWydA .time, #scenWydA .number, #scenWydA .mail a {font:bold 14px "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif; color:#4b80a0;}
#scenWydA h4 {margin:0 0 0 53px; padding:11px 0;}
#scenWydA .number {width:34px; padding:8px 0; margin-top:4px; float:left; text-align:center; background:url('images/icon2_number.gif') 50% no-repeat;}
#scenWydA .time {color:#9eb03d; float:right; margin-top:-29px;}
#scenWydA p {margin:0 0 0 53px;}
#scenWydA .mail {padding:27px 0 5px;}
#scenWydA .mail a {padding:8px 0 8px 53px; background:url('images/icon2_mail.gif') 0 no-repeat;}

/* ========== mapaSerwisu ========== */
#mapaSerwisu h4 {font-size:16px; margin:0 0 8px;}
#mapaSerwisu h4 a {color:#44555f;}
#mapaSerwisu ul {padding-left:13px;}
#mapaSerwisu ul li {margin:2px 0;}

/* ========== listElements ========= */
.title {font-size:18px; margin:0 0 10px; color:#3792bb;}
.date {font-size:11px; color:#a8bc3c;}
.cont {margin:0; padding:10px 0 30px;}
.imgRight {float:right; padding:9px; margin:6px 0 30px 30px; border:1px solid #d7dee4;}

/* ============ newsTxt ============ */
#newsTxt h2 {padding-bottom:12px;}
#newsTxt .cont {padding:15px 0 0;}

/* =========== searchRes =========== */
.searchHead {margin-bottom:32px;}
.searchHead div {float:right;}
.percent {height:5px; position:relative; color:#a8bc3c; margin:13px 0;}
.percent b {float:left;}
.percent div {height:8px; width:210px; background-color:#dde3e8; position:absolute; font-size:0; top:5px; left:47px;}
.percent div div {background:url('images/search_percent.gif') repeat-x #a8bc3c; top:0; left:0;}
#searchRes .cont {padding-bottom:22px;}
#search_results {list-style-type:none; float:right; position:relative;}

/* ============= navBox ============ */
.navBox {padding:30px 40px 0; clear:both;}
.navPrev {background:url('images/icon_prev.gif') 0 no-repeat; padding-left:12px; float:left;}
.navTop {background:url('images/icon_top.gif') 0 no-repeat; padding-left:12px; margin-right:20px; float:right;}
.navNext {background:url('images/pointer3.gif') 100% 50% no-repeat; padding-right:12px; float:right;}
.navPages {margin:0 90px; text-align:center; color:#a1b1b9;}
.navPages a, .navPages b {padding:5px;}
.navPages b a {color:#44555f; padding:0;}

/* ============= footer ============ */
#foot1 {clear:both; color:#7d8d95; border-top:1px solid #e7ecef; position:relative; top:-1px;}
#foot2 {width:880px; padding:25px 50px; background:url('images/footer1.gif') no-repeat; position:relative; top:-1px; left:-1px;}
#footBy {float:right;}
#footBy a {color:#44555f;}
#footCopy {padding-bottom:7px; color:#43545e;}
#footCopy strong {color:#9aae37;}

/* ============ mainPage =========== */
#mainPage {background:url('images/bg.gif') repeat-x #fff;}
#mainPage #main {background:none;}
#mainPage #content {padding-top:286px; line-height:15px; position:static;}
#mainPage #topFlash {width:489px; height:362px; position:absolute; top:25px; left:342px;}
#mainPage #mainMenuBg {left:0;}
#mainPage #searchForm {width:141px; top:205px; left:823px;}
#mainPage #searchForm .input {width:83px;}
#mainPage #foot1 {border-left:1px solid #e7ecef; margin-left:50px;}
#mainPage #foot2 {width:840px; padding:25px 40px; background:url('images/footer.gif') no-repeat;}

/* ============ mainNews =========== */
#mainNews {padding:35px 40px;}
.mainNews1 {width:270px; margin-right:40px; float:left;}
.mainNews2 {width:270px; float:left;}
#mainPage .title {margin:3px 0; font:bold 11px Tahoma, Arial, Verdana, Sans, sans-serif;}
#mainPage .date {font-size:9px; color:#aabec6;}
#mainPage .cont {margin:3px 0; padding:0;}