@charset "utf-8";
:focus {
    outline: 0;
}
body {
    width: 100%;
    margin: 0 auto;
    font: normal 100% Roboto, Arial, Helvetica, sans-serif;
    line-height: 1.5;
    background: #f2f2f2;
}
body a,
a:hover {
    text-decoration: none;
}
.wrapper {
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
    padding: 0 2%;
}
@media (max-width: 768px) {
    .wrapper {
        margin: 0 auto;
        width: 100%;
        padding: 0 4%;
    }
}
.menuTop {
    background-color: #09f;
    color: #09f;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    border-bottom: #99f solid 2px;
}
.nav {
    width: 100%;
}
.nav ul li img {
    max-width: 90%;
}
.nav ul {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
}
.nav ul li {
    list-style: none;
    flex-grow: 1;
    text-align: center;
    margin: 10px 2px;
    padding: 0;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.nav ul li a {
    display: block;
}
@media (max-width: 580px) {
    .nav ul li {
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
    }
}
.navigationTopLinks {
    width: 100%;
    padding: 5px 0px;
}
.navigationTopLinks li {
    display: inline-block;
    font-size: 0.8em;
    text-transform: uppercase;
}
.navigationTopLinks a {
    color: #666;
}
.sectionLinks {
    width: 100%;
    padding: 5px 10px;
}
.sectionLinks li {
    display: inline-block;
    font-size: 0.8em;
    text-transform: uppercase;
}
.sectionLinks a {
    color: #fff;
}
@media (max-width: 768px) {
    .ukryj768 {
        display: none;
    }
}
@media (min-width: 769px) {
    .pokaz768 {
        display: none;
    }
}
.g-nic {
    background-color: #09f;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    line-height: 0;
    text-align: center;
}
@media (max-width: 768px) {
    .g-nic {
        margin-top: 50px;
    }
}
h1 {
    font-family: "Nunito", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 2.8em;
    font-weight: 700;
    line-height: 1.4em;
    color: #09f;
}
@media (max-width: 580px) {
    h1 {
        font-size: 1.8em;
    }
}
@media (min-width: 581px) and (max-width: 768px) {
    h1 {
        font-size: 1.4em;
    }
}
@media (min-width: 769px) and (max-width: 1000px) {
    h1 {
        font-size: 1.4em;
    }
}
h2 {
    font-family: "Nunito", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 2.8em;
    font-weight: 700;
    line-height: 1.4em;
}
@media (max-width: 580px) {
    h2 {
        font-size: 1.4em;
    }
}
@media (min-width: 581px) and (max-width: 768px) {
    h2 {
        font-size: 1.6em;
    }
}
@media (min-width: 769px) and (max-width: 1000px) {
    h2 {
        font-size: 1.6em;
    }
}
h3 {
    font-size: 1em;
}
.zerojeden,
.zerodwa,
.jedenjeden,
.dwazero,
.dwajeden,
.dwa {
    width: 100%;
    margin: 0 auto;
}
.zerojeden {
    padding: 0 0 1em;
}
.zerodwa {
    padding: 0 0 2em;
}
.jedenjeden {
    padding: 1em 0 0.5em;
}
.dwazero {
    padding: 2em 0 0;
}
.dwajeden {
    padding: 2em 0 0.5em;
}
.dwa {
    padding: 2em 0;
}
.uskokMedium {
    margin-top: 1em;
}
.uskokSmall {
    margin-top: 0.5em;
}
.spaceRight {
    padding-right: 3em;
}
@media (min-width: 581px) and (max-width: 900px) {
    .spaceRight {
        padding-right: 1em;
    }
}
@media (max-width: 580px) {
    .spaceRight {
        padding-right: 0;
    }
}
.spaceLeft {
    padding-left: 3em;
}
@media (max-width: 768px) {
    .spaceLeft {
        padding-left: 0;
    }
}
img,
video,
embed,
object {
    max-width: 100%;
}
.imgBig {
    min-width: 100%;
}
.imgMedium {
    max-width: 80%;
}
@media only screen and (min-width: 301px) and (max-width: 380px) {
    .imgMedium {
        max-width: 50%;
    }
}
.imgMedium2 {
    max-width: 80%;
}
@media only screen and (min-width: 301px) and (max-width: 380px) {
    .imgMedium {
        max-width: 70%;
    }
}
.imgLeft {
    float: left;
    margin: 0 1.5em 0 0;
}
.imgLeft-m {
    float: left;
    margin: 0 1.5em 1.5em 0;
}
.imgRight {
    float: right;
    margin: 2% 0 2% 3%;
    max-width: 40%;
}
.imgLeftClear {
    float: left;
    margin: 1% 3% 1% 0;
    max-width: 35%;
    clear: both;
}
.imgCircle {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.img20 {
    max-width: 20%;
}
.boxOpis-p {
    padding: 1em 1em 1.5em;
    text-align: left;
    color: #fff;
}
.boxBox {
    padding: 6% 6% 8%;
    text-align: left;
    color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.boxBox h3 {
    font-size: 1.4em;
}
.boxBox p {
    font-size: 1em;
    padding-top: 2%;
}
.box-center {
    margin: 0 auto;
    padding: 1%;
    text-align: center;
}
.boxOpis-r {
    padding: 1em;
    text-align: center;
    color: #fff;
}
.boxGames {
    margin: 0 0 3%;
    padding: 2% 2% 3%;
    width: 100%;
    background-color: #e8e8e8;
}
.boxGrammar {
    margin: 0 auto;
    padding: 6%;
    text-align: center;
    color: #fff;
}
.boxGrammar p {
    font-size: 1em;
}
@media (max-width: 768px) {
    .boxGrammar p {
        font-size: 0.9em;
    }
}
@media (max-width: 480px) {
    .boxGrammar img {
        max-width: 80%;
    }
}
.boxExpressions {
    margin: 2% 0 0;
    padding: 1em 1em 1.5em;
    text-align: center;
    color: #999;
    background: #fff;
}
.boxExpressions h3 {
    font-size: 1.6em;
}
@media (min-width: 900px) and (max-width: 1000px) {
    .boxExpressions h3 {
        font-size: 1.4em;
    }
}
@media (min-width: 481px) and (max-width: 899px) {
    .boxExpressions h3 {
        font-size: 1.3em;
    }
}
@media (max-width: 480px) {
    .boxExpressions h3 {
        font-size: 1.2em;
    }
}
.box-fff {
    margin: 0 auto;
    padding: 6%;
    background: #e8e8e8;
    text-align: center;
    color: #999;
}
.box-fff p {
    font-size: 1em;
}
.box-fff2 {
    margin: 0 auto;
    padding: 2%;
    background: #e8e8e8;
    text-align: center;
    color: #999;
    border-top: 1px solid #fff;
}
.box-fff2 p {
    font-size: 1em;
}
.box-fff2 a {
    color: #09f;
}
.box-fff2 a:hover {
    text-decoration: underline;
}
.boxContents {
    margin: 0 auto;
    padding: 6% 4%;
    color: #fff;
}
.boxContents h3 {
    font-size: 1em;
    line-height: 1.2em;
    text-transform: uppercase;
}
.boxContents p {
    font-size: 1em;
}
@media (max-width: 580px) {
    .boxContents {
        padding: 4%;
    }
}
.boxOpis-e8e-r,
.boxOpis-e8e-rr,
.boxOpis-e8e-rrr {
    text-align: left;
    color: #09f;
    background-color: #e8e8e8;
}
.boxOpis-e8e-r a,
.boxOpis-e8e-rr a,
.boxOpis-e8e-rrr a {
    color: #09f;
}
.boxOpis-e8e-r a:hover,
.boxOpis-e8e-rr a:hover,
.boxOpis-e8e-rrr a:hover {
    color: #09f;
    text-decoration: underline;
}
.boxOpis-e8e-r h3,
.boxOpis-e8e-rr h3,
.boxOpis-e8e-rr h3 {
    font-size: 1.2em;
}
.boxOpis-e8e-r {
    padding: 2em;
}
.boxOpis-e8e-rr {
    padding: 0 6% 4%;
}
.boxOpis-e8e-rrr {
    padding: 0 10% 4%;
}
.boxOpis {
    padding: 4% 8% 5%;
}
.boxPrintableGames {
    padding: 4% 4% 5%;
    text-align: center;
}
.boxPrintables {
    margin: 0 auto;
    padding: 6%;
    text-align: center;
    color: #fff;
}
.boxPrintables p {
    font-size: 1em;
}
@media (max-width: 768px) {
    .boxPrintables p {
        font-size: 0.9em;
    }
}
@media (max-width: 480px) {
    .boxPrintables img {
        max-width: 80%;
    }
}
.boxPrintables2 {
    margin: 2% 0 0;
    padding: 1em 1em 1.5em;
    color: #999;
    background: #fff;
}
.boxMS {
    margin: 0 auto;
    padding: 6%;
    color: #fff;
}
.boxMS a {
    color: #fff;
}
.boxMS h2 {
    font-weight: 400;
}
@media (max-width: 768px) {
    .boxMS {
        padding: 4%;
    }
}
.boxOpis-0c0-r {
    border: #0c0 solid 2px;
    padding: 1em 1em 1.5em;
    text-align: left;
    color: #060;
}
.boxLesson-shadow {
    margin: 2% 0;
    padding: 2% 4%;
    color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.boxOpis-mp {
    margin: 0 1em;
    padding: 1em;
    text-align: left;
}
.boxGrammarShadow {
    margin: 0 auto;
    padding: 6%;
    text-align: center;
    color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.boxGrammarShadow p {
    font-size: 1em;
}
@media (max-width: 768px) {
    .boxGrammarShadow p {
        font-size: 0.8em;
    }
}
@media (max-width: 480px) {
    .boxGrammarShadow img {
        max-width: 80%;
    }
}
.boxVocShadow {
    margin: 0 auto;
    padding: 2% 4%;
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.boxVocShadow p {
    font-size: 1em;
}
.boxMS-centerm {
    margin: 2%;
    padding: 4%;
    color: #fff;
    text-align: center;
}
.boxMS-centerm img {
    max-width: 60%;
}
.boxRoundShadow {
    padding: 6%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.boxRoundShadowCenter {
    margin: 0 auto;
    padding: 4%;
    color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
}
.boxMS-center {
    margin: 0 auto;
    padding: 6%;
    color: #fff;
    text-align: center;
}
.r-center2 {
    margin: 0.5em auto;
    padding: 1% 0;
    width: 100%;
    text-align: center;
}
.r-center {
    margin: 1.5em auto;
    padding: 2% 0;
    width: 100%;
    text-align: center;
}
p {
    font-size: 2em;
}
@media (min-width: 900px) and (max-width: 1000px) {
    p {
        font-size: 1.4em;
    }
}
@media (min-width: 481px) and (max-width: 899px) {
    p {
        font-size: 1.3em;
    }
}
@media (max-width: 480px) {
    p {
        font-size: 1.2em;
    }
}
.rhymes {
    font-size: 1.6em;
}
@media (min-width: 900px) and (max-width: 1000px) {
    .rhymes {
        font-size: 1.4em;
    }
}
@media (min-width: 481px) and (max-width: 899px) {
    .rhymes {
        font-size: 1.3em;
    }
}
@media (max-width: 480px) {
    .rhymes {
        font-size: 1.2em;
    }
}
.wysrodkowanie {
    text-align: center;
}
.textSmall {
    font-size: 1.2em;
}
@media (max-width: 900px) {
    .textSmall {
	font-size: 1.0em;
        line-height: 1.4em;
    }
}
.textMedium {
    font-size: 1.4em;
}
@media (max-width: 900px) {
    .textMedium {
        font-size: 1.2em;
        line-height: 1.4em;
    }
}
.textSmaller {
    font-size: 1.0em;
}
@media (max-width: 900px) {
    .textSmaller {
	font-size: 1.0em;
        line-height: 1.4em;
    }
}
.fontsBold {
    font-weight: 700;
}
.fontsItalic {
    font-style: italic;
}
.fontsBig {
    text-transform: uppercase;
}
.lesopis {
    font-size: 2em;
    padding-top: 1em;
}
@media (max-width: 768px) {
    .lesopis {
        font-size: 1.4em;
    }
}
.lesopis1 {
    font-size: 2em;
}
@media (max-width: 768px) {
    .lesopis1 {
        font-size: 1.4em;
    }
}
.bezdek a:hover {
    text-decoration: none;
}
.zajawkaSmall {
    color: #666;
    font-size: 1.4em;
    padding-top: 2%;
    padding-bottom: 2%;
}
@media (max-width: 768px) {
    .zajawkaSmall {
        font-size: 1em;
    }
}
.zajawkaSmall a {
    color: #09f;
}
.zajawkaSmall a:hover {
    text-decoration: underline;
}
.zajawkaSmall2 {
    color: #999;
    font-size: 1.2em;
    padding-top: 2%;
    padding-bottom: 2%;
}
@media (max-width: 768px) {
    .zajawkaSmall2 {
        font-size: 1em;
    }
}
.zajawkaSmall2 a {
    color: #09f;
}
.zajawkaSmall2 a:hover {
    text-decoration: underline;
}
.textShort {
    width: 80%;
    margin: 0 auto;
}
@media (min-width: 481px) and (max-width: 600px) {
    .textShort {
        width: 90%;
    }
}
@media (max-width: 480px) {
    .textShort {
        width: 100%;
    }
}
.eShort {
    padding: 0.5em 2em 1em;
    text-align: center;
}
.bigLetter {
    font-family: "Nunito", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 3em;
    font-weight: 700;
    line-height: 1.4em;
}
@media (max-width: 580px) {
    .bigLetter {
        font-size: 1.8em;
    }
}
@media (min-width: 581px) and (max-width: 768px) {
    .bigLetter {
        font-size: 2.6em;
    }
}
@media (min-width: 769px) and (max-width: 1000px) {
    .bigLetter {
        font-size: 2.8em;
    }
}
.textSongs {
    font-size: 1.6em;
    padding-top: 2%;
    padding-bottom: 2%;
}
@media (max-width: 768px) {
    .textSongs {
        font-size: 1.2em;
    }
}
.paytone-one-regularMedium {
    font-family: "Fontdiner Swanky", cursive;
    font-family: "Luckiest Guy", cursive;
    font-weight: 400;
    font-size: 1.2em;
}
@media (max-width: 900px) {
    .paytone-one-regularMedium {
        font-size: 1em;
        line-height: 1.3em;
    }
}
.paytone-one-regular {
    font-family: "Fontdiner Swanky", cursive;
    font-family: "Luckiest Guy", cursive;
    font-weight: 400;
    font-size: 2em;
}
@media (max-width: 580px) {
    .paytone-one-regular {
        font-size: 1.4em;
    }
}
@media (min-width: 581px) and (max-width: 768px) {
    .paytone-one-regular {
        font-size: 1.6em;
    }
}
@media (min-width: 769px) and (max-width: 1000px) {
    .paytone-one-regular {
        font-size: 1.8em;
    }
}

@media (max-width: 768px) {
    .coiny {
        font-size: 1.2em;
    }
}
.za-090 {
    overflow: hidden;
    text-align: center;
}
.za-090:before,
.za-090:after {
    background-color: #0c0;
    content: "";
    display: inline-block;
    height: 2px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}
.za-090:before {
    right: 0.5em;
    margin-left: -50%;
}
.za-090:after {
    left: 0.5em;
    margin-right: -50%;
}
.za-r {
    overflow: hidden;
}
.za-r:after {
    content: "";
    display: inline-block;
    height: 0.5em;
    vertical-align: bottom;
    width: 100%;
    margin-right: -100%;
    margin-left: 15px;
    border-top: 2px solid #e8e8e8;
}
.text-09f {
    color: #09f;
}
.text-0c0 {
    color: #0c0;
}
.text-0b3 {
    color: #00b300;
}
.text-f66 {
    color: #f66;
}
.text-f90 {
    color: #f90;
}
.text-fff {
    color: #fff;
}
.text-fff a {
    color: #fff;
}
.text-fff a:hover {
    color: #fff;
    text-decoration: underline;
}
.text-96f {
    color: #96f;
}
.text-69f {
    color: #69f;
}
.text-666 {
    color: #666;
}
.text-999 {
    color: #999;
}
.text-0b3 {
    color: #090;
}
.text-f0f {
    color: #f0f;
}
.linkBlue a {
    color: #09f;
}
.linkBlue a:hover {
    color: #09f;
    text-decoration: underline;
}
.linkYellow a {
    color: #ff0;
}
.linkYellow a:hover {
    color: #ff0;
    text-decoration: underline;
}
.linkWhite a {
    color: #fff;
}
.linkWhite a:hover {
    color: #fff;
    text-decoration: underline;
}
.linkGreen a {
    color: #0c0;
}
.linkGreen a:hover {
    color: #0c0;
    text-decoration: underline;
}
.nav-ver {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
.nav-ver ul {
    display: flex;
    width: 90%;
    flex-direction: column;
    margin: 0;
    padding: 0;
}
.nav-ver ul li {
    list-style: none;
    flex-grow: 1;
    text-align: center;
    margin: 4px;
    padding: 3%;
    font-size: 1.2em;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.nav-ver ul li a {
    display: block;
    color: #fff;
}
.nav-ver ul li img {
    max-width: 90%;
    margin: 0 auto;
}
@media (max-width: 580px) {
    .nav-ver ul li {
        font-size: 1em;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
    }
}
.kropkiS ul {
    padding-top: 0.5em;
}
.kropkiS li {
    list-style: disc;
    margin-left: 1em;
    padding-top: 0.5em;
    line-height: 1.4em;
    font-size: 1em;
}
.kropkiS li:first-child {
    padding-top: 1em;
}
.kropkiSmall ul {
    padding-top: 0.5em;
}
.kropkiSmall li {
    list-style: disc;
    margin-left: 1em;
    padding-top: 0.5em;
    line-height: 1.4em;
    font-size: 1em;
}
@media (max-width: 900px) {
    .kropkiSmall li {
        font-size: 0.8em;
    }
}
.kropkiBG ul {
    padding-top: 0.5em;
}
.kropkiBG li {
    list-style: disc;
    margin-left: 2em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    line-height: 1.4em;
    font-size: 1.2em;
    color: #666;
}
.kropkiBG li:first-child {
    padding-top: 1em;
}
.kropkiBG li:last-child {
    padding-bottom: 1em;
}
.kropkiBG a {
    color: #09f;
}
.kropkiBG a:hover {
    text-decoration: underline;
}
.kropkiBO li {
    list-style: disc;
    margin-left: 10%;
    padding-top: 0.5em;
    line-height: 1.4em;
    font-size: 1em;
}
.kropkiBO p {
    font-size: 1.2em;
}
.kropkiL ul {
    padding-top: 0.5em;
}
.kropkiL li {
    list-style: disc;
    margin-left: 1em;
    padding-top: 0.5em;
    line-height: 1.4em;
    font-size: 1em;
}
.kropkiL li:first-child {
    padding-top: 1em;
}
.kropkiPG ul {
    padding-top: 0.5em;
}
.kropkiPG li {
    list-style: disc;
    margin-left: 2em;
    padding-top: 0.5em;
    line-height: 1.2em;
    font-size: 1.2em;
    color: #fff;
}
.kropkiPG li:first-child {
    padding-top: 1em;
}
.kropkiPG a {
    color: #fff;
}
.kropkiPG a:hover {
    text-decoration: underline;
}
.kropkiSL ol {
    padding-top: 0.5em;
}
.kropkiSL li {
    list-style: none;
    padding-top: 0.5em;
    line-height: 1.4em;
    font-size: 1em;
}
.kropkiSL li:first-child {
    padding-top: 1em;
}
.kropkiBL-green ul {
    padding-top: 0.5em;
}
.kropkiBL-green li {
    list-style: disc;
    margin-left: 1em;
    padding-top: 0.5em;
    line-height: 1.4em;
    font-size: 1em;
}
.kropkiBL-green li:first-child {
    padding-top: 1em;
    list-style: none;
    margin-left: 0;
    color: #0c0;
}
.kropkiBL-green li:first-child a {
    color: #0c0;
}
.kropkiBL-green li:last-child {
    padding-bottom: 1em;
}
.kropkiBL-orange ul {
    padding-top: 0.5em;
}
.kropkiBL-orange li {
    list-style: disc;
    margin-left: 1em;
    padding-top: 0.5em;
    line-height: 1.4em;
    font-size: 1em;
}
.kropkiBL-orange li:first-child {
    padding-top: 1em;
    list-style: none;
    margin-left: 0;
    color: #f90;
}
.kropkiBL-orange li:first-child a {
    color: #f90;
}
.kropkiBL-orange li:last-child {
    padding-bottom: 1em;
}
.kropkiBL-blue ul {
    padding-top: 0.5em;
}
.kropkiBL-blue li {
    list-style: disc;
    margin-left: 1em;
    padding-top: 0.5em;
    line-height: 1.4em;
    font-size: 1em;
}
.kropkiBL-blue li:first-child {
    padding-top: 1em;
    list-style: none;
    margin-left: 0;
    color: #09f;
	font-weight: 700;
}
.kropkiBL-blue li:first-child a {
    color: #09f;
}
.kropkiBL-blue li:last-child {
    padding-bottom: 1em;
}
.kropkiBL-blue666 ul {
    padding-top: 0.5em;
}
.kropkiBL-blue666 li {
    list-style: disc;
    margin-left: 1em;
    padding-top: 0.5em;
    line-height: 1.4em;
    font-size: 1em;
    color: #666;
}
.kropkiBL-blue666 li:first-child {
    padding-top: 1em;
    list-style: none;
    margin-left: 0;
    color: #09f;
}
.kropkiBL-blue666 li:first-child a {
    color: #09f;
}
.kropkiBL-blue666 li:last-child {
    padding-bottom: 1em;
}
.kropkiBL-violet ul {
    padding-top: 0.5em;
}
.kropkiBL-violet li {
    list-style: disc;
    margin-left: 1em;
    padding-top: 0.5em;
    line-height: 1.4em;
    font-size: 1em;
}
.kropkiBL-violet li:first-child {
    padding-top: 1em;
    list-style: none;
    margin-left: 0;
    color: #96f;
	font-weight: 700;
}
.kropkiBL-violet li:first-child a {
    color: #96f;
}
.kropkiBL-violet li:last-child {
    padding-bottom: 1em;
}
.b-09f {
    background: #09f;
}
.b-f2f {
    background: #f2f2f2;
}
.b-0c0 {
    background: #0c0;
}
.b-0cf {
    background: #0cf;
}
.b-fff {
    background: #fff;
}
.b-cff {
    background: #cff;
}
.b-f66 {
    background: #f66;
}
.b-f0f {
    background: #f0f;
}
.b-f90 {
    background: #f90;
}
.b-96f {
    background: #96f;
}
.b-e8e {
    background: #e8e8e8;
}
.b-f60 {
    background: #f60;
}
.b-090 {
    background: #090;
}
.b-0b3 {
    background: #00b300;
}
.b-69f {
    background: #69f;
}
.b-089 {
    background: #0089e5;
}
.b-999 {
    background: #999;
}
.b-600 {
    background: #600;
}
.b-f6f {
    background: #f6f;
}
.b-909 {
    background: #909;
}
.b-f00 {
    background: red;
}
.b-fc0 {
    background: #fc0;
}
.b-f99 {
    background: #f99;
}
.b-1aa {
    background: #1aa3ff;
}
.b-4d8 {
    background: #4d88ff;
}
.b-c9f {
    background: #c9f;
}
.b-9f3 {
    background: #9f3;
}
.b-ff8 {
    background: #ff8080;
}
.b-4eb {
    background: #4eb8ff;
}
.pasekGrey {
    border-right: solid #e8e8e8 2px;
    padding-right: 5%;
}
@media (max-width: 768px) {
    .pasekGrey {
        border-right: none;
        padding-right: 0;
    }
}
.lineGrey {
    border: 0;
    height: 2px;
    background-color: #e8e8e8;
}
.lineGreen {
    border: 0;
    height: 2px;
    background-color: #0f0;
}
.lineWhite {
    border: 0;
    height: 2px;
    background-color: #fff;
}
.lineCenterWhite {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
    background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
}
.sun-tlo {
    background-repeat: repeat;
    background-position: top center;
    background-image: url(../img/t-summer.png);
}
.sun-tlo-min {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    background-image: url(../img/t-summer-min.png);
}
.topics-tlo {
    background-color: #f2f2f2;
    line-height: 0;
    background-position: top center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
.v-title-bottom {
    background: url(../img/b-meadow.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    padding: 0;
    line-height: 0;
}
.v-title-bottom .wrapper {
    margin: 0 auto;
    width: 100%;
    max-width: 90%;
    padding: 0 2%;
}
@media (max-width: 768px) {
    .v-title-bottom .wrapper {
        margin: 0 auto;
        width: 100%;
        padding: 0 4%;
    }
}
.v-menu-green {
    background: #9f3;
    width: 100%;
    margin: 0 auto;
    padding: 1em 0;
    color: #060;
}
.v-menu-green h4 {
    font-weight: 700;
    padding-bottom: 1em;
}
@media (max-width: 480px) {
    .v-menu-green h4 {
        font-size: 0.8em;
    }
}
.v-menu-green a {
    color: #060;
}
.v-menu-green a:hover {
    text-decoration: underline;
}
.fade {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}
.fade img {
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
.fade a:hover {
    text-decoration: none;
}
.fade:hover {
    opacity: 0.7;
    cursor: pointer;
}
.c-pointer {
    cursor: pointer;
}
.oneLineW {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    line-height: 0;
}
.oneLineW img {
    max-width: 49%;
    width: 49%;
}
.boxRoundShadowCenter2 {
    margin: 0 auto;
    padding: 2%;
    color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
}
.kropkiBL-G ul {
    padding-top: 0.5em;
}
.kropkiBL-G li {
    list-style: disc;
    margin-left: 2em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    line-height: 1.4em;
    font-size: 0.9em;
    color: #666;
}
.boxSmall {
    padding: 2% 3%;
    text-align: left;
}
.text08 {
    font-size: 1.0em;
}
.boxIntro09f {
    border: #09f solid 2px;
}
.boxIntro96f {
    border: #96f solid 2px;
}
.imgLeftPad {
    float: left;
    margin: 1% 3% 1% 0;
    padding: 2px 4px;
    max-width: 35%;
}
.t-trawa {
    background-repeat: repeat-x;
    background-position: bottom left;
    background-image: url(../img/t-trawa.png);
}
.t-trawa-green {
    background-repeat: repeat-x;
    background-position: bottom left;
    background-image: url(../img/t-trawa-green.png);
}
.imgKolo {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: solid 2px #fff;
}
.boxRoundShadowSmall {
    padding: 3% 4%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.socialShort {
    width: 40%;
    margin: 0 auto;
}
@media only screen and (max-width: 580px) {
    .socialShort {
        width: 100%;
    }
}
.coiny {
    font-family: "Coiny", sans-serif;
}
.nav-ver2 {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
.nav-ver2 ul {
    display: flex;
    width: 100%;
    flex-direction: column;
    margin: 0;
    padding: 0;
}
.nav-ver2 ul li {
    list-style: none;
    flex-grow: 1;
    text-align: center;
    margin: 4px;
    padding: 3%;
    font-size: 1.2em;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.nav-ver2 ul li a {
    display: block;
    color: #fff;
}
.nav-ver2 ul li img {
    max-width: 90%;
    margin: 0 auto;
}
@media (max-width: 580px) {
    .nav-ver2 ul li {
        font-size: 1em;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
    }
}