@charset "utf-8";
.google-adv-mob{display:inline-block;width:300px;height:250px;}
.google-adv{display:inline-block;width:300px;height:600px;}
body{font:100%/1.5; background-color:#fff;margin:0;padding:0;color:#000; font-family: 'Open Sans', sans-serif; }
input,button,select{font:100%/1.4;padding:5px; font-family: 'Source Sans Pro', sans-serif;}
ul,ol,dl{padding:0;margin:0;}
h1,h2,h3,h4,h5,h6{margin:10px;color:#536675;text-align:left;}
h1{font-size:250%;}h2{font-size:130%;}h3{font-size:110%;}h4{font-size:110%;}
p{margin-top:10px;;padding-right:15px;padding-left:15px;}
pre{font-size:110%;}
a img{border:none;}
a:link{color:#455;text-decoration:none;}
a:visited{color:#455;text-decoration:none;}
a:hover,a:active,a:focus{color:#AAB5A6;text-decoration:none;}
a.link-1:link{color:#603737;text-decoration:none;border-bottom:dashed 1px #603737;}
a.link-1:visited{color:mediumpurple;text-decoration:none;}
a.link-1:hover,a:active,a:focus{text-decoration:none;color:#C0514A;}
.container{background-color:#FFF;margin:0 auto;}
.naglowek{background-color:#FFF;height:70px; padding: 0px; display:block; position: fixed; top: 0%; z-index:2; box-shadow:0 6px 6px -6px #666;}
main{padding:0px;float:left; margin:0 auto; margin-top: 80px;}
aside{display:block;float:right;text-align:center;margin-top: 80px;}
main ul, main ol{padding:0 15px 15px 40px;}
footer{padding:10px;background-color:#fff;position:relative;color:#D9D7D7;font-size:100%;clear:both;}
.kartaMain{box-shadow: 3px 3px 6px #CCC; overflow: hidden; width: 300px; float:left; margin: 30px;}
.kartaPokast{box-shadow: 3px 3px 6px #CCC; overflow: hidden; width: 600px; float:left; margin: 30px;}
.banner-top{max-width:100%;margin-left:auto;margin-right:auto;margin-top:0px;display:block;padding:10px;}
.cookie{border-style:solid;border-color:#CCC;border-width:1px;background-color:#d7ddd3;text-align:center;display:none;z-index:99999;width:83%;position:fixed;padding:15px;top:30px;}
.ukryj{display:none;}.pokaz{display:block}
.fltrt{float:right;}.fltlft{float:left;}
.centruj{text-align:center;}
.clearfloat{clear:both;}.clearleft{clear:left;}
.efekt3:hover{transform:scale(1.05);}
.efekt1{transition-duration: 1s;}
.divDef {border:solid;border-left-color:#D73F3F;border-width:0px;border-left-width:5px;padding:10px;margin:10px; margin-left: 40px; overflow:auto;}
.divPytania {border:solid;border-left-color:#448ccb;border-width:0px;border-left-width:5px;padding:10px;margin:10px; margin-left: 40px;overflow:auto;}
.divPrzyklad {border:solid;border-left-color:#88C08F;border-width:0px;border-left-width:5px;padding:10px;margin:10px;margin-left: 40px;overflow:auto;}
#logo {display: block;}
#menu {display: table; padding: 0 10px 0; margin: 0 auto; overflow: hidden; font-size: 16px; background: #fff; float:left;}
#menu li {list-style-type: none; margin: 0 auto; float: left;}
#menu li:hover {background: #a02c2b;}
#menu li a {display: block; color: silver; text-decoration: none; padding: 7px 10px 7px;}
#menu li a:hover {background: #a02c2b; color: white;}
#menu li li a {width: 170px;}
#menu li ul {overflow: hidden; display: none; background: #242424;z-index:999;}
#menu li:hover ul {position: absolute; padding: 0; display: block; width: 170px;}
#menu *:hover {transition: 0.3s ease-in;}
#menu {border-radius: 3px;}
#menu li ul {border-radius: 0 0 3px 3px;}
.przerywana{border-style:dashed;border-width:1px;}.solid {border-style:solid;border-width:1px;}
.border-gray{border-color:#aaa;}
.odstep-wiersze{line-height:200%;}
.tlo-gray{background-color:#eee;}.tlo-blue{background-color:#5e697d;}.tlo-ciel{background-color:#ebe2c2;}.tlo-white{background-color:#fff;}.tlo-light-gray{background-color:#efefef;}.tlo-red{background-color:#A02B2E;}.tlo-green{background-color:#67A706;}
.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mr10{margin-right:10px;}.ml10{margin-left:10px;}.mr20{margin-right:20px;}.ml5{margin-left:5px;}.m10{margin:10px;}.m20{margin:20px;}.m30{margin:30px;}
.fs60{font-size:60%;}.fs80{font-size:80%;}.fs120{font-size:120%;}
.w100{max-width:100px;}.w150 {max-width:150px;}.w200 {max-width:200px;}.w250 {max-width:250px;}
.w300{max-width:300px;}.w350 {max-width:350px;}.w400 {max-width:400px;}.w450 {max-width:450px;}
.w500{max-width:500px;}.w550 {max-width:550px;}.w600 {max-width:600px;}
.szer60{width:80px;}.szer80{width:80px;}.szer100{width:100px;}.szer140{width:140px;}.szer190{width:190px;}.szer200{width:200px;}.szer250{width:250px;}.szer300{width:300px;}.szer350{width:350px;}
.h90{height:90px;}.h150{height:150px;}.h180{height:180px;}.h200{height:200px;}.h250{height:250px;}.h300{height:300px;}.h350{height:350px;}.h400{height:400px;}.h450{height:400px;}.h133 {height: 133px;}.h500{height:500px;}.h550{height:500px;}.h600{height:600px;}.h650{height:600px;}
.wp50{width:50%;}.wp40 {width:40%;}.wp25{width:25%;}.wp100{width:100%;}
.pad5{padding:5px;}.pad10{padding:10px;}
.pos5{position:relative;top:5px;}.pos7 {position:relative;top:7px;}.pos10 {position:relative;top:10px;}
.font-gray{color:#666;}.font-green{color:#090;}.font-light-gray{color:#999;}.font-red{color:#d00;}
.font-blue{color:#00d;}.font-white{color:#fff;}
.ramka-boczna{float:right;border:solid;border-style:double;border-width:1px;margin:10px;width:300px;background-color:#eeffcc;}
.rm{border:solid;border-width:1px;width:290px;background-color:#eeffcc;padding:5px;}
.ramka-boczna-1{background-color:#ccddbb;text-align:center;font-weight:bold;padding:5px;}
.definition{border: 1px solid;border-color:#BBC;text-align:center;padding:10px;margin:10px;background-color:#DEF;}
.rozwiazanie{border:1px solid;background-color:#fdfada;border-color:#f0f0b0;text-align:center;font-weight:normal;padding:10px;margin:10px;}
.kod {border:solid;border-color:#686868;border-left-color:#99cc99;border-width:0px;border-left-width:5px;padding:10px;margin: 10px;overflow:auto;}
.kursor{cursor:pointer;}
span.error:hover{color:#d00}
.komponenty{margin-left:20px;line-height:35px;}
.skaluj{max-width:100%;}
table{border-spacing:5px;}
table thead{background:#85838e;color:#fff;text-align:center;font-weight:bold;}
table td,th{padding:5px;}
table tbody{background:#dde;color:#000;}
table tbody tr:nth-child(even){background:#efefef;}
table tbody tr:nth-child(odd){background:#fff;}
.ikona{margin-left:5px;width:100px;height:67px;}
.m0{margin:0px;}
.lewo{text-align:left;}
.kafel{padding:10px;margin:10px;float:left;width:45%;}
.button{padding:7px;float:left;margin: 10px;font-size: 80%;background-color:#EAEFF0;border-style: solid;border-width:1px;border-color:darkgray;}
@media (min-width:1800px){.container{width:1760px;}.naglowek{width:1760px;}main{width:1460px;}aside{width:300px;}.kafel{width:30%;}}
@media (max-width:1800px) and (min-width:1500px){.container{width:1460px;}.naglowek{width:1460px;} main{width:1160px;}aside{width:300px;}.kafel{width:30%;}}
@media (max-width:1500px) and (min-width:1300px){.container{width:1260px;}.naglowek{width:1260px;} main{width:960px;}aside{width:300px;}.kafel{width:40%;}}
@media (max-width:1300px) and (min-width:1100px){.container{width:1080px;}.naglowek{width:1080px;} main{width:780px;}aside{width:300px;}.kafel{width:40%;}}
@media (max-width:1100px) and (min-width:1000px){.container{width:980px;}.naglowek{width:980px;} main{width:680px;}aside{width:300px;}.kafel{width:40%;}}
@media (max-width: 1000px) and (min-width: 900px){.container{width:880px;}.naglowek{width:880px;} main{width:580px;}aside{width:300px;}.kafel{width:90%;}}
@media (max-width:900px) and (min-width:800px){.container{width:780px;}.naglowek{width:780px;} main{width:480px;}aside{width:300px;}.kafel{width:90%;}}
@media (max-width:800px) and (min-width:750px){.container{width:730px;}.naglowek{width:730px;} main{width:430px;}aside{width:300px;}.kafel{width:90%;}}
@media (max-width:750px) and (min-width:700px){.container{width:680px;}.naglowek{width:680px;} main{width:380px;}aside{width:300px;}.kafel{width:90%;}.cookie{font-size:60%}}
@media (max-width: 700px) and (min-width: 600px){.container{width:580px;}.naglowek{width:580px;} main{width:280px;margin-top: 150px;}aside{width:300px;}.kafel{width:90%;}.cookie{font-size:60%}}
@media screen and (max-width:600px){.container{width:92%;}.naglowek{width:92%;height:120px;} main{width:92%;margin-top: 120px;}aside{width:92%;margin-top: 120px;}.kafel{width:90%;}.cookie{font-size:60%}#logo {display: none;}}