/** * Default */ @import url(content.css); body {background-color: White; color: #475359; background: url(../img_ext/tlo.jpg) repeat; margin: 0; font-family: Arial, Verdana, Tahoma, 'Arial CE', Helvetica, sans-serif; font-size: 12px; line-height: 18px; font-weight: normal;} form {margin: 0;} textarea, select, input[type="text"], input[type="password"], input[type="submit"], input[type="button"], input[type="file"] {background-color: White; color: #70828c; border: 1px solid #d6d6d6; border-left: 1px solid #c4c4c4; border-top: 1px solid #a3a3a3;} input[type="text"], input[type="password"], input[type="submit"], input[type="button"], input[type="file"] {margin: 0; padding: 2px 3px; font-family: Tahoma; font-size: 11px; font-weight: normal;} input[type="text"], input[type="password"] {font-family: Verdana;} input[type="submit"], input[type="button"] {padding: 1px 15px 2px 15px; line-height: 13px; background-color: #e0dfe3; border: 1px solid #e0dfe3; border-right: 1px solid #a1a1a1; border-bottom: 1px solid #6D6D6D;} input:hover[type="submit"], input:hover[type="button"] {color: White; background-color: #636363; border: 1px solid #636363; border-right: 1px solid #282828; border-bottom: 1px solid #282828;} select {margin: 0; padding: 1px; font-family: Verdana; font-size: 11px; font-weight: normal;} textarea {margin: 0; padding: 3px; font-family: Verdana; font-size: 11px; font-weight: normal; overflow: auto;} /*input::-moz-focus-inner {border: 0; padding: 0;}*/ optgroup {font-style: normal !important;} /** * Różne */ br.przelam {clear: both; visibility: hidden; display: block; line-height: 0px; font-size: 0px;} .bold {font-weight: bold;} div.stronicowanie {text-align: center; padding: 10px 0px 0px 0px} a.akcje:link, a.akcje:active, a.akcje:visited {padding: 1px 15px 1px 15px; margin: 0px 6px 0px 6px; color: Black; text-decoration: none; background: White; font-weight: bold; border: 1px solid White; border-bottom: 1px solid #c9c9c9; border-right: 1px solid #ebebeb;} a.akcje:hover {color: White; text-decoration: none; background: #363636; border: 1px solid #363636; border-bottom: 1px solid Black; border-right: 1px solid Black;} .img_button img {background-position: top;} .img_button:hover img {background-position: bottom !important;} /** * Formularze */ form.formPolec {margin-top: 15px;} form.formKontakt {margin-top: 35px;} /** * Menu - www */ h2.menuKNG {display: block; padding: 3px 0 1px 5px; color: #2e3132; font-size: 14.5px; margin-top: 6px; letter-spacing: 0px; } ul.menuKLS {padding: 0 0 0 6px; margin: 0 0 10px 0; width: 138px; } ul.menuKLS li, ul.menuKLS li.menuKLW {list-style-type: none; padding: 0; margin: 0; border: none; background: none;} ul.menuKLS a:link, ul.menuKLS a:active, ul.menuKLS a:visited {display: block; background: url(../img_ext/topmenu-kropka.png) no-repeat left center; padding: 3px 0 3px 8px; color: #4c575e; font-size: 12px; line-height: 14px; font-family: Arial; text-decoration: none; } ul.menuKLS a:hover {color: #5391a6; } #menuL, #menuL:link, #menuL:active, #menuL:visited, #menuL:hover {color: #4c575e; } #menuKL a {font-weight: bold; } /** * Site */ #k12_zew {position: relative; width: 100%; background: #f7f9f9 url(../img_ext/tlo-gora.jpg) repeat-x bottom; border-bottom: 5px solid #f4f6f6; } #k12_wew {position: relative; width: 990px; margin: auto; border: 0px solid black; background: url(../img_ext/tlo-okno-glowne-boksy2.jpg) no-repeat right bottom; } #k3_cien {position: relative; width: 100%; height: 8px; background: white url(../img_ext/tlo-boksy-cien.png) repeat-x; } #k3_zew {position: relative; width: 100%; min-height: 159px; background: white url(../img_ext/tlo-boksy.png) repeat-x bottom; border-bottom: 5px solid white; } #k3_wew {position: relative; width: 990px; margin: auto; padding: 12px 0 5px 0; border: 0px solid red; } #k6_zew {position: relative; width: 100%; height: 178px; background: url(../img_ext/tlo-stopka.png) repeat-x; margin-bottom: 30px; } #k6_wew {position: relative; width: 990px; margin: auto; padding-top: 25px; } #k1 {position: relative; width: 189px; float: left; margin-bottom: 10px; border: 0px solid blue; } #k2 {position: relative; width: 781px; float: right; border: 0px solid red; } #k2_doc {position: relative; width: 781px; float: right; padding-bottom: 20px; border: 0px solid red; } #k6 {position: relative; margin-bottom: 50px; color: #e0e0e0; } .kontFormat {padding: 20px; border: 1px solid #ebebeb; background-color: White;} /* K1 - lewa kolumna (logo, menu, sklep) ---------------------------------------------------------------------- */ #k1_logo {width: 162px; height: 235px; padding: 20px 0 0 27px; background: url(../img_ext/logo-apla-dluga.png) no-repeat; } #k1_logo a+a {display: block; margin-top: 50px; } #k1_menu {background: url(../img_ext/menu-cien.png) repeat-y right; } #k1_menu_srodek {background: url(../img_ext/menu-srodek2.png) repeat-y 5px; } #k1_menu_dol {background: url(../img_ext/menu-dol2.png) no-repeat 5px bottom; padding: 10px 0 20px 27px; } #k1_menu_wew h2 {background: url(../img_ext/menu-linia.png) no-repeat bottom; width: 135px; padding-bottom: 9px; } #k1_menu_wew h2:hover { } #k1_menu_wew h2 a {color: #2e3132; text-decoration: none; } #k1_sklep {width: 184px; height: 51px; padding: 5px 0 0 5px; background: url(../img_ext/menu-zamkniecie.png) no-repeat 5px; } #k1_sklep a #napis {background: url(../img_ext/button-konkurs.png) no-repeat bottom; margin: 0 6px 4px 0; } #k1_sklep a #napis:hover {background-position: top; } .k1_punkt {width: 16px; height: 18px; margin: 0 2px 0 2px; background: url(../img_ext/topmenu-kropka.png) no-repeat 7px 8px; float: left; border: 0px solid red; } /* K2 - prawa kolumna (topmenu, baner, kontent) ---------------------------------------------------------------------- */ #k2_glowne {position: relative; width: 100%; height: 517px; background: url(../img_ext/tlo-okno-glowne.jpg) no-repeat; } #k2_zbiorczy {position: relative; width: 781px; border: 0px solid blue; background: url(../img_ext/zbiorczy-cien.png) repeat-y right; } .k2_gora {position: relative; width: 781px; height: 207px; border: 0px solid blue; background: url(../img_ext/b-00-default.jpg) no-repeat; float: left; } #k2_gora_cien {position: relative; width: 781px; height: 23px; border: 0px solid blue; background: url(../img_ext/tlo-baner-cien.jpg) no-repeat; float: left; } #k2_content {position: relative; width: 673px; min-height: 300px; padding: 0 46px 30px 60px; border: 0px solid red; float: left; background: white url(../img_ext/tlo-content.jpg) no-repeat bottom; } #k2_gora_3 {background: url(../img_ext/b-02-faq.jpg) no-repeat; } #k2_gora_20 {background: url(../img_ext/b-11-historia.jpg) no-repeat; } #k2_gora_22 {background: url(../img_ext/b-08-fakty-mity.jpg) no-repeat; } #k2_gora_23 {background: url(../img_ext/b-09-jak-stosowac.jpg) no-repeat; } #k2_gora_24 {background: url(../img_ext/b-06-zdaniem-eksperta.jpg) no-repeat; } #k2_gora_27 {background: url(../img_ext/b-01-do-pobrania.jpg) no-repeat; } #k2_gora_29 {background: url(../img_ext/b-10-misja.jpg) no-repeat; } #k2_gora_30 {background: url(../img_ext/b-03-patenty.jpg) no-repeat; } #k2_gora_31 {background: url(../img_ext/b-05-referencje.jpg) no-repeat; } #k2_gora_33 {background: url(../img_ext/b-04-prace-badawcze.jpg) no-repeat; } #k2_gora_35 {background: url(../img_ext/b-07-zabiegi-kosmetyczne.jpg) no-repeat; } #k2_gora_73 {background: url(../img_ext/b-07-zabiegi-kosmetyczne.jpg) no-repeat; } #k2_gora_50 {background: url(../img_ext/b-07-zabiegi-kosmetyczne.jpg) no-repeat; } #k2_gora_60 {background: url(../img_ext/b-07-zabiegi-kosmetyczne.jpg) no-repeat; } #k2_gora_61 {background: url(../img_ext/b-07-zabiegi-kosmetyczne.jpg) no-repeat; } #k2_gora_62 {background: url(../img_ext/b-07-zabiegi-kosmetyczne.jpg) no-repeat; } #k2_gora_63 {background: url(../img_ext/b-07-zabiegi-kosmetyczne.jpg) no-repeat; } #k2_gora_64 {background: url(../img_ext/b-07-zabiegi-kosmetyczne.jpg) no-repeat; } #k2_gora_66 {background: url(../img_ext/b-07-zabiegi-kosmetyczne.jpg) no-repeat; } #k2_gora_67 {background: url(../img_ext/b-07-zabiegi-kosmetyczne.jpg) no-repeat; } #k2_gora_39 {background: url(../img_ext/b-12-kolagen.jpg) no-repeat; } #k2_gora_51 {background: url(../img_ext/b-12-kolagen.jpg) no-repeat; } #k2_gora_71 {background: url(../img_ext/b-12-kolagen.jpg) no-repeat; } #k2_gora_72 {background: url(../img_ext/b-12-kolagen.jpg) no-repeat; } #k2_gora_49 {background: url(../img_ext/b-13-zastosowanie.jpg) no-repeat; } #k2_gora_48 {background: url(../img_ext/b-14-wlasciwosci.jpg) no-repeat; } #k2_gora_10 {background: url(../img_ext/b-16-kontakt.jpg) no-repeat; } #k2_gora_5 {background: url(../img_ext/b-16-kontakt.jpg) no-repeat; } #k2_gora_34 {background: url(../img_ext/b-16-kontakt.jpg) no-repeat; } #k2_gora_1 {background: url(../img_ext/b-15-aktualnosci.jpg) no-repeat; } #k2_gora_2 {background: url(../img_ext/b-15-aktualnosci.jpg) no-repeat; } #k2_gora_8 {background: url(../img_ext/b-09-jak-stosowac.jpg) no-repeat; } #k2_gora_21 {background: url(../img_ext/b-17-produkty.jpg) no-repeat; } #k2_gora_82 {background: url(../img_ext/b-82.jpg) no-repeat; } #k2_gora_83 {background: url(../img_ext/b-83.jpg) no-repeat; } #k2_gora_84 {background: url(../img_ext/b-84.jpg) no-repeat; } #k2_gora_88 {background: url(../img_ext/b-88.jpg) no-repeat; } #k2_gora_6 {background: url(../img_ext/b-6.jpg) no-repeat; } #k2_gora_9 {background: url(../img_ext/b-9.jpg) no-repeat; } #k2_gora_89 {background: url(../img_ext/b-17-produkty.jpg) no-repeat; } #k2_topmenu {position: relative; float: right; margin-top: 8px; margin-right: 30px; height: 41px; } #k2_topmenu a {font-family: Arial; font-size: 11px; color: #677680; text-decoration: none; display: block; float: left; border: 0px solid blue; } #k2_topmenu #k2_mapa, #k2_topmenu #k2_glowna {float: right; } #k2_topmenu .k2_punkt {width: 16px; height: 18px; margin: 0 2px 0 2px; background: url(../img_ext/topmenu-kropka.png) no-repeat 7px 8px; float: right; border: 0px solid red; } #k2_topmenu a#k2_wybierz {float: right; } #k2_topmenu #k2_logowanie {font-weight: bold; float: right; margin: 5px 0 0 0; } #k2_topmenu #k2_logowanie span {float: left; font-family: Arial; font-size: 11px; color: #677680; } #k2_topmenu a:hover {color: #232020; cursor: pointer; } #k2_topmenu a.fla {margin: 3px 8px 0 20px; float: right; } #k2_topmenu > span {float: right; color: #677680; margin-right: 4px; margin-left: 1px; } #k2_jezyki {position: absolute; top: 35px; right: 29px; width: 281px; display: none; } #k2_jezyki_top {width: 100%; height: 17px; background: url(../img_ext/apla-jezyki-gora.png) no-repeat; border: 0px solid blue; } #k2_jezyki_srodek {width: 100%; padding-left: 20px; padding-bottom: 10px; background: url(../img_ext/apla-jezyki-srodek.png) repeat-y; } #k2_jezyki_dol {width: 100%; height: 7px; background: url(../img_ext/apla-jezyki-dol.png) no-repeat; } #k2_jezyki_zamknij {float: right; border: 0px solid blue; margin: 3px 2px 0 0; } #k2_jezyki_zamknij:hover {cursor: pointer; } #k2_jezyki ul {width: 125px; float: left; margin: 0; padding: 0; } #k2_jezyki ul li {background: none; margin: 0; padding: 0; line-height: 22px; } #k2_jezyki ul li img {margin-right: 10px; margin-bottom: 4px; vertical-align: bottom; } #k2_jezyki ul li span {font-family: Arial; font-size: 11px; color: #677680; } #k2_jezyki ul li a {margin-left: 5px; font-family: Arial; font-size: 11px; color: #677680; text-decoration: none; } #k2_jezyki ul li a:hover {color: #232020; } #k2_flesz {float: left; } #k2_flesz_49 {float: left; width: 673px; overflow: hidden; } #k2_flesz div#altContent {width: 600px; margin: 100px 0 0 90px; border: 0px solid red; text-align: center; } #k2r_nawi {padding-bottom: 10px; margin-bottom: 25px; border-bottom: 1px solid #f4f4f4; width: 525px; float: left; } #k2r_nawi a {text-decoration: none; color: #70828c;} #k2r_nawi a:hover {text-decoration: none; color: #0a83bf; } .ptaszek {margin: 0 7px 0 7px; } #k2r_nag {font-size: 28px; color: #1f2223; margin: 0px 0px 15px 0px; } #k2_boksy_cien {position: relative; width: 100%; height: 12px; background: url(../img_ext/tlo-okno-glowne-cien.png) no-repeat top; border: 0px solid blue; z-index: 2; } #k2_boksy {position: relative; width: 100%; margin-top: -12px; border: 0px solid blue; z-index: 1; } .k2_boks_wew {width: 316px; min-height: 108px; max-height: 317px; padding: 14px 54px 14px 14px; color: #4c575e; margin: 16px 0 16px 0; border: 0px solid red; float: left} .k2_boks_wew h2 {font-size: 20px; margin-bottom: 16px; } .k2_boks_wew+.k2_boks_wew {padding-left: 54px; padding-right: 14px; border-left: 1px solid #d3d3d3; } .k2_boks_wew p {margin-bottom: 15px; } #k2_aktualnosci span {display: block; float: left; } #k2_aktualnosci h3 {font-size: 12px; font-family: Arial; font-weight: bold; } #k2_aktualnosci div img {float: right; margin: 3px 0 5px 5px; } /* K2 - niestandardowe układy treści - apla H2, wypunktowanie ---------------------------------------------------------------------- */ .es #apla {position: relative; display: block; width: 585px; height: 107px; font-size: 15px; font-style: italic; color: #0389c0; margin: 20px 0 20px -60px; padding: 17px 25px 0 169px; background: url(../img_ext/apla-wyroznienie.png) no-repeat; border: 0px solid blue; } .es #apla_wysoka {position: relative; display: block; width: 585px; height: 158px; font-size: 15px; font-style: italic; color: #0389c0; margin: 20px 0 20px -60px; padding: 17px 25px 0 169px; background: url(../img_ext/apla-wyroznienie-wysoka.png) no-repeat; border: 0px solid blue; } .es p {margin-bottom: 6px; } .es li {list-style-type: none; padding: 0px 0px 0px 35px; margin: 6px 0px 6px 0px; background: url(../img_ext/ptaszek-ekstra.png) no-repeat 5px 1px;} .es ul {margin-top: 10px; } /* K2 - niestandardowe układy treści - dwie kolumny z kreską ---------------------------------------------------------------------- */ .dwie_kolumny {width: 100%; } .kolumna_lewa {width: 43%; display: inline-block; border-right: 1px solid #d4d4d4; vertical-align: top; padding-right: 35px; } .kolumna_prawa {width: 43%; display: inline-block; vertical-align: top; padding-left: 35px; } .kolumna_lewa img, .kolumna_prawa img {float: left; margin: 0 10px 6px 0; } .kolumna_lewa li, .kolumna_prawa li {list-style-type: none; padding: 0px 0px 0px 30px; margin: 4px 0px 6px 0px; background: url(../img_ext/ptaszek-ekstra.png) no-repeat 1px 1px;} /* K2 - niestandardowe układy treści - dwie kolumny, w lewej nagłówek ---------------------------------------------------------------------- */ .dwie_kolumny_opcja {width: 100%; } .kolumna_nag {width: 130px; display: inline-block; border-right: 1px solid #d4d4d4; vertical-align: top; padding: 6px 20px 30px 0px; font-size: 18px; color: #2393c3; margin: 10px 0 10px 0px; } .kolumna_nag h3 {font-size: 18px; color: #2393c3; } .kolumna_con {width: 470px; display: inline-block; vertical-align: top; padding: 0 10px 0 35px; margin: 10px 0 10px 0px; } .kolumna_opis_czynnosci {width: 340px; display: inline-block; vertical-align: top; padding: 0 10px 0 30px; margin: 10px 0 10px 0px; } .kolumna_opis_czynnosci+img {display: inline-block; margin-left: 15px; margin-top: 15px; } /* K2 - niestandardowe układy treści - zestawienie preparatów ---------------------------------------------------------------------- */ .preparat {width: 100%; margin: 10px 0 40px 0; } .nazwa_preparatu {width: 150px; border: 0px solid red; display: inline-block; float: left; padding: 0px 15px 0px 0px; font-size: 18px; color: #2393c3; margin: 0; } .obrazek_preparatu {display: inline-block; float: left; border-left: 1px solid #d4d4d4; padding: 0 20px 0 20px; } .kup_preparat {margin-top: 10px; display: none; } .kup_preparat img {background: url(../img_ext/button-kup.png) no-repeat top; } .kup_preparat img:hover {background-position: bottom; } .opis_preparatu {width: 248px; float: left; border: 0px solid red; } /* K2 - niestandardowe układy treści - zestawienie zabiegów ---------------------------------------------------------------------- */ #tabela_zabiegu {margin-top: 20px; margin-bottom: 25px; } .zabieg_parametr {width: 143px; text-align: right; font-weight: bold; float: left; padding: 5px 22px 5px 0px; } .zabieg_parametr:first-child {padding-top: 15px; } .zabieg_opis {width: 462px; text-align: left; font-weight: normal; float: left; padding: 5px 22px 5px 22px; background-color: #f7fbfe; } .zabieg_parametr:first-child+.zabieg_opis {padding-top: 15px; } .zabieg_opis:last-child {padding-bottom: 15px; } /* K2 - niestandardowe układy treści - trzy boksy na landing page ---------------------------------------------------------------------- */ #trzy_boksy {width: 105%; background-color: #f7fbfe; padding: 25px 0 25px 0; margin-top: 30px; margin-left: -25px; } .jeden_boks {width: 183px; float: left; padding: 0 25px 25px 25px; } .jeden_boks+.jeden_boks {border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; } .jeden_boks:last-child {border: none } .jeden_boks a .cufon-canvas {margin: 0 !important; } #zestaw_stron img {margin-right: 10px; } /* K3 - dolne boksy (pasek z newsletterem) ---------------------------------------------------------------------- */ #k3_newsletter {position: relative; width: 145px; height: 108px; border: 0px solid blue; font-family: Arial; font-size: 12px; color: #70828c; padding: 9px 0 0 15px; margin-right: 49px; float: left; } #k3_newsletter h2 {font-size: 20px; margin-bottom: 14px; text-transform: uppercase; color: #4c575e; } #k3_newsletter form {margin: 16px 0 0 0;} #k3_newsletter input#adres {width: 120px; height: 21px; color: #8c8c8c; padding: 0px 0px 0px 6px; border: 0px solid blue; line-height: 18px; background: url(../img_ext/newsletter-pole.png) no-repeat top; float: left;} #k3_newsletter input[type="image"] {width: 19px; height: 21px; background: url(../img_ext/newsletter-button.png) no-repeat top; margin-top: 0px;} #k3_newsletter input[type="image"]:hover {background-position: bottom; } #k3_newsletter+.k3_b+.k3_b {margin: 0 30px 0 30px; } .k3_b {float: left; } .k3_boksy_cien {position: relative; width: 239px; height: 12px; background: url(../img_ext/tlo-pojedynczy-boks-cien.png) no-repeat; border: 0px solid blue; } .k3_boksy {position: relative; width: 211px; height: 104px; padding: 14px 14px 12px 14px; color: #4c575e; background: white url(../img_ext/tlo-pojedynczy-boks-2.jpg) no-repeat top; border: 0px solid red; z-index: 1; } .k3_boksy:hover {background-position: bottom; } .k3_boksy h2 {font-size: 19px; } .k3_boksy p {margin-bottom: 5px; } .k3_boksy a.wiecej {display: block; position: absolute; bottom: 0px; left: 0px; width: 229px; height: 30px; padding: 100px 0 0 10px; font-size: 13px; text-decoration: none; margin-right: 5px; color: #4c575e; border: 0px solid red; } .k3_boksy a.wiecej:hover img {margin-left: 6px; } .k3_boksy a.wiecej img {margin-left: 5px; } a.wiecej {font-size: 13px; text-decoration: none; margin-right: 5px; color: #4c575e; } a.wiecej:hover {color: #5391a6; margin-right: 6px; } .foto_boks {position: absolute; bottom: 0px; left: 0px; z-index: -1; } #k3_dla_kobiet {} #k3_w_kazdym {} #k3_dla_aktywnych {} .k3_b_doc {float: left; width: 195px; height: 118px; border-left: 1px solid #e5e5e5; padding: 9px 45px 0 45px; color: #70828c; } #infolinia {background: url(../img_ext/tlo-infolinia.png) no-repeat 35px 80px; } #infolinia span {display: block; margin: 20px 0 0 30px; font-size: 22px; } #fb {width: 135px; } #fb a {display: block; margin-top: 10px; width: 100px; padding-right: 17px; font-size: 14px; text-decoration: none; color: #2e3132; float: left; background: url(../img_ext/ptaszek-szary.png) no-repeat right center; } #fb a:hover {text-decoration: none; color: black; padding-right: 18px; } #fb img {float: left; vertical-align: top; } #sklep {background: url(../img_ext/tlo-sklep.png) no-repeat 10px 45px; width: 220px; padding-right: 0px; } #sklep p {display: block; margin-left: 35px; } #sklep a {margin-left: 35px; display: block; margin-top: 10px; padding-top: 3px; padding-right: 25px; font-size: 14px; text-decoration: none; color: #2e3132; float: left; background: url(../img_ext/ptaszek-szary.png) no-repeat right center; } #sklep a:hover {text-decoration: none; color: black; padding-right: 26px; } .k3_b_doc h2 {font-size: 20px; margin-bottom: 25px; text-transform: uppercase; color: #4c575e; } .k3_b_doc .cufon-canvas, #k2_content .cufon-canvas {margin-bottom: 7px; } .news_nag .cufon-canvas {margin: 7px 0 0 0; } .news_nag+h2 {padding-top: 7px; } /* K6 - stopka ---------------------------------------------------------------------- */ #k6_collife {width: 109px; float: left; } #k6_collife img {margin: 20px 0 0 10px; } #k6_stopka {width: 835px; padding-left: 20px; float: left; border-left: 1px solid #a2adb3; } #k6_menu {width: 817px; padding: 16px 0 16px 16px; border-bottom: 1px solid #a2adb3; margin-bottom: 16px; } #k6_menu a {color: #e0e0e0; text-decoration: none; display: block; float: left; } #k6_menu a:hover {color: white; } #k6_copy {float: left; width: 214px; height: 29px; padding: 4px 0 0 16px; margin-right: 14px; border-right: 1px solid #a2adb3; } #k6_copy img {margin: 0 5px 0 5px; vertical-align: middle; } #k6_telefon {float: left; width: 589px; height: 29px; padding-top: 4px; } #k6_telefon a {color: #e0e0e0; text-decoration: none; } #k6_telefon a:hover {color: white; } #k6_telefon p {display: block; float: left; } #k6_telefon .kropka {margin: 9px 5px 0 5px; float: left; } #k6_logo {float: right } /** * Layout formularzy */ div.qw, div.qwNoB, div.qwNB, div.qwFB {width: 565px;} /** * Mapa serwisu - www */ div.mapa_dzial {margin: 0px 0px 5px 0px;} div.mapa_grupa {padding-left: 0px; margin: 0px 0px 5px 0px;} div.mapa_str {padding-left: 20px; margin-bottom: 5px;} div.mapa_pdstr {padding-left: 40px; margin-bottom: 5px;} /** * Galerie foto - www / panel */ div.gal_kontener {padding-bottom: 10px;} div.gal_kontener h2 {font-weight: bold; margin: 0px 0px 10px 0px; font-size: 1.2em;} div.gal_kontener p {margin: -5px 0px 10px 0px; text-align: justify;} div.gal_kontener img {margin: 0px 8px 8px 0px; border-bottom: 1px solid #c3c3c3; border-right: 1px solid #dcdcdc;} div.gal_kontener a.displayN {display: none;} a.gal_foto {} /** * News - www / panel */ div.news_kon {margin-bottom: 25px;} h1.news_nag {font-size: 17px; font-weight: bold; margin: 6px 0 8px 10px; } span.news_data {font-size: 14px; font-family: Arial; color: #231f20; font-weight: normal; display: block; float: left; background-color: #e9eef0; padding: 4px 10px 4px 10px; margin-right: 20px; } div.news_pg {text-align: center; padding-top: 5px;} div.es {position: relative; text-align: left; margin: 0px; clear: both; overflow: visible; } /** * Podstrony - www / panel */ div.kon_pdstr {padding: 10px 0px 0px 0px} div.pdstr {background: url(../img_ext/ptaszek.png) no-repeat left center; padding-left: 15px; } /** * CMS strony, news, promocje, faq - www / panel */ h1.es_nag {font-size: 16px; font-weight: bold;} div.es {position: relative; text-align: left; margin: 0px; clear: both; overflow: none;} div.es_right {float: right; text-align: center; font-style: italic; padding: 0 0 10px 10px;} div.es_left {float: left; text-align: center; font-style: italic; padding: 0 10px 10px 0;} div.es_center {text-align: center; font-style: italic; margin: 0 0 10px 0;} div.es_right, div.es_left {max-width: 216px;} a.es_foto {} img.es {border-bottom: 0px solid #c3c3c3; border-right: 0px solid #dcdcdc; border-left: none; border-top: none;} /** * Video YouTube * Stand. wym. odtwarzacza: 425x344, 480x385, 640x505, 960x745 */ div.youT {text-align: center; margin: auto;} object.youT {width:620px; height:345px;} a.youTubePopup {}