body, table, tr, th, td, p, form, fieldset, legend, div, ul, ol, li, h1, h2, h3 {margin: 0; padding: 0; border: 0;} body {height: 100%; padding-top: 10px; text-align: center; font-family: Tahoma, Verdana, Helvetica, sans-serif; font-size: 11px; line-height: 140%; background: #111111 url('../img/bgr/body.jpg') no-repeat} a, a:visited {color: #000; text-decoration: none;} a img {border: 0;} .left {float: left;} .right {float: right;} .clear {clear: both;} .textLeft {text-align: left;} .textCenter {text-align: center;} .textRight {text-align: right;} #all {width:988px; height: 100%; margin: auto; padding-bottom: 30px; padding-left: 10px; text-align: left;} a.arrow {display: block; float: left; width: 21px; height: 21px; cursor: pointer; background: url('../img/buttons/arrow.png') no-repeat;} a:hover.arrow {background: url('../img/buttons/arrow_hover.png') no-repeat;} a#logo {display: block; float: left; cursor: pointer;} #mainpage {width: 971px; height: 572px; float: left; margin: 15px 0px 0px 0px; background: url('../img/bgr/mainpage/mainContent.jpg') no-repeat;} #subpage {width:988px; height: 100%; margin: auto; padding: 25px 0px 0px 0px; text-align: left; position: relative; } #subpageMarginLeft {float: left; margin-left: -7px;} #realizacjeDuze {width: 950px; float: left; margin: 15px 0px 0px 10px; position: relative; z-index: 1;} .nawigacja2 {width: 300px; float: right; margin: 0px 0px 14px 0px; text-align: right;} .nawigacja2 p.bull {width: 14px; height: 15px; float: right; margin-left: 6px; background: url('../img/bullets/arrow.png') no-repeat;} .nawigacja2 p.current {background: url('../img/bullets/arrow_current.png') no-repeat;} .nawigacja2 {width: 300px; float: right; margin: 0px 0px 14px 0px; text-align: right;} .nawigacja2 a {display: block;} a.bull {width: 14px; height: 15px; float: left; margin-left: 6px; background: url('../img/bullets/arrow.png') no-repeat;} a.cur {background: url('../img/bullets/arrow_current.png') no-repeat;} .nawigacja2 a.current {background: url('../img/bullets/arrow_current.png') no-repeat;} #realizacjeDuze .nawigacja {float: left;} #realizacjeDuze .nawigacja p {float: left;} #realizacjeDuze .prevRealizacja {width: 14px; height: 15px; background: url('../img/buttons/arrow_left.png') no-repeat;} #realizacjeDuze .nextRealizacja {width: 14px; height: 15px; background: url('../img/buttons/arrow_right.png') no-repeat;} #realizacjeDuze .dataTytul {margin: 0px 10px 0px 10px;} #realizacjeDuze .dataTytul a, #realizacjeDuze .dataTytul a:visited {color: #acaede} #realizacjeDuze a.realizacjaImg {display: block; width: 950px; height: 306px; float: left; cursor: pointer; margin-top:15px;} #realizacjeDuze .realizacjaContent {width: 307px; float: left; margin: 30px 0px 0px 25px;} #realizacjeDuze .realizacjaContent h2 {font-size: 14px;} #maleRealizacje {position: relative; width: 972px; float: left;} #maleRealizacje a.header {display: block; width: 198px; height: 26px; float: left; margin: 20px 0px -5px 13px; cursor: pointer; font-size: 25px; color: #a8b2c5; font-weight: bold;} #maleRealizacje #wszystkieRealizacje {display: block; width: 215px; float: right; margin: 25px 13px 0px 0px; font-weight: bold; background: url('../img/buttons/arrow_right.png') center right no-repeat; color: #a8b2c5; cursor: pointer;} #ofertaNews {width: 971px; height: 303px; float: left; background: url('../img/bgr/mainpage/oferta_news.gif') no-repeat;} .mainpageBox {float: left; color: #707070;} .mainpageBox h1.title {font-size: 25px; color: #4d509d; line-height: 150%; padding-bottom: 10px; margin-top: -3px;} .mainpageBox h1.title a, .mainpageBox h1.title a:visited {color: #4d509d;} .mainpageBox a.readMore {display: block; float: right; margin-top: 25px; padding-right: 15px; cursor: pointer; text-decoration: underline; color:#4e50a1; background: url(../img/bullets/readMore.gif) 100% 60% no-repeat;} #naszaOferta {width: 266px; padding: 22px 25px 0px 20px;} #naszaOferta ul {width: 266px; float: left; margin-top: 10px; list-style: none;} #naszaOferta ul li {display: block; width: 247px; padding-left: 20px; margin-bottom: 12px; float: left; background: url(../img/bullets/readMore_big.gif) 0% 60% no-repeat; color: #707070} #naszaOferta ul li a, #naszaOferta ul li a:visited {color: #707070} #oNas {width: 290px; padding: 22px 25px 0px 25px; } #rzetelnaFirma {float: left; margin: 15px 0px 0px 0px;} #rzetelnaFirma div.left {margin-right: 45px;} #ofertaNews #news {width: 255px; padding: 22px 45px 0px 20px; font-size: 11px;} #ofertaNews #news .aktualnosc {float: left; margin-bottom: 5px;} #ofertaNews #news .date {padding: 0px 0px -1px 0px; color:#7e94b4; font-size: 10px;} #ofertaNews #news .date a, #ofertaNews #news .date a:visited {color:#7e94b4;} #ofertaNews #news h2 a, #ofertaNews #news h2 a:visited {font-size: 11px; line-height: 150%; color: #8f4d95} #ofertaNews #news .preface a, #ofertaNews #news .preface a:visited {color: #707070;} #ofertaNews #news .readMore {margin-top: 10px;} #nadStopka {width: 972px; height: 10px; float: left; margin-left: 4px; background: url('../img/bgr/nadStopka.gif') no-repeat; } #subpageFooter {width: 972px; float: left; margin-left: 4px;} #footer {width: 988px; height: 172px; float: left; margin-left: -8px; margin-top: 0; background: url('../img/bgr/stopka.jpg') no-repeat;} #footerLeft {width: 522px; float: left; padding: 20px 0px 0px 0px;} #footerLeft h1 {margin-left: 40px; color: #8d8fcb; font-size: 24px;} #footerLeft h1 span {color: #95389e} #footerLeft h1#bottomLine {margin-left: 140px; margin-top: 10px;} #stopka {float: left; margin: 40px 0px 0px 21px; color: #697f9f;} #stopka a, #stopka a:visited {color: #697f9f; padding: 0px 12px 0px 12px;} #footerRight {width: 466px; float: left;} #footerRight p#zadzwon {width: 416px; margin: 18px 0px 0px 20px; float: left; color: #94399d; font-size: 24px;} #footerRight p#telefon {width: 416px; margin: 5px 0px 0px 50px; float: left; color: #8d8fcb; font-size: 34px;} #footerRight a, #footerRight a:visited {display: block; float: left; margin: 36px 0px 0px 50px; color: #ba8cbc; cursor: pointer;} #infoOLogach {width: 530px; float: left; color: #2e569e; text-align: left;} #maker {width: 188px; float: right; margin-right: 10px; color: #707070; text-align: right;} #maker span {text-decoration: underline; color: #684a7f;} #facebook {width: 955px; height: 25px; padding-top: 11px; padding-left: 16px; margin-left: 8px; background: url('../img/bgr/facebook.png') no-repeat; color: #3b5998;} #facebook p {float: left; margin: 3px 5px 0px 0px; color: #3b5998} #facebook a, #facebook a:visited {color: #3b5998} /*#facebook a {display: block; float: left; margin: 10px 0px 0px 16px; cursor: pointer; color: #876a86;}*/ #facebook img {float: left; margin: -2px 4px 0px 0px;} #haslo {width: 971px; height: 116px; margin-left: 8px; background: url('../img/bgr/haslo.jpg') no-repeat;} #haslo h1 {color: #50034e; line-height: 150%; font-size: 28px; padding: 10px 0px 0px 22px; position: absolute; z-index: 9;} #haslo h1 span {display: block; float: left; margin: 0px 0px 0px 40px;} #sidebar {width: 237px; float: left; margin-left: 8px; background: url('../img/bgr/sidebar/sidebarBorder.gif') repeat-y;} #sidebarBgr {width: 237px; min-height: 180px; float: left; background: url('../img/bgr/sidebar/sidebar.gif') no-repeat;} #sidebar #leweMenu {width: 236px; float: left; list-style: none; margin-top: 1px;} #sidebar #leweMenu li, #sidebar #leweMenu a, #sidebar #leweMenu a:visited {color: #707070; font-weight: bold;} #sidebar #leweMenu li {display: block; float: left; width: 236px; border-bottom: 1px solid #e6e6e6;} #sidebar #leweMenu a, #sidebar #leweMenu a:visited {display:block; width: 216px; float: left; padding: 11px 0px 11px 20px;} #sidebar #leweMenu li.current {background: #ededed; color: #9e2598;} #sidebar #leweMenu li.current a {width: 209px; padding-left: 27px; background: url('../img/bullets/d_arrow_purple.gif') 7% 51% no-repeat; color: #9e2598; border: solid #fff; border-width: 1px 0px 1px 0px;} #sidebar #leweMenu li a:hover {text-decoration:underline} #sidebar #newsletter {width: 192px; height: 198px; float: left; margin: 17px 0px 26px -8px; padding: 25px 0px 0px 30px; background: url('../img/newsletterBox/box.png') no-repeat; color: #7490bd;} #sidebar #newsletter h2 {color: #fff; font-size: 24px; line-height: 150%;} #sidebar #newsletter p {width: 192px; float: left; clear: both; margin: 5px 0px 15px 0px;} #sidebar #newsletter form {clear: both;} #sidebar #newsletter form input.textInput {width: 166px; height: 32px; padding: 0px 4px 0px 4px; margin-bottom: 15px; font-size: 11px; color: #7490bd; border: 0; background: url('../img/newsletterBox/input.gif') no-repeat;} #contactData {width: 230px; float: left; margin: 18px 0px 0px 22px; color: #707070 } #contactData div {width: 230px; float: left; margin-bottom: 20px;} #contactData p {width: 230px; float: left; margin-bottom: 10px;} #contactData .header {font-size: 12px; font-weight: bold;} #contactData .title {color: #830080; font-weight: bold;} #contactData a, #contactData a:visited {color: #830080;} #nasiKlienci {width: 236px; float: left; color: #707070;} #nasiKlienci h2, #nasiKlienci p {padding-left: 15px;} #nasiKlienci h2 {color: #4a4d9f; font-size: 24px;} #mainframe {width: 734px; float: right; margin-right: 9px; background: #fff;} #mainframePadding {width: 711px; float: left; padding-left: 23px;} #mazy {position: absolute; top:61px; right: 9px; z-index: 5;} #mainframe #path {width: 734px; height: 115px; float: left; background: url('../img/bgr/sciezka.jpg') no-repeat;} #mainPath {width: 709px; float: left; margin: 55px 0px 0px 25px; position: absolute; z-index: 9;} #mainPath, #mainPath a, #mainPath a:visited {color: #600561; font-weight: normal;} #mainPath img {float: left; margin: 5px 7px 0px 7px;} a#pathCurrent {text-decoration: underline;} #mainPath a, #mainPath a:visited {display:block; float: left; cursor: pointer;} #zamowStrone {width: 717px; height: 56px; float: left; margin: -5px 0px 0px 0px; background: url('../img/bgr/zamowStrone.png') no-repeat;} #zamowStrone a, #zamowStrone a:visited {float: left; margin: 23px 0px 0px 155px; color:#fff; font-size: 20px;} #zamowStrone a img {margin: -2px 0px 0px 15px; float: right;} #textpage {width: 684px; float: left; margin: 20px 0px 0px 0px;} #textpage h1.title {line-height: 150%; color: #2c307c; font-size: 28px;} #textpage #preface {float: left; margin: 10px 0px 20px 0px; font-weight: bold; color: #6a0a6f; text-align: justify;} #textpage #preface a, #textpage #preface a:visited {color:#7e94b4;} #textpage .textContent {float: left; margin: 0px 0px 25px 0px; color: #707070; text-align: justify;} #textpage .textContent ol, #textpage .textContent ul {padding: 10px 0px 10px 10px;} #textpage .textContent ol li, #textpage .textContent ul li {margin: 5px 0px 5px 20px;} #print {width: 686px; float: left; padding: 15px 3px 15px 0px; text-align: right; border-top: 1px solid #e4e4e4; color: #871d86;} #print span {display: block; float: right; cursor: pointer;} #print img {float: right; margin: 3px 5px 0px 0px; cursor: pointer;} #listaRealizacji .realizacjeRow {width: 690px; float: left; margin-bottom: 24px;} #listaRealizacji .realizacja {width: 214px; float: left; margin-right: 24px;} #listaRealizacji .realizacja a.img {display: block; float: left; width: 213; padding-bottom: 1px; margin-bottom: 7px; border-bottom: 2px solid #730a79; cursor: pointer;} #listaRealizacji .realizacja a.img img {vertical-align: top;} #listaRealizacji .realizacja h2 {line-height: 150%; padding: 0px 0px 2px 0px;} #listaRealizacji .realizacja h2, #listaRealizacji .realizacja h2 a, #listaRealizacji .realizacja h2 a:visited {color: #730a79; font-size: 12px;} #listaRealizacji .realizacja .preface {display: block; float: left; width: 213px; color: #707070; text-align: justify; cursor: pointer;} #listaRealizacji .realizacja .readMore {display: block; float: left; width: 213px; margin-top: 10px; color: #730a79; text-align: right; cursor: pointer; } #listaRealizacji .realizacja .readMore img {margin-right: 4px;} #listaRealizacji .realizacja .readMore span {text-decoration: underline;} #detaleGaleria {width: 690px; float: left; margin: 25px 0px 0px 0px;} #detaleRealizacji {width: 284px; float: left; margin: 0px 20px 0px 0px;} .detalRealizacji {width: 284px; float: left; border-bottom: 1px solid #dedbde; padding-bottom: 10px; margin-bottom: 10px; color: #750b7b;} .detalRealizacji span.label { display: block; float: left; width: 86px; margin-right: 14px; color: #707070; text-align: right;} #galeriaMala {width: 376px; height: 295px; float: left; margin: 0px 0px 20px 0px; background: url('../img/bgr/galeria.gif') no-repeat; position: relative;} #galeriaMala div.img {width: 376px; height: 261px; float: left; } #galeriaMala div.img a, #galeriaMala div.img img {display: block; float: left; position: absolute; top: 0;} #galeriaMala p img {vertical-align: top;} #galleryNav {float: right; margin: 6px 8px 0px 0px;} #galleryNav p {width: 22px; height: 19px; float: left; padding: 3px 0px 0px 0px; margin-left: 5px; background: url('../img/galeria/nonactive.gif') no-repeat; color: #871d86; text-align: center; cursor: pointer;} #galleryNav p.current {background: url('../img/galeria/current.gif') no-repeat; color: #fff;} #pagination {width: 690px; float: left; padding: 11px 0px 11px 0px; border-top: 1px solid #e4e4e4; text-align: center;} #pagination #links {float: left;} #pagination a, #pagination p {display: block; width: 22px; height: 19px; padding-top: 3px; float: left; margin: 0px 6px 0px 6px; background: url('../img/paginacja/active.gif') no-repeat; color: #871d86;} #pagination p {background: url('../img/paginacja/current.gif') no-repeat; color: #fff;} #Kontakt {float: left; margin-bottom: 30px; width: 690px;} #Kontakt .blad {width: 230px; float: left; margin: 0; color: #830080; font-weight: bold;} #Kontakt label {display: block; width: 230px; color: #707070;} #Kontakt .formBox {width: 285px; float: left;} #Kontakt .wiersz {float: left; margin-bottom: 5px;} #Kontakt .textInput {width: 278px; padding: 0px 4px 0px 4px; height: 29px; font-size: 11px; color: #707070; border: 0; background: url('../img/formularz/input.gif') no-repeat;} #Kontakt textarea {width: 376px; padding: 4px; height: 168px; font-family: Tahoma, Verdana, Helvetica, sans-serif; font-size: 11px; color: #707070; border: 0; background: url('../img/formularz/textarea.gif') no-repeat;} .gwiazdka {display: none;} #Kontakt .polaWymagane, #Kontakt .informacjaPomocnicza {display: none;} #Kontakt #wiersz_submit {width: 676px; float: right; margin: 5px 20px 0px 0px; text-align: right;} #Kontakt #wiersz_submit input {float: right;} #Subskrypcja {margin: 20px 0px 20px 0px;} #Subskrypcja .wiersz {margin-bottom: 10px;} #Subskrypcja label {width: 75px; display: block; float: left; margin-top: 5px; margin-right: 10px; text-align: right; color: #707070;} #Subskrypcja .textInput {width: 278px; padding: 0px 4px 0px 4px; height: 29px; font-size: 11px; color: #707070; border: 0; background: url('../img/formularz/input.gif') no-repeat;} #Subskrypcja .blad {margin-left: 85px; color: #830080; font-weight: bold;} #Subskrypcja #wiersz_userAgreement .gwiazdka {display: none;} #Subskrypcja #wiersz_userAgreement input { margin-left: 85px; float: left;} #Subskrypcja #wiersz_userAgreement label {float: left; width: 580px; text-align: justify; margin: 0;} #Subskrypcja #wiersz_userAgreement label.label {display: none;} #Subskrypcja #wiersz_submit input {margin: 15px 0px 0px 170px;} #Subskrypcja .polaWymagane, #Subskrypcja .informacjaPomocnicza {display: none;} #newsListing {width: 684px; float: left; margin: 20px 0px 0px 0px;} #newsListing .aktualnosc {width: 684px; float: left; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #e4e4e4;} #newsListing .date {padding: 0px 0px 2px 0px; color:#7e94b4; font-size: 10px;} #newsListing h2 a, #newsListing h2 a:visited {font-size: 11px; line-height: 150%; color: #8f4d95} #newsListing .aktualnosc .preface {color: #707070;} #newsListing .aktualnosc .preface a, #newsListing .aktualnosc .preface a:visited {color:#7e94b4;} #newsListing a.readMore {display: block; float: right; margin-top: 25px; padding-right: 15px; cursor: pointer; text-decoration: underline; color:#4e50a1; background: url(../img/bullets/readMore.gif) 100% 60% no-repeat;} #newsListing .readMore {margin-top: 15px;} #textpage .galeriaNews {width: 376px; margin-left: 154px; float: left;} /*** * CUSTOMIZED STYLE */ .sf-menu {margin: 20px 0px 0px 30px} .sf-menu, .sf-menu ul, .sf-menu li, .sf-menu a, .sf-menu a:visited {background: 0; border: 0; font-size: 15px; color: #bdbee6;} .sf-menu li {margin-right: 10px; display: block; float: left;} .sf-menu li:hover, .sf-menu li:hover ul, .sf-menu a:hover {background: none} .sf-menu li p {float: left;} .sf-menu li p span {display:block; float: left; height: 36px;} .sf-menu li p span.corner {width: 5px;} .sf-menu li.aktywny p span.left {background: url('../img/bgr/mainnav/left.gif') no-repeat;} .sf-menu li.aktywny p span.right {background: url('../img/bgr/mainnav/right.gif') no-repeat;} .sf-menu li.aktywny p span.middle {background: url('../img/bgr/mainnav/middle.gif') repeat-x;} .sf-menu li:hover p span.left {background: url('../img/bgr/mainnav/left.gif') no-repeat;} .sf-menu li:hover p span.right {background: url('../img/bgr/mainnav/right.gif') no-repeat;} .sf-menu li:hover p span.middle {background: url('../img/bgr/mainnav/middle.gif') repeat-x;} .sf-menu li.aktywny, .sf-menu li.aktywny a {color: #fff} .sf-menu ul li, .sf-menu ul li:hover {background: url('../img/bgr/mainnav/subnav_element.png') center right no-repeat;} .sf-menu ul li, .sf-menu ul li a, .sf-menu ul li a:visited {color: #283c5c; font-size: 11px;} .sf-menu ul li span {height: 18px; color: #283c5c} .sf-menu ul li p.subnavElement {background: url('../img/bgr/mainnav/subnav_top_middle.png'); border-bottom: 1px solid #94a5c0;} .sf-menu ul li.topCorners {background: none; border: 0;} .sf-menu ul li.topCorners span {height: 5px;} .sf-menu ul li.topCorners span.leftCorner {width: 7px; background: url('../img/bgr/mainnav/subnav_top_left.png') no-repeat;} .sf-menu ul li.topCorners span.rightCorner {width: 7px; background: url('../img/bgr/mainnav/subnav_top_right.png') no-repeat;} .sf-menu ul li.topCorners span.middleCorner {background: url('../img/bgr/mainnav/subnav_top_middle.png') repeat-x;} .sf-menu ul li.bottomCorners {background: none; border: 0;} .sf-menu ul li.bottomCorners span {height: 11px;} .sf-menu ul li.bottomCorners span.leftCorner {width: 7px; background: url('../img/bgr/mainnav/subnav_bottom_left.png') no-repeat;} .sf-menu ul li.bottomCorners span.rightCorner {width: 7px; background: url('../img/bgr/mainnav/subnav_bottom_right.png') no-repeat;} .sf-menu ul li.bottomCorners span.middleCorner {background: url('../img/bgr/mainnav/subnav_bottom_middle.png') repeat-x;} .sf-menu ul li.ostatni p {border: 0;} #beta {width: 300px; float: right; margin: 15px 0px 0px 165px; color:#7e94b4;} #all:after, #all div:after, #all div div:after, #all ul:after, #all ol:after, #all p:after, #all h1:after, #all h2:after {content: "."; display:block; height: 0; clear:both; visibility:hidden;}