[data-content-type="tutorial"] #main-content > article > div > ul > li {color:inherit;}[data-content-type="tutorial"] #main-content > article > div > ul code, [data-content-type="tutorial"] #main-content > article > div > .content-dlPairs code, [data-content-type="tutorial"] #main-content > article > div > #listaD4CSS > dd code {padding:0.125em 0.375em; line-height:calc(1em + 1px); font-family:'Courier New', monospace; background-color:hsl(60, 95%, 75%); border-radius:4px;}[data-content-type="tutorial"] #main-content > article > div .addboth {clear:both;}.fix_float:after {content:''; display:block; clear:both;}.abstrakcja {color:#00007F !important;}.abstrakcja * {color:#00007F !important;}.uwaga_kurs {font-family:"Courier New", monospace; font-weight:bold; font-style:normal; color:#FFF; background-color:#F00; display:inline-block; line-height:1.7em; padding:0 0.5em; box-shadow:0 0 0 1px #FFF inset; border:1px solid #F00;}[data-content-type="tutorial"] #main-content > article > div a[href*="caniuse"] {color:#80F; border-bottom-color:#80F;}[data-content-type="tutorial"] #main-content > article > div a[href*="caniuse"]:hover {color:#000; border-bottom-color:#000;}.content-dlPairs {margin:2em;}.content-dlPairs > dt {font-weight:bold; color:#A00; margin-top:1em;}.content-dlPairs > dt:first-child {margin-top:0;}.content-dlPairs > dt + dd {margin-top:0.4em;}.content-dlPairs > dd {border-left:1px solid #CCC; border-bottom:1px solid #CCC; padding:1em; line-height:2em;}.contentTable {margin:2em auto; width:90%; width:calc(100% - 4em); border-collapse:collapse;}.contentTable > caption {border:1px solid #CCC; border-bottom:none; padding:1rem; background-color:#D2E7F9; font-weight:bold; color:#155E9D; font-size:1.1em;}.contentTable > caption > code {font-family:inherit;}.contentTable > thead {}.contentTable > thead > tr {}.contentTable > thead > tr > th {border:1px solid #CCC; padding:1em;}.contentTable > tbody {}.contentTable > tbody > tr {}.contentTable > tbody > tr > th {border:1px solid #CCC; padding:1em;}.contentTable > tbody > tr > td {border:1px solid #CCC; padding:1em; line-height:2em;}[data-page="wartosci-i-jednostki-css"] .contentTable > tbody > tr > td > figure {background-color:#000; height:2em; margin:0;}.specialExample1D1CSS {background-color:#FFF; margin:2em; padding:1em; border:1px solid #CCC;}.specialExample1D1CSS > figcaption {text-align:center; font-size:1.2em; margin-bottom:1em; font-weight:bolder;}.specialExample1D1CSS > div {background-color:#DFF; padding:1em;}.msSAnimationD1CSS {text-align:center; animation:migajD1CSS 2s linear infinite alternate; -webkit-animation:migajD1CSS 2s linear infinite alternate;}@keyframes migajD1CSS{0% {opacity:1;}100% {opacity:0;}}@-webkit-keyframes migajD1CSS{0% {opacity:1;}100% {opacity:0;}}#paletaKolorowD1CSS {list-style-type:none; margin:2em; padding:0; text-align:center;}#paletaKolorowD1CSS > li {float:left; width:29.3333%; margin:1%; padding:1%;}#paletaKolorowD1CSS > li > span {background-color:#FFF; color:#000; border:1px solid #CCC; padding:0 0.3em;}.content1D1CSS {background-color:#FDD700; text-align:center; padding:15px; font-size:23px; border:3px solid #000;}.content2D1CSS:before {content:'Ten tekst będzie dodany przed zawartością elementu - div - '; color:#F00;}.content2D1CSS:after {content:' - Ten tekst będzie dodany po elemencie - div'; color:#F00;}.content3D1CSS:before {content:'Ten tekst będzie dodany przed zawartością elementu - div - '; color:#F00; display:block; padding:15px; width:200px; margin-bottom:15px; border:3px solid #F00; background-color:#000;}.content3D1CSS:after {content:' - Ten tekst będzie dodany po elemencie - div'; color:#F00; display:block; padding:15px; width:300px; margin-top:15px; border:3px solid #F00; background-color:#FFF;}.flexRule1D1CSS {background-color:#B2FFFF; padding:5px; font-size:18px;}.flexRule1D1CSS > div {background-color:#5DD; padding:5px; margin:10px;}.flexRule2D1CSS {display:flex; display:-webkit-flex;}.positionExampleD1CSS {text-align:center; padding:30px; border:2px dashed #000; position:relative; box-shadow:4px 4px 4px #000;}.positionExampleD1CSS div {background-color:#FFF; box-shadow:4px 4px 4px #000;}.positionExampleD1CSS > div {padding:30px; border:2px dashed #F00;}.positionExampleD1CSS > div div {border:1px dashed #00F; line-height:75px;}.positionExampleD1CSS > div div:first-child {margin-bottom:15px;}.indeksExampleD1CSS, .indeksExampleD1CSS div {border:2px dashed #000; padding:30px; text-align:center; box-shadow:4px 4px 4px #000; background-color:#FFF;}.middleDivIndkesExampleD1CSS {margin:15px 0;}.transitionRule1D1CSS {width:40%; height:90px; background-color:white; padding:15px; font-size:18px; border:3px solid #000;}.transitionRule2D1CSS:hover {background-color:#F00; width:80%;}#transitionRule3D1CSS > p {width:40%; background-color:white; padding:15px; font-size:18px; border:3px solid #000;}#transitionRule3D1CSS > :target {background-color:#F00; width:80%;}.keyframesExample1D1CSS {text-align:center; line-height:45px; animation:keyframes1D1CSS 12s infinite; -webkit-animation:keyframes1D1CSS 12s infinite;}.keyframesExample2D1CSS {text-align:center; line-height:45px; animation:keyframes2D1CSS 12s infinite; -webkit-animation:keyframes2D1CSS 12s infinite;}@keyframes keyframes1D1CSS{0% {background-color:#FFF;}25% {background-color:#FDD700;}50% {background-color:#F00;}75% {background-color:#0F0;}100% {background-color:#FFF;}}@-webkit-keyframes keyframes1D1CSS{0% {background-color:#FFF;}25% {background-color:#FDD700;}50% {background-color:#F00;}75% {background-color:#0F0;}100% {background-color:#FFF;}}@keyframes keyframes2D1CSS{0% {background-color:white; width:450px; color:red;}25% {background-color:gold;}50% {background-color:red; color:blue;}75% {background-color:green; width:300px;}100% {background-color:white; width:450px;}}@-webkit-keyframes keyframes2D1CSS{0% {background-color:white; width:450px; color:red;}25% {background-color:gold;}50% {background-color:red; color:blue;}75% {background-color:green; width:300px;}100% {background-color:white; width:450px;}}.animationAnimation1D1CSS {text-align:center; padding:15px 0; border:3px solid #FDD700; animation:szerokoscD1CSS 5s infinite; -webkit-animation:szerokoscD1CSS 5s infinite;}#animationAnimation2D1CSS {text-align:center; padding:15px 0; border:3px solid #FDD700; animation:szerokoscD1CSS 5s 0s infinite ease-in-out alternate backwards, tloD1CSS 500ms 5s infinite linear normal forwards; -webkit-animation:szerokoscD1CSS 5s 0s infinite ease-in-out alternate backwards, tloD1CSS 500ms 5s infinite linear normal forwards;}#animationAnimation3D1CSS {text-align:center; padding:15px 0; border:3px solid #FDD700; width:150px;}#animationAnimation3D1CSS:hover {animation:szerokoscD1CSS 2s infinite; -webkit-animation:szerokoscD1CSS 2s infinite;}#animationAnimation4D1CSS:hover {animation-play-state:paused; -webkit-animation-play-state:paused;}@keyframes szerokoscD1CSS{0%{ width:150px; }100%{ width:350px; }}@-webkit-keyframes szerokoscD1CSS{0%{ width:150px; }100%{ width:350px; }}@keyframes tloD1CSS{0%{ background-color:#FFF; }100%{ background-color:#F00; }}@-webkit-keyframes tloD1CSS{0%{ background-color:#FFF; }100%{ background-color:#F00; }}.transforms2dD1CSS > div {background-color:rgba(255,255,255,0.6); margin:0 auto; width:120px; height:120px; line-height:120px; border:3px solid #FDD700; text-align:center; font-size:26px;}.transforms2dD1CSS > h3 {text-align:center; margin:0; color:#005; font-family:"Courier New", monospace; font-size:20px; border:1px dashed #CCC; padding:15px;}.transforms2dD1CSS > img {display:block; margin:0 auto; width:100%; max-width:600px;}.transformsAnimationD1CSS > h3 {text-align:center; margin:0; color:#005; font-family:"Courier New", monospace; font-size:20px; border:1px dashed #CCC; padding:15px;}.transformsAnimationD1CSS > div {width:600px; height:600px; margin:0 auto; position:relative;}.transformsAnimationD1CSS > div > img {width:600px; height:600px;}.transformsAnimationD1CSS > div > div {background-color:rgba(255,255,255,0.6); margin:0 auto; width:120px; height:120px; line-height:120px; border:3px solid #FDD700; text-align:center; font-size:26px; position:absolute; top:237px; left:237px;}.tAnimation1D1CSS > div > div {animation:rotate360D1CSS 5s linear infinite; -webkit-animation:rotate360D1CSS 5s linear infinite;}.tAnimation1D1CSS > div ~ div > div {transform-origin:0 0; -webkit-transform-origin:0 0;}@keyframes rotate360D1CSS{0% {transform:rotate(0);}100% {transform:rotate(360deg);}}@-webkit-keyframes rotate360D1CSS{0% {-webkit-transform:rotate(0);}100% {-webkit-transform:rotate(360deg);}}.tAnimation2D1CSS > div {height:280px;}.tAnimation2D1CSS > div > img {height:280px;}.tAnimation2D1CSS > div > div {animation:scalex2D1CSS 5s linear infinite alternate; -webkit-animation:scalex2D1CSS 5s linear infinite alternate; top:79px;}.tAnimation2D1CSS > div ~ div > div {transform-origin:25% 50%; -webkit-transform-origin:25% 50%;}.tAnimation2D1CSS > div ~ div ~ div > div {transform-origin:0 50%; -webkit-transform-origin:0 50%;}.tAnimation2D1CSS > div ~ div ~ div ~ div > div {transform-origin:100% 50%; -webkit-transform-origin:100% 50%;}@keyframes scalex2D1CSS{0% {transform:scaleX(0);}100% {transform:scaleX(2);}}@-webkit-keyframes scalex2D1CSS{0% {-webkit-transform:scaleX(0);}100% {-webkit-transform:scaleX(2);}}.tAnimation3D1CSS > div {height:280px;}.tAnimation3D1CSS > div > img {height:280px;}.tAnimation3D1CSS > div > div {animation:skewx60D1CSS 5s linear infinite alternate; -webkit-animation:skewx60D1CSS 5s linear infinite alternate; top:79px;}.tAnimation3D1CSS > div ~ div > div {transform-origin:50% 25%; -webkit-transform-origin:50% 25%;}.tAnimation3D1CSS > div ~ div ~ div > div {transform-origin:50% 0; -webkit-transform-origin:50% 0;}.tAnimation3D1CSS > div ~ div ~ div ~ div > div {transform-origin:50% 100%; -webkit-transform-origin:50% 100%;}@keyframes skewx60D1CSS{0% {transform:skewX(0);}100% {transform:skewX(60deg);}}@-webkit-keyframes skewx60D1CSS{0% {transform:skewX(0);}100% {transform:skewX(60deg);}}.tAnimation4D1CSS > div {height:280px;}.tAnimation4D1CSS > div > img {height:280px;}.tAnimation4D1CSS > div > div {animation:translatex200D1CCS 5s linear infinite alternate; -webkit-animation:translatex200D1CCS 5s linear infinite alternate; top:79px;}.tAnimation4D1CSS > div ~ div > div {transform-origin:25% 50%; -webkit-transform-origin:25% 50%;}.tAnimation4D1CSS > div ~ div ~ div > div {transform-origin:0 50%; -webkit-transform-origin:0 50%;}.tAnimation4D1CSS > div ~ div ~ div ~ div > div {transform-origin:100% 50%; -webkit-transform-origin:100% 50%;}@keyframes translatex200D1CCS{0% {transform:translateX(0);}100% {transform:translateX(200px);}}@-webkit-keyframes translatex200D1CCS{0% {transform:translateX(0);}100% {transform:translateX(200px);}}.transforms3dD1CSS > h3 {text-align:center; margin:0 0 15px; color:#005; font-family:"Courier New", monospace; font-size:20px; border:1px dashed #CCC; padding:15px;}.transforms3dD1CSS > img {display:block; margin:0 auto; width:100%; max-width:480px;}.perspectiveD1CSS > h3 {text-align:center; margin:0 0 15px; color:#005; font-family:"Courier New", monospace; font-size:20px; border:1px dashed #CCC; padding:15px;}.perspectiveD1CSS > img {display:block; margin:0 auto; width:100%; max-width:600px;}.perspectiveD1CSS > div {margin:0 auto; width:150px; height:150px; line-height:75px; text-align:center; background-color:#FDD700; font-size:24px;}.perspectiveParentD1CSS {outline:3px solid #F00; height:400px; line-height:100px; margin:0 auto; text-align:center; position:relative; font-size:30px; background-color:#FEE;}.perspectiveParentD1CSS > div {outline:3px solid #000; width:120px; height:120px; line-height:60px; position:absolute; background-color:#FDD700; font-size:20px;}.perspectiveParentD1CSS > div:first-child {top:30px; left:30px;}.perspectiveParentD1CSS > div:first-child + div  {top:30px; right:30px;}.perspectiveParentD1CSS > div:first-child + div + div {bottom:30px; left:30px;}.perspectiveParentD1CSS > div:first-child + div + div + div {bottom:30px; right:30px;}.animationPerspectivesD1CSS {width:300px; height:300px; background-color:rgba(255,0,0,0.5); color:#FFF; font-weight:bold; text-align:center; position:relative; margin:0 auto;}.animationPerspectivesD1CSS > div {width:120px; height:120px; background-color:#000; position:absolute; top:90px; left:90px;}@keyframes RY360D1CSS{0% {transform:perspective(500px) rotateY(0);}100% {transform:perspective(500px) rotateY(360deg);}}@-webkit-keyframes RY360D1CSS{0% {-webkit-transform:perspective(500px) rotateY(0);}100% {-webkit-transform:perspective(500px) rotateY(360deg);}}@keyframes RX360D1CSS{0% {transform:rotateX(0);}100% {transform:rotateX(360deg);}}@-webkit-keyframes RX360D1CSS{0% {-webkit-transform:rotateX(0);}100% {-webkit-transform:rotateX(360deg);}}.pspD1CSS {width:300px; height:300px; margin:0 auto;}.pspD1CSS > div {width:100%; height:100%; position:relative; background-image:url("/zrodla-edukacyjne/zasob/afe6c3de650b164d9e02654f6fd55292b02e92535976921310810a32c9b34c96"); background-repeat:no-repeat; background-position:137.5px 137.5px;}.pspD1CSS > div > div {width:200px; height:200px; border:3px solid #000; position:absolute; top:47px; left:47px; text-align:center; font-size:30px; line-height:100px;}@keyframes pspImgD1CSS{0% {background-position:50% 50%;}16% {background-position:50% 0%;}32% {background-position:0% 0%;}48% {background-position:0% 100%;}64% {background-position:100% 100%;}80% {background-position:100% 0%;}100% {background-position:50% 50%;}}@-webkit-keyframes pspImgD1CSS{0% {background-position:50% 50%;}16% {background-position:50% 0%;}32% {background-position:0% 0%;}48% {background-position:0% 100%;}64% {background-position:100% 100%;}80% {background-position:100% 0%;}100% {background-position:50% 50%;}}@keyframes pspD1CSS{0% {transform-origin:50% 50%;}16% {transform-origin:50% 0%;}32% {transform-origin:0% 0%;}48% {transform-origin:0% 100%;}64% {transform-origin:100% 100%;}80% {transform-origin:100% 0%;}100% {transform-origin:50% 50%;}}@-webkit-keyframes pspD1CSS{0% {-webkit-transform-origin:50% 50%;}16% {-webkit-transform-origin:50% 0%;}32% {-webkit-transform-origin:0% 0%;}48% {-webkit-transform-origin:0% 100%;}64% {-webkit-transform-origin:100% 100%;}80% {-webkit-transform-origin:100% 0%;}100% {-webkit-transform-origin:50% 50%;}}.createAnimationD1CSS > div {width:150px; height:150px; margin:0 auto; background-color:#000; color:#FFF; text-align:center; line-height:50px; font-size:26px;}@keyframes RY360no1D1CSS{0% {transform:rotateY(0);}100% {transform:rotateY(360deg);}}@-webkit-keyframes RY360no1D1CSS{0% {-webkit-transform:rotateY(0);}100% {-webkit-transform:rotateY(360deg);}}@keyframes RY360no2D1CSS{0% {transform:perspective(300px) rotateY(0);}100% {transform:rotateY(360deg) perspective(300px);}}@-webkit-keyframes RY360no2D1CSS{0% {-webkit-transform:perspective(300px) rotateY(0);}100% {-webkit-transform:rotateY(360deg) perspective(300px);}}@keyframes RY360no3D1CSS{0% {transform:perspective(300px) rotateY(0);}100% {transform:perspective(300px) rotateY(360deg);}}@-webkit-keyframes RY360no3D1CSS{0% {-webkit-transform:perspective(300px) rotateY(0);}100% {-webkit-transform:perspective(300px) rotateY(360deg);}}@keyframes RY360no4D1CSS{0% {transform:perspective(300px) rotateY(0) translateX(0);}100% {transform:perspective(300px) rotateY(360deg) translateX(150px);}}@-webkit-keyframes RY360no4D1CSS{0% {-webkit-transform:perspective(300px) rotateY(0) translateX(0);}100% {-webkit-transform:perspective(300px) rotateY(360deg) translateX(150px);}}@keyframes RY360no5D1CSS{0% {transform:perspective(300px) translateX(0) rotateY(0);}100% {transform:perspective(300px) translateX(150px) rotateY(360deg);}}@-webkit-keyframes RY360no5D1CSS{0% {-webkit-transform:perspective(300px) translateX(0) rotateY(0);}100% {-webkit-transform:perspective(300px) translateX(150px) rotateY(360deg);}}@keyframes RY360no6D1CSS{0% {transform:perspective(300px) translateZ(0);}100% {transform:perspective(300px) translateZ(150px);}}@-webkit-keyframes RY360no6D1CSS{0% {-webkit-transform:perspective(300px) translateZ(0);}100% {-webkit-transform:perspective(300px) translateZ(150px);}}@keyframes RY360no7D1CSS{0% {transform:perspective(300px) rotateY(0) translateZ(0);}100% {transform:perspective(300px) rotateY(45deg) translateZ(150px);}}@-webkit-keyframes RY360no7D1CSS{0% {-webkit-transform:perspective(300px) rotateY(0) translateZ(0);}100% {-webkit-transform:perspective(300px) rotateY(45deg) translateZ(150px);}}.sferaD1CSS > div {width:150px; height:150px; margin:0 auto; background-color:#000; color:#FFF; text-align:center; line-height:50px; font-size:26px;}@keyframes sferaYD1CSS{0% {transform:perspective(900px) rotateY(0);}100% {transform:perspective(900px) rotateY(360deg);}}@-webkit-keyframes sferaYD1CSS{0% {-webkit-transform:perspective(900px) rotateY(0));}100% {-webkit-transform:perspective(900px) rotateY(360deg);}}@keyframes sferaXD1CSS{0% {transform:perspective(900px) rotateX(0);}100% {transform:perspective(900px) rotateX(360deg);}}@-webkit-keyframes sferaXD1CSS{0% {-webkit-transform:perspective(900px) rotateX(0));}100% {-webkit-transform:perspective(900px) rotateX(360deg);}}@keyframes sferaXYD1CSS{0% {transform:perspective(900px) rotate(45deg) rotateY(0);}100% {transform:perspective(900px) rotate(45deg) rotateY(360deg);}}@-webkit-keyframes sferaXYD1CSS{0% {-webkit-transform:perspective(900px) rotate(45deg) rotateY(0));}100% {-webkit-transform:perspective(900px) rotate(45deg) rotateY(360deg);}}.sferaExamplesD1CSS {}.sferaExamplesD1CSS > h3 {text-align:center; margin:0; color:#005; font-family:"Courier New", monospace; font-size:20px; border:1px dashed #CCC; padding:15px;}.sferaExamplesD1CSS > div {width:600px; height:280px; margin:0 auto; position:relative;}.sferaExamplesD1CSS > div > img {width:600px; height:280px; display:block; margin:0 auto;}.sferaExamplesD1CSS > div > div {background-color:rgba(0,0,0,0.6); margin:0 auto; width:126px; height:126px; line-height:60px; text-align:center; font-size:26px; position:absolute; top:79px; left:237px; color:#FFF;}.sferaExampleD1CSS {}.sferaExampleD1CSS > img {display:block; margin:0 auto;}.sferaExampleD1CSS > h3 {text-align:center; margin:0; color:#005; font-family:"Courier New", monospace; font-size:20px; border:1px dashed #CCC; padding:15px;}.sferaExampleD1CSS > div {width:600px; height:600px; margin:0 auto; position:relative;}.sferaExampleD1CSS > div > img {width:600px; height:600px; display:block; margin:0 auto;}.sferaExampleD1CSS > div > div {background-color:rgba(0,0,0,0.6); margin:0 auto; width:126px; height:126px; line-height:60px; text-align:center; font-size:26px; position:absolute; top:237px; left:237px; color:#FFF;}.konfliktD1CSS > div {width:150px; height:150px; margin:0 auto; background-color:#000; color:#FFF; text-align:center; line-height:50px; font-size:26px;}@keyframes konflikt1D1CSS{0% {transform:perspective(500px) rotate(0) rotateX(0);}100% {transform:perspective(500px) rotate(360deg) rotateX(360deg);}}@-webkit-keyframes konflikt1D1CSS{0% {-webkit-transform:perspective(500px) rotate(0) rotateX(0);}100% {-webkit-transform:perspective(500px) rotate(360deg) rotateX(360deg);}}@keyframes konflikt2D1CSS{0% {transform:rotate(0) rotateX(0);}100% {transform:rotate(360deg) rotateX(360deg);}}@-webkit-keyframes konflikt2D1CSS{0% {-webkit-transform:rotate(0) rotateX(0);}100% {-webkit-transform:rotate(360deg) rotateX(360deg);}}.noneStaticD1CSS {background-color:red; height:400px;}.noneStaticD1CSS > div {background-color:green; width:80%; height:300px;}.noneStaticD1CSS > div > div {background-color:black; width:60%; height:200px;}.pozycjaPerspektywaD1CSS {background-color:#000; height:400px; position:relative;}.pozycjaPerspektywaD1CSS > div {color:#FFF; text-align:center; font-size:26px; background-color:#F00; width:150px; height:100px; line-height:100px; position:absolute;}.pozycjaPerspektywaD1CSS > div:first-child {top:30px; left:30px;}.pozycjaPerspektywaD1CSS > div:first-child + div {top:150px; left:30px;}.pozycjaPerspektywaD1CSS > div:first-child + div + div {bottom:30px; left:30px;}.pozycjaPerspektywaD1CSS > div:first-child + div + div + div {top:30px; right:30px;}.pozycjaPerspektywaD1CSS > div:first-child + div + div + div + div {top:150px; right:30px;}.pozycjaPerspektywaD1CSS > div:first-child + div + div + div + div + div {bottom:30px; right:30px;}.wektoryD1CSS {}.wektoryD1CSS > h3 {text-align:center; margin:0; color:#005; font-family:"Courier New", monospace; font-size:20px; border:1px dashed #CCC; padding:15px;}.wektoryD1CSS > div {position:relative;}.wektoryD1CSS > img {display:block; margin:0 auto;}.wektoryD1CSS > h3 + div {margin-top:15px;}.wektoryD1CSS > div + h3 {margin-top:15px;}.wektoryD1CSS > div > div {width:150px; height:150px; line-height:75px; color:#FFF; text-align:center; font-size:26px; background-color:rgba(0,0,0,0.8);}.wektoryD1CSS > div > img {display:block; width:600px;}.wektoryD1CSS > div > img + div {position:absolute; top:100px; left:100px;}@keyframes wektoryD1CSS{0% {transform:translateX(0) translateY(0);}100% {transform:translateX(300px) translateY(100px);}}@-webkit-keyframes wektoryD1CSS{0% {-webkit-transform:translateX(0) translateY(0);}100% {-webkit-transform:translateX(300px) translateY(100px);}}@keyframes wektory3D1CSS{0% {transform:translateX(0) translateY(0);}100% {transform:translateX(150px) translateY(50px);}}@-webkit-keyframes wektory3D1CSS{0% {-webkit-transform:translateX(0) translateY(0);}100% {-webkit-transform:translateX(150px) translateY(50px);}}@keyframes wektoryExample1D1CSS{0% {transform:translateX(0) translateY(0);}100% {transform:translateX(300px) translateY(150px);}}@-webkit-keyframes wektoryExample1D1CSS{0% {-webkit-transform:translateX(0) translateY(0);}100% {-webkit-transform:translateX(300px) translateY(150px);}}@keyframes wektoryExample2D1CSS{0% {transform:translateX(0) translateY(0);}100% {transform:translateX(150px) translateY(300px);}}@-webkit-keyframes wektoryExample2D1CSS{0% {-webkit-transform:translateX(0) translateY(0);}100% {-webkit-transform:translateX(150px) translateY(300px);}}@keyframes wektoryExample3D1CSS{0% {transform:translateX(0) translateY(0);}100% {transform:translateX(300px) translateY(300px);}}@-webkit-keyframes wektoryExample3D1CSS{0% {-webkit-transform:translateX(0) translateY(0);}100% {-webkit-transform:translateX(300px) translateY(300px);}}.rotate3d1D1CSS > div {width:150px; height:150px; line-height:150px; background-color:rgba(255,0,0,0.5); color:#FFF; font-size:26px; text-align:center; margin:0 auto;}.rotate3d1D1CSS > img {display:block; margin:0 auto; width:100%;}@keyframes rotate3d1D1CSS{0% {transform:perspective(500px) rotate3d(1,1,0,0); z-index:1;}100% {transform:perspective(500px) rotate3d(1,1,0,360deg); z-index:1;}}@-webkit-keyframes rotate3d1D1CSS{0% {-webkit-transform:perspective(500px) rotate3d(1,1,0,0); z-index:1;}100% {-webkit-transform:perspective(500px) rotate3d(1,1,0,360deg); z-index:1;}}.rotate3dExampleD1CSS  {position:relative; width:600px; height:300px; margin:0 auto;}.rotate3dExampleD1CSS > div {width:150px; height:150px; line-height:150px; background-color:rgba(255,0,0,0.5); color:#FFF; font-size:26px; text-align:center; margin:0 auto;}.rotate3dExampleD1CSS > img {display:block; position:absolute; left:290px; top:65px;}@keyframes rotate3d2D1CSS{0% {transform:perspective(500px) rotate3d(0,1,0,0); z-index:1;}100% {transform:perspective(500px) rotate3d(0,1,0,360deg); z-index:1;}}@-webkit-keyframes rotate3d2D1CSS{0% {-webkit-transform:perspective(500px) rotate3d(0,1,0,0); z-index:1;}100% {-webkit-transform:perspective(500px) rotate3d(0,1,0,360deg); z-index:1;}}@keyframes rotate3d3D1CSS{0% {transform:perspective(500px) rotate3d(2,2,1,0); z-index:1}25% {transform:perspective(500px) rotate3d(2,2,1,90deg); z-index:2;}50% {transform:perspective(500px) rotate3d(2,2,1,180deg); z-index:2;}75% {transform:perspective(500px) rotate3d(2,2,1,270deg); z-index:2;}100% {transform:perspective(500px) rotate3d(2,2,1,360deg); z-index:1;}}@-webkit-keyframes rotate3d3D1CSS{0% {-webkit-transform:perspective(500px) rotate3d(2,2,1,0); z-index:1}25% {-webkit-transform:perspective(500px) rotate3d(2,2,1,90deg); z-index:2;}50% {-webkit-transform:perspective(500px) rotate3d(2,2,1,180deg); z-index:2;}75% {-webkit-transform:perspective(500px) rotate3d(2,2,1,270deg); z-index:2;}100% {-webkit-transform:perspective(500px) rotate3d(2,2,1,360deg); z-index:1;}}.contentcss3_d1 {width:400px; line-height:100px; border:1px solid black; text-align:center; position:relative; margin:15px auto;}.contentcss3_d1:before {content:''; width:31px; height:31px; border:1px solid red; background-color:#FFF; position:absolute; top:0; left:0;}.content_trans_d1:before {transition-duration:1s; -webkit-transition-duration:1s;}.content_trans_d1:hover:before {border-radius:50%;}.content_position_d1:before {top:-17px; left:-17px;}.content_anima_d1:before {animation:content_ruch_d1 2s linear infinite; -webkit-animation:content_ruch_d1 2s linear infinite;}@keyframes content_ruch_d1{0% {left:-17px;}100% {left:383px;}}@-webkit-keyframes content_ruch_d1{0% {left:-17px;}100% {left:383px;}}.content_animafour_d1:before {animation:content_ruch2_d1 5s linear infinite; -webkit-animation:content_ruch2_d1 5s linear infinite;}@keyframes content_ruch2_d1{0% {left:-17px; top:-17px;}25% {left:383px; top:-17px;}50% {left:383px; top:83px;}75% {left:-17px; top:83px;}100% {left:-17px; top:-17px;}}@-webkit-keyframes content_ruch2_d1{0% {left:-17px; top:-17px;}25% {left:383px; top:-17px;}50% {left:383px; top:83px;}75% {left:-17px; top:83px;}100% {left:-17px; top:-17px;}}.content_animafour2_d1:before {animation:content_ruch2_d1 5s linear infinite, content_obrot_d1 2s linear infinite; -webkit-animation:content_ruch2_d1 5s linear infinite, content_obrot_d1 2s linear infinite;}@keyframes content_obrot_d1{0% {transform:rotate(0);}100% {transform:rotate(360deg);}}@-webkit-keyframes content_obrot_d1{0% {-webkit-transform:rotate(0);}100% {-webkit-transform:rotate(360deg);}}#tabelaNthChildD1CSS > tbody > tr:nth-child(even) {background-color:lightblue;}.menu-o1-cssd2 {text-decoration:none;}.menu-o2-cssd2 {text-decoration:none; background-color:#EEE;}.menu-o3-cssd2 {display:block; text-decoration:none; background-color:#EEE;}.menu-o4-cssd2 {display:block; text-decoration:none; background-color:#EEE; padding:10px;}.menu-o5-cssd2 {display:block; text-decoration:none; background-color:#EEE; padding:10px; color:#0AA;}.menu-o6-cssd2 {display:block; text-decoration:none; background-color:#EEE; padding:10px; color:#0AA; border:1px solid #FFF; font-size:1.2em;}.menu-o7-cssd2 {display:block; text-decoration:none; background-color:#EEE; background-image:url("/zrodla-edukacyjne/zasob/a172e8ad9dd316b721b7f6d7e29f3d0eca81d84512b9e7f0b8fbe3ec776fcb28"); padding:10px; color:#0AA; border:1px solid #FFF; font-size:1.2em;}.menu-o8-cssd2 {display:block; text-decoration:none; background-color:#EEE; background-image:url("/zrodla-edukacyjne/zasob/a172e8ad9dd316b721b7f6d7e29f3d0eca81d84512b9e7f0b8fbe3ec776fcb28"); background-repeat:repeat-x; padding:10px; color:#0AA; border:1px solid #FFF; font-size:1.2em; text-shadow:1px 1px 0 #FFF, 1px 2px 0 #AAA, 1px 2px 6px #AAA;}.menu-o9-cssd2 {background-image:radial-gradient(ellipse at bottom, #FFF 0%, #DDD 100%); background-image:-webkit-radial-gradient(bottom center, ellipse cover, #FFF 0%, #DDD 100%);}.menu-ho1-cssd2:hover {color:#000;}.menu-ho2-cssd2:hover {color:#000; background-image:none;}.menu-ho3-cssd2:hover {color:#000; background-color:#FFF; background-image:none;}.menu-strz1-cssd2 {background:#FFF url("/zrodla-edukacyjne/zasob/93700ccdc0abecf6030cc119b3d56f8e5f9c55f9720dab4504f2ad157734d213") no-repeat 20px center;}.przyklad1 {list-style-type:none; margin:0 auto; padding:0; width:250px; border:1px solid #CCC; text-align:center; font-size:1.2em; text-shadow:1px 1px 0 #FFF, 1px 2px 0 #AAA, 1px 2px 6px #AAA; box-shadow:0 6px 6px -6px #666;}.przyklad1 > li {border-top:1px solid #CCC;}.przyklad1 > li:first-child {border-top:none;}.przyklad1 > li > a {display:block; text-decoration:none; padding:10px; border:1px solid #FFF; background-color:#EEE; color:#0AA;background-image:url("/zrodla-edukacyjne/zasob/a172e8ad9dd316b721b7f6d7e29f3d0eca81d84512b9e7f0b8fbe3ec776fcb28");background-repeat:repeat-x;background-image:radial-gradient(ellipse at bottom, #FFF 0%, #DDD 100%);background-image:-webkit-radial-gradient(bottom center, ellipse cover, #FFF 0%, #DDD 100%);}.przyklad1 > li > a:hover {color:#555; background-color:#FFF; background-image:none;}#menu1-cssd2 {list-style-type:none; margin:0; padding:0; width:200px;}#menu1-cssd2 > li > a {text-decoration:none; display:block; border-bottom:1px solid #AAA; padding:10px 5px; color:#000; transition:300ms; -webkit-transition:300ms;}#menu1-cssd2 > li:first-child > a {border-top:1px solid #AAA;}#menu1-cssd2  > li > a:hover {color:#00F; padding-left:15px;}#menu2-cssd2 {list-style-type:none; margin:0; padding:0; width:200px;}#menu2-cssd2 > li > a {text-decoration:none; display:block; padding:10px 5px; color:#AAA; text-align:center; transition:300ms; -webkit-transition:300ms;}#menu2-cssd2 > li > a:hover {color:#000; background-color:#FDF; border-top-left-radius:6px; border-bottom-right-radius:6px;}#menu3-cssd2 {list-style-type:none; margin:0; padding:0; width:200px;}#menu3-cssd2 > li {margin-top:5px;}#menu3-cssd2 > li > a {text-decoration:none; display:block; padding:5px; color:#AAA; text-align:center; border:1px solid #AAA; border-radius:6px;}#menu3-cssd2 > li > a:hover {color:#000; background-color:#FDF;}#menu4-cssd2 {list-style-type:none; margin:0; padding:0; border-left:1px solid #AAA; padding:15px 0; width:200px;}#menu4-cssd2 > li {margin-left:-1px;}#menu4-cssd2 > li > a {text-decoration:none; display:block; padding:10px 5px; border:1px solid transparent; border-left-color:#AAA; color:#AAA;}#menu4-cssd2 > li > a:hover {color:#000; border:1px solid #AAA; border-left-color:#FFF; border-radius:0 6px 6px 0;}#menu5-cssd2 {list-style-type:none; margin:0; padding:0; width:200px;}#menu5-cssd2 > li > a {text-decoration:none; display:block; padding:10px 5px; color:#AAA; text-align:center;}#menu5-cssd2 > li > a:hover {color:#000; box-shadow:0 0 8px 1px #CCC inset; border-radius:6px;}#menu1-cssd2, #menu2-cssd2, #menu3-cssd2, #menu4-cssd2, #menu5-cssd2 {margin:15px auto;}.manuD3ver1 {margin:0; padding:0; list-style-type:none;}.manuD3ver1 > * > a {text-decoration:none; color:#000;}.manuD3ver2 {background-color:red;}.manuD3ver2 > *:nth-child(odd) {background-color:gold;}.manuD3ver2 > *:nth-child(even) {background-color:lightblue;}.manuD3ver3 > * > a {border:1px solid #000;}.manuD3ver4 > * > a {display:block;}.manuD3ver5 > * {float:left;}.manuD3ver6 {border:1px solid #000;}.manuD3ver7:after {content:'dodatkowa zawartość'; display:block; clear:both;}.manuD3ver8:after {content:''; display:block; clear:both;}.manuD3ver9 {width:400px;}.manuD3ver10 {margin:0 auto;}.manuD3ver11 > li:first-child {width:130px;}.manuD3ver11 > li:first-child + li {width:130px;}.manuD3ver11 > li:first-child + li + li {width:150px;}.manuD3ver12 > li:first-child {width:150px;}.manuD3ver12 > li:first-child + li {width:100px;}.manuD3ver12 > li:first-child + li + li {width:150px;}.manuD3ver13 {width:350px;}.manuD3ver14 > li:first-child {width:30%;}.manuD3ver14 > li:first-child + li {width:40%;}.manuD3ver14 > li:first-child + li + li {width:30%;}.manuD3ver15 {width:80%;}.manuD3ver16 > li > a {margin:15px; padding:15px; border:3px dashed #F00; background-color:#FFF;}.manuD3ver17 > li > a {height:60px;}.manuD3ver18 > li:first-child > a {line-height:30px;}.manuD3ver18 > li:first-child + li > a {line-height:60px;}.manuD3ver18 > li:first-child + li + li > a {line-height:30px;}.menuD3ver01 {margin:0; padding:0; list-style-type:none; background-color:#FDF;}.menuD3ver01 > li > a {text-decoration:none; color:#000;}.menuD3ver02 {width:400px; margin:0 auto;}.menuD3ver02 > li > a {background-color:#DDD;}.menuD3ver02 > li > a:hover {color:#00F; background-color:#FFF;}.menuD3ver03 > li:first-child {background-color:red; width:20%; height:30px;}.menuD3ver03 > li:first-child + li {background-color:green; width:25%; height:40px;}.menuD3ver03 > li:first-child + li + li {background-color:blue; width:30%; height:50px;}.menuD3ver04 > li {float:left;}.menuD3ver05:after {content:''; display:block; clear:both;}.menuD3ver06 > li:first-child {width:30%;}.menuD3ver06 > li:first-child + li {width:40%;}.menuD3ver06 > li:first-child + li + li {width:30%;}.menuD3ver07 > li > a {display:block;}.menuD3ver08 > li > a {height:100%;}.menuD3ver09 > li:hover > a {color:#00F; background-color:#FFF;}.menuD3ver010 > li:first-child {height:auto;}.menuD3ver010 > li:first-child + li {height:auto;}.menuD3ver010 > li:first-child + li + li {height:auto;}.menuD3ver011 > li > a {padding:15px; box-shadow:0 0 0 1px #FFF inset; text-align:center;}.menuD3ver012 > li > a {background-image:linear-gradient(#FFF 0%, #EEE 30%, #DDD 70%, #FFF 100%);}.menuD3ver013 > li:hover > a {background-image:none;}.menuD3verF1 {width:400px; margin:0 auto; padding:0; list-style-type:none; background-color:#FDF;}.menuD3verF1:after {content:''; display:block; clear:both;}.menuD3verF1 > li {float:left;}.menuD3verF1 > li {width:30%; background-color:red;}.menuD3verF1 > li + li {width:40%; background-color:green;}.menuD3verF1 > li + li + li {width:30%; background-color:yellow;}.menuD3verF1 > li > a {text-decoration:none; display:block; padding:15px; color:#000; text-transform:capitalize; background-color:#DDD; background-image:linear-gradient(#FFF 0%, #EEE 30%, #DDD 70%, #FFF 100%); box-shadow:0 0 0 1px #FFF inset; text-align:center;}.menuD3verF1 > li:hover > a {color:#00F; background-color:#FFF; background-image:none;}.menuD3verR1 {border:3px solid #FA0;}.menuD3verR1 > li > ul {border:3px dashed #000;}.menuD3verR2 > li > ul {display:none;}.menuD3verR3 > li:hover > ul {display:block;}.menuD3verR4 > li > ul {position:absolute;}.menuD3verR5 > li > ul {z-index:1;}.menuD3verR6 > li > ul {margin:0; padding:0; list-style-type:none; background-color:#FFF;}.menuD3verR7 > li > ul > li {box-shadow:0 -4px 4px -4px #AAA;}.menuD3verR8 > li > ul > li > a {text-decoration:none; display:block; padding:15px; color:#000;}.menuD3verR9 > li > ul > li:hover > a {color:#00F; background-color:#F0F0F0; background-image:linear-gradient(#FFF, #EEE, #FFF);}.menuD3verR10 > li > ul > li:first-child {box-shadow:none;}.menuD3verR10 > li > ul > li:last-child {box-shadow:0 -4px 4px -4px #AAA, 0 4px 4px -4px #AAA;}.menuD3verR11 > li > ul {display:none;}.menuD3verR11 > li:hover > ul {display:block;}.menuD3verR12 > li > ul {position:absolute; z-index:1;}.menuD3verR13 > li > ul {right:0;}.menuD3verR14 > li {position:relative;}.menuD3verR15 > li > ul {width:100%;}.menuD3verF2 > li {position:relative;}.menuD3verF2 > li > ul {width:100%; display:none; position:absolute; z-index:1; margin:0; padding:0; list-style-type:none; background-color:#FFF;}.menuD3verF2 > li:hover > ul {display:block;}.menuD3verF2 > li > ul > li {box-shadow:0 -4px 4px -4px #AAA;}.menuD3verF2 > li > ul > li:first-child {box-shadow:none;}.menuD3verF2 > li > ul > li:last-child {box-shadow:0 -4px 4px -4px #AAA, 0 4px 4px -4px #AAA;}.menuD3verF2 > li > ul > li > a {display:block; text-decoration:none; padding:15px; color:#000;}.menuD3verF2 > li > ul > li:hover > a {color:#00F; background-color:#F0F0F0; background-image:linear-gradient(#FFF, #EEE, #FFF);}.menuD3verK1 > li > ul {width:auto;}.menuD3verK2 > li > ul > li > a {white-space:nowrap;}.menuD3verK3 > li > ul {min-width:100%;}.menuD3verK4 > li > ul {min-width:130%;}.menuD3verK5 > li:first-child + li > ul {left:-15%;}.menuD3verK6 > li:first-child + li + li > ul {left:-30%;}.menuD3verK7 > li > ul {z-index:9999;}.trans1-d3 {background-color:#FEC; padding:15px;}.trans1-d3 > div {background-color:#F00; margin-top:15px; padding:15px; border:3px solid #FFF;}.trans2-d3:hover > div {background-color:#0FF;}.trans3-d3 > div {transition:250ms;}.trans4-d3 > div {height:0;}.trans4-d3:hover > div {height:100%;}.trans5-d3 {height:100px;}.trans6-d3:hover > div {height:50px;}.trans7-d3 > div {transform:scaleY(0); -webkit-transform:scaleY(0);}.trans7-d3:hover > div {transform:scaleY(1); -webkit-transform:scaleY(1);}.trans8-d3 > div {transform-origin:50% 0;}.trans9-d3 > div {display:none;}.trans9-d3:hover > div {display:block;}.trans10-d3 > div {visibility:hidden;}.trans10-d3:hover > div {visibility:visible;}.menuD3verA1 > li > ul {display:block; position:static;}.menuD3verA2 > li > ul {visibility:hidden;}.menuD3verA3 > li:hover > ul {visibility:visible;}.menuD3verA4 > li > ul {transition:250ms; transform:scaleY(0); -webkit-transform:scaleY(0);}.menuD3verA4 > li:hover > ul {transform:scaleY(1); -webkit-transform:scaleY(1);}.menuD3verA5 > li > ul {transform-origin:50% 0; -webkit-transform-origin:50% 0;}.menuD3verA6 > li > ul {position:absolute;}.menuD3 {width:400px; margin:0 auto; padding:0; list-style-type:none;}.menuD3:after {content:''; display:block; clear:both;}.menuD3 > li {float:left; width:33.3333%;}.menuD3 > li > a {text-decoration:none; display:block; padding:15px; color:#000; text-transform:capitalize; background-color:#DDD; background-image:linear-gradient(#FFF 0%, #EEE 30%, #DDD 70%, #FFF 100%); box-shadow:0 0 0 1px #FFF inset; text-align:center;}.menuD3 > li:first-child > a {}.menuD3 > li:hover > a {color:#00F; background-color:#FFF; background-image:none;}.menuD3 > li {position:relative;}.menuD3 > li:hover > ul {visibility:visible; transform:scaleY(1); -webkit-transform:scaleY(1);}.menuD3 > li > ul {margin:0; padding:0; list-style-type:none; visibility:hidden; background-color:#FFF; transform-origin:50% 0; -webkit-transform-origin:50% 0; transition:250ms; transform:scaleY(0); -webkit-transform:scaleY(0); position:absolute; z-index:1; width:100%;}.menuD3 > li > ul > li {box-shadow:0 -4px 4px -4px #AAA;}.menuD3 > li > ul > li:first-child {box-shadow:none;}.menuD3 > li > ul > li:last-child {box-shadow:0 -4px 4px -4px #AAA, 0 4px 4px -4px #AAA;}.menuD3 > li > ul > li > a {text-decoration:none; display:block; padding:15px; color:#000;}.menuD3 > li > ul > li:hover > a {color:#00F; background-color:#F0F0F0; background-image:linear-gradient(#FFF, #EEE, #FFF);}#listaD4CSS {margin:2em 0;}#listaD4CSS > dt {counter-increment:listaD4CSS;}#listaD4CSS > dt > a {display:block; font-size:1.4em; text-decoration:none; background-color:#000; color:#FFF; padding:0.75em 1em;}#listaD4CSS > dt > a:before {content:counter(listaD4CSS) '. ';}#listaD4CSS > dt > a:hover {color:#09C;}#listaD4CSS > dd {margin:0; line-height:1.8em;}.ramka_d3 {background-color:#AAA; border:1px solid #000; margin:0 auto; width:300px; height:200px; position:relative;}.ramka_d3 p {margin:0;}.ramka_d3 img {border:none; width:300px; height:200px;}.ramka_d3 span {display:block; position:absolute; bottom:0; left:0; padding:15px; width:270px; background-image:url("/zrodla-edukacyjne/zasob/8b7becc9e4de2b482c68acbcf3df70b1e4c9bdaa2d576d2d0b1481199bd0f870");}.ramka_d3 a {text-decoration:none; color:#FFF; font-size:16px;}.ramka_d3 a:hover span {text-decoration:underline;}.ramka_all, .ramka_all_p1, .ramka_all_p2 {background-color:#AAA; border:1px solid #000; margin:0 auto; width:300px; height:200px; position:relative;}.ramka_all p, .ramka_all_p2 p {margin:0;}.ramka_all img, .ramka_all_p2 img {border:none; width:300px; height:200px;}.ramka_d3_p1 span {display:block; position:absolute; top:0; left:0; padding:15px; background-color:#000;}.ramka_d3_p2 span {display:block; position:absolute; bottom:0; left:0; padding:15px; background-color:#000;}.ramka_d3_p3 span, .ramka_d3_p4 span {display:block; position:absolute; bottom:0; left:0; width:270px; padding:15px; background-color:#000;}.ramka_d3_p4 a {text-decoration:none; color:#FFF; font-size:16px;}.cienie2d_d4 {width:300px; margin:0 auto; border:3px solid #EEE; border-top:none; border-radius:0 0 6px 6px;}.cienie2d_d4 div {background:url("/zrodla-edukacyjne/zasob/54c37512d370aeca07d4a00b8bbc139d54e52836619f4fbce1c41623fa264bfd") no-repeat bottom left, url("/zrodla-edukacyjne/zasob/7482fc14490d6680a35a0ed573d6ea61cb40a4dc6cfa903ace1d951bee357054") no-repeat bottom right; padding-bottom:11px; margin:0 -14px;}.cienie2d_d4 div span {display:block; background-color:#FDD700; text-align:center; font-size:1.5em; padding:10px; border-radius:6px 6px 0 0;}.cienie2d_d4 p {margin:4px 15px 15px; background-color:#EEE; padding:15px; border-radius:0 0 6px 6px;}.pionowy_tekst_d4 {overflow:hidden;}.pionowy_tekst_d4 span, .pionowy_tekst_d4 b {display:block; float:left; margin-right:15px; text-transform:uppercase; font-size:0.8em; width:0.9em; text-align:center; padding:5px; border:1px solid #AAA; line-height:1.5em; border-radius:0 6px 0 6px;}.pionowy_tekst_d4 b {word-wrap:break-word; font-weight:normal;}.pionowy_tekst_d4_s3 {font-size:0.8em; width:1em; line-height:1.5em; padding:5px; text-align:center; border:1px solid #AAA; border-radius:0 6px 0 6px; text-transform:uppercase;}.pionowy_tekst_d4_s3 span {display:block;}.jednostka_em_d4 {border-left:1px solid #FDD700; border-right:1px solid #FDD700; font-size:24px; min-width:480px; max-width:1600px;}.naglowek_em_d4 {background-color:#FDD700; text-align:center;}.blok1_em_d4 {float:left; width:25%;}.blok1_em_d4 p {border:1px solid #FDD700; border-left:none; padding:15px; margin:15px 0;}.blok2_em_d4 {float:left; width:50%;}.blok2_em_d4 p {padding:15px; margin:15px 0;}.blok3_em_d4 {float:left; width:25%;}.blok3_em_d4 p {border:1px solid #FDD700; border-right:none; padding:15px; margin:15px 0;}.stopka_em_d4 {background-color:#FDD700; clear:both; text-align:center;}@media all and (min-width:480px) and (max-width:768px){.responsive1_d4 .blok1_em_d4 {float:none; width:auto; margin:15px;}.responsive1_d4 .blok2_em_d4 {float:none; width:auto; margin:15px;}.responsive1_d4 .blok3_em_d4 {float:none; width:auto; margin:15px;}.responsive1_d4 .blok1_em_d4 p {border:1px solid #FDD700;}.responsive1_d4 .blok3_em_d4 p {border:1px solid #FDD700;}}@media all and (max-width:769px){.responsive2_d4 {font-size:15px;}.responsive2_d4 .blok1_em_d4 {float:none; width:auto; margin:15px;}.responsive2_d4 .blok2_em_d4 {float:none; width:auto; margin:15px;}.responsive2_d4 .blok3_em_d4 {float:none; width:auto; margin:15px;}.responsive2_d4 .blok1_em_d4 p {border:1px solid #FDD700;}.responsive2_d4 .blok3_em_d4 p {border:1px solid #FDD700;}}.cale_rpm {width:603px; font-size:18px; height:2em; line-height:2em; text-align:center;}.cale_rpm, .cale_rpm ul, .cale_rpm ol {list-style-type:none; margin:0; padding:0;}.cale_rpm a {display:block; text-decoration:none; color:#000; padding:0 5px;}.cale_rpm > li {float:left; width:150px; margin-left:1px; background-color:#FDD700; position:relative; z-index:2; height:2em;}.cale_rpm > li:first-child {margin-left:0;}.cale_rpm > li:hover {background-color:#EEE;}.cale_rpm > li:hover > ul {display:block;}.cale_rpm > li:hover > a {color:#09C;}.cale_rpm > li > ul {display:none; width:100%;}.cale_rpm > li > ul > li {background-color:#EEE;}.cale_rpm > li > ul > li > a {border-top:1px solid #FFF;}.cale_rpm > li > ul > li:hover {background-color:#DDD;}.cale_rpm > li > ul > li:hover > a {color:#09C;}#cale_rpm1 {font-size:18px; height:2em; line-height:2em; width:603px; text-align:center;}#cale_rpm1 {list-style-type:none; padding:0; margin:0;}#cale_rpm1 > li {float:left; width:150px; background-color:#FDD700;}.cale_rpm2 {font-size:18px; height:2em; line-height:2em; width:603px; text-align:center;}.cale_rpm2 {list-style-type:none; padding:0; margin:0;}.cale_rpm2 > li {float:left; width:150px; background-color:#FDD700;}.cale_rpm2 > li:hover {background-color:#EEE;}.cale_rpm2 a {display:block; text-decoration:none; color:#000; padding:0 5px;}.cale_rpm2 > li > a:hover {color:#09C;}#cale_rpm3 {font-size:18px; height:2em; line-height:2em; width:603px; text-align:center;}#cale_rpm3, #cale_rpm3 ul {list-style-type:none; padding:0; margin:0;}#cale_rpm3 > li {float:left; width:150px; background-color:#FDD700;}#cale_rpm3 > li:hover {background-color:#EEE;}#cale_rpm3 a {display:block; text-decoration:none; color:#000; padding:0 5px;}#cale_rpm3 > li > a:hover {color:#09C;}#cale_rpm4 {font-size:18px; height:2em; line-height:2em; width:603px; text-align:center;}#cale_rpm4, #cale_rpm4 ul {list-style-type:none; padding:0; margin:0;}#cale_rpm4 > li {float:left; width:150px; background-color:#FDD700; margin-left:1px;}#cale_rpm4 > li:first-child {margin-left:0;}#cale_rpm4 > li:hover {background-color:#EEE;}#cale_rpm4 a {display:block; text-decoration:none; color:#000; padding:0 5px;}#cale_rpm4 > li > a:hover {color:#09C;}#cale_rpm4 > li > ul > li > a {border-top:1px solid #FFF;}#cale_rpm5 {font-size:18px; height:2em; line-height:2em; width:603px; text-align:center;}#cale_rpm5, #cale_rpm5 ul {list-style-type:none; padding:0; margin:0;}#cale_rpm5 > li {float:left; width:150px; background-color:#FDD700; margin-left:1px;}#cale_rpm5 > li:first-child {margin-left:0;}#cale_rpm5 > li:hover {background-color:#EEE;}#cale_rpm5 a {display:block; text-decoration:none; color:#000; padding:0 5px;}#cale_rpm5 > li > a:hover {color:#09C;}#cale_rpm5 > li > ul > li {background-color:#EEE;}#cale_rpm5 > li > ul > li > a {border-top:1px solid #FFF;}#cale_rpm5 > li > ul > li:hover {background-color:#DDD;}#cale_rpm5 > li > ul > li:hover > a {color:#09C;}#cale_rpm6 {font-size:18px; height:2em; line-height:2em; width:603px; text-align:center;}#cale_rpm6, #cale_rpm6 ul {list-style-type:none; padding:0; margin:0;}#cale_rpm6 > li {float:left; width:150px; background-color:#FDD700; margin-left:1px;}#cale_rpm6 > li:first-child {margin-left:0;}#cale_rpm6 > li:hover {background-color:#EEE;}#cale_rpm6 a {display:block; text-decoration:none; color:#000; padding:0 5px;}#cale_rpm6 > li:hover > ul {display:block;}#cale_rpm6 > li > a:hover {color:#09C;}#cale_rpm6 > li > ul {display:none;}#cale_rpm6 > li > ul > li {background-color:#EEE;}#cale_rpm6 > li > ul > li > a {border-top:1px solid #FFF;}#cale_rpm6 > li > ul > li:hover {background-color:#DDD;}#cale_rpm6 > li > ul > li:hover > a {color:#09C;}.menu_d4 {width:603px; font-size:18px; height:2em; line-height:2em; text-align:center;}.menu_d4, .menu_d4 ul, .menu_d4 ol {list-style-type:none; margin:0; padding:0;}.menu_d4 a {display:block; text-decoration:none; color:#000; padding:0 5px;}.menu_d4 > li {float:left; width:150px; margin-left:1px; background-color:#FDD700; position:relative; z-index:2; height:2em;}.menu_d4 > li:first-child {margin-left:0;}.menu_d4 > li:hover {background-color:#EEE;}.menu_d4 > li:hover > ul {display:block;}.menu_d4 > li:hover > a {color:#09C;}.menu_d4 > li > ul {display:none; width:100%;}.menu_d4 > li > ul > li {background-color:#EEE;}.menu_d4 > li > ul > li > a {border-top:1px solid #FFF;}.menu_d4 > li > ul > li:hover {background-color:#DDD;}.menu_d4 > li > ul > li:hover > a {color:#09C;}.menu_d4 > li > ul > li:hover > ol {display:block;}.menu_d4 > li > ul > li > ol {display:none; position:absolute; margin-left:100%; margin-top:-2em; width:150%;}.menu_d4 > li > ul > li > ol > li {background-color:#CCC;}.menu_d4 > li > ul > li > ol > li > a {border-bottom:1px solid #FFF; border-left:1px solid #FFF;}.menu_d4 > li > ul > li > ol > li > a:hover {color:#09C;}.down_d4 {background-image:url("/zrodla-edukacyjne/zasob/3fc9bd67d82df26bfcfca93fa838a834e509321ba6506172a18d48de839497eb"); background-repeat:no-repeat; background-position:98% center;}.right_d4 {background-image:url("/zrodla-edukacyjne/zasob/ffc0f4e273e2e0939c87a89064977d53764c51976737fa3bf534d3fcf81bd998"); background-repeat:no-repeat; background-position:right center;}.menu_d4 li {border-radius:6px;}.menu_d4 a {border-radius:6px;}.menu_d4_all {background-color:#FFF; width:603px; font-size:18px; height:2em; line-height:2em; text-align:center;}.menu_d4_all, .menu_d4_all ul, .menu_d4_all ol {list-style-type:none; margin:0; padding:0;}.menu_d4_all a {display:block; text-decoration:none; color:#000; padding:0 5px;}.menu_d4_all > li {float:left; width:150px; margin-left:1px; background-color:#FDD700; position:relative; z-index:2; height:2em;}.menu_d4_all > li:first-child {margin-left:0;}.menu_d4_all > li:hover {background-color:#EEE;}.menu_d4_all > li:hover > ul {display:block;}.menu_d4_all > li:hover > a {color:#09C;}.menu_d4_all > li > ul {display:none; width:100%;}.menu_d4_all > li > ul > li {background-color:#EEE;}.menu_d4_all > li > ul > li > a {border-top:1px solid #FFF;}.menu_d4_all > li > ul > li:hover {background-color:#DDD;}.menu_d4_all > li > ul > li:hover > a {color:#09C;}.menu_d4_p1 > li > ul > li > ol {width:150%;}.menu_d4_p1 > li > ul > li > ol > li {background-color:#CCC;}.menu_d4_p2 > li > ul > li{position:relative;}.menu_d4_p2 > li > ul > li > ol {width:150%; position:absolute; left:100%;}.menu_d4_p2 > li > ul > li > ol > li {background-color:#CCC;}.menu_d4_p3 > li > ul > li{position:relative;}.menu_d4_p3 > li > ul > li > ol {display:none; width:150%; position:absolute; left:100%;}.menu_d4_p3 > li > ul > li:hover > ol {display:block;}.menu_d4_p3 > li > ul > li > ol > li {background-color:#CCC;}.menu_d4_p4 > li > ul > li{position:relative;}.menu_d4_p4 > li > ul > li > ol {display:none; width:150%; position:absolute; left:100%; margin-top:-2em;}.menu_d4_p4 > li > ul > li:hover > ol {display:block;}.menu_d4_p4 > li > ul > li > ol > li {background-color:#CCC;}.menu_d4_p5 > li > ul > li {position:relative;}.menu_d4_p5 > li > ul > li > ol {display:none; width:150%; position:absolute; left:100%; margin-top:-2em;}.menu_d4_p5 > li > ul > li:hover > ol {display:block;}.menu_d4_p5 > li > ul > li > ol > li {background-color:#CCC;}.menu_d4_p5 > li > ul > li > ol > li > a {border-top:1px solid #FFF; border-left:1px solid #FFF;}.menu_d4_p5 > li > ul > li > ol > li > a:hover {color:#09C;}.menu_d4_p5 li, .menu_d4_p5 a {border-radius:6px;}.duszki_d4 {list-style-type:none; margin:0 auto; padding:0; height:64px; width:380px;}.duszki_d4 li {float:left; margin-left:15px;}.duszki_d4 li:first-child {margin-left:0;}.duszki_d4 li a {display:block; text-indent:-99999px; width:64px; height:64px; background-image:url("/zrodla-edukacyjne/zasob/5311641b21fa898a736313817e0d6c4f023dc938f489611ecf5227e43e75c558");}.duszki_d4 .wikipedia_d4 a {}.duszki_d4 .rss_d4 a {background-position:-128px 0;}.duszki_d4 .facebook_d4 a {background-position:-256px 0;}.duszki_d4 .share_d4 a {background-position:0 -64px;}.duszki_d4 .twitter_d4 a {background-position:-128px -64px;}.duszki_d4 .wikipedia_d4 a:hover {background-position:-64px 0;}.duszki_d4 .rss_d4 a:hover {background-position:-192px 0;}.duszki_d4 .facebook_d4 a:hover {background-position:-320px 0;}.duszki_d4 .share_d4 a:hover {background-position:-64px -64px;}.duszki_d4 .twitter_d4 a:hover {background-position:-192px -64px;}#duszki_d4_p1 {list-style-type:none; margin:0 auto; padding:0; height:64px; width:380px; background-color:#EEE;}#duszki_d4_p1 li {float:left; margin-left:15px;}#duszki_d4_p1 li:first-child {margin-left:0;}#duszki_d4_p1 li a {display:block; text-indent:-99999px; width:64px; height:64px; background-color:#DDD;}#duszki_d4_p2 {list-style-type:none; margin:0 auto; padding:0; height:64px; width:380px; background-color:#EEE;}#duszki_d4_p2 li {float:left; margin-left:15px;}#duszki_d4_p2 li:first-child {margin-left:0;}#duszki_d4_p2 li a {display:block; text-indent:-99999px; width:64px; height:64px; background-color:#DDD; background-image:url("/zrodla-edukacyjne/zasob/5311641b21fa898a736313817e0d6c4f023dc938f489611ecf5227e43e75c558");}#duszki_d4_p3 {list-style-type:none; margin:0 auto; padding:0; height:96px; width:540px; background-color:#EEE;}#duszki_d4_p3 li {float:left; margin-left:15px;}#duszki_d4_p3 li:first-child {margin-left:0;}#duszki_d4_p3 li a {display:block; text-indent:-99999px; width:96px; height:96px; background-color:#DDD; background-image:url("/zrodla-edukacyjne/zasob/5311641b21fa898a736313817e0d6c4f023dc938f489611ecf5227e43e75c558");}#duszki_d4_p4 {list-style-type:none; margin:0 auto; padding:0; height:96px; width:540px; background-color:#EEE;}#duszki_d4_p4 li {float:left; margin-left:15px;}#duszki_d4_p4 li:first-child {margin-left:0;}#duszki_d4_p4 li a {display:block; text-indent:-99999px; width:96px; height:96px; background-color:#DDD; background-image:url("/zrodla-edukacyjne/zasob/5311641b21fa898a736313817e0d6c4f023dc938f489611ecf5227e43e75c558"); background-repeat:no-repeat;}#duszki_d4_p4 .wikipedia_d4 a {}#duszki_d4_p4 .rss_d4 a {background-position:-128px 0;}#duszki_d4_p4 .facebook_d4 a {background-position:-256px 0;}#duszki_d4_p4 .share_d4 a {background-position:0 -64px;}#duszki_d4_p4 .twitter_d4 a {background-position:-128px -64px;}#duszki_d4_p5 {list-style-type:none; margin:0 auto; padding:0; height:96px; width:540px; background-color:#EEE;}#duszki_d4_p5 li {float:left; margin-left:15px;}#duszki_d4_p5 li:first-child {margin-left:0;}#duszki_d4_p5 li a {display:block; text-indent:-99999px; width:96px; height:96px; background-color:#DDD; background-image:url("/zrodla-edukacyjne/zasob/5311641b21fa898a736313817e0d6c4f023dc938f489611ecf5227e43e75c558"); background-repeat:no-repeat;}#duszki_d4_p5 .wikipedia_d4 a {}#duszki_d4_p5 .rss_d4 a {background-position:-128px 0;}#duszki_d4_p5 .facebook_d4 a {background-position:-256px 0;}#duszki_d4_p5 .share_d4 a {background-position:0 -64px;}#duszki_d4_p5 .twitter_d4 a {background-position:-128px -64px;}#duszki_d4_p5 .wikipedia_d4 a:hover {background-position:-64px 0;}#duszki_d4_p5 .rss_d4 a:hover {background-position:-192px 0;}#duszki_d4_p5 .facebook_d4 a:hover {background-position:-320px 0;}#duszki_d4_p5 .share_d4 a:hover {background-position:-64px -64px;}#duszki_d4_p5 .twitter_d4 a:hover {background-position:-192px -64px;}#duszki_d4_p6 li a {text-indent:0;}.para_obrazek {border:3px solid #EEE; margin:10px 0;}.para_finish {border:3px solid #EEE; background-image:url("/zrodla-edukacyjne/zasob/ff19af9f48c286a83348629c1ed744450595989774a17816c189c14bf963a2ef"), url("/zrodla-edukacyjne/zasob/2cb6da1834512142f944f6ade4f6a1a05bc60f1ff772741724458195866597a6"), url("/zrodla-edukacyjne/zasob/8c425c31d59cebe74e2a839a21fe8df822397f55d3b2e723dbbdbc82fb0365ca"); animation:para_d4 3000s linear infinite alternate; -webkit-animation:para_d4 3000s linear infinite alternate;}.para_finish p {width:300px; padding:10px; border:3px solid #EEE; margin:84px auto; font-size:24px;background-color:rgba(255,255,255,0.7);}@keyframes para_d4{0% {background-position:0 0, 0 0, 0 0;}100% {background-position:100000px 0, 75000px 0, 50000px 0;}}@-webkit-keyframes para_d4{0% {background-position:0 0, 0 0, 0 0;}100% {background-position:100000px 0, 75000px 0, 50000px 0;}}#para1_d4 {border:3px solid #EEE;}#para1_d4 p {width:300px; padding:10px; border:3px solid #EEE; margin:84px auto; font-size:24px;background-color:rgba(255,255,255,0.7);}#para2_d4 {border:3px solid #EEE; background:url("/zrodla-edukacyjne/zasob/ff19af9f48c286a83348629c1ed744450595989774a17816c189c14bf963a2ef"), url("/zrodla-edukacyjne/zasob/2cb6da1834512142f944f6ade4f6a1a05bc60f1ff772741724458195866597a6"), url("/zrodla-edukacyjne/zasob/8c425c31d59cebe74e2a839a21fe8df822397f55d3b2e723dbbdbc82fb0365ca");}#para2_d4 p {width:300px; padding:10px; border:3px solid #EEE; margin:84px auto; font-size:24px;background-color:rgba(255,255,255,0.7);}.okno_fejs_d4 {position:relative; height:250px; overflow:hidden; border:1px solid #000; background-color:#FAFAFA;}.tytul_fejs_d4 {text-align:center; font-variant:small-caps; color:#F55;}.fejs_d4 {position:absolute; width:300px; bottom:15px; left:-270px; line-height:30px; transition:1s; -webkit-transition:1s;}.fejs_d4:hover {left:0;}.fejs_d4 .blok1_fejs_d4 {float:left; width:270px;}.fejs_d4 .blok2_fejs_d4 {float:left; width:30px;}.fejs_d4 .zawartosc_blok_fejs_d4 {background-color:#FDD700; border:3px solid #000; border-left:none; border-radius:0 0 6px 0;}.fejs_d4 .zawartosc_fejs_d4 {margin:0; padding:5px; height:150px; overflow:auto;}.fejs_d4 .uchwyt_fejs_d4 {font-weight:bold; text-align:center; background-color:#000; color:#FFF; border-radius:0 6px 6px 0;}.fejs_d4 .uchwyt_fejs_d4:hover {cursor:pointer;}.uchwyt_fejs_d4_p1:hover {cursor:pointer;}.uchwyt_fejs_d4_p2 {left:-270px;}.uchwyt_fejs_d4_p2:hover {left:0;}.anima_tekst_d4 {text-align:center; width:448px; margin:0 auto; height:46px; font-size:24px;}.anima_tekst_d4 > span:nth-child(n) {display:block; float:left; background-color:#FFF; width:40px; line-height:40px; border:3px solid #FDD700; margin:0 5px; animation:tekst_d4 5s linear infinite; -webkit-animation:tekst_d4 5s linear infinite; border-radius:6px;}.anima_tekst_d4 > span:nth-child(1) {animation-delay:250ms; -webkit-animation-delay:250ms;}.anima_tekst_d4 > span:nth-child(2) {animation-delay:500ms; -webkit-animation-delay:500ms;}.anima_tekst_d4 > span:nth-child(3) {animation-delay:750ms; -webkit-animation-delay:750ms;}.anima_tekst_d4 > span:nth-child(4) {animation-delay:1000ms; -webkit-animation-delay:1000ms;}.anima_tekst_d4 > span:nth-child(5) {animation-delay:1250ms; -webkit-animation-delay:1250ms;}.anima_tekst_d4 > span:nth-child(6) {animation-delay:1500ms; -webkit-animation-delay:1500ms;}.anima_tekst_d4 > span:nth-child(7) {animation-delay:1750ms; -webkit-animation-delay:1750ms;}.anima_tekst_d4 > span:nth-child(8) {animation-delay:2000ms; -webkit-animation-delay:2000ms;}.anima_tekst_d4_p1 {text-align:center; width:448px; margin:0 auto; height:46px; font-size:24px;}.anima_tekst_d4_p1 > span:nth-child(n) {display:block; float:left; background-color:#FFF; width:40px; line-height:40px; border:3px solid #FDD700; margin:0 5px; border-radius:6px;}.anima_tekst_d4_p2 {text-align:center; width:448px; margin:0 auto; height:46px; font-size:24px;}.anima_tekst_d4_p2 > span:nth-child(n) {display:block; float:left; background-color:#FFF; width:40px; line-height:40px; border:3px solid #FDD700; margin:0 5px; border-radius:6px; animation:tekst_d4 5s linear infinite; -webkit-animation:tekst_d4 5s linear infinite;}@keyframes tekst_d4{0% {transform:rotate(0);}10% {transform:rotate(360deg);}100% {transform:rotate(360deg);}}@-webkit-keyframes tekst_d4{0% {-webkit-transform:rotate(0);}10% {-webkit-transform:rotate(360deg);}100% {-webkit-transform:rotate(360deg);}}.animowany_tekst1_d4 {border:3px solid #DDD; width:500px; margin:0 auto; background-color:#EEE; line-height:2.2em; height:2.2em; font-size:1.5em; position:relative; overflow:hidden;}.animowany_tekst1_d4 p {margin:0; white-space:nowrap; position:absolute; animation:przesun_tekst_d4 30s linear infinite; -webkit-animation:przesun_tekst_d4 30s linear infinite;}.animowany_tekst1_d4 p:hover {animation-play-state:paused; -webkit-animation-play-state:paused;}@keyframes przesun_tekst_d4{0% {transform:translateX(0); padding-left:110%;}100% {transform:translateX(-100%); padding-left:110%;}}@-webkit-keyframes przesun_tekst_d4{0% {-webkit-transform:translateX(0); padding-left:110%;}100% {-webkit-transform:translateX(-100%); padding-left:110%;}}@keyframes przesun_tekst2_d4{0% {transform:translateX(0);}100% {transform:translateX(-100%);}}@-webkit-keyframes przesun_tekst2_d4{0% {-webkit-transform:translateX(0);}100% {-webkit-transform:translateX(-100%);}}.pisany_tekst_d4 {font-family:"Courier New", monospace; font-size:1.8em; position:relative; float:left;}.pisany_tekst_d4 > span {background-color:#FFF; position:absolute; top:0; right:0; width:0; border-left:1px solid transparent; height:100%; animation:pisz 10s steps(25,start) infinite, kursor 1s step-end infinite; -webkit-animation:pisz 10s steps(25,start) infinite, kursor 1s step-end infinite;}@keyframes pisz{0% {width:100%;}100% {width:0;}}@keyframes kursor{0% {border-left-color:transparent;}50% {border-left-color:#000;}100% {border-left-color:transparent;}}@-webkit-keyframes pisz{0% {width:100%;}100% {width:0;}}@-webkit-keyframes kursor{0% {border-color:transparent;}50% {border-color:#000;}100% {border-color:transparent;}}.two_lions_d4 {width:90px; height:50px; background:url("/zrodla-edukacyjne/zasob/48e06aae42da147e78568d1e60c651fc2641fc0a957cc92c44f56bfb2f7c4db3") no-repeat;}.lion_one_d4 {animation:lion_steps 500ms steps(14) infinite, lion_forwards 10s infinite alternate; -webkit-animation:lion_steps 500ms steps(14) infinite, lion_forwards 10s infinite alternate;}.lion_two_d4 {animation:lion_steps 500ms steps(14) infinite, lion_shadow 10s infinite alternate; transform:rotateX(180deg); opacity:0.1; -webkit-animation:lion_steps 500ms steps(14) infinite, lion_shadow 10s infinite alternate; -webkit-transform:rotateX(180deg); opacity:0.1;}@keyframes lion_steps{0% {background-position:0 0;}100% {background-position:0 -700px;}}@keyframes lion_forwards{0% {transform:translateX(0) scale(1);}100% {transform:translateX(300px) scale(0.1);}}@keyframes lion_shadow{0% {transform:rotateX(180deg) translateX(0) translateY(0) scale(1);}100% {transform:rotateX(180deg) translateX(300px) translateY(45px) scale(0.1);}}@-webkit-keyframes lion_steps{0% {background-position:0 0;}100% {background-position:0 -700px;}}@-webkit-keyframes lion_forwards{0% {-webkit-transform:translateX(0) scale(1);}100% {-webkit-transform:translateX(300px) scale(0.1);}}@-webkit-keyframes lion_shadow{0% {-webkit-transform:rotateX(180deg) translateX(0) translateY(0) scale(1);}100% {-webkit-transform:rotateX(180deg) translateX(300px) translateY(45px) scale(0.1);}}@keyframes droga_lion-2{0% {transform:rotateX(180deg) translateX(0) scale(1);}100% {transform:rotateX(180deg) translateX(300px) scale(0.1);}}@-webkit-keyframes droga_lion-2{0% {-webkit-transform:rotateX(180deg) translateX(0) scale(1);}100% {-webkit-transform:rotateX(180deg) translateX(300px) scale(0.1);}}.tooltip_css_d4 {list-style-type:none; margin:0; padding:0; border:3px solid #FDD700; width:300px;}.tooltip_css_d4 li {position:relative;}.tooltip_css_d4 li a {display:block; text-decoration:none; color:#00F; text-align:center; padding:15px; border-top:1px solid #FDD700; background-color:#EEE;}.tooltip_css_d4 li:first-child a {border-top:none;}.tooltip_css_d4 li a:hover {background-color:#FFF;}.tooltip_css_d4 li:hover:before {content:attr(data-tooltip); border:1px solid #000; padding:15px; line-height:2em; background-color:#FAFAFA; width:100%; position:absolute; top:0; left:105%;}.tooltip_css_p1_d4 {list-style-type:none; margin:0; padding:0; border:3px solid #FDD700; width:300px;}.tooltip_css_p2_d4 li {position:relative;}.tooltip_css_p1_d4 li a {display:block; text-decoration:none; color:#00F; text-align:center; padding:15px; border-top:1px solid #FDD700; background-color:#EEE;}.tooltip_css_p1_d4 li:first-child a {border-top:none;}.tooltip_css_p1_d4 li a:hover {background-color:#FFF;}.tooltip_css_p2_d4 li div {border:1px solid #000; padding:15px; line-height:2em; background-color:#FAFAFA; width:100%; position:absolute; top:0; left:105%;}.tooltip_css_p3_d4 li div {display:none;}.tooltip_css_p3_d4 li:hover div {display:block;}.tooltip_css3_d4 {list-style-type:none; margin:0; padding:0; border:1px solid #CCC; width:250px; box-shadow:0 6px 6px -6px #666;}.tooltip_css3_d4 li {border-top:1px solid #CCC; background-color:#EEE; background-image:url("/zrodla-edukacyjne/zasob/0451f7df2bc60c7286da81065153aa2c8ad40f099b5b2aba68091a2403fbe295"); background-repeat:repeat-x; background-image:radial-gradient(ellipse at bottom center, #FFF 0%, #DDD 100%);}.tooltip_css3_d4 li:first-child {border-top:none;}.tooltip_css3_d4 li:hover {background:#FFF;}.tooltip_css3_d4 li a {display:block; text-decoration:none; padding:10px 20px; text-align:center; color:#0AA; text-shadow:1px 1px 0 #FFF, 1px 2px 0 #AAA, 1px 2px 6px #AAA; font-size:18px; border:1px solid #FFF; background-repeat:no-repeat; background-position:center; transition:1s; -webkit-transition:1s;}.tooltip_css3_d4 li:hover a {color:#000; background-image:url("/zrodla-edukacyjne/zasob/93700ccdc0abecf6030cc119b3d56f8e5f9c55f9720dab4504f2ad157734d213"); background-position:97% center;}.tooltip_css3_d4 li:hover a span {animation:tooltip-a1 2s linear; -webkit-animation:tooltip-a1 2s linear;}@keyframes tooltip-a1{0% {opacity:0;}100% {opacity:1;}}@-webkit-keyframes tooltip-a1{0% {opacity:0;}100% {opacity:1;}}.tooltip_css3_d4 li {position:relative;}.tooltip_css3_d4 li:before {content:'';}.tooltip_css3_d4 li:hover:before {content:attr(data-tooltip-1); width:100%; line-height:20px; padding:10px; position:absolute; left:110%; top:-41px; border:1px solid #CCC; background-color:#EEE; background-image:url("/zrodla-edukacyjne/zasob/0451f7df2bc60c7286da81065153aa2c8ad40f099b5b2aba68091a2403fbe295"); background-image:radial-gradient(ellipse at center, #FFF 0%, #EEE 100%); background-repeat:repeat-x; text-align:center; text-shadow:1px 1px 0 #FFF, 1px 2px 0 #AAA, 1px 2px 6px #AAA; font-size:1.2em; animation:tooltip-a2 1s; -webkit-animation:tooltip-a2 1s;}.tooltip_css3_d4 li:after {content:'';}.tooltip_css3_d4 li:hover:after {content:attr(data-tooltip-2); position:absolute; left:110%; top:0; width:100%; border:1px solid #CCC; background-color:#FFF; padding:10px; line-height:25px; font-family:Tahoma, sans-serif; box-shadow:0 6px 6px -6px #666; text-shadow:0 0 2px #9AF6FA; background-image:radial-gradient(ellipse at center, #FFF 0%, #EEE 100%); animation:tooltip-a3 1s; -webkit-animation:tooltip-a3 1s; transform-origin:50% 100%; -webkit-transform-origin:50% 100%;}@keyframes tooltip-a2{0% {transform:translateY(-1500px); opacity:0;}100% {transform:translateY(0); opacity:1;}}@-webkit-keyframes tooltip-a2{0% {-webkit-transform:translateY(-1500px); opacity:0;}100% {-webkit-transform:translateY(0); opacity:1;}}@keyframes tooltip-a3{0% {transform:scale(0) rotate(0); opacity:0;}100% {transform:scale(1) rotate(360deg); opacity:1;}}@-webkit-keyframes tooltip-a3{0% {-webkit-transform:scale(0) rotate(0); opacity:0;}100% {-webkit-transform:scale(1) rotate(360deg); opacity:1;}}#tooltip_css3_noadds_d4 li:hover:before, #tooltip_css3_noadds_d4 li:hover:after {content:''; visibility:hidden;}#tooltip_css3_noanima_d4 li:hover:before, #tooltip_css3_noanima_d4 li:hover:after {animation:none; -webkit-animation:none;}#tooltip_css3_noanima2_d4 li:hover:after {animation:none; -webkit-animation:none;}.pudelko_kart_d4 {perspective:300px; -webkit-perspective:300px; width:180px; height:240px; margin:50px auto;}.pudelko_kart_d4 > .karta_d4 {position:relative; transform-style:preserve-3d; transition:1s; -webkit-transform-style:preserve-3d; -webkit-transition:1s; width:100%; height:100%;}.pudelko_kart_d4 > .karta_d4 > div {position:absolute; width:100%; height:100%; backface-visibility:hidden; -webkit-backface-visibility:hidden;}.pudelko_kart_d4 .przod_karty_d4 {background:url("/zrodla-edukacyjne/zasob/578c9dc919586ff8b1f2daa98c5cdfc38d5a30bf2958087704fb46ce8712b6cf") no-repeat; background-size:100%; box-shadow:0 0 4px 8px #FFF inset;}.pudelko_kart_d4 .tyl_karty_d4 {background-color:#000; color:#FFF; box-shadow:0 0 4px 8px #FFF inset; transform:rotateY(180deg); -webkit-transform:rotateY(180deg); line-height:240px; text-align:center; font-size:1.6em;}.pudelko_kart_d4:hover > .karta_d4 {transform:rotateY(180deg); -webkit-transform:rotateY(180deg);}#pudelko_kart_d4 > .karta_d4 {animation:obrot_karta_d4 4s linear infinite; -webkit-animation:obrot_karta_d4 4s linear infinite; transition:none; -webkit-transition:none;}#pudelko_kart_d4:hover > .karta_d4 {transform:none; -webkit-transform:none;}@keyframes obrot_karta_d4{0% {transform:rotateY(0);}100% {transform:rotateY(360deg);}}@-webkit-keyframes obrot_karta_d4{0% {-webkit-transform:rotateY(0);}100% {-webkit-transform:rotateY(360deg);}}.pudelko_kart_obrot_d4 > div {transition:1s; -webkit-transition:1s;}.pudelko_kart_obrot_d4:hover > div {transform:rotateY(180deg); -webkit-transform:rotateY(180deg);}#szescian_d4 {perspective:300px; -webkit-perspective:300px;}#szescian_d4 > div {width:100px; height:100px; margin:30px auto; transform-style:preserve-3d; -webkit-transform-style:preserve-3d; animation:szescian_d4 4s linear infinite; -webkit-animation:szescian_d4 4s linear infinite;}#szescian_d4 > div > div {position:absolute; background:#000; background:radial-gradient(ellipse at center,rgba(0,0,255,0.8),rgba(0,0,0,0.8)); width:100px; height:100px; box-shadow:0 0 4px #00F; transform-style:preserve-3d; -webkit-transform-style:preserve-3d;}#szescian_d4 > div > div > div {position:absolute; width:20px; height:20px; background:#FFF; border-radius:25%; box-shadow:0 0 4px 2px #000, 0 0 3px 1px #00F inset;}#szescian_d4 > div > div:nth-child(1) {transform:translateZ(50px); -webkit-transform:translateZ(50px);}#szescian_d4 > div > div:nth-child(2) {transform:rotateX(180deg) translateZ(50px); -webkit-transform:rotateX(180deg) translateZ(50px);}#szescian_d4 > div > div:nth-child(3) {transform:rotateY(-90deg) translateZ(50px); -webkit-transform:rotateY(-90deg) translateZ(50px);}#szescian_d4 > div > div:nth-child(4) {transform:rotateY(90deg) translateZ(50px); -webkit-transform:rotateY(90deg) translateZ(50px);}#szescian_d4 > div > div:nth-child(5) {transform:rotateX(90deg) translateZ(50px); -webkit-transform:rotateX(90deg) translateZ(50px);}#szescian_d4 > div > div:nth-child(6) {transform:rotateX(-90deg) translateZ(50px); -webkit-transform:rotateX(-90deg) translateZ(50px);}@keyframes szescian_d4{0% {transform:rotateX(0) rotateZ(0);}100% {transform:rotateX(360deg) rotateZ(360deg);}}@-webkit-keyframes szescian_d4{0% {-webkit-transform:rotateX(0) rotateZ(0);}100% {-webkit-transform:rotateX(360deg) rotateZ(360deg);}}#szescian_d4 > div > div:nth-child(1) > div:nth-child(1) {left:40px; top:40px;}#szescian_d4 > div > div:nth-child(2) > div:nth-child(1) {left:10px; top:10px;}#szescian_d4 > div > div:nth-child(2) > div:nth-child(2) {left:70px; bottom:10px;}#szescian_d4 > div > div:nth-child(3) > div:nth-child(1) {left:10px; top:10px;}#szescian_d4 > div > div:nth-child(3) > div:nth-child(2) {left:40px; top:40px;}#szescian_d4 > div > div:nth-child(3) > div:nth-child(3) {left:70px; bottom:10px;}#szescian_d4 > div > div:nth-child(4) > div:nth-child(1) {left:10px; top:10px;}#szescian_d4 > div > div:nth-child(4) > div:nth-child(2) {left:70px; top:10px;}#szescian_d4 > div > div:nth-child(4) > div:nth-child(3) {left:70px; bottom:10px;}#szescian_d4 > div > div:nth-child(4) > div:nth-child(4) {left:10px; bottom:10px;}#szescian_d4 > div > div:nth-child(5)> div:nth-child(1) {left:10px; top:10px;}#szescian_d4 > div > div:nth-child(5) > div:nth-child(2) {left:70px; top:10px;}#szescian_d4 > div > div:nth-child(5) > div:nth-child(3) {left:70px; bottom:10px;}#szescian_d4 > div > div:nth-child(5) > div:nth-child(4) {left:10px; bottom:10px;}#szescian_d4 > div > div:nth-child(5) > div:nth-child(5) {left:40px; top:40px;}#szescian_d4 > div > div:nth-child(6) > div:nth-child(1) {left:10px; top:10px;}#szescian_d4 > div > div:nth-child(6) > div:nth-child(2) {left:70px; top:10px;}#szescian_d4 > div > div:nth-child(6) > div:nth-child(3) {left:10px; top:40px;}#szescian_d4 > div > div:nth-child(6)> div:nth-child(4) {left:70px; top:40px;}#szescian_d4 > div > div:nth-child(6) > div:nth-child(5) {left:70px; bottom:10px;}#szescian_d4 > div > div:nth-child(6) > div:nth-child(6) {left:10px; bottom:10px;}.karuzela_d4 {perspective:1200px; -webkit-perspective:1200px; width:120px; height:60px; margin:30px auto;}.karuzela_d4 > div {transform:rotateX(-7deg); -webkit-transform:rotateX(-7deg); -webkit-transform-style:preserve-3d; transform-style:preserve-3d; animation:karuzela-d4 8s linear infinite; -webkit-animation:karuzela-d4 8s linear infinite;}.karuzela_d4 > div > div {position:absolute; width:118px; height:58px; border:1px solid #000; background-color:rgba(255,255,255,0.5); background-image:radial-gradient(ellipse at top left,transparent,#00F); box-shadow:0 0 4px #00F;}.karuzela_d4 > div > div:nth-child(1) {transform:rotateY(0) translateZ(164px); -webkit-transform:rotateY(0) translateZ(164px);}.karuzela_d4 > div > div:nth-child(2) {transform:rotateY(40deg) translateZ(164px); -webkit-transform:rotateY(40deg) translateZ(164px);}.karuzela_d4 > div > div:nth-child(3) {transform:rotateY(80deg) translateZ(164px); -webkit-transform:rotateY(80deg) translateZ(164px);}.karuzela_d4 > div > div:nth-child(4) {transform:rotateY(120deg) translateZ(164px); -webkit-transform:rotateY(120deg) translateZ(164px);}.karuzela_d4 > div > div:nth-child(5) {transform:rotateY(160deg) translateZ(164px); -webkit-transform:rotateY(160deg) translateZ(164px);}.karuzela_d4 > div > div:nth-child(6) {transform:rotateY(200deg) translateZ(164px); -webkit-transform:rotateY(200deg) translateZ(164px);}.karuzela_d4 > div > div:nth-child(7) {transform:rotateY(240deg) translateZ(164px); -webkit-transform:rotateY(240deg) translateZ(164px);}.karuzela_d4 > div > div:nth-child(8) {transform:rotateY(280deg) translateZ(164px); -webkit-transform:rotateY(280deg) translateZ(164px);}.karuzela_d4 > div > div:nth-child(9) {transform:rotateY(320deg) translateZ(164px); -webkit-transform:rotateY(320deg) translateZ(164px);}@keyframes karuzela-d4{0% {transform:rotateX(-7deg) rotateY(0);}100% {transform:rotateX(-7deg) rotateY(360deg);}}@-webkit-keyframes karuzela-d4{0% {-webkit-transform:rotateX(-7deg) rotateY(0);}100% {-webkit-transform:rotateX(-7deg) rotateY(360deg);}}