/* PECMS CSS */
html, body { height: 100%; margin: 0; padding: 0; }
body { font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif; font-size: 11px; background-color: #E0E0E0; }
form { display: inline; padding: 0px; margin: 0px; }
textarea, input, select, button { font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif; font-size: 11px; color: #330000; font-weight: normal; text-decoration: none; border: 1px solid #A00000; background-color: #FFFFFF; }
input.number { padding: 1px 4px 1px 4px; text-align: right; }
img { display: block; border: 0px none; }
/* ---------------- ODNOSNIKI ---------------- */
a:link { color: #14961E; text-decoration: none; }
a:visited { color: #14961E; text-decoration: none; }
a:hover { color: #14961E; text-decoration: underline; }
a:active { color: #14961E; text-decoration: none; }
/* -------------- STRUKTURA ------------- */
#body { width: 976px; height: 100%; margin: 0 auto; background: url('_img/bg.jpg') no-repeat 50% 0; }
#container { width: 964px; min-height: 100%; margin: 0px 6px 0px 6px; text-align: center; background-color: #FFFFFF; position: relative; }
#header { width: 917px; margin: 0px 0px 0px 47px; }
#main { width: 917px; margin: 0px 0px 0px 47px; padding-bottom: 78px; }
#footer { width: 964px; height: 78px; margin: 0px 0px 0px 0px; bottom: 0px; left: 0px; position: absolute; }
#left { width: 222px; float: left; }
#right { width: 648px; float: left; margin-left: 10px; }
.fantom { clear: both; font-size: 0px; line-height: 0px; }
.fieldreq { margin: 4px 0px 4px 4px; color: #C00000; font-size: 9px; }
.leftbox { width: 180px; margin: 4px; float: left; text-align: left; }
.rightboxinput { width: 350px; padding: 2px 0px 2px 0px; float: left; text-align: left; }
.rightboxtext { width: 350px; padding: 4px 0px 4px 0px; float: left; text-align: left; }
/* ------------ FORMATOWANIE TEKSTU ---------- */
.l { text-align: left; }
.r { text-align: right; }
.c { text-align: center; }
.j { text-align: justify; }
.i { font-style: italic; }
.b { font-weight: bold; }
.n { font-weight: normal; }
.fl { float: left; }
.fr { float: right; }
.oh { overflow: hidden; }
.bn { border: 0px none; background-color: transparent; }
.hand { cursor: pointer; }
.olnone { outline: none; }
.mm { margin: 1px; }
.sm { margin: 2px; }
.tm { margin: 4px; }
.pm { margin: 6px; }
.mp { padding: 1px 0px 1px 0px; }
.sp { padding: 2px 0px 2px 0px; }
.tp { padding: 4px 0px 4px 0px; }
.pp { padding: 6px 0px 6px 0px; }
.xp { padding: 8px 0px 8px 0px; }
.bc1 { background: #FFAA00; }
.bc2 { background: #FFEF00; }
.sfloor { width: 1px; height: 2px; clear: both; font-size: 0px; line-height: 0px; }
.mfloor { width: 1px; height: 5px; clear: both; font-size: 0px; line-height: 0px;}
.lfloor { width: 1px; height: 10px; clear: both; font-size: 0px; line-height: 0px; }
.xlfloor { width: 1px; height: 15px; clear: both; font-size: 0px; line-height: 0px; }
.textindent { text-indent: 20px; }
#header .b1 { width: 110px; height: 337px; float: left; background: url('_img/header_banner_1.jpg') no-repeat top center; }
#header .b2 { width: 110px; height: 337px; float: left; background: url('_img/header_banner_2.jpg') no-repeat top center; }
#header .b3 { width: 110px; height: 337px; float: left; background: url('_img/header_banner_3.jpg') no-repeat top center; }
#header .b4 { width: 110px; height: 337px; float: left; background: url('_img/header_banner_4.jpg') no-repeat top center; }
#header .b5 { width: 110px; height: 337px; float: left; background: url('_img/header_banner_5.jpg') no-repeat top center; }
#header .b6 { width: 111px; height: 337px; float: left; background: url('_img/header_banner_6.jpg') no-repeat top center; }
#header .b7 { width: 211px; height: 337px; float: left; }
#header .b8 { width: 45px; height: 337px; float: left; background: url('_img/header_banner_8.jpg') no-repeat top center; }
#header .aboutus_a { width: 110px; height: 337px; float: left; background: url('_img/header_banner_1.jpg') no-repeat top center; }
#header .aboutus_b { width: 110px; height: 337px; float: left; background: url('_img/header_banner_2.jpg') no-repeat top center; }
#header .aboutus_c { width: 110px; height: 337px; float: left; background: url('_img/header_banner_3.jpg') no-repeat top center; }
#header .aboutus_d { width: 110px; height: 337px; float: left; background: url('_img/header_banner_4.jpg') no-repeat top center; }
#header .aboutus_e { width: 110px; height: 337px; float: left; background: url('_img/header_banner_5.jpg') no-repeat top center; }
#header .aboutus_f { width: 111px; height: 337px; float: left; background: url('_img/header_banner_6.jpg') no-repeat top center; }
#header .aboutus_g { width: 45px; height: 337px; float: left; background: url('_img/header_banner_8.jpg') no-repeat top center; }
#header .contact_a { width: 110px; height: 337px; float: left; background: url('_img/header_banner_1.jpg') no-repeat top center; }
#header .contact_b { width: 110px; height: 337px; float: left; background: url('_img/header_banner_2.jpg') no-repeat top center; }
#header .contact_c { width: 110px; height: 337px; float: left; background: url('_img/header_banner_3.jpg') no-repeat top center; }
#header .contact_d { width: 110px; height: 337px; float: left; background: url('_img/header_banner_4.jpg') no-repeat top center; }
#header .contact_e { width: 110px; height: 337px; float: left; background: url('_img/header_banner_5.jpg') no-repeat top center; }
#header .contact_f { width: 111px; height: 337px; float: left; background: url('_img/header_banner_6.jpg') no-repeat top center; }
#header .contact_g { width: 45px; height: 337px; float: left; background: url('_img/header_banner_8.jpg') no-repeat top center; }
#header .info_a { width: 110px; height: 337px; float: left; background: url('_img/header_banner_1.jpg') no-repeat top center; }
#header .info_b { width: 110px; height: 337px; float: left; background: url('_img/header_banner_2.jpg') no-repeat top center; }
#header .info_c { width: 110px; height: 337px; float: left; background: url('_img/header_banner_3.jpg') no-repeat top center; }
#header .info_d { width: 110px; height: 337px; float: left; background: url('_img/header_banner_4.jpg') no-repeat top center; }
#header .info_e { width: 110px; height: 337px; float: left; background: url('_img/header_banner_5.jpg') no-repeat top center; }
#header .info_f { width: 111px; height: 337px; float: left; background: url('_img/header_banner_6.jpg') no-repeat top center; }
#header .info_g { width: 45px; height: 337px; float: left; background: url('_img/header_banner_8.jpg') no-repeat top center; }
#header .g1a { width: 110px; height: 175px; float: left; background: url('_img/header_banner_sp_portret_1.jpg') no-repeat top center; }
#header .g1b { width: 110px; height: 175px; float: left; background: url('_img/header_banner_sp_portret_2.jpg') no-repeat top center; }
#header .g1c { width: 110px; height: 175px; float: left; background: url('_img/header_banner_sp_portret_3.jpg') no-repeat top center; }
#header .g1d { width: 110px; height: 175px; float: left; background: url('_img/header_banner_sp_portret_4.jpg') no-repeat top center; }
#header .g1e { width: 110px; height: 175px; float: left; background: url('_img/header_banner_sp_portret_5.jpg') no-repeat top center; }
#header .g1f { width: 111px; height: 175px; float: left; background: url('_img/header_banner_sp_portret_6.jpg') no-repeat top center; }
#header .g1g { width: 45px; height: 175px; float: left; background: url('_img/header_banner_sp_portret_8.jpg') no-repeat top center; }
#header .g2a { width: 110px; height: 175px; float: left; background: url('_img/header_banner_sp_slubne_1.jpg') no-repeat top center; }
#header .g2b { width: 110px; height: 175px; float: left; background: url('_img/header_banner_sp_slubne_2.jpg') no-repeat top center; }
#header .g2c { width: 110px; height: 175px; float: left; background: url('_img/header_banner_sp_slubne_3.jpg') no-repeat top center; }
#header .g2d { width: 110px; height: 175px; float: left; background: url('_img/header_banner_sp_slubne_4.jpg') no-repeat top center; }
#header .g2e { width: 110px; height: 175px; float: left; background: url('_img/header_banner_sp_slubne_5.jpg') no-repeat top center; }
#header .g2f { width: 111px; height: 175px; float: left; background: url('_img/header_banner_sp_slubne_6.jpg') no-repeat top center; }
#header .g2g { width: 45px; height: 175px; float: left; background: url('_img/header_banner_sp_slubne_8.jpg') no-repeat top center; }
#header .g3a { width: 110px; height: 175px; float: left; background: url('_img/header_banner_sp_akt_1.jpg') no-repeat top center; }
#header .g3b { width: 110px; height: 175px; float: left; background: url('_img/header_banner_sp_akt_2.jpg') no-repeat top center; }
#header .g3c { width: 110px; height: 175px; float: left; background: url('_img/header_banner_sp_akt_3.jpg') no-repeat top center; }
#header .g3d { width: 110px; height: 175px; float: left; background: url('_img/header_banner_sp_akt_4.jpg') no-repeat top center; }
#header .g3e { width: 110px; height: 175px; float: left; background: url('_img/header_banner_sp_akt_5.jpg') no-repeat top center; }
#header .g3f { width: 111px; height: 175px; float: left; background: url('_img/header_banner_sp_akt_6.jpg') no-repeat top center; }
#header .g3g { width: 45px; height: 175px; float: left; background: url('_img/header_banner_sp_akt_8.jpg') no-repeat top center; }
#header .g4a { width: 110px; height: 175px; float: left; background: url('_img/header_banner_sp_reklama_1.jpg') no-repeat top center; }
#header .g4b { width: 110px; height: 175px; float: left; background: url('_img/header_banner_sp_reklama_2.jpg') no-repeat top center; }
#header .g4c { width: 110px; height: 175px; float: left; background: url('_img/header_banner_sp_reklama_3.jpg') no-repeat top center; }
#header .g4d { width: 110px; height: 175px; float: left; background: url('_img/header_banner_sp_reklama_4.jpg') no-repeat top center; }
#header .g4e { width: 110px; height: 175px; float: left; background: url('_img/header_banner_sp_reklama_5.jpg') no-repeat top center; }
#header .g4f { width: 111px; height: 175px; float: left; background: url('_img/header_banner_sp_reklama_6.jpg') no-repeat top center; }
#header .g4g { width: 45px; height: 175px; float: left; background: url('_img/header_banner_sp_reklama_8.jpg') no-repeat top center; }
#header .g5a { width: 110px; height: 175px; float: left; background: url('_img/header_banner_sp_krajobraz_1.jpg') no-repeat top center; }
#header .g5b { width: 110px; height: 175px; float: left; background: url('_img/header_banner_sp_krajobraz_2.jpg') no-repeat top center; }
#header .g5c { width: 110px; height: 175px; float: left; background: url('_img/header_banner_sp_krajobraz_3.jpg') no-repeat top center; }
#header .g5d { width: 110px; height: 175px; float: left; background: url('_img/header_banner_sp_krajobraz_4.jpg') no-repeat top center; }
#header .g5e { width: 110px; height: 175px; float: left; background: url('_img/header_banner_sp_krajobraz_5.jpg') no-repeat top center; }
#header .g5f { width: 111px; height: 175px; float: left; background: url('_img/header_banner_sp_krajobraz_6.jpg') no-repeat top center; }
#header .g5g { width: 45px; height: 175px; float: left; background: url('_img/header_banner_sp_krajobraz_8.jpg') no-repeat top center; }
#header .g6a { width: 110px; height: 175px; float: left; background: url('_img/header_banner_sp_wnetrza_1.jpg') no-repeat top center; }
#header .g6b { width: 110px; height: 175px; float: left; background: url('_img/header_banner_sp_wnetrza_2.jpg') no-repeat top center; }
#header .g6c { width: 110px; height: 175px; float: left; background: url('_img/header_banner_sp_wnetrza_3.jpg') no-repeat top center; }
#header .g6d { width: 110px; height: 175px; float: left; background: url('_img/header_banner_sp_wnetrza_4.jpg') no-repeat top center; }
#header .g6e { width: 110px; height: 175px; float: left; background: url('_img/header_banner_sp_wnetrza_5.jpg') no-repeat top center; }
#header .g6f { width: 111px; height: 175px; float: left; background: url('_img/header_banner_sp_wnetrza_6.jpg') no-repeat top center; }
#header .g6g { width: 45px; height: 175px; float: left; background: url('_img/header_banner_sp_wnetrza_8.jpg') no-repeat top center; }
#header .g7a { width: 110px; height: 175px; float: left; background: url('_img/header_banner_sp_spotkania_1.jpg') no-repeat top center; }
#header .g7b { width: 110px; height: 175px; float: left; background: url('_img/header_banner_sp_spotkania_2.jpg') no-repeat top center; }
#header .g7c { width: 110px; height: 175px; float: left; background: url('_img/header_banner_sp_spotkania_3.jpg') no-repeat top center; }
#header .g7d { width: 110px; height: 175px; float: left; background: url('_img/header_banner_sp_spotkania_4.jpg') no-repeat top center; }
#header .g7e { width: 110px; height: 175px; float: left; background: url('_img/header_banner_sp_spotkania_5.jpg') no-repeat top center; }
#header .g7f { width: 111px; height: 175px; float: left; background: url('_img/header_banner_sp_spotkania_6.jpg') no-repeat top center; }
#header .g7g { width: 45px; height: 175px; float: left; background: url('_img/header_banner_sp_spotkania_8.jpg') no-repeat top center; }
#header .g8a { width: 110px; height: 175px; float: left; background: url('_img/header_banner_sp_przedmioty_1.jpg') no-repeat top center; }
#header .g8b { width: 110px; height: 175px; float: left; background: url('_img/header_banner_sp_przedmioty_2.jpg') no-repeat top center; }
#header .g8c { width: 110px; height: 175px; float: left; background: url('_img/header_banner_sp_przedmioty_3.jpg') no-repeat top center; }
#header .g8d { width: 110px; height: 175px; float: left; background: url('_img/header_banner_sp_przedmioty_4.jpg') no-repeat top center; }
#header .g8e { width: 110px; height: 175px; float: left; background: url('_img/header_banner_sp_przedmioty_5.jpg') no-repeat top center; }
#header .g8f { width: 111px; height: 175px; float: left; background: url('_img/header_banner_sp_przedmioty_6.jpg') no-repeat top center; }
#header .g8g { width: 45px; height: 175px; float: left; background: url('_img/header_banner_sp_przedmioty_8.jpg') no-repeat top center; }
#header .temp_other { width: 661px; height: 155px; float: left; background: url('_img/header_banner_4.jpg') repeat-x top center; }
#header ul.menu { width: 211px; margin: 0px; padding: 0px; list-style: none; }
#header ul.menu li a.info { display: block; height: 27px; line-height: 27px; outline: none; background: url('_img/menu.gif') no-repeat 0px 0px; }
#header ul.menu li a.firma { display: block; height: 27px; line-height: 27px; outline: none; background: url('_img/menu.gif') no-repeat 0px -27px; }
#header ul.menu li a.kontakt_dojazd { display: block; height: 27px; line-height: 27px; outline: none; background: url('_img/menu.gif') no-repeat 0px -54px; }
#header ul.menu li a.przedmioty { display: block; height: 27px; line-height: 27px; outline: none; background: url('_img/menu.gif') no-repeat 0px -81px; }
#header ul.menu li a.balustrady { display: block; height: 27px; line-height: 27px; outline: none; background: url('_img/menu.gif') no-repeat 0px -108px; }
#header ul.menu li a.schody { display: block; height: 27px; line-height: 27px; outline: none; background: url('_img/menu.gif') no-repeat 0px -135px; }
#header ul.menu li a.zadaszenia { display: block; height: 27px; line-height: 27px; outline: none; background: url('_img/menu.gif') no-repeat 0px -162px; }
#header ul.menu li a.nietyp_konstrukcje { display: block; height: 27px; line-height: 27px; outline: none; background: url('_img/menu.gif') no-repeat 0px -189px; }
#header ul.menu li a.hale_wiaty { display: block; height: 27px; line-height: 27px; outline: none; background: url('_img/menu.gif') no-repeat 0px -216px; }
#header ul.menu li a.bramy_ogrodzenia { display: block; height: 27px; line-height: 27px; outline: none; background: url('_img/menu.gif') no-repeat 0px -243px; }
#header ul.menu li a.schody_opuszczane { display: block; height: 27px; line-height: 27px; outline: none; background: url('_img/menu.gif') no-repeat 0px -270px; }
#header ul.menu li span { display: none; height: 0px; line-height: 0px; clear: both; font-size: 0px; line-height: 0px; }
#header ul.menu li a.info:hover { display: block; height: 27px; line-height: 27px; background-position: -211px -0px; }
#header ul.menu li a.firma:hover { display: block; height: 27px; line-height: 27px; background-position: -211px -27px; }
#header ul.menu li a.kontakt_dojazd:hover { display: block; height: 27px; line-height: 27px; background-position: -211px -54px; }
#header ul.menu li a.przedmioty:hover { display: block; height: 27px; line-height: 27px; background-position: -211px -81px; }
#header ul.menu li a.balustrady:hover { display: block; height: 27px; line-height: 27px; background-position: -211px -108px; }
#header ul.menu li a.schody:hover { display: block; height: 27px; line-height: 27px; background-position: -211px -135px; }
#header ul.menu li a.zadaszenia:hover { display: block; height: 27px; line-height: 27px; background-position: -211px -162px; }
#header ul.menu li a.nietyp_konstrukcje:hover { display: block; height: 27px; line-height: 27px; background-position: -211px -189px; }
#header ul.menu li a.hale_wiaty:hover { display: block; height: 27px; line-height: 27px; background-position: -211px -216px; }
#header ul.menu li a.bramy_ogrodzenia:hover { display: block; height: 27px; line-height: 27px; background-position: -211px -243px; }
#header ul.menu li a.schody_opuszczane:hover { display: block; height: 27px; line-height: 27px; background-position: -211px -270px; }
#header ul.menu li a.info_active { background-position: -422px 0px; }
#header ul.menu li a.ofirmie_active { background-position: -422px -27px; }
#header ul.menu li a.kontakt_dojazd_active { background-position: -422px -54px; }
#header ul.menu li a.przedmioty_active { background-position: -422px -81px; }
#header ul.menu li a.balustrady_active { background-position: -422px -108px; }
#header ul.menu li a.schody_active { background-position: -422px -135px; }
#header ul.menu li a.zadaszenia_active { background-position: -422px -162px; }
#header ul.menu li a.nietyp_konstrukcje_active { background-position: -422px -189px; }
#header ul.menu li a.hale_wiaty_active { background-position: -422px -216px; }
#header ul.menu li a.bramy_ogrodzenia_active { background-position: -422px -243px; }
#header ul.menu li a.schody_opuszczane_active { background-position: -422px -270px; }
#footer .top { padding: 22px 0px 0px 0px; color: #000000; line-height: 27px; border-bottom: 1px solid #000000;}
#footer .bottom { padding: 0px 0px 0px 0px; color: #000000; line-height: 28px; }
#footer .ftpstudio { float: right; padding: 0px 8px 0px 0px; color: #FFFFFF; font-size: 7pt; line-height: 18px; }
#showcase { width: 917px; }
#showcase div.box { width: 206px; height: 120px; float: left; }
#showcase div.image { width: 92px; height: 120px; float: left; }
#showcase div.link { width: 114px; height: 120px; float: left; text-align: left; }
#showcase div.right { margin: 0px 0px 0px 17px; }
#showcase div.top { margin: 34px 0px 0px 0px; }
#showcase div.topright { margin: 34px 0px 0px 17px; }
#showcase div.box div.link a { display: block; height: 120px; color: #14961E; font-weight: bold; text-decoration: none; outline: none; background: url('_img/gallery.gif') 0px 0px no-repeat; }
#showcase div.box div.link span.gallery_1 { display: block; padding: 42px 0px 0px 18px; line-height: 18px; }
#showcase div.box div.link span.gallery_2 { display: block; padding: 42px 8px 0px 18px; line-height: 18px; }
#showcase div.box div.link span.gallery_3 { display: block; padding: 42px 0px 0px 18px; line-height: 18px; }
#showcase div.box div.link span.gallery_4 { display: block; padding: 42px 0px 0px 18px; line-height: 18px; }
#showcase div.box div.link span.gallery_5 { display: block; padding: 42px 0px 0px 18px; line-height: 18px; }
#showcase div.box div.link span.gallery_6 { display: block; padding: 42px 12px 0px 18px; line-height: 18px; }
#showcase div.box div.link span.gallery_7 { display: block; padding: 42px 0px 0px 18px; line-height: 18px; }
#showcase div.box div.link span.gallery_8 { display: block; padding: 42px 12px 0px 18px; line-height: 18px; }
#showcase div.box div.link a:hover { display: block; height: 120px; color: #14961E; font-weight: bold; text-decoration: none; background-position: -114px 0px; }
#gallery { width: 917px; }
#gallery div.title { width: 872px; float: left; text-align: left; line-height: 28px; background-color: #DBDCDE; }
#gallery div.title .name { width: 680px; float: left; padding-left: 22px; color: #14961E; font-weight: bold; }
#gallery div.title .pagis { width: 170px; float: left; }
#gallery div.box { width: 132px; height: 132px; float: left; }
#gallery img { border: 1px solid #909090; display: block; }
#gallery div.right { margin: 0px 10px 0px 0px; }
#gallery div.top { margin: 10px 0px 0px 0px; }
#gallery div.topright { margin: 10px 10px 0px 0px; }
#contact { width: 917px;}
#contact div.title { text-align: left; line-height: 28px; background-color: #DBDCDE; }
#contact div.title span { padding-left: 22px; color: #14961E; font-weight: bold; }
#contact .leftbox { width: 120px; padding: 2px 0px 2px 0px; float: left; text-align: left; }
#contact .rightboxinput { width: 200px; padding: 2px 0px 2px 0px; float: left; text-align: left; }
#contact input.text { width: 198px; border: 2px solid #909090; }
#contact textarea.textarea { width: 198px; border: 2px solid #909090; }
span#pieczatka { width: 231px; height: 194px; display: block; z-index: 20; background: url('_img/pieczatka.png') 0 0 no-repeat; top: 80px; left: -95px; position: absolute; }
table tr td ul { margin: 0; padding-left: 10px; list-style: none; }
table tr td ul li { padding-left: 15px; background: url('_img/square.jpg') 0 4px no-repeat; }