@charset "UTF-8"; body { font-family: Verdana; font-size: 12px; color: #414141 } #topMenu { width: 100% } #inner-topMenu { width: 1000px; margin: 0 auto; } #mainMenu { font: 18px Helvetica Neue; margin: 22px 0 0 0; float: left } a { text-decoration: none; color: #ff7b0d; } a:hover { text-decoration: underline; } #mainMenu ul { } #mainMenu ul li { float: left; margin-right: 20px; } #mainMenu ul li a span { display:none } #mainMenu ul li a { display: block; background:url(../images/mainMenu.png); height: 40px;} #mainMenu ul li.strona-glowna a { width: 90px; height: 40px; } #mainMenu ul li.o-firmie a { background-position: -95px 0px; width: 48px; } #mainMenu ul li.uslugi a { background-position: -148px 0px; width: 38px; } #mainMenu ul li.realizacje a { background-position: -190px 0px; width: 61px; } #mainMenu ul li.press-room a { background-position: -255px 0px; width: 71px; } #mainMenu ul li.praca a { background-position: -331px 0px; width: 35px; } #mainMenu ul li.kontakt a { background-position: -371px 0px; width: 48px; } #mainMenu ul li.strona-glowna a:hover { background-position: 0px -80px; } #mainMenu ul li.o-firmie a:hover { background-position: -95px -80px; } #mainMenu ul li.uslugi a:hover { background-position: -148px -80px; } #mainMenu ul li.realizacje a:hover { background-position: -190px -80px; } #mainMenu ul li.press-room a:hover { background-position: -255px -80px; } #mainMenu ul li.praca a:hover { background-position: -331px -80px; } #mainMenu ul li.kontakt a:hover { background-position: -371px -80px; } #mainMenu ul li a.active { cursor: default; } #mainMenu ul li.strona-glowna a.active { background-position: 0px -40px; } #mainMenu ul li.o-firmie a.active { background-position: -95px -40px; } #mainMenu ul li.uslugi a.active { background-position: -148px -40px; } #mainMenu ul li.realizacje a.active { background-position: -190px -40px; } #mainMenu ul li.press-room a.active { background-position: -255px -40px; } #mainMenu ul li.praca a.active { background-position: -331px -40px; } #mainMenu ul li.kontakt a.active { background-position: -371px -40px; } #mainMenu ul li a:hover { } #mainMenu ul li a.active { } #mainMenu ul li ul { float: none; display: none; position: absolute; } #communitiesMenu { float: right; margin:30px 0 0 0; } #communitiesMenu span.title { float: left; margin-right: 6px; padding: 5px; color: #aaa } #communitiesMenu ul { float: left } #communitiesMenu ul li { float: left } #communitiesMenu ul li a { display: block; text-decoration: none; margin-right: 5px; } #communitiesMenu ul li a.youTube { background: url(../images/youTube_ico.gif); width: 20px; height: 20px } #communitiesMenu ul li a.youTube span { display: none } #communitiesMenu ul li a.facebook { background: url(../images/facebook_ico.gif); width: 20px; height: 20px } #communitiesMenu ul li a.facebook span { display: none } #communitiesMenu ul li a.blip { background: url(../images/blip_ico.gif); width: 20px; height: 20px } #communitiesMenu ul li a.blip span { display: none } #communitiesMenu ul li a.twitter { background: url(../images/twitter_ico.gif); width: 20px; height: 20px } #communitiesMenu ul li a.twitter span { display: none } #header { display: block; overflow: hidden; clear:both; padding: 22px 0 0 0; } .mpHeader #leftBg { display:block; height: 245px; background: #e5e5e7; width: 50%; float:left; left: 319px; position:relative; border-right: solid 2px #fff; } .mpHeader #rightBg { display:block; height: 245px; background: #888; width: 50%; float:right; position:absolute; right: 0px; } .mpHeader #backBg { height: 245px; width: 100%; background: #e5e5e7; position: absolute; left: 0 } .kontaktHeader #leftBg { display:block; height: 245px; background: #e3e3e3; width: 50%; float:left; left: 319px; position:relative; border-right: solid 2px #fff; } .kontaktHeader #rightBg { display:block; height: 245px; background: #ff7b0d; width: 50%; float:right; position:absolute; right: 0px; } .kontaktHeader #backBg { height: 245px; width: 100%; background: #e3e3e3; position: absolute; left: 0 } .kontaktHeader .cont .img { width: 1000px; margin: 0 auto; display:block; height:245px; background:url(../images/kontakt_head.jpg) no-repeat; } .spHeader #leftBg { display:block; height: 245px; background: #737376; width: 40%; float:left; position:absolute; } .spHeader #rightBg { display:block; height: 245px; background: #ff7b0d; width: 50%; float:right; left: -213px; position:relative; border-left: solid 2px #fff; } .spHeader #backBg { height: 245px; width: 100%; background: #ff7b0d; position: absolute } #subpageMenu { width: 100%; position: absolute; z-index: 100; top: 170px; } .uslugiSubmpageMenu { top: 114px !important; } .pressRoomSubmpageMenu { top: 112px !important; } .realizacjeSubmpageMenu { top: 150px !important; } #inner-subpageMenu { width: 1000px; margin: 0 auto; } #inner2-subpageMenu { width: 290px; } #subpageMenu li { float: right; clear:both; } #subpageMenu a { display: block; position: relative; font-size: 24px; color: #c6c6c6; overflow: hidden; margin: 0 2px 2px 0; right: 3px; } #subpageMenu a:hover { background: #7d7d7d; text-decoration: none; color: #fff } #subpageMenu a.active { color:#fff; background: #ff7b0d; right: 0; } #subpageMenu a span { display: none } #subpageMenu .kimJestesmy_btn { width: 151px; height: 36px; background:url(../images/kimJestesmy_btn.png) no-repeat; } #subpageMenu .kimJestesmy_btn:hover { background:url(../images/kimJestesmy_btn.png) no-repeat #7d7d7d; background-position: 0px -36px; } #subpageMenu .kimJestesmy_btn.active { background:url(../images/kimJestesmy_btn.png) no-repeat #ff7b0d; background-position: 0px -36px; } #subpageMenu .jakDzialamy_btn { width: 146px; height: 36px; background:url(../images/jakDzialamy_btn.png) no-repeat; } #subpageMenu .jakDzialamy_btn:hover { background:url(../images/jakDzialamy_btn.png) no-repeat #7d7d7d; background-position: 0px -36px; } #subpageMenu .jakDzialamy_btn.active { background:url(../images/jakDzialamy_btn.png) no-repeat #ff7b0d; background-position: 0px -36px; } #subpageMenu .technologie_btn { width: 137px; height: 36px; background:url(../images/technologie_btn.png) no-repeat; } #subpageMenu .technologie_btn:hover { background:url(../images/technologie_btn.png) no-repeat #7d7d7d; background-position: 0px -36px; } #subpageMenu .technologie_btn.active { background:url(../images/technologie_btn.png) no-repeat #ff7b0d; background-position: 0px -36px; } #subpageMenu .klienci_btn { width: 87px; height: 36px; background:url(../images/klienci_btn.png) no-repeat; } #subpageMenu .klienci_btn:hover { background:url(../images/klienci_btn.png) no-repeat #7d7d7d; background-position: 0px -36px; } #subpageMenu .klienci_btn.active { background:url(../images/klienci_btn.png) no-repeat #ff7b0d; background-position: 0px -36px; } /* uslugi */ #subpageMenu .internet_btn { width: 98px; height: 36px; background:url(../images/internet_btn.png) no-repeat; } #subpageMenu .internet_btn:hover { background:url(../images/internet_btn.png) no-repeat #7d7d7d; background-position: 0px -36px; } #subpageMenu .internet_btn.active { background:url(../images/internet_btn.png) no-repeat #ff7b0d; background-position: 0px -36px; } #subpageMenu .branding_btn { width: 110px; height: 36px; background:url(../images/branding_btn.png) no-repeat; } #subpageMenu .branding_btn:hover { background:url(../images/branding_btn.png) no-repeat #7d7d7d; background-position: 0px -36px; } #subpageMenu .branding_btn.active { background:url(../images/branding_btn.png) no-repeat #ff7b0d; background-position: 0px -36px; } #subpageMenu .multimedia_btn { width: 132px; height: 36px; background:url(../images/multimedia_btn.png) no-repeat; } #subpageMenu .multimedia_btn:hover { background:url(../images/multimedia_btn.png) no-repeat #7d7d7d; background-position: 0px -36px; } #subpageMenu .multimedia_btn.active { background:url(../images/multimedia_btn.png) no-repeat #ff7b0d; background-position: 0px -36px; } #subpageMenu .poligrafia_btn { width: 115px; height: 36px; background:url(../images/poligrafia_btn.png) no-repeat; } #subpageMenu .poligrafia_btn:hover { background:url(../images/poligrafia_btn.png) no-repeat #7d7d7d; background-position: 0px -36px; } #subpageMenu .poligrafia_btn.active { background:url(../images/poligrafia_btn.png) no-repeat #ff7b0d; background-position: 0px -36px; } #subpageMenu .gadzety_btn { width: 212px; height: 36px; background:url(../images/gadzety_btn.png) no-repeat; } #subpageMenu .gadzety_btn:hover { background:url(../images/gadzety_btn.png) no-repeat #7d7d7d; background-position: 0px -36px; } #subpageMenu .gadzety_btn.active { background:url(../images/gadzety_btn.png) no-repeat #ff7b0d; background-position: 0px -36px; } #subpageMenu .kreacja_btn { width: 95px; height: 36px; background:url(../images/kreacja_btn.png) no-repeat; } #subpageMenu .kreacja_btn:hover { background:url(../images/kreacja_btn.png) no-repeat #7d7d7d; background-position: 0px -36px; } #subpageMenu .kreacja_btn.active { background:url(../images/kreacja_btn.png) no-repeat #ff7b0d; background-position: 0px -36px; } /* pressRoom */ #subpageMenu .pressInfo_btn { width: 214px; height: 36px; background:url(../images/pressInfo_btn.png) no-repeat; } #subpageMenu .pressInfo_btn:hover { background:url(../images/pressInfo_btn.png) no-repeat #7d7d7d; background-position: 0px -36px; } #subpageMenu .pressInfo_btn.active { background:url(../images/pressInfo_btn.png) no-repeat #ff7b0d; background-position: 0px -36px; } #subpageMenu .pressAboutUs_btn { width: 157px; height: 36px; background:url(../images/pressAboutUs_btn.png) no-repeat; } #subpageMenu .pressAboutUs_btn:hover { background:url(../images/pressAboutUs_btn.png) no-repeat #7d7d7d; background-position: 0px -36px; } #subpageMenu .pressAboutUs_btn.active { background:url(../images/pressAboutUs_btn.png) no-repeat #ff7b0d; background-position: 0px -36px; } #subpageMenu .ourPublications_btn { width: 185px; height: 36px; background:url(../images/ourPublications_btn.png) no-repeat; } #subpageMenu .ourPublications_btn:hover { background:url(../images/ourPublications_btn.png) no-repeat #7d7d7d; background-position: 0px -36px; } #subpageMenu .ourPublications_btn.active { background:url(../images/ourPublications_btn.png) no-repeat #ff7b0d; background-position: 0px -36px; } #subpageMenu .pressDownload_btn { width: 233px; height: 36px; background:url(../images/pressDownload_btn.png) no-repeat; } #subpageMenu .pressDownload_btn:hover { background:url(../images/pressDownload_btn.png) no-repeat #7d7d7d; background-position: 0px -36px; } #subpageMenu .pressDownload_btn.active { background:url(../images/pressDownload_btn.png) no-repeat #ff7b0d; background-position: 0px -36px; } #subpageMenu .pressContact_btn { width: 191px; height: 36px; background:url(../images/pressContact_btn.png) no-repeat; } #subpageMenu .pressContact_btn:hover { background:url(../images/pressContact_btn.png) no-repeat #7d7d7d; background-position: 0px -36px; } #subpageMenu .pressContact_btn.active { background:url(../images/pressContact_btn.png) no-repeat #ff7b0d; background-position: 0px -36px; } #subpageLead { width: 100%; position: absolute; top: 84px; color: #fff; font-size: 48px; font-family: Tahoma } #inner-subpageLead { width: 1000px; margin: 0 auto; } #inner2-subpageLead { width: 430px; height: 245px; position: relative; left: 290px; overflow:hidden } #inner2-subpageLead li { height: 245px; line-height: 0; margin: 0; padding: 0; vertical-align: top; } #inner2-subpageLead li span { display: none } #inner2-subpageLead ul { position: relative; overflow: hidden; line-height: 0; } #subpageLead li#oFirmieLead1 { background:url(../images/kimJestesmyLead.png) no-repeat; } #subpageLead li#oFirmieLead2 { background:url(../images/jakDzialamyLead.png) no-repeat; } #subpageLead li#oFirmieLead3 { background:url(../images/oFirmieLead3.png) no-repeat; } #subpageLead li#oFirmieLead4 { background:url(../images/oFirmieLead4.png) no-repeat; } #subpageLead li#uslugiLead1 { background:url(../images/internetLead.png) no-repeat; } #subpageLead li#uslugiLead2 { background:url(../images/poligrafiaLead.png) no-repeat; } #subpageLead li#uslugiLead3 { background:url(../images/multimediaLead.png) no-repeat; } #subpageLead li#uslugiLead4 { } #subpageLead li#uslugiLead5 { background:url(../images/brandingLead.png) no-repeat; } #subpageLead li#uslugiLead6 { background:url(../images/gadzetyLead.png) no-repeat; } #subpageLead li#realizacjeLead1 { background:url(../images/realizacjeInternetLead.png) no-repeat; } #subpageLead li#realizacjeLead2 { background:url(../images/realizacjePoligrafiaLead.png) no-repeat; } #subpageLead li#realizacjeLead3 { } #subpageLead li#realizacjeLead4 { background:url(../images/realizacjeBrandingLead.png) no-repeat; } #subpageLead li#realizacjeLead5 { background:url(../images/oFirmieLead3.png) no-repeat; } #subpageLead li#realizacjeLead6 { background:url(../images/oFirmieLead4.png) no-repeat; } #subpageLead li#pressRoomLead1 { background:url(../images/oFirmieLead1.png) no-repeat; } #subpageLead li#pressRoomLead2 { background:url(../images/oFirmieLead2.png) no-repeat; } #subpageLead li#pressRoomLead3 { background:url(../images/oFirmieLead3.png) no-repeat; } #subpageLead li#pressRoomLead4 { background:url(../images/oFirmieLead4.png) no-repeat; } #subpageLead li#pressRoomLead5 { background:url(../images/oFirmieLead3.png) no-repeat; } #subpage1{ display: block } #subpage2{ display: none } #subpage3{ display: none } #subpage4{ display: none } #subpage5{ display: none } #subpage6{ display: none } #header .cont { position: absolute; width: 100%; display:block; height:245px; left: 0;} .mpHeader .cont .img { width: 1000px; margin: 0 auto; display:block; height:245px; background:url(../images/zlecenieHeader.jpg) no-repeat; } #cube { width: 1000px; margin: 0 auto;} #inner-cube { background:url(../images/cube_mp.png) no-repeat right; height: 500px; position: absolute; width: 1000px; top: 50px; } #inner-cube-realizacje { background:url(../images/cube_realizacje.png) no-repeat right; height: 500px; position: absolute; width: 1000px; top: 50px; } #inner-cube-kontakt { background:url(../images/cube_kontakt.png) no-repeat right; height: 500px; position: absolute; width: 1000px; top: 50px; } #inner-cube-uslugi { background:url(../images/cube_uslugi.png) no-repeat right; height: 500px; position: absolute; width: 1000px; top: 50px; } #inner-cube-o-firmie { background:url(../images/cube_o-firmie.png) no-repeat right; height: 500px; position: absolute; width: 1000px; top: 50px; } #content { padding: 0; width: 100%; z-index: 10; position: relative; overflow: hidden; } #inner-content { padding: 30px 0 0 0; width: 1000px; margin: 0 auto; } #newsModule { display: block; float:left; width: 297px; margin: 0 0 0 0; height: 100% } #newsModule h2 span { display: none; } #newsModule h2 { background:url(../images/aktualnosci.png); display: block; width: 110px; height: 18px; margin-bottom: 20px } #newsModule a { text-decoration: none; display: block; margin: 0 0 15px 0; background: #ebebed; } #newsModule a:hover { background: #f8e9bb; } #newsModule .date { display: block; width: 275px; padding: 10px 10px 3px 10px; color: #ff7b0d; font-size: 11px; } #newsModule .title { display: block; width: 275px; padding: 3px 10px 12px 10px; color: #414141; line-height: 1.5; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; } #newsModule img { border: 1px solid #cbc9cf; } #helloModule { display: block; float:left; clear: right; width: 380px; margin: 0 0 0 35px; } #helloModule h2 span { display: none; } #helloModule h2 { background:url(../images/witamyWAgencji.png) no-repeat; display: block; width: 226; height: 21px; margin-bottom: 16px } #helloModule .moduleCont { line-height: 1.5; } #helloModule .moduleCont p { margin-bottom: 10px } #helloModule ul { padding: 10px 25px 10px 45px; list-style: square } #helloModule ul li { margin: 0 0 10px 0 } #footer { width: 100%; clear:both; border-top: solid 1px #d1d0d5; padding: 20px 0; overflow: hidden; margin: 10px 0 0 0; position: relative; z-index: 300; background: #fff } #inner-footer { width: 1000px; margin: 0 auto; } #footer .copyright { color: #8c8c8c; float: left; font-size: 11px } #footer #footerMenu { float: right; } #footer #footerMenu ul li { float: left; margin-left: 10px } #footer #footerMenu ul li a { color: #777; font-size: 9px } #footer #footerMenu ul li a:hover { color: #ff7b0d; } #content .utils { float: left; width: 180px; text-align: right; margin: 0 40px 0 100px; } #content .utils li { float: left; margin-right: 3px; } #content .utils li.printPageLi { margin-right: 12px } #content .utils li span.printPage{ padding-right: 12px; border-right: solid 1px #999999; } #content .utils ul.changeFontSize .medium { font-size: 14px; position: relative; top: -2px } #content .utils ul.changeFontSize .big { font-size: 16px; position: relative; top: -4px } #content .utils span { text-decoration: none; color: #ff7b0d; cursor: pointer; padding: 5px; } #content .utils span:hover { text-decoration: underline; } #subpageCont { line-height: 1.5; width: 400px; margin: 0 0 30px 10px; overflow: hidden; min-height: 200px } #subpageCont p { margin-bottom: 15px } #subpageCont ul { padding: 5px 25px 10px 45px; list-style: square } #subpageCont ul li { margin: 0 0 5px 0 } #subpageCont h3 { font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 20px; margin: 0 0 15px 0; overflow: hidden; font-weight: normal} #subpageCont h2 { font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 26px; margin: 0 0 15px 0; overflow: hidden; font-weight: normal; } #subpageCont h4 { font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 16px; margin: 0 0 15px 0; overflow: hidden; font-weight: normal} #portfolioCont { width: 700px; margin: 20px 0; overflow: hidden; min-height: 390px; } #portfolioCont li { float: left; } #portfolioCont li a { display: block; width: 330px; text-decoration: none; font-family: Tahoma, Helvetica, sans-serif; margin-right: 20px; margin-bottom: 30px; } #portfolioCont li a .name { font-size: 16px; display: block; font-weight: normal; margin: 10px; } #portfolioCont li a .company { color: #737376; font-size: 12px; margin: 10px; } #portfolioCont li a img { border: 1px solid #a3a3a3; } #portfolioCont li a:hover img { border: 1px solid #ff7b0d; } .subpage { overflow: hidden } #projectDetails { position: absolute; z-index: 1000; display: block } #projectDetails .bg { background-color: #393939; position: fixed; width: 100%; height: 100%; overflow: hidden; top: 0; filter: Alpha(Opacity=95); opacity: .95; -moz-opacity:0.95; } #projectDetailsDescription h2 { font-family:Arial, Helvetica, sans-serif; font-size: 30px; color: #ff7b0d; position: relative; margin: 0 0 15px 0; } #projectDetailsDescription { width: 100%; background-color: #222; overflow:hidden; position:fixed; bottom: 0px; } #inner-projectDetailsDescription { width: 1000px; margin: 0 auto; padding: 12px 0; } #projectDetails .categoryName{ font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #808080; margin-right: 6px } #projectDetails .categoryValue{ color: #ccc; font-family: Arial, Helvetica, sans-serif; font-size: 13px; letter-spacing: 1px } #projectDetails .category { margin: 8px 0;} #projectGallery { position: fixed; top: 10px; white-space: nowrap; width: 10000px} #projectGallery ul { position: absolute; } #projectGallery li { float: left; margin-right: 1px } #projectDetails .nav { position: fixed; top: 60px; right: 0; z-index: 1000; display: block; padding: 0 } #projectDetails .nav li { float: left } #projectDetails .nav li a { background: url(../images/portfolioGalleryNav.png); width: 35px; height: 35px; display: block; margin-left: 1px } #projectDetails .nav li a span { display: none } #projectDetails .nav li a.prevBtn { background-position: 0px 0px; } #projectDetails .nav li a.prevBtn:hover { background-position: 0px -40px; } #projectDetails .nav li a.nextBtn { background-position: -35px 0px; } #projectDetails .nav li a.nextBtn:hover { background-position: -35px -40px; } #projectDetails .nav li a.exitBtn { background-position: -70px 0px; margin-left: 3px } #projectDetails .nav li a.exitBtn:hover { background-position: -70px -40px; } #newsDetailsModule { display: block; float:left; margin: 0 0 0 35px; overflow: hidden } #newsDetailsModule h2 { font-size: 16px; line-height: 1.4; margin-bottom: 5px; font-family: Arial, Helvetica, sans-serif } #newsDetailsModule .date { color: #999999; margin-bottom: 10px; text-align: right } #newsDetailsModule p { line-height: 1.5; margin-bottom: 10px } #newsDetailsModule .news { display: none } #newsDetailsModule li { float: left; width: 380px; overflow: hidden }