body { background: white url(images/top_bcg.gif) 0 0 repeat-x; font-size: 12px; font-family: Arial, Helvetica, sans-serif; margin: 0; } img { border: 0; } #main { width: 987px; margin: 0 auto; } #top { height: 105px; width: 987px; background: url(images/top_line.gif) 0 bottom no-repeat; margin: 0; } #lang { float: right; clear: both; overflow: hidden; zoom: 1.0; height: auto } #lang ul { margin: 0; padding: 0; list-style: none; } #lang ul li { margin: 0 4px 0 0; float: left; height: 26px; } #lang ul .active { background: #a3ba0a; } #lang ul a { color: black; text-decoration: none; position: relative; top: 6px; padding: 0 4px; } #lang ul .active { display: block; height: 26px; width: 97px; background: url(images/v_active.gif) 0 0 no-repeat; } #lang ul .active a { color: white; text-decoration: none; width: 97px; display: block; margin: 0; padding: 0; text-align: center; } #logo { position: relative; margin: 0px 0 0 22px; display: block; float:left; height: 63px; width: 152px; /*background: url(images/logo.jpg) 0 0 no-repeat;*/ } #logo a { display: block; height: 63px; width: 152px; color: transparent; } #menu { float: left; margin: 15px 0 0 50px } #menu ul { padding: 0; margin: 0; list-style: none; font-size: 15px; } #menu ul li { margin: 0 10px; padding: 0; float: left; text-transform: uppercase; } #menu ul li a { color: black; text-decoration: none; position: relative; top: 8px; } #menu ul .sep { display: block; height: 32px; width: 2px; background: url(images/top_sep.gif) 0 0 no-repeat; } #header { displays:block; width: 860px; margin: 0 auto; } #header .left_arrow { display: block; float: left; height: 71px; width: 48px; background: url(images/arrow_left.jpg) 0 0 no-repeat; margin: 170px 12px 0 0; } #header .left_arrow a { display: block; height: 71px; width: 48px; } #header img { float: left; } #header .right_arrow { display: block; float: left; height: 71px; width: 48px; background: url(images/arrow_right.jpg) 0 0 no-repeat; margin: 170px 0 0 12px; } #header .right_arrow a { display: block; height: 71px; width: 48px; } #content { clear: both; overflow: hidden; zoom: 1.0; margin: 18px 0 60px 0; padding: 0 14px; } .column { float: left; } .right { float: right; } .clear { clear: both; overflow: hidden; zoom: 1.0; } #content .navi { clear: both; overflow: hidden; zoom: 1.0; } #content .navi h1 { margin: 0 0 8px 10px; padding: 0; font-size: 24px; font-weight: normal; float: left; } #content .navi h1 a { color: inherit; text-decoration: none; } #content .navi h3 { margin: 0 0 8px 10px; padding: 0; font-size: 24px; color: #5c5c5c; font-weight: normal; float: left; } #content .navi h3 a { color: inherit; text-decoration: none; } #content h2 { margin: 3px 0 11px 0; float: left; padding: 0; color: #5c5c5c; font-size: 18px; font-weight: normal; } #content .line { display: block; height: 1px; background: #d4d4d4; clear: both; overflow: hidden; zoom: 1.0; } #content .column p { margin: 14px 10px; } #content .green { color: #5a8700; } #content .gray { color: #5c5c5c; } #content .red { color: #e10000; } #content .dark { color: #464646; } #content .blue { color: #006ea5; } #content .black { color: black; text-decoration: none; } #content .black:hover { text-decoration: underline; } #content #map { margin: 15px 0 0 65px; } #content .quest { margin: 10px; } #content .quest span { color: #5c5c5c; margin: 0 0 0 4px; } #content .quest input { width: 152px; border: 1px solid #d4d4d4; margin: 3px 0 10px 0; } #content .quest textarea { border: 1px solid #d4d4d4; width: 152px; } #content .quest .submit { background: none; width: auto; border: none; color: #5c5c5c; font-weight:bold; font-size: 12px; float: right; } #content .wide_quest { margin: 10px 10px 60px 10px; } #content .wide_quest span { color: #5c5c5c; margin: 0 0 0 4px; } #content .wide_quest input { width: 210px; border: 1px solid #d4d4d4; margin: 3px 0 10px 0; } #content .wide_quest textarea { border: 1px solid #d4d4d4; width: 210px; } #content .wide_quest .submit { background: none; width: auto; border: none; color: #5c5c5c; font-weight:bold; font-size: 12px; float: right; } #content .list_bottom { margin: 0 0 0 20px; padding: 0; list-style: none; } #content .list_bottom li { margin: 0 0 5px 0; padding: 0; clear: both; overflow: hidden; zoom: 1.0; } #content .list_bottom li a { text-decoration: none; font-size: 17px; } #content #navi_oferta { margin: 0; padding: 0; list-style: none; } #content #navi_oferta li { margin: 6px 0 0 0; padding: 0 0 0 10px; display: block; height: 30px; width: 229px; border-bottom: 1px solid #d4d4d4; font-size: 14px; } #content .marg li { margin: 10px 0 0 0 !important; height: 26px !important; } #content #navi_oferta li strong { font-size: 18px; margin: 0; padding: 0; } #content #navi_oferta li a { text-decoration: none; font-size: 13px; font-weight: bold; } #content .color1 { color: #006ea5; } #content .color1 a { color: #006ea5; text-decoration: none; } #content .color2 { color: #003869; } #content .color2 a { color: #003869; text-decoration: none; } #content .color3 { color: #380069; } #content .color3 a { color: #380069; text-decoration: none; } #content .color4 { color: #690069; } #content .color4 a { color: #690069; text-decoration: none; } #content .color5 { color: #69003d; } #content .color5 a { color: #69003d; text-decoration: none; } #content .color6 { color: #870036; } #content .color6 a { color: #870036; text-decoration: none; } #content .color7 { color: #a52900; } #content .color7 a { color: #a52900; text-decoration: none; } #content .color8 { color: #c34e00; } #content .color8 a { color: #c34e00; text-decoration: none; } #content .color9 { color: #9b7400; } #content .color9 a { color: #9b7400; text-decoration: none; } #content .color10 { color: #9b9b00; } #content .color10 a { color: #9b9b00; text-decoration: none; } #content .color11 { color: #5A8700; } #content .color11 a { color: #5A8700; text-decoration: none; } #content .color12 { color: #2A6900; } #content .color12 a { color: #2A6900; text-decoration: none; } #content .middle { margin: 0 0 0 30px; } #content .middle p { margin: 8px 0 25px 10px; padding: 0; } #content .blue_bar { height: 43px; } #content .blue_bar_left { display: block; height: 32px; width: 9px; background: url(images/blue_left.gif) 0 0 no-repeat; float: left; } #content .blue_bar_content { display: block; height: 32px; background: #006ea5; float: left; } #content .blue_bar_content span { position: relative; top: 5px; color: white; font-size: 15px; padding: 0 5px; } #content .blue_bar_right { display: block; height: 32px; width: 9px; background: url(images/blue_right.gif) 0 0 no-repeat; float: left; } #content .blue_arrow { display: block; height: 11px; width: 21px; background: url(images/blue_bottom.gif) 0 0 no-repeat; clear: both; margin: 0 0 0 16px; } #content .web_bar { height: 43px; } #content .web_bar_left { display: block; height: 32px; width: 9px; background: url(images/web_left.gif) 0 0 no-repeat; float: left; } #content .web_bar_content { display: block; height: 32px; background: #003869; float: left; } #content .web_bar_content span { position: relative; top: 5px; color: white; font-size: 15px; padding: 0 5px; } #content .web_bar_right { display: block; height: 32px; width: 9px; background: url(images/web_right.gif) 0 0 no-repeat; float: left; } #content .web_arrow { display: block; height: 11px; width: 21px; background: url(images/web_bottom.gif) 0 0 no-repeat; clear: both; margin: 0 0 0 16px; } #content .cms_bar { height: 43px; } #content .cms_bar_left { display: block; height: 32px; width: 9px; background: url(images/cms_left.gif) 0 0 no-repeat; float: left; } #content .cms_bar_content { display: block; height: 32px; background: #380069; float: left; } #content .cms_bar_content span { position: relative; top: 5px; color: white; font-size: 15px; padding: 0 5px; } #content .cms_bar_right { display: block; height: 32px; width: 9px; background: url(images/cms_right.gif) 0 0 no-repeat; float: left; } #content .cms_arrow { display: block; height: 11px; width: 21px; background: url(images/cms_bottom.gif) 0 0 no-repeat; clear: both; margin: 0 0 0 16px; } #content .win_bar { height: 43px; } #content .win_bar_left { display: block; height: 32px; width: 9px; background: url(images/win_left.gif) 0 0 no-repeat; float: left; } #content .win_bar_content { display: block; height: 32px; background: #690069; float: left; } #content .win_bar_content span { position: relative; top: 5px; color: white; font-size: 15px; padding: 0 5px; } #content .win_bar_right { display: block; height: 32px; width: 9px; background: url(images/win_right.gif) 0 0 no-repeat; float: left; } #content .win_arrow { display: block; height: 11px; width: 21px; background: url(images/win_bottom.gif) 0 0 no-repeat; clear: both; margin: 0 0 0 16px; } #content .ap_bar { height: 43px; } #content .ap_bar_left { display: block; height: 32px; width: 9px; background: url(images/ap_left.gif) 0 0 no-repeat; float: left; } #content .ap_bar_content { display: block; height: 32px; background: #870036; float: left; } #content .ap_bar_content span { position: relative; top: 5px; color: white; font-size: 15px; padding: 0 5px; } #content .ap_bar_right { display: block; height: 32px; width: 9px; background: url(images/ap_right.gif) 0 0 no-repeat; float: left; } #content .ap_arrow { display: block; height: 11px; width: 21px; background: url(images/ap_bottom.gif) 0 0 no-repeat; clear: both; margin: 0 0 0 16px; } #content .si_bar { height: 43px; } #content .si_bar_left { display: block; height: 32px; width: 9px; background: url(images/si_left.gif) 0 0 no-repeat; float: left; } #content .si_bar_content { display: block; height: 32px; background: #a52900; float: left; } #content .si_bar_content span { position: relative; top: 5px; color: white; font-size: 15px; padding: 0 5px; } #content .si_bar_right { display: block; height: 32px; width: 9px; background: url(images/si_right.gif) 0 0 no-repeat; float: left; } #content .si_arrow { display: block; height: 11px; width: 21px; background: url(images/si_bottom.gif) 0 0 no-repeat; clear: both; margin: 0 0 0 16px; } #content .sp_bar { height: 43px; } #content .sp_bar_left { display: block; height: 32px; width: 9px; background: url(images/sp_left.gif) 0 0 no-repeat; float: left; } #content .sp_bar_content { display: block; height: 32px; background: #c34e00; float: left; } #content .sp_bar_content span { position: relative; top: 5px; color: white; font-size: 15px; padding: 0 5px; } #content .sp_bar_right { display: block; height: 32px; width: 9px; background: url(images/sp_right.gif) 0 0 no-repeat; float: left; } #content .sp_arrow { display: block; height: 11px; width: 21px; background: url(images/sp_bottom.gif) 0 0 no-repeat; clear: both; margin: 0 0 0 16px; } #content .hd_bar { height: 43px; } #content .hd_bar_left { display: block; height: 32px; width: 9px; background: url(images/hd_left.gif) 0 0 no-repeat; float: left; } #content .hd_bar_content { display: block; height: 32px; background: #9b7400; float: left; } #content .hd_bar_content span { position: relative; top: 5px; color: white; font-size: 15px; padding: 0 5px; } #content .hd_bar_right { display: block; height: 32px; width: 9px; background: url(images/hd_right.gif) 0 0 no-repeat; float: left; } #content .hd_arrow { display: block; height: 11px; width: 21px; background: url(images/hd_bottom.gif) 0 0 no-repeat; clear: both; margin: 0 0 0 16px; } #content .iw_bar { height: 43px; } #content .iw_bar_left { display: block; height: 32px; width: 9px; background: url(images/iw_left.gif) 0 0 no-repeat; float: left; } #content .iw_bar_content { display: block; height: 32px; background: #9b9b00; float: left; } #content .iw_bar_content span { position: relative; top: 5px; color: white; font-size: 15px; padding: 0 5px; } #content .iw_bar_right { display: block; height: 32px; width: 9px; background: url(images/iw_right.gif) 0 0 no-repeat; float: left; } #content .iw_arrow { display: block; height: 11px; width: 21px; background: url(images/iw_bottom.gif) 0 0 no-repeat; clear: both; margin: 0 0 0 16px; } #content .kp_bar { height: 43px; } #content .kp_bar_left { display: block; height: 32px; width: 9px; background: url(images/kp_left.gif) 0 0 no-repeat; float: left; } #content .kp_bar_content { display: block; height: 32px; background: #5A8700; float: left; } #content .kp_bar_content span { position: relative; top: 5px; color: white; font-size: 15px; padding: 0 5px; } #content .kp_bar_right { display: block; height: 32px; width: 9px; background: url(images/kp_right.gif) 0 0 no-repeat; float: left; } #content .kp_arrow { display: block; height: 11px; width: 21px; background: url(images/kp_bottom.gif) 0 0 no-repeat; clear: both; margin: 0 0 0 16px; } #content .zo_bar { height: 43px; } #content .zo_bar_left { display: block; height: 32px; width: 9px; background: url(images/zo_left.gif) 0 0 no-repeat; float: left; } #content .zo_bar_content { display: block; height: 32px; background: #69003D; float: left; } #content .zo_bar_content span { position: relative; top: 5px; color: white; font-size: 15px; padding: 0 5px; } #content .zo_bar_right { display: block; height: 32px; width: 9px; background: url(images/zo_right.gif) 0 0 no-repeat; float: left; } #content .zo_arrow { display: block; height: 11px; width: 21px; background: url(images/zo_bottom.gif) 0 0 no-repeat; clear: both; margin: 0 0 0 16px; } #content #portfolio { margin: 10px 0 0 20px; } .work { clear: both; overflow: hidden; zoom: 1.0; margin: 0 0 20px 0; } #portfolio .name { font-size: 12px; font-weight: bold; margin: 0 0 0 20px; } #portfolio .photo { border: 8px solid #eaeaea; margin: 10px 0 0 0; width: 680px; clear: both; overflow: hidden } .photo .bord { border: 1px solid white; } #portfolio .desc { float: left; width: 300px; } #portfolio .portfolio_logo { float: left; display: block; margin: 0 0 0 90px; position: relative; top: -50px; } #content .pager { clear: both; overflow: hidden; zoom: 1.0; margin: 0 0 0 30px } .pager ul { margin: 0; padding: 0; list-style: none; } .pager ul li { margin: 0 5px 0 0; padding: 0; float: left; color: #747474; padding: 2px 0 0 0; } .pager ul .act { display: block; height: 18px; width: 19px; background: #eaeaea; text-align:center; color: black; } .pager ul .act a { color: black; } .pager ul li a { color: #747474; text-decoration: none; display: block; } .pager ul li a:hover { text-decoration: underline; } #content .number { display: block; float: left; width: 250px; margin: 25px 0 0 15px; } #content .number p { margin: 0; padding: 0; } #content .more { display: block; height: 22px; width: 88px; background: url(images/more.gif) 0 0 no-repeat; margin: 8px 0 0 0; } .more a { display: block; padding: 2px 0 0 0; text-align: center; text-decoration: none; } #content .frame { display: block; clear: both; overflow: hidden; zoom: 1.0; } .frame .frame_top { display: block; height: 11px; width: 207px; background: url(images/frame_top.gif) 0 0 no-repeat; } .frame .frame_content { width: 191px; border-right: 8px solid #eaeaea; border-left: 8px solid #eaeaea; padding-bottom: 15px; } .frame .akt { padding: 6px 8px; } .frame h3 { margin: 0 0 12px 0; padding: 0; font-weight: normal; font-size: 16px; color: #5c5c5c; } .frame_content a { color: #747474; text-decoration: none; clear: both; overflow: hidden; zoom: 1.0; } .frame_content .small { font-size: 11px; margin: 0 10px !important; } .even { background: #f7f7f7; } .underline { text-decoration: underline; margin: 0; } .frame .frame_bottom { display: block; height: 11px; width: 207px; background: url(images/frame_bottom.gif) 0 0 no-repeat; } #content .cms { display: block; margin: 0 0 0 10px; height: 25px; width: 159px; background: url(images/bar_cms.gif) 0 0 no-repeat; clear: both; overflow: hidden; zoom: 1.0; color: white; } #content .cms a { color: white; text-decoration: none; display: block; padding: 4px 0 0 5px; font-size: 15px; } #content .crm { display: block; margin: 0 0 0 10px; height: 25px; width: 159px; background: url(images/bar_crm.gif) 0 0 no-repeat; clear: both; overflow: hidden; zoom: 1.0; color: white; } #content .zoho a { color: white; text-decoration: none; display: block; padding: 4px 0 0 5px; font-size: 15px; } #content .zoho { display: block; margin: 0 0 0 10px; height: 25px; width: 159px; background: url(images/bar_zoho.gif) 0 0 no-repeat; clear: both; overflow: hidden; zoom: 1.0; color: white; } #content .crm a { color: white; text-decoration: none; display: block; padding: 4px 0 0 5px; font-size: 15px; } #content .sklepy { display: block; margin: 0 0 0 10px; height: 25px; width: 159px; background: url(images/bar_sklepy.gif) 0 0 no-repeat; clear: both; overflow: hidden; zoom: 1.0; color: white; } #content .sklepy a { color: white; text-decoration: none; display: block; padding: 4px 0 0 5px; font-size: 15px; } #content .zebu { display: block; margin: 0 0 0 10px; height: 25px; width: 159px; background: url(images/bar_zebu.gif) 0 0 no-repeat; clear: both; overflow: hidden; zoom: 1.0; color: white; } #content .zebu a { color: white; text-decoration: none; display: block; padding: 4px 0 0 5px; font-size: 15px; } #footer { height: 150px; background: #eaeaea; } #foot { width: 987px; margin: 0 auto; } #foot .foot_navi { margin: 20px 0 0 30px; padding: 0; list-style: none; float: left; } #foot .admin { float: right; font-size: 11px; color: black; text-decoration: none; margin: 20px 30px 0 0; } #foot a:hover { text-decoration: underline; } #foot .foot_navi li { margin: 0 15px 0 0; padding: 0; float: left; } #foot .foot_navi li a { color: black; text-decoration: none; font-size: 11px; } #foot .foot_navi li a:hover { text-decoration: underline; } #foot #ban { display: block; width: 987px; height: 100px; clear: both; overflow: hidden; zoom: 1.0; } #foot #ban .left_ban { display: block; height: 69px; width: 22px; background: url(images/footer_l.jpg) 0 0 no-repeat; float: left; } #foot #ban .content_ban { display: block; height: 35px; width: 943px; background: #91a308; float: left; margin: 19px 0 0 0 } #foot #ban .content_ban .copyright { float: left; color: white; font-size: 11px; margin: 10px 0 0 10px; } #foot #ban .content_ban .address { float: right; color: white; font-size: 11px; margin: 10px 10px 0 0; } #foot #ban .content_ban .address a { color: white; text-decoration: none; } #foot #ban .content_ban .address a:hover { text-decoration: underline; } #foot #ban .right_ban { display: block; height: 69px; width: 22px; background: url(images/footer_r.jpg) 0 0 no-repeat; float: right; } div#projectSlice { width: 186px; overflow: hidden; float: left; margin: 0px 0 0 -10px; padding: 0; height: 100px; } #text { clear: both; overflow: hidden; zoom: 1.0; position: relative; } #text .project { float: left; width: 176px; padding: 0px 0 10px 0px; text-align: center; } #map { width: 450px; height: 380px; border: 1px solid #CACACA; } .strony-internetowe a { text-decoration: underline; color:#006ea5;} .strony-internetowe a:hover { text-decoration: underline; color:#006ea5;} .portale-internetowe a { text-decoration: underline; color:#003869;} .portale-internetowe a:hover { text-decoration: underline; color:#003869;} .zebu-cms a { text-decoration: underline; color:#380069;} .zebu-cms a:hover { text-decoration: underline; color:#380069;} .oprogramowanie-windykacyjne a { text-decoration: underline; color:#690069;} .oprogramowanie-windykacyjne a:hover { text-decoration: underline; color:#690069;} .zoho-crm a { text-decoration: underline; color:#69003D;} .zoho-crm a:hover { text-decoration: underline; color:#69003D;} .aplikacje-internetowe a { text-decoration: underline; color:#870036;} .aplikacje-internetowe a:hover { text-decoration: underline; color:#870036;} .sklepy-internetowe a { text-decoration: underline; color:#a52900;} .sklepy-internetowe a:hover { text-decoration: underline; color:#a52900;} .seo-pozycjonowanie a { text-decoration: underline; color:#c34e00;} .seo-pozycjonowanie a:hover { text-decoration: underline; color:#c34e00;} .hosting-domeny a { text-decoration: underline; color:#9b7400;} .hosting-domeny a:hover { text-decoration: underline; color:#9b7400;} .identyfikacja-wizualna a { text-decoration: underline; color:#9b9b00;} .identyfikacja-wizualna a:hover { text-decoration: underline; color:#9b9b00;} .kreacja-poligraficzna a { text-decoration: underline; color:#5A8700;} .kreacja-poligraficzna a:hover { text-decoration: underline; color:#5A8700;} .strony-bip a { text-decoration: underline; color:#2A6900;} .strony-bip a:hover { text-decoration: underline; color:#2A6900;} div.newsBox { width: 717px; float: left; } div.newsBox p { margin: 12px 0 12px 0; line-height: 16px; width: 717px; } div#newsSlice { width: 717px; overflow: hidden; float: left; margin: 5px 0 0 -5px; padding: 0; height: 263px; } #top_zima { height: 105px; width: 987px; background: url(images/zima_top_bcg.jpg) 0 0 no-repeat; margin: 0; } .oferta{ width: 100%; margin-top: 15px; margin-bottom: 30px; } .oferta .zamow{ background: #EBEBEB; border: 1px solid #D7D7D7; padding: 1px 4px; font-weight: bold; color: black; margin-top: 6px; width: 66px; } .oferta td{ padding: 3px; border-bottom: 1px solid #D3D3D3; text-align: center; vertical-align:middle; } .oferta tr.first td{ background: #C34E00; border-right: 1px solid #EEE; border-bottom: 3px solid #FFF; padding: 5px; font-weight: bold; color:white; } .oferta tr.last td{ border: none; padding: 5px; font-weight: bold; } .oferta td.first{ font-weight: normal; text-align: left; border-right: 1px solid #EEE; width: 16%; } .footer_link { margin:5px 540px 0px 20px;font-size:11px;color:gray; } .footer_link a { text-decoration: underline; color:#ABABAB;} .footer_link a:hover { text-decoration: underline; color:#ABABAB;}