/* Zmiana wszystkich domyślnych styli przeglądarek */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; outline: 0; font-size: 100%; vertical-align: baseline; } img { border: 0; } ol, ul { list-style: none; } blockquote, q { quotes: "";} blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-spacing: 0; } /* style podstawowe */ .centruj { width: 960px; margin: 0 auto; } .left { float: left; } .right { float: right; } .clear { font-size: 0; line-height: 0; clear: both; height: 0; } .hide { display: none; } /*@font-face { font-family: 'Hotvetica'; src: url('../h-wf.eot'); src: url('../h-wf.eot?#iefix') format('embedded-opentype'), url('../h-wf.ttf') format('truetype'), url('../h-wf.svg#FoglihtenPCSPetitecaps') format('svg'); font-weight: normal; font-style: normal; }*/ @font-face { font-family: 'Gnuolane'; src: url('../g-wf.eot'); src: url('../g-wf.eot?#iefix') format('embedded-opentype'), url('../g-wf.ttf') format('truetype'), url('../g-wf.svg#FoglihtenPCSPetitecaps') format('svg'); font-weight: normal; font-style: normal; } .fontface, .fontface .button, .fontface input, .fontface.button, .whiteBox .headline { font-family: 'Gnuolane', /*'Hotvetica',*/ "Helvetica Neue", Arial, sans-serif; letter-spacing: 0; font-weight: normal; text-shadow: 0 0 1px rgba(0,0,0,0.01); } /* style główne projektu */ body { line-height: 1; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 11px; color: #1f1f1f; background: #e6e6e6 url(../gfx/bg_light.jpg) top center no-repeat; } a { text-decoration: none; cursor: pointer; color: #e35309; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } a:hover { color: #f22c05; } .color { color: #e35309; } input, select, textarea { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 11px; } /* przyciski */ .button, a.button { background: #e85909 url(../gfx/big_gradient.gif) bottom repeat-x; padding: 3px 12px; line-height: 16px; font-weight: bolder; color: #fff; cursor: pointer; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; display: inline-block; border: none !important; } .button:hover, a.button:hover { background-position: top; text-decoration: none; color: #fff; } .button img { padding-left: 5px; margin-top: 1px; } input.button { border: 0; } /* ikony */ .icon, .icon.unactive:hover { display: inline-block; width: 16px; height: 16px; vertical-align: middle; background-image: url(../gfx/icons.png); border:none;} .iconWhite { display: inline-block; width: 16px; height: 16px; vertical-align: middle; background-image: url(../gfx/icons_white.png); border:none; } .iconColor, .icon:hover, a:hover .icon { display: inline-block; width: 16px; height: 16px; vertical-align: middle; background-image: url(../gfx/icons_color.png); border:none; } .iconCombo { display: inline-block; width: 16px; height: 16px; vertical-align: middle; background-image: url(../gfx/icons_combo.png); border:none;} .icon.unactive { opacity:0.25; -moz-opacity:0.25; filter:alpha(opacity=25); } .addTime { background-position: 0 0; } .logOut { background-position: -16px 0; } .home { background-position: -32px 0; } .work, .bag { background-position: -48px 0; } .pig, .finanse { background-position: -64px 0; } .admin, .meeting, .user, .iconTypS { background-position: -80px 0; } .users { background-position: -96px 0; } .config { background-position: -112px 0; } .add, .plus { background-position: -128px 0; } .ok, .check, .status { background-position: -144px 0; } .look, .search, .view { background-position: 0 -16px; } .edit, .pen { background-position: -16px -16px; } .trash, .del { background-position: -32px -16px; } .no, .cross, .status_hover { background-position: -48px -16px; } .undo { background-position: -64px -16px; } .phone, .iconTypT { background-position: -80px -16px; } .important, .iconTypW { background-position: -96px -16px; } .calendar, .iconTypZ { background-position: -112px -16px; } .list, .lista, .paste { background-position: -128px -16px; } .new, .star { background-position: -144px -16px; } .open { background-position: 0 -32px; } .lock, .close { background-position: -16px -32px; } .arrowTop, .arrowUp { background-position: -32px -32px; } .arrowRight { background-position: -48px -32px; } .arrowBottom, .arrowDown { background-position: -64px -32px; } .arrowLeft { background-position: -80px -32px; } .foot { background-position: -96px -32px; } .waitForComment { background-position: -112px -32px; } .noWaitForComment { background-position: -128px -32px; } .cancel { background-position: -144px -32px; } .arrowRight2 { background-position: 0 -48px; } .arrowLeft2 { background-position: -16px -48px; } .print { background-position: -32px -48px; } .upAndDown { background-position: -48px -48px; } .doubleAdd { background-position: -64px -48px; } .download { background-position: -80px -48px; } .info { background-position: -96px -48px; } .copyLang { background-position: -112px -48px; } .img { background-position: -128px -48px; } .lang, .flag { background-position: -144px -48px; } .advert, .megafon { background-position: 0px -64px; } .stats { background-position: -16px -64px; } .eye { background-position: -32px -64px; } .blank, .document, .fv { background-position: -48px -64px; } .cup { background-position: -64px -64px; } .allegro { background-position: -80px -64px; } .copy { background-position: -96px -64px; } .archive { background-position: -112px -64px; } .basket { background-position: -128px -64px; } .mail { background-position: -128px -64px; } .iconSmall { display: inline-block; width: 12px; height: 12px; vertical-align: middle; background-image: url(../gfx/icons_small.png); } .iconWhiteSmall { display: inline-block; width: 12px; height: 12px; vertical-align: middle; background-image: url(../gfx/icons_small_white.png); } .iconColorSmall, .iconSmall:hover, a:hover .iconSmall { display: inline-block; width: 12px; height: 12px; vertical-align: middle; background-image: url(../gfx/icons_small_color.png); } .iconComboSnall { display: inline-block; width: 12px; height: 12px; vertical-align: middle; background-image: url(../gfx/icons_small_combo.png); } .smallAdd { background-position: 0 0; } .smallCancel {background-position: -12px 0; } .smallSave {background-position: -24px 0; } .smallEdit {background-position: -36px 0; } .smallBack {background-position: -48px 0; } .smallPrint {background-position: -60px 0; } .smallTrash, .smallDel {background-position: -72px 0; } .smallChange {background-position: -84px 0; } .smallYes, .smallOk {background-position: -96px 0; } .smallNo {background-position: -108px 0; } .smallSettings {background-position: 0 -12px; } /* ramki */ .whiteBox { background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border-width: 1px; border-style: solid; border-color: #ebebeb #e2e2e2 #c9c9c9; } .whiteBox .headline { padding: 15px 15px 10px; border-bottom: 1px solid #e5e5e5; font-size: 18px; } .whiteBox p { font-size: 11px; line-height: 21px; color: #1F1F1F; padding: 3px 0; } .whiteBox a { border-bottom: 1px solid #fff; } .whiteBox a:hover { border-bottom: 1px solid #f22c05; } .whiteBox input, .whiteBox select, .whiteBox textarea { background: #e5e5e5; border-width: 1px; border-style: solid; border-color: #bfbfbf #d9d9d9 #fff; margin-bottom: 5px; padding: 3px; color: #1f1f1f; font-size: 11px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .whiteBox input:hover, .whiteBox select:hover, .whiteBox textarea:hover { background: #d9d9d9; border-style: solid; border-width: 1px; border-color: #a6a6a6 #ccc #fff; } .whiteBox input:focus, .whiteBox select:focus, .whiteBox textarea:focus { background: #ccc; border-style: solid; border-width: 1px; border-color: #8c8c8c #a6a6a6 #fff; } .darkBox { background: #1f1f1f; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #fff; position: relative; z-index: 2;} .darkBox .headline { padding: 15px 15px 10px; border-bottom: 1px solid #363636; font-size: 18px; color: #fff; } .darkBox p { color: #fff; } .darkBox p.desc { padding: 10px 15px; font-size:11px; line-height: 18px; border-bottom: 1px solid #363636; color: #bfbfbf;} .darkBox input, .darkBox select, .darkBox textarea { background: #151515; border-width: 1px; border-style: solid; border-color: #111111 #111111 #2a2a2a; margin-bottom: 5px; padding: 3px; color: #fff; font-size: 11px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .darkBox input:hover, .darkBox select:hover, .darkBox textarea:hover { background: #111111; border-style: solid; border-width: 1px; border-color: #0e0e0e #0e0e0e #2e2e2e; } .darkBox input:focus, .darkBox select:focus, .darkBox textarea:focus { background: #0c0c0c; border-style: solid; border-width: 1px; border-color: #080808 #080808 #333; } /* tagi */ .darkBox .filtr { padding: 7px 10px 13px; text-align: center; } .darkBox .filtr a { margin: 5px 5px 0 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; padding: 1px 5px; color: #fff; font-size: 9px; line-height: 18px; white-space: nowrap; font-weight: bolder; background: #0f0f0f; white-space: nowrap; display: inline-block; } .darkBox .filtr a:hover { text-decoration: none; background: #000; } .darkBox .filtr a.active { background: url(../gfx/small_gradient_light.gif) top center repeat-x; } /* strzalki nawigacyjne sliderow */ .slides .navi a { position: absolute; z-index: 3; display: block; min-width: 16px; line-height: 16px; height: 16px; background: transparent 0px 0px no-repeat; border: 0; color: #333; } .slides .navi a.next { right: 0; background: url(../gfx/next_lite.png) top right no-repeat; padding-right: 20px; } .slides .navi a.prev { left: 0; background: url(../gfx/prev_lite.png) top left no-repeat; padding-left: 20px; } .slides .navi a:hover { color: #db3f06; } .slides .navi a.next:hover { background-position: bottom right; } .slides .navi a.prev:hover { background-position: bottom left; } .slides .navi a.unactive { opacity: 0.5; cursor: default; } .slides .navi a.unactive:hover { color: #333; } .slides .navi a.next.unactive:hover { background-position: top right; } .slides .navi a.prev.unactive:hover { background-position: top left; } /* różne */ .p10_15 { padding: 10px 15px; } /* top */ #top { position: relative; z-index: 10;} /* logo */ #top .logo img { padding: 15px 20px; display: block; } /* linki dla klientów */ #top .linki { padding: 24px 20px; } #top .linki a { display: inline-block; margin: 0 5px 0 10px; } #top .linki a span { margin: -3px 3px;} /* menu */ #top .menu { padding: 0 5px; background: #1f1f1f; display: block; height: 31px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position: relative; } #top .menu ul li { float: left; } #top .menu ul li a { padding: 5px 10px 9px; margin: 5px 5px 0; font-size: 12px; display: block; color: #e5e5e5; background: #171717; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; transition: all 0s ease-in-out; } #top .menu ul li a:hover { background: #000; color: #fff; } #top .menu ul li.rodzic:hover a, #top .menu ul li.single a:hover { background: #fff; color: #1f1f1f; position: relative; z-index: 4; } #top .menu ul li:hover ul.p2 { display: block; z-index: 3; } #top .menu ul li ul.p2 { display: none; position: absolute; background: #fff; margin-left: 4px; padding-left: 1px; padding-bottom: 10px; -webkit-border-radius: 4px; -webkit-border-top-left-radius: 0; -moz-border-radius: 4px; -moz-border-radius-topleft: 0; border-radius: 4px; border-top-left-radius: 0; border: 1px solid; border-color: #fff #E2E2E2 #C9C9C9; border-top: 2px solid #1f1f1f; margin-top: -2px; } #top .menu ul li ul.p2 li { float: none; } #top .menu ul li ul.p2 li a { background: none; padding: 10px 15px 5px 0; margin: 0 10px; border-bottom: 1px solid #e5e5e5; min-width: 100px; } #top .menu ul li ul.p2 li a:hover { color: #000; border-bottom-color: #ccc; } #top .menu ul li ul.p2 li.rodzic { float: left; } #top .menu ul li ul.p2 li.rodzic a { font-weight: bolder; } #top .menu ul li ul.p2 li.rodzic a img { float: left; margin: -8px 5px 0 -5px; } #top .menu ul li ul.p2 li.rodzic a strong { display: block; font-size: 15px; width: 142px; font-family: 'Gnuolane', /*'Hotvetica',*/ "Helvetica Neue", Arial, sans-serif; letter-spacing: 0; font-weight: normal; } #top .menu ul li ul.p2 li.rodzic a i { font-style:normal; font-size: 10px; color: #808080; } #top .menu ul li ul.p2 li ul.p3 { margin-bottom: 5px; } #top .menu ul li ul.p2 li ul.p3 li { float: none; } #top .menu ul li ul.p2 li ul.p3 li a { padding: 5px 10px 5px 27px; border: none; color: #808080; font-weight: lighter; z-index: 3; } #top .menu ul li ul.p2 li ul.p3 li a:hover { color: #1f1f1f; } #top .menu ul li.active a { background: #fff; color: #e35309; } #top .menu ul li.active.single:first-child a { background: #171717 !important; color: #e5e5e5; } #top .menu ul li.active a:hover, #top .menu ul li.active:hover a { color: #e35309; } #top .menu ul li.active ul.p2 { display: block; left: 0; margin-left: 0; background: none; border: none; } #top .menu ul li.active ul.p2 li { float: left; margin-top: 2px; } #top .menu ul li.active ul.p2 li a { border: none; min-width: 0; font-weight: lighter; font-size: 12px; color: #404040; padding: 9px 0 9px 10px; margin-right: 0; } #top .menu ul li.active ul.p2 li.active a { color: #e35309; } #top .menu ul li.active ul.p2 li.rodzic a { margin: 0 15px; } #top .menu ul li.active ul.p2 li.rodzic a img { float: left; margin: -5px 5px 0 -20px; width: 14px; } #top .menu ul li.active ul.p2 li.rodzic a strong { display: inline; font-size: 12px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: bolder; } #top .menu ul li.active ul.p2 li.rodzic a strong:after { content: " -" } #top .menu ul li.active ul.p2 li.rodzic a i { font-size: 12px; color: #404040; } #top .menu ul li.active ul.p2 li.rodzic.active a i { font-size: 12px; color: #e35309; } #top .menu ul li.active ul.p2 .p3 li a { font-size: 12px; padding: 5px 4px; color: gray; margin: 0 5px; } #top .menu ul li.active ul.p2 .p3 li a:hover { color: #1f1f1f; } #top .menu ul li.active ul.p2 .p3 li.active a { color: #e35309; } #top .menu ul li.active ul.p2 li:hover ul.p3 { display: block; z-index: 4; } #top .menu ul li.active ul.p2 li ul.p3 { display: none; background-color: #fff; margin: 0 5px 0 16px; padding-bottom: 5px; border: 1px solid; border-color: #fff #E2E2E2 #C9C9C9; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } #top .menu ul.right li a, #top .menu ul li.single a { width: auto; height: auto; padding: 5px 10px 4px; margin: 5px; display: block; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #top .menu ul.right li a img { height: 15px; margin: -2px -6px; } #top .menu ul.right li a.unactive img {opacity: .25; filter: alpha(opacity=25); -ms-filter: "alpha(opacity=25)"; -khtml-opacity: .25; -moz-opacity: .25; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #top .menu ul.right li a.unactive:hover img {opacity: 1; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -khtml-opacity: 1; -moz-opacity: 1; } #top .subMenu { display: none; height: 35px; background: #fff; margin-top: -6px; border: 1px solid; border-color: #F8F8F8 #E2E2E2 #C9C9C9; -webkit-border-radius: 4px; -webkit-border-top-left-radius: 0; -moz-border-radius: 4px; -moz-border-radius-topleft: 0; border-radius: 4px; border-top-left-radius: 0; } #top .menu ul.right .toolTip { width: 100px; text-align: center; left: -81px !important; padding: 3px 5px; bottom: -33px !important; background-position: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} /* topy */ #topik { position: absolute; width: 100%; min-width: 960px; text-align: center; overflow: hidden; z-index: 1; margin-top: -122px; height: 500px; background: center center no-repeat; } #topik .bigTitle { color: #1f1f1f; font-size: 45px; display: block; float: left; margin: 155px 0 0 100px; position: absolute; } #topik .title { color: gray; font-size: 19px; display: block; float: left; margin: 195px 0 0 100px; position: absolute; } #topik .desc { font-size: 11px; color: #404040; line-height: 21px; display: block; float: right; margin: 155px 0 0 455px; width: 420px; position: absolute; } /* treści */ #content { z-index: 2; position: relative; margin-top: 110px; } #mainContainer { margin: 20px 20px 0 0; width: 692px; float: left; } #mainContainer .whiteBox:first-child { min-height: 175px; } #mainContainer .pagination { display: block; padding: 15px; text-align: center; border-top: 1px solid #e5e5e5;} #mainContainer .subPages { border-bottom: 1px solid #E5E5E5; padding: 0 3px; background: #fafafa; font-size: 18px; height: 43px; margin: 0; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } #mainContainer .subPages li { float: left; } #mainContainer .subPages li a { display: inline-block; padding: 15px 15px 10px; border-bottom-color: #e5e5e5; } #mainContainer .subPages li a:hover { border-bottom-color: #f22c05; } #mainContainer .subPages li.active a { color: #1f1f1f; background: white; border: 1px solid #E5E5E5; border-bottom-color: #fff !important; padding: 11px 14px 10px; margin-top: 3px; border-bottom-color: white; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } #mainContainer .subPages.tags, #mainContainer .subPages.data { font-size: 11px; height: 21px; } #mainContainer .subPages.tags a, #mainContainer .subPages.data span { padding: 5px 10px; color: #808080; display: inline-block; } #mainContainer .subPages.tags a:hover { border-bottom-color: #bfbfbf; color: #404040; } #mainContainer .subPages.tags img, #mainContainer .subPages.data img { margin: 3px 0 0 13px; } /* realizacje */ #galerie { padding: 0 5px; } #galerie .item { float: left; width: 226px; line-height: 14px; margin-bottom: 15px; } #galerie .item a.zdjecie { display: block; border: 1px solid; background: #e5e5e5; border-color: #bfbfbf #d9d9d9 #e0e0e0; margin: 5px 10px 0; padding: 7px; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; } #galerie .item a.zdjecie:hover { background: #d9d9d9; border-color: #bfbfbf #ccc #d9d9d9; } #galerie .item a.zdjecie img { width: 190px; height: 120px; background: #fff; border: 1px solid; border-color: #e0e0e0 #d9d9d9 #bfbfbf; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #galerie .item a.zdjecie strong { color: #1f1f1f; display: block; padding: 6px 3px 0px; font-weight: lighter; } #galerie .item .tagi { background: #f5f5f5; margin: 0 10px 0; color: #808080; display: block; font-size: 10px; padding: 5px 5px; border: 1px solid; border-color: #fff #E2E2E2 #f0f0f0; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; line-height: 10px; } #galerie .item .tagi a { color: #808080; border-bottom-color: #f7f7f7; display: inline-block; margin: 0 5px; } #galerie .item .tagi a:hover { color: #404040; border-bottom-color: #808080; } /* widok konkretnej realizacji */ #zdjeciaRealizacji { width: 100%; text-align: center; position: relative; height: 600px; padding-top: 120px; margin: -120px 0 -130px; position: relative; z-index: 2; } #zdjeciaRealizacji.slides .navi { width: 960px; margin: 0 auto; position: relative; } #zdjeciaRealizacji.slides .navi a.next { top: 565px; right: 15px; font-size: 18px; } #zdjeciaRealizacji.slides .navi a.prev { top: 565px; left: 15px; font-size: 18px; } #zdjeciaRealizacji .zdjecia { overflow: hidden; width: 100%; height: 600px; position: relative; text-align: center; } #zdjeciaRealizacji .zdjecia .centruj { position: relative; } #zdjeciaRealizacji .zdjecia .centruj img { position: absolute; margin-left: 1200px; left: -120px; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity: 0; } /* aktualności */ #aktualnosci .item { padding: 15px; border-bottom: 1px solid #E5E5E5; } #aktualnosci .item:last-child { border-bottom: 0px; } #aktualnosci .item a.zdjecie { display: block; border: 1px solid; float: left; margin-right: 10px; background: #e5e5e5; border-color: #bfbfbf #d9d9d9 #e0e0e0; padding: 7px; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; } #aktualnosci .item a.zdjecie:hover { background: #d9d9d9; border-color: #bfbfbf #ccc #d9d9d9; } #aktualnosci .item h2 { display: block; line-height: 16px; margin-top: 5px; } #aktualnosci .item h2 a { color: #1f1f1f; font-size: 12px; border: 0; } #aktualnosci .item h2 a:hover { color: #f22c05;} #aktualnosci .item h2 .data { color: #808080; font-size: 10px; font-weight: lighter; display: block; } #aktualnosci .item p { line-height: 18px; min-height: 70px; } /* więcej aktualności */ #newsBox li a { display: block; padding: 10px 15px; border-bottom: 1px solid #e5e5e5; color: #404040; } #newsBox li a .data { color: #808080; } #newsBox li:last-child a { border-bottom: 0; } #newsBox li a:hover { background: #fafafa; } /* panel boczny */ #subContainer { margin: 0; width: 248px; float: left;} #subContainer .whiteBox, #subContainer .darkBox { margin-top: 20px; } /* boksy specjalne */ /* produkty */ #produktyBiznesowe { overflow: hidden; } #produktyBiznesowe .boxiki { padding: 15px 15px 0 12px; border-bottom: 1px solid #e5e5e5; } #produktyBiznesowe .boxiki a { border-bottom: none; } #produktyBiznesowe .arrow { width: 11px; height: 6px; display: block; background: url(../gfx/produkty_arrow.gif) center no-repeat; position: relative; top: -6px; left: 42px; } #produktyBiznesowe .opisy { position: relative; height: 56px; padding-bottom: 5px; } #produktyBiznesowe .opisy p { display: block; width: 210px; float: left; padding: 5px 15px 5px; position: absolute; font-size: 10px; color: #5c5c5c; line-height: 14px; background: #fff; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0; } #produktyBiznesowe .opisy p strong { font-size: 12px; display: block; color: #1f1f1f; margin-bottom: 4px; } /* lista usług*/ #listaUslug { padding: 5px 15px 4px; } #listaUslug li a { height: 38px; display: block; color: #1f1f1f; border-bottom: none; } #listaUslug li a:hover { color: #e35309; } #listaUslug li a img { float: left; margin-right: 15px; } #listaUslug li a span.tytul { font-size: 13px; padding-top: 5px; padding-bottom: 2px; display: block; } #listaUslug li a span.opis { font-size: 10px; color: #5c5c5c; } /* Dema produktow */ #subContainer .whiteBox .buttonsList { margin: 5px 0; } #subContainer .whiteBox .buttonsList li { height: 45px; line-height: 14px; } #subContainer .whiteBox .buttonsList li a { display: block; border: none; } #subContainer .whiteBox .buttonsList li a span { float: left; height: 32px; padding: 6px 9px; width: 32px; } #subContainer .whiteBox .buttonsList li a strong { color: #1F1F1F; display: block; font-size: 12px; padding-top: 9px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #subContainer .whiteBox .buttonsList li a small { color: #5C5C5C; font-size: 10px; } #subContainer .whiteBox .buttonsList li a:hover strong { color: #E35309; } /* stopka */ #footer { margin-top: 20px; } #footer a { color: #808080; } #footer a:hover { color: #fff; } /* kontakt */ #footer .contact { width: 360px; color: #bfbfbf; } #footer .contact .left { width: 150px; line-height: 21px; padding: 10px 15px; } #footer .contact .icon { display: inline-block; width: 16px; height: 16px; margin-right: 10px; float: left; } #footer .contact .icon.home { background: url(../gfx/icon_mini_home.png) top center no-repeat; height: 50px; } #footer .contact .icon.mail { background: url(../gfx/icon_mini_mail.png) top center no-repeat; } #footer .contact .icon.phone { background: url(../gfx/icon_mini_phone.png) top center no-repeat; } #footer .contact .icon.fax { background: url(../gfx/icon_mini_fax.png) top center no-repeat; } /* mapka */ #footer .mapka { width: 270px } #footer .mapka img { padding: 10px 15px; } /* socials */ #footer .lacznosc { width: 330px; color: #bfbfbf; } #footer .lacznosc .left { width: 200px; line-height: 21px; padding: 10px 15px; } #footer .lacznosc form { line-height: 18px; } #footer .lacznosc form div { margin-bottom: 5px; } #footer .lacznosc form input { width: 160px; } #footer .lacznosc form a.button { position: relative; bottom: -2px; } #footer .lacznosc form a.button img { margin:-1px -7px; padding: 0; } #footer .lacznosc .right { width: 85px; line-height: 21px; padding: 10px 0 10px 15px; } #footer .lacznosc .right a { display: block; } #footer .lacznosc .right a img { margin-right: 5px; vertical-align: middle; } /* copyrights */ #footer .copyrights { border-top: 1px solid #363636; } /* frazy */ #frazy { padding: 10px 15px; font-size: 10px; line-height: 14px; text-align: center; color: #808080; } #frazy a { color: #404040; } #frazy a:hover { color: #000; } /* chmura tagow */ .chmuraTagow { margin: 15px 15px 0; } .tag { font-family: 'Gnuolane',Arial,sans-serif; margin-right: 15px; margin-bottom: 15px;} .tag0 { font-size: 11px; } .tag1 { font-size: 40px; } .tag2 { font-size: 35px; } .tag3 { font-size: 30px; } .tag4 { font-size: 25px; } .tag5 { font-size: 22px; } .tag6 { font-size: 19px; } .tag7 { font-size: 17px; } .tag8 { font-size: 15px; } .tag9 { font-size: 13px; } .tag10 { font-size: 12px; } /* lista tagow pod aktualnosciami, etc */ .tagi {} .tagi a {} /* Formularz kontaktowy */ label.short { display: block; float: left; width: 60px; padding-top: 4px; color: #ccc; } label.long { display: block; float: left; width: 60px; padding-top: 4px; color: #ccc; } .darkBox input, .darkBox textarea { width: 150px; } .darkBox select { width: 158px; } #submitButton { position: relative; margin-top: -8px; z-index: 1; line-height: 16px; font-size: 11px; } #submitButton a { display: block; text-align: center; font-weight: bold; padding: 17px 15px 10px; background: #e85909 url('../gfx/big_gradient.gif') bottom repeat-x; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #fff; } #submitButton a:hover { text-decoration: none; background-position: top; } #submitButton a span { margin: -2px 6px; } /* tooltip */ .toolActivate, .userText .toolActivate { position:relative; display: inline-block; width: 16px; height: 16px; margin-right: 5px; border: 0; } .toolActivate:hover, .userText .toolActivate:hover { border: 0; } .toolActivate strong, .userText .toolActivate strong { float: left; } .toolTip, .userText .toolTip { position: absolute; text-align: left; background: url(../gfx/tooltip.png) bottom center no-repeat; width: 220px; padding: 10px 10px 19px; color: #fff; bottom: 25px; line-height: 18px; font-size: 11px; display: none; z-index: 11; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; opacity: .0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: .0; -moz-opacity: .0; } /* loader */ .QOverlay { background: #E6E6E6 url(../gfx/bg_light.jpg) top center no-repeat; z-index: 9; overflow: hidden; width: 100%; height: 100%; } #nawigacja { display: none; width: 161px; height: 120px; position: absolute; z-index: 100000; margin: 0 0 0 -80px; left: 50%; top: 50%; background: url(../gfx/loader_logo.png) left center no-repeat; } #nawigacja img { position: absolute; z-index: 2; top: 0; left: 0;} #nawigacja div.QLoader { background: url(../gfx/loader_logo2.png) left center no-repeat; display: block; height: 60px; top: 0 !important; left: 0; width: 0%; } /* Hotcheck */ .close { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 10px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5); position: absolute; top: 0; right: 30px; background-color: #592E7C; } .close:hover { background-color: #240937; } .close img { padding: 6px 6px 4px 5px; } #overlay { top: 0; left: 0; position: absolute; width: 100%; height: 100%; background: #000; opacity: 0.75; filter: Alpha(opacity=75); z-index: 100; } #ho-iframe { position: fixed; z-index: 300; top: 0; } #loaderContainer { position: absolute; width: 230px; height: 100px; background-color: #fff; text-align: center; border: 1px solid #000; margin: 0 auto; top: 0; z-index: 200; } #loader { width: 200px; margin: 35px auto; text-align: center; } /* hm24 box */ #hm24box { position: fixed; top: 50%; left: 0%; margin-top: -160px; margin-left: -735px; z-index: 101; width: 790px; height: 320px; } #hm24box .btn { position: absolute; width: 45px; height: 45px; display: block; margin: 58px 0 0 733px; z-index: 102; cursor: pointer; } #hm24box .btn.show { display: none; } #hm24overflow { position: fixed; display: none; top: 0; left: 0; width:100%; height: 100%; z-index: 100; background: #000; opacity: 0.88; } #hm24box.hidden .btn.show { display: block; } #hm24box.hidden .btn.hide { display: none; }