@import url("font-awesome.min.css"); @import url('https://fonts.googleapis.com/css?family=Cinzel'); @import url('https://fonts.googleapis.com/css?family=Dancing+Script'); @import url('https://fonts.googleapis.com/css?family=Macondo'); @import url("https://fonts.googleapis.com/css?family=Merriweather:300,700,300italic,700italic|Source+Sans+Pro:900"); @import url('https://fonts.googleapis.com/css?family=Michroma'); @import url('https://fonts.googleapis.com/css?family=Montserrat'); @import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic,400italic"); @import url('https://fonts.googleapis.com/css?family=Zeyada'); /* 1280 - zmniejsza się czcionka menu TOP | 1080 - zmniejsza się logo | 840 - top-menu idzie na lewo */ /* wyrównanie w pionie: vertical-align: middle; vertical-align: top */ /* font-weight: bold */ /* border-radius: 10px; */ /* border-left: 1px solid #ED7600; */ /* border-bottom: 0; border-bottom: none; text-decoration: none; border-bottom-color: transparent; */ /* border-bottom: dotted 1px; border-bottom-color: #B6B6B6; */ /* text-transform: uppercase; - duże litery */ /* paadding: góra, prawa, dół, lewa */ /* cursor: pointer; */ /* margin - top right bottom left */ /* position: absolute; left: 0px; */ 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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } body, input, select, textarea { background: #f5f5f5; color: #777; font-family: "Merriweather", Georgia, serif; font-size: 10pt; font-weight: 300; line-height: 1.8; letter-spacing: -0.015em; } @media screen and (max-width: 1680px) { body, input, select, textarea { font-size: 13pt; }} @media screen and (max-width: 1280px) { body, input, select, textarea { font-size: 11pt; }} a { color: #002573; text-decoration: none; } /* border-bottom: dotted 1px; border-bottom-color: #B6B6B6; a:hover { border-bottom-color: transparent; } */ #navPanel, #navButton { display: none; } .align-left { text-align: left; } .align-center { text-align: center; } .align-right { text-align: right; } /* ---------------------- H E A D E R -------------------------- */ #page-wrapper { padding-top: 3em;} @-moz-keyframes reveal-header { 0% { top: -5em; } 100% { top: 0; }} @-webkit-keyframes reveal-header { 0% { top: -5em; } 100% { top: 0; }} @-ms-keyframes reveal-header { 0% { top: -5em; } 100% { top: 0; }} @keyframes reveal-header { 0% { top: -5em; } 100% { top: 0; }} #header { background: #444; color: #bbb; cursor: default; height: 3.25em; left: 0; line-height: 3.25em; position: fixed; top: 0; width: 100%; z-index: 10000; } #header h1 { color: inherit; font-family: 'Cinzel', sans-serif; /* czcionka Nowe Standardy */ font-size: 25px; height: inherit; left: 1.25em; line-height: inherit; margin: 0; padding: 0; position: absolute; top: 0; } #header h1 a { color: #fff; font-weight: 400; border: 0; } #header h1b { color: inherit; font-family: 'Cinzel', sans-serif; /* czcionka 'by Stainer Consulting '*/ font-size: 15px; height: inherit; left: 17.5em; line-height: inherit; margin: 0; padding: 0; position: absolute; top: 0; } /* chowanie logo pod siebie */ @media screen and (max-width: 1080px) { #header h1 { color: inherit; font-family: 'Cinzel', sans-serif; font-size: 18px; height: inherit; left: 5.25em; line-height: inherit; margin: 0; padding: 0; position: absolute; top: 0; } #header h1b { color: inherit; font-family: 'Cinzel', sans-serif; font-size: 13px; height: inherit; left: 6.35em; line-height: inherit; margin: 1.2em; padding: 0; position: absolute; top: 0; }} #header h2 { border: 0; text-align: right; margin-top: 4.75em; margin-right: 2em; } #header input[type="submit"], #header input[type="reset"], #header input[type="button"], #header .button { background-color: transparent; box-shadow: inset 0 0 0 2px #999; color: #fff; } #header input[type="submit"]:hover, #header input[type="reset"]:hover, #header input[type="button"]:hover, #header .button:hover { background-color: rgba(153, 153, 153, 0.25); } #header input[type="submit"]:active, #header input[type="reset"]:active, #header input[type="button"]:active, #header .button:active { background-color: rgba(153, 153, 153, 0.5); } #header .container { position: relative; } #header .container h1 { left: 0; } #header .container nav { right: 0; } #header.reveal { -moz-animation: reveal-header 0.5s; -webkit-animation: reveal-header 0.5s; -ms-animation: reveal-header 0.5s; animation: reveal-header 0.5s; } /* kolor tła MENU TOP */ #header.alt { -moz-animation: none; -webkit-animation: none; -ms-animation: none; animation: none; background: none; color: rgba(255, 255, 255, 0.75); position: absolute; } #header.alt nav > ul > li a:not(.button).icon:before { color: rgba(255, 255, 255, 0.75); } #header.alt nav > ul > li.active a:not(.button) { background-color: rgba(255, 255, 255, 0.2); } #header.alt input[type="submit"], #header.alt input[type="reset"], #header.alt input[type="button"], #header.alt .button { box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5); } #header.alt input[type="submit"]:hover, #header.alt input[type="reset"]:hover, #header.alt input[type="button"]:hover, #header.alt .button:hover { background-color: rgba(255, 255, 255, 0.1); } #header.alt input[type="submit"]:active, #header.alt input[type="reset"]:active, #header.alt input[type="button"]:active, #header.alt .button:active { background-color: rgba(255, 255, 255, 0.2); } @media screen and (max-width: 840px) { #ikony-top { text-align: right; margin-right: 2em; }} /* MENU TOP */ #header nav { height: inherit; line-height: inherit; position: absolute; right: 3em; top: 0; font-size: 12pt; vertical-align: middle; } /* rozmiar czcionki menu górne */ @media screen and (max-width: 1280px) { #header nav { font-size: 10pt; }} #header nav > ul { list-style: none; margin: 0; padding-left: 0; } #header nav > ul > li { display: inline-block; padding-left: 0; } #header nav > ul > li > ul { display: none; padding-left: } #header nav > ul > li a { display: inline-block; height: 2em; line-height: 1.95em; padding: 0 1em; border-radius: 6px; } #header nav > ul > li a:not(.button) { color: #fff; display: inline-block; text-decoration: none;border: 0; } #header nav > ul > li a:not(.button).icon:before { color: #999; margin-right: 0.5em; } #header nav > ul > li:first-child { margin-left: 0; } #header nav > ul > li.active a:not(.button) { background-color: rgba(153, 153, 153, 0.25); } #header nav > ul > li .button { margin: 0 0 0 0.5em; position: relative; } /* Wyłącza MENU TOP - przy 840 */ @media screen and (max-width: 840px) { #header nav { display: none; }} .dropotron { background: #fff; list-style: none; margin: calc(-0.5em + 1px) 0 0 1px; padding: 0.5em 0; width: 15em; border-radius: 6px; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.065), inset 0 -1px 0 0 #fff, inset 0 0 0 1px rgba(229, 229, 229, 0.5); } .dropotron li { padding: 0; } .dropotron li a, .dropotron li span { border: 0; border-top: solid 1px #f2f2f2; color: inherit; display: block; padding: 0.15em 1em; -moz-transition: none; -webkit-transition: none; -ms-transition: none; transition: none; } .dropotron li:first-child > a, .dropotron li:first-child > span { border-top: 0; } .dropotron li.active > a, .dropotron li.active > span, .dropotron li:hover > a, .dropotron li:hover > span { background: #e89980; color: #ffffff; } .dropotron.level-0 { font-size: 0.9em; margin: 1em 0 0 0; } .dropotron.level-0:before { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background: #fff; border: solid 1px rgba(229, 229, 229, 0.5); border-bottom: 0; border-right: 0; box-shadow: -0.25em -0.125em 0.125em 0 rgba(0, 0, 0, 0.015); content: ''; display: block; height: 0.75em; position: absolute; right: 1.25em; top: -0.375em; width: 0.75em; z-index: 0; } /* koniec MENU TOP */ /* Tworzy MENU BOCZNE przy 840 */ @media screen and (max-width: 840px) { #page-wrapper { -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -moz-transition: -moz-transform 0.5s ease; -webkit-transition: -webkit-transform 0.5s ease; -ms-transition: -ms-transform 0.5s ease; transition: transform 0.5s ease; padding-bottom: 1px; } #navButton { -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -moz-transition: -moz-transform 0.5s ease; -webkit-transition: -webkit-transform 0.5s ease; -ms-transition: -ms-transform 0.5s ease; transition: transform 0.5s ease; display: block; height: 44px; left: 0; position: fixed; top: 0; width: 50%; /* szerokość czułości nagłówka otwierająca menu boczne */ z-index: 10001;} #navButton .toggle { text-decoration: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; border: 0; outline: 0; } #navButton .toggle:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: FontAwesome; font-style: normal; font-weight: normal; text-transform: none !important; } #navButton .toggle:before { background: rgba(192, 192, 192, 0.75); border-radius: 6px; color: #fff; content: '\f0c9'; display: block; font-size: 16px; height: 2.25em; left: 0.5em; line-height: 2.25em; position: absolute; text-align: center; top: 0.5em; width: 3.5em; } #navPanel { -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -moz-transform: translateX(-275px); -webkit-transform: translateX(-275px); -ms-transform: translateX(-275px); transform: translateX(-275px); -moz-transition: -moz-transform 0.5s ease; -webkit-transition: -webkit-transform 0.5s ease; -ms-transition: -ms-transform 0.5s ease; transition: transform 0.5s ease; display: block; height: 100%; left: 0; overflow-y: auto; position: fixed; top: 0; width: 275px; z-index: 10002; background: #2b2b2b; color: #bbb; } #navPanel .link { border-bottom: 0; border-top: solid 1px rgba(255, 255, 255, 0.05); color: #bbb; display: block; height: 44px; line-height: 44px; padding: 0 1em 0 1em; text-decoration: none; } #navPanel .link:first-child { border-top: 0; } #navPanel .link.depth-0 { color: #fff; } #navPanel .link .indent-1 { display: inline-block; width: 1em; } #navPanel .link .indent-2 { display: inline-block; width: 2em; } #navPanel .link .indent-3 { display: inline-block; width: 3em; } #navPanel .link .indent-4 { display: inline-block; width: 4em; } #navPanel .link .indent-5 { display: inline-block; width: 5em; } body.navPanel-visible #page-wrapper { -moz-transform: translateX(275px); -webkit-transform: translateX(275px); -ms-transform: translateX(275px); transform: translateX(275px); } body.navPanel-visible #navButton { -moz-transform: translateX(275px); -webkit-transform: translateX(275px); -ms-transform: translateX(275px); transform: translateX(275px); } body.navPanel-visible #navPanel { -moz-transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } /* koniec MENU boczne */ /* koniec MENU */ /* ---------------------- B O X -------------------------- */ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .box { background: #fff; border-radius: 6px; box-shadow: 0 2px 0 0 #e5e5e5; margin: -5.5em 0 2em 0; padding: 3em; } .box h2 { font: Calibri; font-size: 3em; font-weight: normal; color: #606060; } .box p { font-size: 1.1em; color: black; text-align: center; width: 100%; } .box p2 { font-size: 1em; font-weight: bold; color: black; } .box > :last-child { margin-bottom: 0; } .box.alt { background: none !important; border-radius: 0 !important; box-shadow: none !important;margin: 0 0 2em 0; padding: 0 !important; } .box.special { text-align: center; } .box.features .features-row { border-top: solid 2px #e5e5e5; position: relative; } .box.features .features-row:after { clear: both; content: ''; display: block; } .box.features .features-row section { float: left; padding: 3em; width: 50%; } .box.features .features-row section :last-child { margin-bottom: 0; } .box.features .features-row section:nth-child(2n) { padding-right: 0; } .box.features .features-row section:nth-child(2n):before { background: #e5e5e5; content: ''; display: block; height: 100%; margin-left: -3em; position: absolute; top: 0; width: 2px; } .box.features .features-row section:nth-child(2n-1) { padding-left: 0; } .box.features .features-row:first-child { border-top: 0; } .box.features .features-row:first-child section { padding-top: 0; } .box.features .features-row:last-child { padding-bottom: 0; } .box.features .features-row:last-child section { padding-bottom: 0; } .box .image.featured { border-radius: 0; display: block; margin: 3em 0 3em -3em; position: relative; width: calc(100% + 6em); } .box .image.featured img { border-radius: 0; display: block; width: 100%; } .box .image.featured:first-child { border-radius: 6px 6px 0 0; margin-bottom: 3em; margin-top: -3em; } .box .image.featured:first-child img { border-radius: 6px 6px 0 0; } .box .image.featured:last-child { border-radius: 0 0 6px 6px; margin-bottom: -3em; margin-top: 3em; } .box .image.featured:last-child img { border-radius: 0 0 6px 6px; } @media screen and (max-width: 736px) { .box { margin: 1em; overflow-x: hidden; padding: 2em 2em !important; } .box.features .features-row { border-top: 0; padding: 0; } .box.features .features-row section { border: 0; border-top: solid 1px #e5e5e5 !important; float: none; margin: 2em 0 0 0 !important; padding: 2em 0 0 0 !important; width: 100%; } .box.features .features-row:first-child section:first-child { border-top: 0 !important; margin-top: 0 !important; padding-top: 0 !important; } .box .image.featured { margin-left: -2em; width: calc(100% + 4em); } .box .image.featured:first-child { margin-bottom: 2em; margin-top: -2em; } .box .image.featured:last-child { margin-bottom: -2em; margin-top: 2em; }} /* Box JAK WDROŻYĆ METODYKĘ */ .boxmetodyka { margin: -10em 1em 20em 55em; } /* 1 pozycja w pionie h2, 4 marg od lewej */ .boxmetodyka > :last-child { margin-bottom: 14em; } /* wysokość sekcji */ .boxmetodyka.features .features-row { position: relative; } .boxmetodyka.features .features-row:after { clear: both; content: ''; display: block; } .boxmetodyka.features .features-row section { float: left; padding: 2em; width: 50%; } /* padding to odległość między częściami boxu */ .boxmetodyka.features .features-row section :last-child { margin-bottom: 0; } .boxmetodyka.features .features-row section:nth-child(2n) { padding-right: 0; } .boxmetodyka.features .features-row section:nth-child(2n):before { background: #e5e5e5; content: ''; display: block; position: absolute; top: 0; height: 100%; /* długość linii po środku */ margin-left: -2.5em; /* pozycja pionowej linii po środku */ width: 1px;} /* grubość linii po środku */ .boxmetodyka.features .features-row section:nth-child(2n-1) { padding-left: 0; } .boxmetodyka.features .features-row:first-child { border-top: 0; } .boxmetodyka.features .features-row:first-child section { padding-top: 0; } .boxmetodyka.features .features-row:last-child { padding-bottom: 0; } .boxmetodyka.features .features-row:last-child section { padding-bottom: 0; } .boxmetodyka.special { text-align: center; } .boxmetodyka .image.featured { display: block; margin: 3em 0 3em -3em; position: relative; width: calc(100% + 6em); } .boxmetodyka .image.featured img { display: block; width: 100%; } .boxmetodyka .image.featured:first-child { margin-bottom: 3em; margin-top: -3em; } .boxmetodyka .image.featured:last-child { margin-bottom: -3em; margin-top: 3em; } @media screen and (max-width: 1680px) { .boxmetodyka > :last-child { margin-bottom: 14em; } .boxmetodyka { margin: -10em 1em -4em 25em; }} /* ustawia zawartość po środku ekranu w 1280 @media screen and (max-width: 1280px) { .boxmetodyka > :last-child { margin-bottom: 5em; } .boxmetodyka { margin: 0 0 0 0; }}*/ /* ustawia zawartość po środku ekranu w 980 */ @media screen and (max-width: 980px) { .boxmetodyka > :last-child { margin-bottom: 5em; } .boxmetodyka { margin: 0 0 0 0; }} /* ustawia zawartość po środku ekranu w 840 */ @media screen and (max-width: 840px) { .boxmetodyka > :last-child { margin-bottom: 5em; } .boxmetodyka { margin: 0 0 0 0; }} /* układa boxy pionowo w 736 */ @media screen and (max-width: 736px) { .boxmetodyka { margin-top: -3em; margin-bottom: 3em; margin-right: 0em; margin-left: 0em; padding-top: -2em; padding-bottom: 10em; padding-right: 0em; padding-left: 0em; overflow-x: hidden; } .boxmetodyka.features .features-row { border-top: 0; padding: 0; } .boxmetodyka.features .features-row section { width: 100%; border: 0; border-top: solid 1px #e5e5e5 !important; float: none; margin: 2em 0 0 0 !important; padding: 2em 0 0 0 !important; } .boxmetodyka.features .features-row:first-child section:first-child { border-top: 0 !important; margin-top: 0 !important; padding-top: 0 !important; } .boxmetodyka .image.featured { margin-left: -2em; width: calc(100% + 4em); } .boxmetodyka .image.featured:first-child { margin-bottom: 2em; margin-top: -2em; } .boxmetodyka .image.featured:last-child { margin-bottom: -2em; margin-top: 2em; } .boxmetodyka > :last-child { margin-bottom: -10em; }} /* ---------------------- B U T T O N -------------------------- */ input[type="submit"], input[type="reset"], input[type="button"], .button { -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none; -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; cursor: pointer; display: inline-block; background-color: #666; border: 0; border-radius: 8px; color: #ffffff; font-weight: 400; line-height: 3em; height: 5em; width: 400px; padding: 0 1em; /* wymiar przycisku */ text-align: center; text-decoration: none; white-space: nowrap; } .button.small { font-size: 1.1em; width: 200px; height: 40px; line-height: 2.7em; } .button.special { background-color: #e89980; color: #ffffff !important; } .button.special:hover { background-color: #ecaa96; } .button.special:active { background-color: #e4886a; } @media screen and (max-width: 1680px) { .button { height: 3em; width: 500px; border-radius: 6px; } .button.small { font-size: 0.9em; }} /* Jak wdrożyć metodykę */ .button-2 { font-size: 1.4em; background-color: #007AB9; border: 0; color: #ffffff; font-weight: 400; height: 3em; line-height: 3em; margin: 0 0 1em 0; text-align: center; text-decoration: none; border-radius: 6px; cursor: pointer; display: inline-block; white-space: nowrap; padding: 0 3em; /* wysokość i szerokość */} @media screen and (max-width: 1680px) { .button-2 { font-size: 1em; }} .button-szkolenia { font-size: 1.4em; background-color: #007AB9; border: 0; color: #ffffff; font-weight: 400; height: 3em; line-height: 3em; margin: 0 0 1em 0; text-align: center; text-decoration: none; border-radius: 6px; cursor: pointer; display: inline-block; white-space: nowrap; padding: 0 3em; /* wysokość i szerokość */} @media screen and (max-width: 1680px) { .button-szkolenia { font-size: 1em; }} .button-art-pobierz { background-color: #e89980; border-radius: 6px; border: 0; color: #ffffff; cursor: pointer; display: inline-block; font-size: 0.8em; font-weight: 100; width: 5.5em; height: 1.8em; line-height: 1.8em; padding-top: 0; padding-left: 1em; padding-right: 1em; margin: 0 0 1em 0; text-align: center; text-decoration: none; white-space: nowrap; } .button-art-pobierz:hover { background-color: #ecaa96; } .button-art-pobierz:active { background-color: #e4886a; } /* ---------------------- L I S T Y -------------------------- */ ol { list-style: decimal; margin: 0 0 2em 0; padding-left: 1.25em; } ol li { padding-left: 0.25em; } ul { list-style: disc; margin: 0 0 2em 0; padding-left: 1em; } ul li { padding-left: 0.5em; } ul.alt { list-style: none; padding-left: 0; } ul.alt li { border-top: solid 1px #e5e5e5; padding: 0.5em 0; } ul.alt li:first-child { border-top: 0; padding-top: 0; } ul.icons { cursor: default; list-style: none; padding-left: 0; } ul.icons li { display: inline-block; padding: 0 1.25em 0 0; } ul.icons li:last-child { padding-right: 0; } ul.icons li .icon { color: inherit; } ul.icons li .icon:before { font-size: 1.75em; } ul.actions { cursor: default; list-style: none; padding-left: 0; padding-bottom: 0; } ul.actions li { display: inline-block; padding: 0 1em 0 0; vertical-align: middle; } ul.actions li:last-child { padding-right: 0; } ul.actions.small li { padding: 0 0.5em 0 0; } ul.actions.vertical li { display: block; padding: 1em 0 0 0; } ul.actions.vertical li:first-child { padding-top: 0; } ul.actions.vertical li > * { margin-bottom: 0; } ul.actions.vertical.small li { padding: 0.5em 0 0 0; } ul.actions.vertical.small li:first-child { padding-top: 0; } ul.actions.fit { display: table; margin-left: -1em; padding: 0; table-layout: fixed; width: calc(100% + 1em); } ul.actions.fit li { display: table-cell; padding: 0 0 0 1em; } ul.actions.fit li > * { margin-bottom: 0; } ul.actions.fit.small { margin-left: -0.5em; width: calc(100% + 0.5em); } ul.actions.fit.small li { padding: 0 0 0 0.5em; } dl { margin: 0 0 2em 0; } @media screen and (max-width: 480px) { ul.actions { margin: 0 0 2em 0; } ul.actions li { display: block; padding: 1em 0 0 0; text-align: center; width: 100%; } ul.actions li:first-child { padding-top: 0; } ul.actions li > * { width: 100%; margin: 0 !important; } ul.actions li > *.icon:before { margin-left: -2em; } ul.actions.small li { padding: 0.5em 0 0 0; } ul.actions.small li:first-child { padding-top: 0; }} /* ---------------------- I C O N S -------------------------- */ .icon { text-decoration: none; border-bottom: none; position: relative; } /* jak się doda "font-size: 0.6em;" to rozmiar ikon na stronie kontakt-tomaszkrawczyk.eu jest mniejszy, czyli prawidłowy, lecz zmniejszają się również napisy w menu górnym na nowestandardy.pl */ .icon:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-transform: none !important; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } .icon > .label { display: none; } /* popularne szkolenia*/ .icon.major { background: #666; border-radius: 100%; color: #ffffff; cursor: default; display: inline-block; height: 5.5em; line-height: 5.5em; margin: 0 0 2em 0; width: 5.5em; } .icon.major:before { font-size: 2.5em; } .icon.major.accent1 { background: #666; color: #ffffff; } .icon.major.accent2 { background: #e89980; color: #ffffff; } .icon.major.accent3 { background: #7fcdb8; color: #ffffff; } /*seledyn*/ .icon.major.accent4 { background: #90b0ba; color: #ffffff; } .icon.major.accent5 { background: #e5cb95; color: #ffffff; } /*jasny pomarańcz*/ .icon.major.accent6 { background: #66C; color: #ffffff; } /*niebieski*/ .icon.major.accent7 { background: #9F9; color: #ffffff; } .icon.major.accent8 { background: #8F8FFF; color: #ffffff; } .icon.major.accent9 { background: #FF860D; color: #ffffff; } /*pomarańcza*/ .icon.major.accent10 { background: #393; color: #ffffff; } /*zielony*/ .icon.major.accent11 { background: #FF0F0F; color: #ffffff; } /*czerwony*/ /* IKONY w szkoleniach */ .icon.szk { background: #666; border-radius: 100%; color: #ffffff; cursor: default; display: inline-block; width: 3em; height: 3em; line-height: 2.8em; margin-right: 0.5em; margin-left: -2.5em; text-align: center; } .icon.szk:before { font-size: 1.5em; } .icon.szk.accent1 { background: #6969FF; color: #ffffff; } /* blue 1*/ .icon.szk.accent2 { background: #0F0FFF; color: #ffffff; } /* blue 2*/ .icon.szk.accent3 { background: #0000CD; color: #ffffff; } /* blue 3*/ .icon.szk.accent4 { background: #007325; color: #ffffff; } /* zielony*/ .icon.szk.accent5 { background: #FF6565; color: #ffffff; } /* czerwony */ .icon.szk.accent6 { background: #DDF; color: #ffffff; } /* blue 4 */ @media screen and (max-width: 736px) { .icon.szk { margin-left: 0.5em; }} /* ---------------------- I M A G E -------------------------- */ .image { border-radius: 6px; border: 0; display: inline-block; position: relative; position: relative; display: inline-block; border: 0; outline: 0; } .image img { border-radius: 6px; display: block; display: block; width: 100%; } .image.fit { display: block; width: 100%; } .image.featured { display: block; width: 100%; margin: 0 0 4em 0; } .image.right { float: right; margin: 0 0 0 0; } .image.left { float: left; margin: 0 0 0 0; } .image.centered { display: block; margin: 0 0 0 0; } .image.centered img { margin: 0 auto; width: auto; } /* ------------------ F O R M U L A R Z E --------------------- */ input[type="text"], input[type="password"], input[type="email"], select, textarea { -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none; background: #f8f8f8; border-radius: 6px; border: solid 1px #e5e5e5; color: inherit; display: block; outline: 0; padding: 0 1em; text-decoration: none; width: 100%; } input[type="text"]:invalid, input[type="password"]:invalid, input[type="email"]:invalid, select:invalid, textarea:invalid { box-shadow: none; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, select:focus, textarea:focus { border-color: #e89980; box-shadow: 0 0 0 2px #e89980; } .select-wrapper { text-decoration: none; display: block; position: relative; } .select-wrapper:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: FontAwesome; font-style: normal; font-weight: normal; text-transform: none !important; } .select-wrapper:before { color: #e5e5e5; content: '\f078'; display: block; height: 3em; line-height: 3em; pointer-events: none; position: absolute; right: 0; text-align: center; top: 0; width: 3em; } .select-wrapper select::-ms-expand { display: none; } /* wielkość czcionki placeholder w formularzach dla wszystkich przeglądarek */ ::-webkit-input-placeholder { font-size: 0.7em;} :-moz-placeholder { font-size: 0.7em;} ::-moz-placeholder { font-size: 0.7em;} :-ms-input-placeholder { font-size: 0.7em; } @media screen and (max-width: 1280px) { ::-webkit-input-placeholder { font-size: 0.8em;} :-moz-placeholder { font-size: 0.8em;} ::-moz-placeholder { font-size: 0.8em;} :-ms-input-placeholder { font-size: 0.8em; }} /* koniec ustawienia dla placeholder */ input[type="text"], input[type="password"], input[type="email"], select { height: 3em; } textarea { padding: 0.75em 1em; } input[type="checkbox"] + label, input[type="radio"] + label { text-decoration: none; color: #777; cursor: pointer; display: inline-block; font-size: 1em; font-weight: 300; padding-left: 2.55em; padding-right: 0.75em; position: relative; } input[type="checkbox"] + label:before, input[type="radio"] + label:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: FontAwesome; font-style: normal; font-weight: normal; text-transform: none !important; } input[type="checkbox"] + label:before, input[type="radio"] + label:before { background: #f8f8f8; border-radius: 6px; border: solid 1px #e5e5e5; content: ''; display: inline-block; height: 1.8em; left: 0; line-height: 1.725em; position: absolute; text-align: center; top: 0; width: 1.8em; } input[type="checkbox"]:checked + label:before, input[type="radio"]:checked + label:before { background: #666; border-color: #666; color: #ffffff; content: '\f00c'; } input[type="checkbox"]:focus + label:before, input[type="radio"]:focus + label:before { border-color: #e89980; box-shadow: 0 0 0 1px #e89980; } input[type="checkbox"] + label:before { border-radius: 6px; } input[type="radio"] + label:before { border-radius: 100%; } ::-webkit-input-placeholder { color: #999 !important; opacity: 1.0; } :-moz-placeholder { color: #999 !important; opacity: 1.0; } ::-moz-placeholder { color: #999 !important; opacity: 1.0; } :-ms-input-placeholder { color: #999 !important; opacity: 1.0; } .formerize-placeholder { color: #999 !important; opacity: 1.0; } .row { border-bottom: solid 1px transparent; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .row > * { float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .row:after, .row:before { content: ''; display: block; clear: both; height: 0; } .row.uniform > * { padding: 2em 0 0 2em; } .row.uniform { margin: -2em 0 -1px -2em; } .row.uniform.\35 0\25 > * { padding: 1em 0 0 1em; } .row.uniform.\35 0\25 { margin: -1em 0 -1px -1em; } .row.uniform .\36 u, .\36 u\24 { width: 50%; clear: none; margin-left: 0; } .\31 2u, .\31 2u\24 { width: 100%; clear: none; margin-left: 0; } .\send { width: 100%; position: center; } .\szukaj { width: 100%; position: center; } .container { margin-left: auto; margin-right: auto; } /* odpowiada za section class="container" */ .container.\37 5\25 { width: 45em; } /* nie wiem za co odpowiada */ @media screen and (max-width: 1680px) { .container { width: 60em; }} /* odpowiada nie za szerokość sekcji, a za szerokość przestrzeni, w której umiejscowiona jest sekcja */ @media screen and (max-width: 1280px) { .container { width: 60em; }} @media screen and (max-width: 980px) { .container { width: 90%; }} @media screen and (max-width: 840px) { .container { width: 90% !important; }} @media screen and (max-width: 736px) { .container { width: 100% !important; }} @media screen and (max-width: 480px) { .container { width: 100% !important; }} /* ----------- P R E Z E N T A C J A K A D R Y --------------- */ .prezentacja_kadry { width: 68em; margin-left: auto; margin-right: auto; margin-bottom: 2em; margin-top: -1em; } /* znaczek pod tekstem */ .prez-kadry i { width: 50px; height: 50px; line-height: 46px; border-width: 2px; border: 2px solid #db3552; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; margin-bottom: 20px; color: #db3552; text-align: center; } /* imię i nazwisko */ .prez-kadry h4 { font-size: 1.4em; text-align: center; font-weight: bold; color: #333; margin: 1em 0 0.2em; } /* tekst */ .prez-kadry p { font-size: 16px; line-height: 2em; letter-spacing: 0.7px; margin: 0 0 0 0; width: 100%; } .prez-kadry a { border-bottom-color: transparent; } /* ramka */ .prez-kadry { background: #FFF; text-align: center; padding: 2em; margin: 0 2em; border-top:1px solid #ddd; border-bottom:1px solid #bbb; box-shadow: 0px 1px 10px 1px #bababa; } /* zdjęcie robi okrągłe */ .prez-kadry img { float: left; margin-right: 1em; border-radius: 20%; -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75); } @media(max-width: 1680px) { .prezentacja_kadry { width: 55em; }} @media(max-width: 991px) { .form-date-w3-agileits, .form-time-w3layouts, .form-left-agileits-w3layouts,.form-left-agileits-submit { width: 20%; float: left; } .test-grid1 { width: 50%; } .test-grid { padding: 2em 1em; margin: 0 0em; } .prezentacja_kadry { width: 100%;}} @media(max-width: 840px) { .prezentacja_kadry { width: 100%; }} @media(max-width: 736px) { .prezentacja_kadry { width: 100%; margin-top: 1em; }} @media(max-width: 667px) { .prezentacja_kadry { width: 100%; } h3.title { font-size: 35px; }} @media(max-width: 480px) { .test-grid1 { width: 70%; } .prezentacja_kadry { width: 100%; margin-top: 1em; } .prez-kadry { margin-left: 0.5em; width: 95%; } .prez-kadry h4 { font-size: 1.2em; text-align: center; margin-right: 0; margin-top: 0; padding-right: 0; } .prez-kadry p { font-size: 1em; text-align: center; margin-right: 0; margin-bottom: 1em; letter-spacing: 0.5px; } .prez-kadry img { float: none; margin-right: 1em; margin-bottom: 1em; width: 50%; }} @media(max-width: 384px) { .test-grid p { width: 100%; font-size: 15px; }} #owl-demo .item img { display: block; height: auto; } /* zielone kontrolki pokazujące ilość slajdów .owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); opacity: 1; text-decoration: none; } .owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 6px; background: none; border-radius: 50%; border: 2px solid #bbbdbd;} .owl-pagination { position: absolute; left: 47%; bottom: 10px; } .owl-carousel2 div.owl-pagination { position: absolute; right: -6%; top: 166px; z-index: 999; } .owl-carousel2 div.owl-controls .owl-page { display: block; zoom: 1; padding: 0.1em 0; } .owl-carousel1 div.owl-pagination { position: absolute; right: 48%; top: 130px; } .owl-carousel1 .owl-controls .owl-page span { background: #b3b3b3; } .owl-carousel1 div.owl-controls .owl-page { display: inline-block; zoom: 1; padding: 0 0.2em; } .owl-carousel1 div.owl-controls .owl-page.active span, .owl-carousel1 div.owl-controls.clickable .owl-page:hover span { background: #2c925e; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { background: #2c925e; border: 2px solid #2c925e; } .owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;} */ .owl-item.loading { min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center } .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel { display: none; position: relative; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .grabbing { cursor: url(grabbing.png) 8 8, move; } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; } .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } @-webkit-keyframes empty { 0% { opacity: 1 }} @-moz-keyframes empty { 0% { opacity: 1 }} @keyframes empty { 0% { opacity: 1 }} @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }} @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }} @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }} @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; }} @-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; }} @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; }} @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }} @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }} @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }} @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%);} 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0)translateX(0); }} @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% {opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0);}} @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); }} @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); }} @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); }} @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); }} @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); }} @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); }} @keyframes goDown { from { transform: translateY(-100%); }} @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); }} @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); }} @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); }} @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); }} @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); }} @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); }} @media (max-width:1080px) { #owl-demo .item img { width: 90%; } .owl-pagination { position: absolute; bottom: -1px; left: 46%; }} @media (max-width:320px) { .owl-pagination { position: absolute; bottom: -1px; left: 36%; }} /* ---------- A K T Y W N O Ś C I ---------- */ .carousel { position: relative; overflow: hidden; padding: 2em 0 2em 0; margin-bottom: 0; margin-top: -7em; } .carousel .forward, .carousel .backward { position: absolute; top: 50%; width: 6em; height: 12em;margin-top: -6em; cursor: pointer; } .carousel .forward:before, .carousel .backward:before { content: ''; display: block; width: 6em; height: 6em; border-radius: 100%; background-color: rgba(72, 57, 73, 0.5); position: absolute; top: 50%; margin-top: -3em; -moz-transition: background-color 0.35s ease-in-out; -webkit-transition: background-color 0.35s ease-in-out; -o-transition: background-color 0.35s ease-in-out; -ms-transition: background-color 0.35s ease-in-out; transition: background-color 0.35s ease-in-out; -webkit-backface-visibility: hidden;} .carousel .forward:after, .carousel .backward:after { content: ''; width: 3em; height: 3em; position: absolute; top: 50%; margin: -1.5em 0 0 0; background: url("images/arrow.svg") no-repeat center center;} .carousel .forward:hover:before, .carousel .backward:hover:before { background-color: rgba(239, 131, 118, 0.75); } .carousel .forward { right: 0; } .carousel .forward:before { right: -3em; } .carousel .forward:after { right: -0.25em; } .carousel .backward { left: 0; } .carousel .backward:before { left: -3em; } .carousel .backward:after { left: -0.25em; -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .carousel .reel { white-space: nowrap; position: relative; -webkit-overflow-scrolling: touch; padding: 0 2em 0 2em; } .carousel .reel article header h3 { font-size: 28px; } .carousel article { display: inline-block; width: 18em; background: #fff; text-align: center; padding: 0 1em 0em 1em; margin: 0 2em 0 0; white-space: normal; opacity: 1.0; -moz-transition: opacity 0.75s ease-in-out; -webkit-transition: opacity 0.75s ease-in-out; -ms-transition: opacity 0.75s ease-in-out; transition: opacity 0.75s ease-in-out;} .carousel article.loading { opacity: 0; } .carousel article .image { position: relative; left: -1em; top: 0; width: auto; margin-right: -2em; margin-bottom: 1em; /*Odstęp tekstu od zdjęcia*/ } .carousel article p { text-align: center; } /* ------------- S T O P K A ----------------- */ ul { list-style: disc; margin: 0 0 2em 0; padding-left: 1em; } ul li { padding-left: 0.5em; } ul.icons { cursor: default; list-style: none; padding-left: 0; } ul.icons li { display: inline-block; padding: 0 1.25em 0 0; } ul.icons li:last-child { padding-right: 0; } ul.icons li .icon { color: inherit; } ul.icons li .icon:before { font-size: 1.75em; } #footer { background: #f0f0f0; padding: 4em 0 6em 0; text-align: center; } #footer .icons a { -moz-transition: opacity 0.2s ease-in-out; -webkit-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; opacity: 0.35; } #footer .icons a:hover { opacity: 0.75; } #footer .copyright { color: #999; font-size: 0.9em; line-height: 1em; margin: 2em 0 0 0; padding: 0; text-align: center;} .licznik { background: #f0f0f0; text-align: center; } /* ----------------------------------- K S I Ą Ż K I --------------------------------------- */ /* KSIĄŻKI 1 i 2 - BANNER */ #banner-ksiazki-1-2 { background-attachment: scroll, fixed; background-color: #666; background-image: url(""), url(""), url("../../images/overlay.png"), url("../../images/ksiazki/banner-ksiazki-1-i-2.jpg"); /* background-position: top left, center center; ułożenie baneru */ background-position: center -600px; background-repeat: repeat, no-repeat; background-size: auto, cover; text-align: center; padding: 30em 0 45em 0; /* 1 obniża część z tekstem, 3 obniża granicę zdjęcia */ } @media screen and (max-width: 1680px) { #banner-ksiazki-1-2 { background-position: center -450px; }} @media screen and (max-width: 1280px) { #banner-ksiazki-1-2 { background-position: center -350px; padding: 30em 0 25em 0; }} @media screen and (max-width: 1080px) { #banner-ksiazki-1-2 { background-position: center -250px; }} @media screen and (max-width: 840px) { #banner-ksiazki-1-2 { background-image: url(""), url(""), url("../../images/overlay.png"), url("../../images/ksiazki/banner-ksiazki-1-i-2b.jpg"); background-position: center -300px; }} @media screen and (max-width: 736px) { #banner-ksiazki-1-2 { background-position: center -150px; }} @media screen and (max-width: 500px) { #banner-ksiazki-1-2 { background-position: center -100px; }} /* MAIN - KSIĄŻKI 1 i 2 */ #main-ksiazki-1-2 { padding: 0 0 0 0; margin-top: -16em; margin-bottom: 0; width: 1600px; } #main-ksiazki-1-2 h2 { font-size: 2.5em; text-align: center; color: #303030; font-style: normal; line-height: 1.1em; margin-top: -0.5em; margin-bottom: 2em; } #main-ksiazki-1-2 p { font-size: 1.1em; text-align: left; color: #303030; font-style: normal; margin-top: 0.5em; margin-bottom: 2em; } #main-ksiazki-1-2 b { font-weight: bold; } #main-ksiazki-1-2 i { font-style: italic; } #main-ksiazki-1-2 a { color: #303030; text-decoration: none; } #main-ksiazki-1-2 a:hover { color: #0000DB; } @media screen and (max-width: 1680px) { #main-ksiazki-1-2 { margin-top: -30em; width: 1150px; } #main-ksiazki-1-2 h2 { font-size: 2.1em; } #main-ksiazki-1-2 h3 { font-size: 1.9em; } #main-ksiazki-1-2 p { font-size: 0.8em; }} @media screen and (max-width: 1450px) { #main-ksiazki-1-2 { margin-top: -40em; }} @media screen and (max-width: 1280px) { #main-ksiazki-1-2 { margin-top: -20em; width: 900px; }} @media screen and (max-width: 980px) { #main-ksiazki-1-2 { width: 800px; } #main-ksiazki-1-2 h2 { font-size: 1.9em; } #main-ksiazki-1-2 h3 { font-size: 1.7em; }} @media screen and (max-width: 840px) { #main-ksiazki-1-2 { width: 800px; } #main-ksiazki-1-2 h2 { font-size: 1.5em; } #main-ksiazki-1-2 h3 { font-size: 1.4em; }} @media screen and (max-width: 736px) { #main-ksiazki-1-2 h2 { font-size: 1.6em; line-height: 1.3em; margin-bottom: 0.6em; } #main-ksiazki-1-2 h3 { font-size: 1.4em; line-height: 1.3em; }} @media screen and (max-width: 500px) { #main-ksiazki-1-2 { margin-top: -32em; } #main-ksiazki-1-2 h2 { font-size: 2em; } #main-ksiazki-1-2 h3 { font-size: 1.8em; } #main-ksiazki-1-2 p { margin-bottom: 0; }} #ksiazki-dwie { float: left; width: 250px; margin-right: 1.5em; margin-bottom: 11em; margin-top: 0.5em; border-radius: 5px; } #ksiazki-dwie-top { width: 31px; margin-bottom: 3em; } @media screen and (max-width: 1680px) { #ksiazki-dwie { width: 394px; margin-left: 2.2em; margin-bottom: 3em; }} @media screen and (max-width: 1280px) { #ksiazki-dwie { width: 350px; margin-left: 0.5em;} #ksiazka-dwie-top { margin-bottom: 1em; }} @media screen and (max-width: 1080px) { #ksiazki-dwie { width: 340px; }} @media screen and (max-width: 980px) { #ksiazki-dwie { width: 300px; }} @media screen and (max-width: 840px) { #ksiazki-dwie { width: 270px; margin-left: 0;}} @media screen and (max-width: 800px) { #ksiazki-dwie { width: 250px; margin-left: -0.5em;}} @media screen and (max-width: 736px) { #ksiazki-dwie { width: 200px; } #ksiazka-dwie-top { margin-bottom: 1.5em; }} @media screen and (max-width: 600px) { #ksiazka-dwie-top { margin-bottom: 3em; }} @media screen and (max-width: 553px) { #ksiazki-dwie { width: 350px; margin-left: 2em; margin-bottom: 3em; }} @media screen and (max-width: 500px) { #ksiazki-dwie { width: 300px; margin-left: 0; margin-right: 0; }} /* KSIĄŻKA 1 SPRZ-NEG - BANNER */ #banner-ksiazka-1 { background-attachment: scroll, fixed; background-color: #666; background-image: url(""), url(""), url("../../images/overlay.png"), url("../../images/ksiazki/banner-ksiazka-1.jpg"); /* background-position: top left, center center; ułożenie baneru */ background-position: center -600px; background-repeat: repeat, no-repeat; background-size: auto, cover; text-align: center; padding: 30em 0 45em 0; /* 1 obniża część z tekstem, 3 obniża granicę zdjęcia */ } @media screen and (max-width: 1680px) { #banner-ksiazka-1 { background-position: center -400px; }} @media screen and (max-width: 1280px) { #banner-ksiazka-1 { padding: 30em 0 25em 0; }} @media screen and (max-width: 1080px) { #banner-ksiazka-1 { background-position: center -200px; }} @media screen and (max-width: 840px) { #banner-ksiazka-1 { background-image: url(""), url(""), url("../../images/overlay.png"), url("../../images/ksiazki/banner-ksiazka-1b.jpg"); background-position: center -100px; }} @media screen and (max-width: 736px) { #banner-ksiazka-1 { background-position: center -10px; }} @media screen and (max-width: 500px) { #banner-ksiazka-1 { background-position: center; }} /* MAIN - KSIĄŻKA 1 SPRZ-NEG */ #main-ksiazka-1 { padding: 0 0 0 0; margin-top: -16em; margin-bottom: 0; width: 1200px; } #main-ksiazka-1 h2 { font-size: 3em; text-align: center; color: #303030; font-style: normal; margin-top: -0.5em; margin-bottom: 0; } #main-ksiazka-1 h3 { font-size: 2.6em; text-align: center; color: #303030; font-style: normal; margin-top: -0.5em; margin-bottom: 1em; } #main-ksiazka-1 h4 { font-size: 2.6em; text-align: left; color: #303030; font-weight: bold; margin-top: -1em; margin-bottom: 0; } /* cena książki */ #main-ksiazka-1 h5 { font-size: 0.9em; text-align: left; color: #303030; font-style: normal; margin-top: 1em; margin-bottom: 0; } #main-ksiazka-1 td { font-size: 1.1em; text-align: left; color: #303030; font-style: normal; margin-top: 0; margin-bottom: 0; } #main-ksiazka-1 p { font-size: 1.1em; text-align: left; color: #303030; font-style: normal; margin-top: 0.5em; margin-bottom: 2em; } #main-ksiazka-1 b { font-weight: bold; } #main-ksiazka-1 i { font-style: italic; } @media screen and (max-width: 1680px) { #main-ksiazka-1 { margin-top: -30em; width: 1150px; } #main-ksiazka-1 h2 { font-size: 2.1em; } #main-ksiazka-1 h3 { font-size: 1.9em; } #main-ksiazka-1 h4 { font-size: 2.2em; } #main-ksiazka-1 h5 { font-size: 0.7em; } #main-ksiazka-1 p { font-size: 0.8em; } #main-ksiazka-1 td { font-size: 0.8em; }} @media screen and (max-width: 1450px) { #main-ksiazka-1 { margin-top: -40em; }} @media screen and (max-width: 1280px) { #main-ksiazka-1 { margin-top: -20em; width: 900px; } #main-ksiazka-1 td { font-size: 0.9em; } #main-ksiazka-1 h5 { font-size: 0.8em; }} @media screen and (max-width: 980px) { #main-ksiazka-1 { width: 800px; } #main-ksiazka-1 h2 { font-size: 1.9em; } #main-ksiazka-1 h3 { font-size: 1.7em; }} @media screen and (max-width: 840px) { #main-ksiazka-1 { width: 800px; } #main-ksiazka-1 h2 { font-size: 1.5em; } #main-ksiazka-1 h3 { font-size: 1.4em; } #main-ksiazka-1 h4 { margin-bottom: 0.5em; }} @media screen and (max-width: 736px) { #main-ksiazka-1 h2 { font-size: 1.6em; line-height: 1.3em; margin-bottom: 0.6em; } #main-ksiazka-1 h3 { font-size: 1.4em; line-height: 1.3em; }} @media screen and (max-width: 600px) { #main-ksiazka-1 h2 { font-size: 2em; margin-top: 15em; } #main-ksiazka-1 h3 { font-size: 1.8em; } #main-ksiazka-1 p { margin-bottom: 0; }} /* KSIĄŻKA 2 OPT - BANNER */ #banner-ksiazka-opt { background-attachment: scroll, fixed; background-color: #666; background-image: url(""), url(""), url("../../images/overlay.png"), url("../../images/ksiazki/banner-ksiazka-opt.jpg"); /* background-position: top left, center center; ułożenie baneru */ background-position: center -950px; background-repeat: repeat, no-repeat; background-size: auto, cover; text-align: center; padding: 30em 0 40em 0; /* 1 obniża część z tekstem, 3 obniża granicę zdjęcia */ } @media screen and (max-width: 1800px) { #banner-ksiazka-opt { padding: 30em 0 40em 0; background-position: center -850px; }} @media screen and (max-width: 1680px) { #banner-ksiazka-opt { padding: 30em 0 36em 0; background-position: center -800px; }} @media screen and (max-width: 1450px) { #banner-ksiazka-opt { padding: 30em 0 36em 0; background-position: center -650px; }} @media screen and (max-width: 1280px) { #banner-ksiazka-opt { padding: 30em 0 50em 0; background-position: center -500px; }} @media screen and (max-width: 1080px) { #banner-ksiazka-opt { padding: 30em 0 50em 0; background-position: center -400px; }} @media screen and (max-width: 980px) { #banner-ksiazka-opt { padding: 30em 0 50em 0; background-position: center -400px; }} @media screen and (max-width: 840px) { #banner-ksiazka-opt { padding: 30em 0 50em 0; background-position: center -350px; }} @media screen and (max-width: 736px) { #banner-ksiazka-opt { padding: 30em 0 50em 0; background-position: center -350px; }} @media screen and (max-width: 500px) { #banner-ksiazka-opt { padding: 30em 0 60em 0; background-position: center; }} /* KSIĄŻKA 3 DZIECI - BANNER */ #banner-ksiazka-dzieci { background-attachment: scroll, fixed; background-color: #666; background-image: url(""), url(""), url("../../images/overlay.png"), url("../../images/ksiazki/banner-ksiazka-dzieci.jpg"); /* background-position: top left, center center; ułożenie baneru */ background-position: center -550px; background-repeat: repeat, no-repeat; background-size: auto, cover; text-align: center; padding: 30em 0 40em 0; /* 1 obniża część z tekstem, 3 obniża granicę zdjęcia */ } @media screen and (max-width: 1680px) { #banner-ksiazka-dzieci { padding: 30em 0 36em 0; background-position: center -450px; }} @media screen and (max-width: 1450px) { #banner-ksiazka-dzieci { padding: 30em 0 36em 0; background-position: center -300px; }} @media screen and (max-width: 1280px) { #banner-ksiazka-dzieci { padding: 30em 0 50em 0; background-position: center -300px; }} @media screen and (max-width: 1080px) { #banner-ksiazka-dzieci { padding: 30em 0 50em 0; background-position: center -250px; }} @media screen and (max-width: 980px) { #banner-ksiazka-dzieci { padding: 30em 0 50em 0; background-position: center -200px; }} @media screen and (max-width: 840px) { #banner-ksiazka-dzieci { padding: 30em 0 50em 0; background-position: center -200px; }} @media screen and (max-width: 736px) { #banner-ksiazka-dzieci { padding: 30em 0 50em 0; background-position: center -150px; }} @media screen and (max-width: 500px) { #banner-ksiazka-dzieci { padding: 30em 0 60em 0; background-position: center; }} /* MAIN - KSIĄŻKA 2 OPT */ #main-ksiazka-opt { padding: 0 0 0 0; margin-top: -9em; margin-bottom: 0; width: 1200px; } #main-ksiazka-opt h2 { font-size: 3em; text-align: center; color: #303030; font-style: normal; margin-top: -0.5em; margin-bottom: 0; } #main-ksiazka-opt h3 { font-size: 2.6em; text-align: center; color: #303030; font-style: normal; margin-top: -0.5em; margin-bottom: 1em; } #main-ksiazka-opt h4 { font-size: 2.6em; text-align: left; color: #303030; font-weight: bold; margin-top: -1em; margin-bottom: 0; } /* cena książki */ #main-ksiazka-opt h5 { font-size: 0.9em; text-align: left; color: #303030; font-style: normal; margin-top: 1em; margin-bottom: 0; } #main-ksiazka-opt td { font-size: 1.1em; text-align: left; color: #303030; font-style: normal; margin-top: 0; margin-bottom: 0; } #main-ksiazka-opt p { font-size: 1.1em; text-align: left; color: #303030; font-style: normal; margin-top: 0.5em; margin-bottom: 2em; } #main-ksiazka-opt b { font-weight: bold; } #main-ksiazka-opt i { font-style: italic; } @media screen and (max-width: 1680px) { #main-ksiazka-opt { margin-top: -20em; width: 1150px; } #main-ksiazka-opt h2 { font-size: 2.1em; } #main-ksiazka-opt h3 { font-size: 1.9em; } #main-ksiazka-opt h4 { font-size: 2.2em; } #main-ksiazka-opt h5 { font-size: 0.7em; } #main-ksiazka-opt p { font-size: 0.8em; } #main-ksiazka-opt td { font-size: 0.8em; }} @media screen and (max-width: 1450px) { #main-ksiazka-opt { margin-top: -25em; }} @media screen and (max-width: 1280px) { #main-ksiazka-opt { margin-top: -40em; width: 900px; } #main-ksiazka-opt td { font-size: 0.9em; } #main-ksiazka-opt h5 { font-size: 0.8em; }} @media screen and (max-width: 1080px) { #main-ksiazka-opt { margin-top: -40em; width: 900px; }} @media screen and (max-width: 980px) { #main-ksiazka-opt { margin-top: -45em; width: 800px; } #main-ksiazka-opt h2 { font-size: 1.9em; } #main-ksiazka-opt h3 { font-size: 1.7em; }} @media screen and (max-width: 840px) { #main-ksiazka-opt { margin-top: -50em; width: 800px; } #main-ksiazka-opt h2 { font-size: 1.5em; } #main-ksiazka-opt h3 { font-size: 1.4em; } #main-ksiazka-opt h4 { margin-bottom: 0.5em; }} @media screen and (max-width: 736px) { #main-ksiazka-opt { margin-top: -50em; } #main-ksiazka-opt h2 { font-size: 1.6em; line-height: 1.3em; margin-bottom: 0.6em; } #main-ksiazka-opt h3 { font-size: 1.4em; line-height: 1.3em; }} @media screen and (max-width: 635px) { #main-ksiazka-opt p { margin-bottom: 0; }} @media screen and (max-width: 580px) { #ksiazka-opt-1 { width: 300px; margin-left: 4em; margin-right: 4em; } #main-ksiazka-opt h2 { font-size: 2em; margin-top: 15em; } #main-ksiazka-opt h3 { font-size: 1.8em; }} #ksiazka-1 { float: left; width: 394px; margin-right: 1.5em; margin-bottom: 0; margin-top: 0.5em; border-radius: 5px; } #ksiazka-top { width: 31px; } #ksiazka_opt_tabela { width: 150px; } #ksiazka-gwiazdki { width: 98px; } #zamowienie_img { margin-top: 2em; } @media screen and (max-width: 1280px) { #ksiazka-1 { width: 350px; } #ksiazka-top { margin-bottom: 1em; } #ksiazka_opt_tabela { width: 110px; }} @media screen and (max-width: 1080px) { #ksiazka-1 { width: 340px; }} @media screen and (max-width: 840px) { #ksiazka-1 { width: 300px; } #ksiazka-gwiazdki { width: 60px; }} @media screen and (max-width: 736px) { #ksiazka-1 { width: 200px; } #ksiazka-top { margin-bottom: 1.5em; }} @media screen and (max-width: 600px) { #ksiazka-1 { width: 350px; margin-left: 2em; margin-bottom: 3em; } #ksiazka-top { margin-bottom: 3em; } #ksiazka-gwiazdki { width: 70px; }} @media screen and (max-width: 500px) { #ksiazka-1 { width: 300px; margin-left: 0; margin-right: 0; } #ksiazka_opt_tabela { width: 130px; }} /* O AUTORZE */ #main-ksiazka-autor { padding: 0 0 0 0; margin-top: -8em; margin-bottom: 6em; width: 1200px; } #main-ksiazka-autor h4 { font-size: 1.1em; text-align: left; color: #303030; font-style: normal; font-style: italic; margin-top: -1em; margin-bottom: 2em; } /* cytat */ #main-ksiazka-autor h5 { font-size: 1em; text-align: left; color: #303030; font-style: normal; margin-top: 0.5em; margin-bottom: 2em; } /* o autorze */ #main-ksiazka-autor p { font-size: 1.1em; text-align: left; color: #303030; font-style: normal; margin-top: 0.5em; margin-bottom: 2em; } #main-ksiazka-autor b { font-weight: bold; } #main-ksiazka-autor i { font-style: italic; } @media screen and (max-width: 1680px) { #main-ksiazka-autor { margin-top: -8.5em; width: 1150px; } #main-ksiazka-autor h4 { font-size: 0.9em; } #main-ksiazka-autor h5 { font-size: 0.8em; } #main-ksiazka-autor p { font-size: 0.9em; }} @media screen and (max-width: 1280px) { #main-ksiazka-autor { width: 900px; }} @media screen and (max-width: 1080px) { #main-ksiazka-autor { width: 900px; }} @media screen and (max-width: 980px) { #main-ksiazka-autor { width: 800px; }} @media screen and (max-width: 840px) { #main-ksiazka-autor { width: 800px; }} @media screen and (max-width: 635px) { #main-ksiazka-autor h4 { margin-top: 0.7em; } #main-ksiazka-autor p { margin-bottom: 0; }} @media screen and (max-width: 500px) { #main-ksiazka-autor h4 { margin-top: 0.7em; }} #ksiazka-orange-1 { float: left; width: 1px; height: 110px; margin-right: 2em; } #ksiazka-orange-2 { float: left; width: 1px; height: 110px; margin-right: 2em; } #tk-opt-ksiazka { float: right; width: 164px; margin-left: 2.7em; border-radius: 5px; } #ksiazka-opt-logo-optyka { float: right; width: 145px; margin-left: 2em; border-radius: 5px; } @media screen and (max-width: 1680px) { #ksiazka-opt-logo-optyka { width: 150px; }} @media screen and (max-width: 1280px) { #ksiazka-opt-2 { width: 250px; } #ksiazka-opt-logo-optyka { width: 120px; } #ksiazka-orange-1 { height: 100px; } #ksiazka-orange-2 { height: 100px; }} @media screen and (max-width: 980px) { #ksiazka-opt-logo-optyka { width: 150px; } #tk-opt-ksiazka { width: 140px; }} @media screen and (max-width: 840px) { #ksiazka-opt-logo-optyka { width: 100px; } #tk-opt-ksiazka { width: 120px; } #ksiazka-orange-1 { height: 95px; } #ksiazka-orange-2 { height: 95px; }} @media screen and (max-width: 635px) { #ksiazka-opt-2 { display: none; }} @media screen and (max-width: 500px) { #ksiazka-opt-logo-optyka { width: 120px; } #ksiazka-orange-1 { height: 130px; margin-right: 1em; }} /* FOTO AUTORA Z KSIĄŻKĄ */ #main-ksiazka-opt-autor-z-ksiazka { padding: 0 0 0 0; margin-top: 6em; margin-bottom: 0; width: 642px; } #foto_autor_z_ksiazka { width: 521px; display: block; margin-left: auto; margin-right: auto; border-radius: 5px; } @media screen and (max-width: 1680px) { #main-ksiazka-opt-autor-z-ksiazka { width: 665px; }} @media screen and (max-width: 1280px) { #main-ksiazka-opt-autor-z-ksiazka { width: 600px; } #foto_autor_z_ksiazka { width: 500px; }} @media screen and (max-width: 980px) { #main-ksiazka-opt-autor-z-ksiazka { width: 540px; } #foto_autor_z_ksiazka { width: 450px; }} @media screen and (max-width: 840px) { #foto_autor_z_ksiazka { width: 400px; }} @media screen and (max-width: 736px) { #main-ksiazka-opt-autor-z-ksiazka { margin-top: -5em; }} @media screen and (max-width: 500px) { #main-ksiazka-opt-autor-z-ksiazka { margin-top: -5em; } #foto_autor_z_ksiazka { width: 300px; }} /* SPIS TREŚCI */ #main-ksiazka-opt-spis-tresci { padding: 0 0 0 0; margin-top: 6em; margin-bottom: 0; width: 1000px; } #main-ksiazka-opt-spis-tresci h2 { font-size: 1em; margin: 0 0 0 0; text-align: left; color: #AFAFFF; } /* autor */ #main-ksiazka-opt-spis-tresci h3 { font-size: 2.4em; font-style: normal; text-align: left; margin-bottom: 1em; margin-top: 0.7em; } /* spis treści */ #main-ksiazka-opt-spis-tresci h5 { font-size: 1em; color: #777; font-style: normal; left; cursor:pointer; margin-top: 0.5em; margin-bottom: 2em; text-align: } /* więcej */ #main-ksiazka-opt-spis-tresci p { font-size: 1em; color: #777; font-style: normal; text-align: left; margin: 0 0 2em 0; padding: 0 0 0 0; } #main-ksiazka-opt-spis-tresci b { font-weight: bold; } #main-ksiazka-opt-spis-tresci a { font-size: 0.9em; color: #AFAFFF; font-style: normal; margin-bottom: 0; } @media screen and (max-width: 1680px) { #main-ksiazka-opt-spis-tresci h2 { font-size: 0.8em; } #main-ksiazka-opt-spis-tresci h3 { font-size: 2.1em; } #main-ksiazka-opt-spis-tresci h5 { font-size: 0.8em; } #main-ksiazka-opt-spis-tresci p { font-size: 0.8em; }} @media screen and (max-width: 1280px) { #main-ksiazka-opt-spis-tresci { width: 900px; }} @media screen and (max-width: 980px) { #main-ksiazka-opt-spis-tresci { width: 800px; }} @media screen and (max-width: 736px) { #main-ksiazka-opt-spis-tresci { margin-top: 0; }} @media screen and (max-width: 500px) { #main-ksiazka-opt-spis-tresci { margin-top: 0; } #ksiazka_spis_tresci_strz { margin-left: 0; }} #ksiazka-1-spis-tresci { width: 310px; } /* foto książki */ #ksiazka-2-opt-spis-tresci { width: 351px; float: right; margin-left: 2em; border-radius: 5px; } #ksiazka_spis_tresci_strz { margin-left: 1em; } @media screen and (max-width: 1280px) { #ksiazka-1-spis-tresci { width: 250px; } #ksiazka-2-opt-spis-tresci { width: 250px; }} @media screen and (max-width: 980px) { #ksiazka-1-spis-tresci { width: 220px; }} @media screen and (max-width: 840px) { #ksiazka-1-spis-tresci { width: 200px; }} @media screen and (max-width: 736px) { #ksiazka-1-spis-tresci { width: 150px; }} @media screen and (max-width: 635px) { #ksiazka-2-opt-spis-tresci { display: none; }} @media screen and (max-width: 500px) { #ksiazka-1-spis-tresci { display: none; }} /* DRUGA KSIĄŻKA na dole strony */ #main-druga-ksiazka { padding: 0 0 0 0; margin-top: 6em; margin-bottom: 0; width: 1050px; } #main-druga-ksiazka h1 { font-size: 1.2em; font-family: "Verdana", sans-serif; color: #009; margin-top: 0; margin-bottom: 2em; text-align: left; } #main-druga-ksiazka h2 { font-size: 2.5em; text-align: left; color: #303030; font-style: normal; line-height: 1.3em; margin-top: 0; margin-bottom: 1em; } #main-druga-ksiazka h3 { font-size: 2em; text-align: left; color: #303030; font-weight: bold; margin-top: 0; margin-bottom: 1em; } /* cena książki */ #main-druga-ksiazka p { font-size: 1.1em; text-align: left; color: #303030; font-style: normal; margin-top: 0; margin-bottom: 0; } #main-druga-ksiazka td { font-size: 1.1em; text-align: left; color: #303030; font-style: normal; margin-top: 0; margin-bottom: 0; } #main-druga-ksiazka b { font-weight: bold; } @media screen and (max-width: 1680px) { #main-druga-ksiazka h1 { font-size: 1em; } #main-druga-ksiazka h2 { font-size: 1.9em; } #main-druga-ksiazka p { font-size: 0.8em; }} @media screen and (max-width: 1280px) { #main-druga-ksiazka { width: 950px; } #main-druga-ksiazka h1 { font-size: 1.1em; } #main-druga-ksiazka h2 { font-size: 2em; } #main-druga-ksiazka p { font-size: 1em; }} @media screen and (max-width: 1080px) { #main-druga-ksiazka { width: 900px;} #main-druga-ksiazka h2 { font-size: 1.9em; } #main-druga-ksiazka p { font-size: 0.9em; }} @media screen and (max-width: 980px) { #main-druga-ksiazka { width: 800px; } #main-druga-ksiazka h1 { font-size: 1em; } #main-druga-ksiazka h2 { font-size: 1.9em; } #main-druga-ksiazka h3 { font-size: 1.8em; }} @media screen and (max-width: 840px) { #main-druga-ksiazka h1 { margin-top: -0.5em; } #main-druga-ksiazka h2 { font-size: 1.5em; }} @media screen and (max-width: 736px) { #main-druga-ksiazka { margin-top: 1em; margin-bottom: -0.5em; } #main-druga-ksiazka h3 { font-size: 1.6em; }} @media screen and (max-width: 650px) { #main-druga-ksiazka h2 { font-size: 1.5em; } #main-druga-ksiazka h3 { font-size: 1.3em; }} @media screen and (max-width: 500px) { #main-druga-ksiazka { margin-top: 0; } #main-druga-ksiazka h1 { font-size: 1.2em; } #main-druga-ksiazka h2 { font-size: 1.7em; } #main-druga-ksiazka h3 { margin-top: 0; }} #druga_ksiazka { width: 330px; margin-right: 3em; margin-bottom: 3em; } #ksiazka-top-druga-ksiazka { width: 31px; } @media screen and (max-width: 1280px) { #ksiazka-top-druga-ksiazka { margin-bottom: 1em; } } @media screen and (max-width: 1080px) { #druga_ksiazka { width: 300px; }} @media screen and (max-width: 980px) { #druga_ksiazka { width: 200px; margin-bottom: 10em; }} @media screen and (max-width: 840px) { #druga_ksiazka { margin-bottom: 13em; }} @media screen and (max-width: 736px) { #druga_ksiazka { width: 140px; margin-bottom: 3em; } #ksiazka-top-druga-ksiazka { margin-bottom: 1.5em; }} @media screen and (max-width: 650px) { #druga_ksiazka { margin-bottom: 7em; width: 120px; }} @media screen and (max-width: 640px) { #druga_ksiazka { margin-bottom: 8em; } #ksiazka-top-druga-ksiazka { margin-bottom: 3em; }} @media screen and (max-width: 610px) { #druga_ksiazka { margin-bottom: 3em; }} @media screen and (max-width: 500px) { #druga_ksiazka { width: 100px; margin-bottom: 4em; margin-right: 1.5em; } #ksiazka-top-druga-ksiazka { margin-bottom: 0; }} /* WPROWADZENIE KSIAZKA 1 */ #main-ksiazka-wprowadzenie { padding: 0 0 0 0; margin-top: 6em; margin-bottom: 0; width: 1050px; } #main-ksiazka-wprowadzenie h2 { font-size: 1em; margin: 0 0 0 0; text-align: right; color: #AFAFFF; } #main-ksiazka-wprowadzenie h3 { font-size: 1.1em; margin: 0 0 0 0; text-align: right; margin-top: 2.4em; margin-bottom: 2.4em;} /* cytat */ #main-ksiazka-wprowadzenie h3 i { font-style: italic; } #main-ksiazka-wprowadzenie p { font-size: 1.1em; color: #777; text-align: left; margin: 0 0 2em 0; padding: 0 0 0 0; } #main-ksiazka-wprowadzenie i { font-style: italic; } #ksiazka-wprowadzenie { width: 387px; margin-right: 1em; margin-bottom: 1em; } @media screen and (max-width: 1680px) { #main-ksiazka-wprowadzenie h2 { font-size: 0.8em; } #main-ksiazka-wprowadzenie h3 { font-size: 0.8em; } #main-ksiazka-wprowadzenie p { font-size: 0.8em; }} @media screen and (max-width: 1280px) { #main-ksiazka-wprowadzenie { width: 1050px; } #main-ksiazka-wprowadzenie h3 { font-size: 0.9em; } #main-ksiazka-wprowadzenie p { font-size: 0.9em; } #ksiazka-wprowadzenie { margin-right: 2em; }} @media screen and (max-width: 1080px) { #main-ksiazka-wprowadzenie { width: 900px; }} @media screen and (max-width: 980px) { #main-ksiazka-wprowadzenie { width: 800px; } #ksiazka-wprowadzenie { width: 300px; margin-bottom: 2em; }} @media screen and (max-width: 840px) { #ksiazka-wprowadzenie { width: 280px; margin-right: 0; } #main-ksiazka-wprowadzenie h3 { font-size: 0.8em; }} @media screen and (max-width: 736px) { #main-ksiazka-wprowadzenie { margin-top: -5em; } #ksiazka-wprowadzenie { width: 280px; }} @media screen and (max-width: 500px) { #main-ksiazka-wprowadzenie { margin-top: 3em; } #main-ksiazka-wprowadzenie h3 { font-size: 0.8em; margin-left: -1em;} #ksiazka-wprowadzenie { width: 300px; }} /* ZAMÓWIENIE */ #main-zamowienie { padding: 0 0 0 0; margin-top: -2em; background-color: #FFF; width: 1050px; } #main-zamowienie-h1 { margin-top: 2em; font-size: 3em; color: #646464; text-align: center; letter-spacing: -0.035em; } #main-zamowienie-h2 { margin-top: 1.5em; margin-bottom: -1em; font-size: 1.5em; text-align: center; } #main-zamowienie b { font-weight: bold; } @media screen and (max-width: 1680px) { #main-zamowienie-h1 { font-size: 2.2em; margin-top: 3em; } #main-zamowienie-h2 { font-size: 1.2em; }} @media screen and (max-width: 1080px) { #main-zamowienie { width: 900px; }} @media screen and (max-width: 980px) { #main-zamowienie { width: 800px; }} @media screen and (max-width: 840px) { #main-zamowienie h3 { font-size: 0.9em; margin-top: 1em; }} @media screen and (max-width: 736px) { #main-zamowienie { width: 90%; } #main-zamowienie-h1 { margin-top: 1em; } #main-zamowienie h3 { margin-right: 15em; }} @media screen and (max-width: 500px) { #main-zamowienie-h1 { font-size: 2em; margin-top: 1.5em; margin-left: -2em; margin-right: -2em; } #main-zamowienie h3 { margin-right: 10em; }} #ksiazka1 { width: 137px; margin-right: 1em; } #ksiazka2 { display: none; } #ksiazki-dwie-1 { width: 240px; margin-right: 1em; } #ksiazki-dwie-2 { display: none; } @media screen and (max-width: 1080px) { #ksiazki-dwie-1 { width: 200px; }} @media screen and (max-width: 840px) { #ksiazka1 { display: none; } #ksiazka2 { display: inline; width: 137px; margin-top: -2em; } #ksiazki-dwie-1 { display: none; } #ksiazki-dwie-2 { display: inline; width: 200px; margin-top: 2em; }} #tabela-zamowienie { font-size: 1.2em; margin-top: 2.5em; width: 90%; margin-left: 3em; } /* duża 980-1680 */ #tabela-zamowienie-2 { display: none; } /* mała 480-840 */ #tabela-zamowienie-wypelnienie { margin-top: 2.5em; width: 90%; margin-left: 3em; } @media screen and (max-width: 1680px) { #tabela-zamowienie { font-size: 0.9em; }}} @media screen and (max-width: 1280px) { #tabela-zamowienie { font-size: 1em; }} @media screen and (max-width: 980px) { #tabela-zamowienie { width: 100%; }} @media screen and (max-width: 840px) { #tabela-zamowienie { display: none; } #tabela-zamowienie-2 { display: table; width: 100%; margin-top: 2em; margin-left: 0; margin-right: 0;}} @media screen and (max-width: 736px) { #tabela-zamowienie-2 { display: table; width: 150%; margin-top: 2em; margin-left: -2em;margin-right: -2em;} #tabela-zamowienie-wypelnienie { margin-left: -2em; width: 105%; }} @media screen and (max-width: 500px) { #tabela-zamowienie-2 { display: table; width: 120%; margin-top: 2em; margin-left: -2em;margin-right: -2em;} #tabela-zamowienie-wypelnienie { width: 117%; }} #td-1 { font-size: 0.8em; width: 200px; vertical-align: middle; } #td-2 { vertical-align: top; font-size: 1em; font-style: italic; text-align: right; } #td-3 { width: 200px; vertical-align: middle; font-size: 1em; } #td-4 { font-size: 1.6em; color: #909090; letter-spacing: -0.035em; line-height: 3em; } #td-5 { font-size: 1.1em; } /* suma w zamówieniu dwóch książek */ #td-6 { font-size: 1.5em; } /* suma w zamówieniu dwóch książek */ #do-platnosci { font-size: 0.8em; line-height: 1.4em; } #do-platnosci i { font-style: italic; } @media screen and (max-width: 1680px) { #td-1 { font-size: 0.9em; } #td-3 { font-size: 0.9em; } #do-platnosci { font-size: 0.7em; }} @media screen and (max-width: 1280px) { #td-1 { font-size: 0.9em; } #td-3 { font-size: 0.9em; } #do-platnosci { font-size: 0.8em; }} @media screen and (max-width: 1080px) { #td-1 { width: 130px; }} @media screen and (max-width: 736px) { #td-3 { width: 130px;}} @media screen and (max-width: 500px) { #td-1 { width: 100px; }} .komorka-1 { width: 100%; } .komorka-2 { width: 50%; } .komorka-3 { width: 75%; } .komorka-4 { width: 25%; } .komorka-5 { width: 80px; } #komorka-6 { width: 615px; margin-bottom: 0.5em; } .komorka-7 { width: 473px; } .komorka-8 { width: 160px; } #fv { text-align: center; margin-top: 0.7em; } #chce_fv { font-size: 0.8em;} #sklep-prawo { margin-top: -3em; margin-bottom: -4em; } #sklep-prawo p { font-family: "Source Sans Pro", sans-serif; font-size: 0.9em; color: #303030; margin-bottom: 3em; line-height: 1em; } #recaptcha-sklep { margin-top: 3em; } @media screen and (max-width: 1280px) { #komorka-6 { width: 504px; } .komorka-7 { width: 375px; } .komorka-8 { width: 128px; }} @media screen and (max-width: 980px) { #komorka-6 { width: 100%; } .komorka-7 { width: 75%; } .komorka-8 { width: 25%; }} @media screen and (max-width: 840px) { #komorka-6 { width: 100%; } .komorka-7 { width: 75%; } .komorka-8 { width: 25%; }} @media screen and (max-width: 736px) { .komorka-2 { width: 100%; } .komorka-3 { width: 100%; } .komorka-4 { width: 100%; } .komorka-7 { width: 100%; } .komorka-8 { width: 100%; }} @media screen and (max-width: 500px) { .komorka-2 { width: 100%; } .komorka-3 { width: 100%; } .komorka-4 { width: 100%; } .komorka-7 { width: 100%; } .komorka-8 { width: 100%; }} /* ZAMÓWIENIE PROMOCYJNE */ .ukosne-przekreslenie { position: relative; display: inline-block; } .ukosne-przekreslenie::after { left: -30%; top: 50%; width: 170%; height: 2px; background: red; content: ""; position: absolute; transform: rotate(-20deg); transform-origin: center; } /* top - na jakiej wysokości, rotate(-20deg) - kąt linii, height - grubość, background - kolor */ /* POTWIERDZENIE ZAMÓWIENIA */ #main-potwierdzenie-zamowienia { padding: 0 0 0 0; margin-top: 2em; margin-bottom: 2em; background-color: #FFF; width: 1300px; } #main-potwierdzenie-zamowienia h1 { font-size: 2.2em; padding-top: 2em; padding-bottom: 2em; text-align: center; } #main-potwierdzenie-zamowienia h2 { font-size: 1.4em; padding-bottom: 3em; text-align: center; } #main-potwierdzenie-zamowienia h3 { font-size: 1em; padding-bottom: 5em; text-align: center; line-height: 1.5em; } @media screen and (max-width: 1680px) { #main-potwierdzenie-zamowienia { width: 1100px; } #main-potwierdzenie-zamowienia h1 { font-size: 1.7em; } #main-potwierdzenie-zamowienia h2 { font-size: 0.9em; } #main-potwierdzenie-zamowienia h3 { font-size: 0.7em; } #main-potwierdzenie-opinia h2 { font-size: 0.9em; }} @media screen and (max-width: 1280px) { #main-potwierdzenie-zamowienia { width: 900px; } #main-potwierdzenie-zamowienia h3 { font-size: 0.9em; }} @media screen and (max-width: 980px) { #main-potwierdzenie-zamowienia { width: 800px; }} @media screen and (max-width: 736px) { #main-potwierdzenie-zamowienia h1 { margin-left: 2em; margin-right: 0; } #main-potwierdzenie-zamowienia h2 { margin-top: 2em; }} @media screen and (max-width: 500px) { #main-potwierdzenie-zamowienia h1 { margin-left: 0; margin-right: 0; } #main-potwierdzenie-opinia h1 { font-size: 2em; }} /* foto książki */ #potwierdzenie_zamowienia_ksiazka_1 { width: 179px; margin-left: 4em; margin-top: 1em; } #potwierdzenie_zamowienia_ksiazka_2_opt { width: 220px; margin-left: 4em; margin-top: 1em; } #potwierdzenie_zamowienia_ksiazki_1_i_2 { width: 200px; margin-left: 4em; margin-top: 1em; margin-bottom: 0; } @media screen and (max-width: 1680px) { #potwierdzenie_zamowienia_ksiazka_1 { width: 140px; }} @media screen and (max-width: 1480px) { #potwierdzenie_zamowienia_ksiazki_1_i_2 { margin-bottom: 4em; }} @media screen and (max-width: 1280px) { #potwierdzenie_zamowienia_ksiazka_2_opt { width: 150px; }} @media screen and (max-width: 840px) { #potwierdzenie_zamowienia_ksiazka_1 { display: none; } #potwierdzenie_zamowienia_ksiazka_2_opt { display: none; } #potwierdzenie_zamowienia_ksiazki_1_i_2 { display: none; }} /* POTWIERDZENIE PŁATNOŚCI */ #main-potwierdzenie { padding: 0 0 0 0; margin-top: 2em; margin-bottom: 2em; background-color: #FFF; width: 1300px; } #main-potwierdzenie h1 { font-size: 2.2em; padding-top: 2em; padding-bottom: 2em; text-align: center; } #main-potwierdzenie h2 { font-size: 1.4em; padding-bottom: 3em; text-align: center; } #main-potwierdzenie h3 { font-size: 1em; padding-bottom: 5em; text-align: center; line-height: 1.5em; } @media screen and (max-width: 1680px) { #main-potwierdzenie { width: 1100px; } #main-potwierdzenie h1 { font-size: 1.7em; } #main-potwierdzenie h2 { font-size: 1em; } #main-potwierdzenie h3 { font-size: 0.7em; }} @media screen and (max-width: 1280px) { #main-potwierdzenie { width: 900px; }} @media screen and (max-width: 980px) { #main-potwierdzenie { width: 800px; }} @media screen and (max-width: 840px) { #main-potwierdzenie { }} @media screen and (max-width: 736px) { #main-potwierdzenie h1 { margin-left: 2em; margin-right: 0; } #main-potwierdzenie h2 { margin-top: 2em; }} @media screen and (max-width: 500px) { #main-potwierdzenie h1 { margin-left: 0; margin-right: 0; }} #main-potwierdzenie-platnosci { padding: 0 0 0 0; margin-top: 2em; margin-bottom: 2em; background-color: #FFF; width: 1300px; } #main-potwierdzenie-platnosci h1 { font-size: 2.2em; padding-top: 2em; padding-bottom: 2em; text-align: center; } #main-potwierdzenie-platnosci h2 { font-size: 1.4em; padding-bottom: 3em; text-align: center; } #main-potwierdzenie-platnosci h3 { font-size: 1em; padding-bottom: 5em; text-align: center; line-height: 1.5em; } @media screen and (max-width: 1680px) { #main-potwierdzenie-platnosci { width: 1100px; } #main-potwierdzenie-platnosci h1 { font-size: 1.5em; } #main-potwierdzenie-platnosci h2 { font-size: 1em; } #main-potwierdzenie-platnosci h3 { font-size: 0.7em; }} @media screen and (max-width: 1280px) { #main-potwierdzenie-platnosci { width: 900px; }} @media screen and (max-width: 980px) { #main-potwierdzenie-platnosci { width: 800px; }} @media screen and (max-width: 736px) { #main-potwierdzenie-platnosci h1 { margin-left: 2em; margin-right: 0; } #main-potwierdzenie-platnosci h2 { margin-top: 2em; }} @media screen and (max-width: 500px) { #main-potwierdzenie-platnosci h1 { margin-left: 0; margin-right: 0; }} /* 1280 - zmniejsza się czcionka menu TOP | 1080 - zmniejsza się logo | 840 - top-menu idzie na lewo */ /* --------------------------------------- KSIĄŻKA --------------------------------------------- */ #banner-ksiazka { background-attachment: scroll, fixed; background-color: #666; background-image: url(""), url(""), url("../../images/overlay.png"), url("../../images/banner-ksiazka.jpg"); background-position: top left, center center; /* ułożenie baneru */ background-repeat: repeat, no-repeat; background-size: auto, cover; text-align: center; padding: 30em 0 36em 0; } @media screen and (max-width: 1680px) { #banner-ksiazka { padding: 30em 0 15em 0; }} @media screen and (max-width: 1080px) { #banner-ksiazka { padding-bottom: 15em;}} #main-ksiazka { padding: 0 0 0 0; margin-top: 2em; margin-bottom: 6em; width: 1200px; } #main-ksiazka h2 { font-size: 3em; text-align: center; color: #777; font-style: normal; margin-top: -0.5em; margin-bottom: 0; } #main-ksiazka h3 { font-size: 2.6em; text-align: center; color: #777; font-style: normal; margin-top: -0.5em; margin-bottom: 1em; } #main-ksiazka h4 { font-size: 1.1em; text-align: left; color: #777; font-style: normal; font-style: italic; margin-top: 0.5em; margin-bottom: 2em; margin-top: -0.8em; margin-bottom: 4em; } /* cytat */ #main-ksiazka h5 { font-size: 1em; text-align: left; color: #777; font-style: normal; margin-top: 0.5em; margin-bottom: 2em; } /* o autorze */ #main-ksiazka p { font-size: 1.1em; text-align: left; color: #777; font-style: normal; margin-top: 0.5em; margin-bottom: 2em; } #main-ksiazka p4 { font-size: 0.9em; color: #777; font-style: normal; margin-top: 0.5em; margin-bottom: 2em; text-align: left; } #main-ksiazka p5 { font-size: 0.8em; color: #B0B0B0; font-style: normal; text-align: left; margin: 0 0 0 0; padding: 0 0 0 0; } #main-ksiazka b { font-weight: bold; } #main-ksiazka i { font-style: italic; } #ksiazka1 { float: left; width: 169px; margin-right: 1.5em; margin-bottom: 2em; margin-top: 0.5em; border-radius: 5px; } #tk-canary-ksiazka { float: right; width: 173px; margin-left: 2.7em; border-radius: 5px; } #ksiazka_opinie_gosc { float: left; margin-right: 1em; } #ksiazka-orange { float: left; width: 1px; height: 100px; margin-right: 3em; } @media screen and (max-width: 1680px) { #main-ksiazka { width: 1050px; } #main-ksiazka h2 { font-size: 2.5em; } #main-ksiazka h3 { font-size: 2.3em; } #main-ksiazka h4 { font-size: 0.9em; } #main-ksiazka h5 { font-size: 0.8em; } #main-ksiazka p { font-size: 0.9em; }} @media screen and (max-width: 1280px) { #main-ksiazka { width: 1050px; }} @media screen and (max-width: 1080px) { #main-ksiazka { width: 940px; }} @media screen and (max-width: 980px) { #main-ksiazka { width: 800px; } #tk-canary-ksiazka { width: 130px; }} @media screen and (max-width: 840px) { #ksiazka1 { width: 140px; margin-bottom: 1em; } #main-ksiazka h2 { font-size: 2.2em;} #main-ksiazka h4 { margin-bottom: 3em; } #main-ksiazka p { font-size: 0.8em; }} @media screen and (max-width: 736px) { #main-ksiazka { margin-top: -5.2em; } #main-ksiazka h2 { line-height: 1.3em; margin-bottom: 1em; margin-top: 0; }} @media screen and (max-width: 635px) { #main-ksiazka p { margin-bottom: 0; } #tk-canary-ksiazka { display: none; }} @media screen and (max-width: 500px) { #main-ksiazka h2 { font-size: 2.2em; } #main-ksiazka h4 { margin-top: 0.1em; } #ksiazka1 { width: 140px; }} #main-ksiazka-dedykacja-1 { padding: 0 0 0 0; margin-top: 6em; margin-bottom: 6em; width: 900px; } #main-ksiazka-dedykacja-1 h2 { text-align: left; font-size: 1.6em; color: #777; text-align: center; margin-top: 0; margin-bottom: 0.5em; line-height: 1.4em; } #main-ksiazka-dedykacja-1 b { font-weight: bold; } #icon_down_ksiazka_z_dedykacja_1 { margin-left: 270px; margin-top: 1em; } #ksiazka_z_dedykacja_1 { float: left; width: 249px; margin-top: -1.8em; } @media screen and (max-width: 1280px) { #main-ksiazka-dedykacja-1 h2 { font-size: 2em; }} @media screen and (max-width: 980px) { #main-ksiazka-dedykacja-1 { width: 800px; } #icon_down_ksiazka_z_dedykacja_1 { margin-left: 240px; } #ksiazka_z_dedykacja_1 { width: 230px; }} @media screen and (max-width: 840px) { #main-ksiazka-dedykacja-1 h2 { font-size: 1.6em; } #icon_down_ksiazka_z_dedykacja_1 { margin-left: 32%; } #ksiazka_z_dedykacja_1 { width: 200px; margin-top: -1em; }} @media screen and (max-width: 736px) { #main-ksiazka-dedykacja-1 { margin-top: -5em; } #main-ksiazka-dedykacja-1 h2 { font-size: 1.5em; } #icon_down_ksiazka_z_dedykacja_1 { display: none; }} @media screen and (max-width: 635px) { #ksiazka_z_dedykacja_1 { width: 150px; } #main-ksiazka-dedykacja-1 h2 { font-size: 1.2em; }} @media screen and (max-width: 500px) { #main-ksiazka-dedykacja-1 h2 { font-size: 1.6em; margin-left: -1em; margin-right: -1em; margin-bottom: 1em; } #ksiazka_z_dedykacja_1 { width: 249px; margin-left: 5em; margin-right: 5em; margin-bottom: 2em; } #icon_down_ksiazka_z_dedykacja_1 { display: inline; margin-left: 45%;}} .image.opinie-gosc { float: left; padding: 0.7em 1em 0 0; } .image.opinie-lubimyczytac-right { float: right; margin-top: -0.3em; } #opinie-right-lubimyczytac { width: 117px; } #opinie-right-ridero { width: 108px; } #main-ksiazka-wprowadzenie { padding: 0 0 0 0; margin-top: 6em; margin-bottom: 0; width: 1250px; } #main-ksiazka-wprowadzenie h2 { font-size: 0.8em; margin: 0 0 0 0; text-align: right; color: #AFAFFF; } #main-ksiazka-wprowadzenie h3 { font-size: 0.9em; margin: 0 0 0 0; text-align: right; margin-top: 2.4em; margin-bottom: 2.4em;} #main-ksiazka-wprowadzenie h3 i { font-style: italic; } #main-ksiazka-wprowadzenie p { font-size: 0.9em; color: #777; text-align: left; margin: 0 0 2em 0; padding: 0 0 0 0; } #main-ksiazka-wprowadzenie i { font-style: italic; } #ksiazka2 { width: 387px; margin-right: 1em; margin-bottom: 1em; } @media screen and (max-width: 1280px) { #main-ksiazka-wprowadzenie { width: 1050px; } #ksiazka2 { margin-right: 2em; }} @media screen and (max-width: 1080px) { #main-ksiazka-wprowadzenie { width: 940px; }} @media screen and (max-width: 980px) { #main-ksiazka-wprowadzenie { width: 800px; } #ksiazka2 { width: 300px; margin-bottom: 2em; }} @media screen and (max-width: 840px) { #ksiazka2 { width: 280px; margin-right: 0; } #main-ksiazka-wprowadzenie h3 { font-size: 0.8em; } } @media screen and (max-width: 736px) { #main-ksiazka-wprowadzenie { margin-top: -5em; } #ksiazka2 { width: 280px; }} @media screen and (max-width: 500px) { #ksiazka2 { width: 387px; } #main-ksiazka-wprowadzenie h3 { font-size: 0.9em; }} @media screen and (max-width: 480px) { #ksiazka2 { width: 335px; } } #main-ksiazka-spis-tresci { padding: 0 0 0 0; margin-top: 6em; margin-bottom: 0; width: 1250px; } #main-ksiazka-spis-tresci h2 { font-size: 0.8em; margin: 0 0 0 0; text-align: left; color: #AFAFFF; } #main-ksiazka-spis-tresci h3 { font-size: 2.1em; font-style: normal; margin-top: 0.7em; margin-bottom: 1em; text-align: left; } #main-ksiazka-spis-tresci h4 { font-size: 2.1em; font-style: normal; margin: 0.5em 0 0 0; text-align: left; } #main-ksiazka-spis-tresci h5 { font-size: 0.8em; color: #777; font-style: normal; margin-top: 0.5em; margin-bottom: 2em; text-align: left; cursor:pointer; } #main-ksiazka-spis-tresci p { font-size: 0.8em; color: #777; font-style: normal; text-align: left; margin: 0 0 2em 0; padding: 0 0 0 0; } #main-ksiazka-spis-tresci b { font-weight: bold; } #main-ksiazka-spis-tresci a { font-size: 0.9em; color: #AFAFFF; font-style: normal; margin-bottom: 0; } #ksiazka3 { width: 310px; } @media screen and (max-width: 1280px) { #main-ksiazka-spis-tresci { width: 1050px; } #ksiazka3 { width: 250px; }} @media screen and (max-width: 1080px) { #main-ksiazka-spis-tresci { width: 940px; }} @media screen and (max-width: 980px) { #main-ksiazka-spis-tresci { width: 800px; } #ksiazka3 { width: 220px; }} @media screen and (max-width: 840px) { #ksiazka3 { width: 200px; }} @media screen and (max-width: 736px) { #main-ksiazka-spis-tresci { margin-top: 1em; } #ksiazka3 { width: 150px; }} @media screen and (max-width: 480px) { #main-ksiazka-spis-tresci { margin-top: -0.5em; }} #main-ksiazka-sklep-ridero { padding: 0 0 0 0; margin-top: 6em; margin-bottom: 0; width: 1050px; } #main-ksiazka-sklep-ridero h2 { font-family: "Times New Roman", sans-serif; font-size: 2em; margin-top: 0; margin-bottom: 0.5em; text-align: left;color: #505050; } #main-ksiazka-sklep-ridero h3 { text-align: left; font-size: 0.9em; color: #777; margin-top: 1em; margin-bottom: 1em; } #main-ksiazka-sklep-ridero h4 { text-align: left; font-size: 1.6em; color: #505050; text-align: center; margin-top: 0; margin-bottom: 0; line-height: 1.4em; } #main-ksiazka-sklep-ridero h5 { font-size: 1.6em; margin: 0.5em 0 0 0; text-align: left;color: #505050; text-align: center; } #main-ksiazka-sklep-ridero p { font-size: 0.9em; color: #777; font-style: normal; text-align: left; margin: 0 0 2em 0; padding: 0 0 0 0; } #main-ksiazka-sklep-ridero b { font-weight: bold; } #ksiazka-sklep { width: 514px; margin-right: 2.5em; } #stainer { margin-bottom: -2em;} @media screen and (max-width: 1280px) { #main-ksiazka-sklep-ridero { width: 85%; } #main-ksiazka-sklep-ridero h4 { margin-top: 3em; }} @media screen and (max-width: 1080px) { #main-ksiazka-sklep-ridero { width: 900px;} #main-ksiazka-sklep-ridero h4 { margin-top: 1em; } #ksiazka-sklep { width: 450px; }} @media screen and (max-width: 980px) { #main-ksiazka-sklep-ridero { width: 800px; } #main-ksiazka-sklep-ridero h4 { margin-top: -1em; } #ksiazka-sklep { width: 400px; }} @media screen and (max-width: 840px) { #ksiazka-sklep { width: 350px; margin-right: 1em; margin-bottom: 2em;} #main-ksiazka-sklep-ridero h4 { margin-top: -2em; } #main-ksiazka-sklep-ridero h2 { margin-top: -0.2em; }} @media screen and (max-width: 736px) { #main-ksiazka-sklep-ridero { margin-top: 1em; margin-bottom: -0.5em; }} @media screen and (max-width: 650px) { #ksiazka-sklep { width: 514px;}} @media screen and (max-width: 550px) { #ksiazka-sklep { width: 100%;}} @media screen and (max-width: 480px) { #main-ksiazka-sklep-ridero { margin-top: -0.5em; }} /* ------------------------------ KONIEC KSIĄŻKA --------------------------------------------- */ /* --------------------- REGULAMIN / MAPA STRONY ----------------------- */ /* regulamin */ #main-regulamin { padding: 10em 0 0 0; } #main-regulamin h2 { font-size: 2em; margin-top: -1em; line-height: 1.4em; } #main-regulamin p { font-size: 0.8em; text-align: left; } #main-regulamin b { font-weight: bold; color: #565656; } @media screen and (max-width: 736px) { #main-regulamin { padding: 3em 0 0 0; }} /* ---------------- KONIEC REGULAMIN / MAPA STRONY ----------------------- */ /* Box NEXT ARTICLE */ #box-next-article { border: solid 2px; margin-top: 5em; padding: 1.5rem; border-radius: 1em; border-color: #eeeeee; width: 800px; } #box-next-article h1 { font-size: 3em; font-weight: bold; text-align: left; line-height: 1.5em; margin-top: 0; margin-bottom: 1em; margin-left: 0; margin-right: 0; font-family: "Source Sans Pro", Helvetica, sans-serif; text-transform: uppercase; } #box-next-article h2 { font-size: 0.7em; color: #8080FF; text-align: right; line-height: 0; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; } #box-next-article p { font-size: 1em; color: #303030; text-align: left; line-height: 2.2em; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; width: 100%; } #box-next-article a { border-bottom: 0; color: #474747; } #box-next-article a:hover { color: #0092DC; } #box-next-article-baner-1 { float: left; margin-left: 0; margin-right: 1em; margin-bottom: 1em; margin-top: 0.7em; } #box-next-article-baner-2 { display: none; } @media screen and (max-width: 1680px) { #box-next-article h1 { font-size: 2em; } #box-next-article p { font-size: 0.8em; }} @media screen and (max-width: 1080px) { #box-next-article h1 { font-size: 2em; }} @media screen and (max-width: 980px) { #box-next-article { margin-left: -1em; width: 750px; }} @media screen and (max-width: 840px) { #box-next-article { width: 105%; } #box-next-article h1 { font-size: 2.2em; margin-bottom: 0.5em; }} @media screen and (max-width: 600px) { #box-next-article h1 { font-size: 1.7em; }} @media screen and (max-width: 530px) { #box-next-article h1 { font-size: 2.2em; margin-top: 1em; text-align: center; } #box-next-article-baner-1 { display: none; } #box-next-article-baner-2 { display: block; width: 100%; }} /* ------------------------------------------------------- */ /* TOMASZ KRAWCZYK EU */ #ikony-top .icons { font-size: 1.5em; } @media screen and (max-width: 1680px) { #ikony-top .icons { font-size: 1.2em; }} @media screen and (max-width: 840px) { #ikony-top { text-align: right; margin-right: 2em; }} /* odpowiada za okienka z dodatkową informacją */ .stickytooltip{ box-shadow: 10px 10px 10px #818181; /*shadow for CSS3 capable browsers.*/ -webkit-box-shadow: 10px 10px 10px #818181; -moz-box-shadow: 10px 10px 10px #818181; display:none; position:absolute; display:none; border:1px solid black; /*Border around tooltip*/ background:white; z-index:3000; } #mystickytooltip b { font-weight: bold; } #mystickytooltip i { font-style: italic; } #mystickytooltip h1 { font-size: 13px; color: #000000; text-align: left; margin-bottom: 0.7em; } #mystickytooltip h2 { font-size: 11px; color: #000000; font-style: italic; text-align: right; } #mystickytooltip h3 { font-size: 12px; color: #000000; text-align: left; margin-bottom: 0.7em; } /* tk */ #atip { } #iframe-artykul { margin-top: 0; margin-bottom: 0; height: 250px; } #iframe-artykul-2 { margin-top: 0; margin-bottom: 0; height: 260px; } #iframe-artykul-3 { margin-top: 0; margin-bottom: 0; height: 300px; } @media screen and (max-width: 1280px) { #mystickytooltip h1 { font-size: 11px; }} @media screen and (max-width: 736px) @media screen and (max-width: 736px) @media screen and (max-width: 620px)