.blink {
    animation-duration: 1s;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
}
@keyframes blink {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.art {
    font-size:13pt;

    text-align: left;
}

.art .author {
    font-size:12pt;
    font-family: Roboto Condensed;
    color:#656565;
    margin-bottom:50px;

}
.art .author span {
    color:#337ab7;
    padding-right: 50px;
}


.slide div.photo , .art div.photo {
    width: 262px;
    box-shadow: 0px 0px 6px -1px #000;
    height: 396px;
    background-size: 100%;
    background-color: #444;
    margin:4px;
    background-repeat: no-repeat;
    background-position: center;
}

.slide {
    position: relative;
    background-image: url(../img/bg_slide.png);
    background-repeat: no-repeat;
    background-position: right top;
    margin:20px 0;    

}
.slide div.photo , .art div.photo {
    width: 262px;
    box-shadow: 0px 0px 6px -1px #000;
    height: 396px;
    background-size: 100%;
    background-color: #444;
    margin:4px;
}

.slide_controls {
    position: absolute;
    right: 10px;
    bottom: 50px;
    font-size: 18pt;
}

.konkursy{
    padding:50px 40px;
}


body {
    font-family: Calibri;
    background-image: url(../img/bg.gif);
    color:#337ab7;
}

h1 {
    color: #534101;
    font-family: Oswald;
    font-size: 30pt;
    font-weight: 700;
    line-height: 120%;
    margin: 10px 0 15px;
    text-align: left;
}
h2 {
    color: #444;
    font-family: Oswald;
    font-weight: 700;    
    font-size: 22pt;
    line-height: 120%;
    margin: 10px 0 30px;    
}
h3 {
    font-size: 15pt;
    font-weight: 700;
}

th {
    font-size: 1.1em;
    font-family: Oswald;
}


.container {
    font-size: 14pt;
    font-weight: 400;
    line-height: 150%;
    padding: 0;
    background-color: #FFF;
}


.navbar {


}
.navbar-nav {

}
.navbar-default {
    margin-bottom: 0;    
    color: #154c7c;
    text-align: right;
    vertical-align: bottom;
    border-radius: 0;
    border:0;
}
.nav .dropdown-menu > li > a {
    font-family: Oswald;
    font-size: 12pt;
}
.navbar-default .navbar-nav > li > a {
    border-radius: 4px;
    color: #333;
    font-family: Oswald;
    font-size: 16pt;
    font-weight: 700;
    cursor: pointer;
    text-transform: uppercase;
}

.navbar-default .navbar-small .navbar-nav > li {
    margin-right:4px;
    border-radius:2px;
}

.navbar-default .navbar-small .navbar-nav > li > a {
    font-size: 15pt;
    padding: 10px;
    text-align: center;
}

.ui-draggable, .ui-droppable {
    -ms-touch-action: none;
    touch-action: none;
}


a:hover {
    text-decoration: none;
    cursor:pointer;
}

.imgbox {
    width:28%;margin:1% 10%;
    border: 2px solid #3aa7af;cursor:pointer;
}

.admin.navbar-default .navbar-nav > li > a {
    color: #333;
    font-size: 12pt;
    padding: 6px 20px;
}
.navbar-main {
    background-color: #0E76CC;
    margin-top:8px;
    margin-bottom:8px;
    margin-right: 8px;
}
.navbar-main .navbar-nav > li > a {
    color: #FFF;
    font-family: oswald;
    font-weight: 400;
    font-size: 18pt;
    padding: 6px 20px;
    margin:8px;
}
.navbar-default .navbar-nav > li > a:hover {
    color: #FFF;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background-color: #FCBC4D;
    color: #000;
}
.navbar-default .navbar-toggle {
    border: 2px solid #FCBC4D;
    background-color:gold;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    border: 2px solid #FCBC4D;
    background-color:#FFE93D;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color:#FCBC4D;
}
ul {
    padding-left: 4%;
}
ul {

}

.green {
    color:#6BC411;
}
.blue {
    color:#337ab7;
}
.red {
    color:#D60300;
}
.grey a {
    color:#888;
}
.bggreen {
    background-color:#6BC411;
    padding:3px;
    color:#FFF;
}
.bgblue {
    background-color:#337ab7;
    padding:3px;
    color:#FFF;    
}
.bgred {
    background-color:#D60300;
    padding:3px;
    color:#FFF;    
}
.big {
    font-size: 1.5em;
}
.oswald {
    font-family: oswald;
}
.tright {
    text-align: right;
}
.fright {
    float: right;
}
.border   img {
    height: 18px;
}
.border .fright  a {
    cursor:pointer;
}


.bold {
    font-weight: 700;
}
#logo {
    padding: 0;
    margin-top:8px;
    padding-left:8px;
}
.footer {
    background-color: transparent;

}
.footer .container {
    padding:20px 0;
    font-size:9pt;
}
.footer a {
    color: #888;
}
p.text-muted {
    margin: 0;
}
.mg-bottom {
    margin-bottom:20px;
}
.mg-right4 {
    margin-right:4px;
}

.s21 { font-size:21pt; }
.s30 { font-size:30pt; }
.s40 { font-size:40pt; }

#misja {
    font-size: 13pt;
    font-weight: 100;
    line-height: 150%;
    margin: 0;
    padding: 8%;
    text-align: justify;
}

#misja span {

    color: rgb(244, 240, 225);
    font-size: 1.1em;
    font-weight: normal;
}

.no-padding {
    padding: 0;
}

.mmenu {
    list-style: outside none none;
    margin-bottom: 40px;
}
.mmenu li {
    border-bottom: 1px solid #dddddd;
    font-family: Oswald;
    font-size: 16pt;
    font-weight: 400;
    padding: 16px 4px;
}
.strzalki {
    font-family: "Trebuchet MS";
    font-size: 10px;
    font-weight: normal;
    margin: 8px;
}

.small-blue {
    color: #1879bf;
    font-size: 75%;
    text-align: center;
}
.small-brown {
    color: #6B5203;
    font-size: 75%;
    text-align: center;
}
.bold {
    font-size:700 !important;
}
.brown {
    color: #6B5203;
    text-align: center;    
}
.form-control {
    font-size:14pt;
}

.border ul {
    list-style: none;
}

.border ul li {
    border-bottom: 1px solid #EEE;
    padding: 4px 0;
    font-size:12pt;
}
.form-horizontal .control-label {
    padding:2px;
}

.nopadding {
    padding: 0;
}
.padding5 {
    padding: 2%;
}


.carousel {
    margin: 0 20px;
}








body {
    font-size:11pt;
    background-color: #FCD125;
    background-image: url(../img/bg.gif);

}
a {
    color:#234080;
    text-decoration: none;
    border:0;
}
a:hover {
    color:#63A908;
}
img {
    border:0;
}
#pagewrapper {

}
.padd {
    padding:50px;
}
.paddb {
    padding:50px;
    color:#333;
}
h1 {
    color: #038a30;
    padding: 0px 20px;
    text-transform: uppercase;
    font-family: Oswald;
    margin-bottom: 20px;
    font-size: 21pt;
    margin-top: 4px;
}
h3.h1 {
    color:#038a30;
    padding:4px 20px;
    text-transform:uppercase;
    font-family: Oswald,"comic sans ms";

}
#keyboard {
    border-radius:30px;
    margin: 0 auto;
    overflow: hidden;
    width: 670px;
    background-repeat: no-repeat;
    background-size: 100%;
    border:10px solid #a7e256;
    background-color:#6BAEF2;
    padding: 10px 2px;
}
td {
    vertical-align: top;
} 
#keyboard_inner {
    overflow: hidden;
    text-align: center;
    margin:20px 20px;

}
#keyboard .linia {
    overflow: hidden;
}
.box {
    background-image: url("../img/klawisz.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    color: #234080;
    display: block;
    float: left;
    font-family: Calibri,Arial;
    font-size: 19px;
    font-weight: bold;
    height: 54px;
    line-height: 38px;
    margin: 1px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 8%;
}
.boxspacja {
    background-image: url("../img/klawiszspacja.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    color: #234080;
    display: block;
    float: left;
    font-family: Calibri,Arial;
    font-size: 13px;
    font-weight: bold;
    height: 50px;
    line-height: 42px;
    margin: 4px 2px;
    padding: 0;
    vertical-align: middle;
    width: 42%;
}
.boxdluzszy {
    background-image: url("../img/klawiszdluzszy.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    color: #234080;
    display: block;
    float: left;
    font-family: Calibri,Arial;
    font-size: 13px;
    font-weight: bold;
    height: 50px;
    line-height: 42px;
    margin: 1px;
    padding: 0;
    vertical-align: middle;
    width: 14.3%;
}
#keyboard_inner .current {
    background-image: url("../img/klawisz_wyr.png");
}
.current {

    background-repeat: no-repeat;
    font-weight: bold;
    height: 58px;
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
}
.dluzszycurrent {
    background-image: url("../img/klawiszdluzszy_current.png");
    background-position: 1px;
    background-repeat: no-repeat;
    font-size: 17px;
    height: 55px;
    line-height: 50px;
    margin: 0;
    text-align: center;
    vertical-align: middle;
    width: 89px;
}
.spacjacurrent {
    background-image:url(../img/klawiszspacja_current.png);
    background-position: -2px 3px;
    font-size: 30px;
    font-weight: bold;
    height: 61px;
    background-repeat: no-repeat;
    margin: 0;
    text-align: center;
    vertical-align: middle;
    width: 298px;
    line-height: 50px;
}
.punktacja {
    color: #BD1160;
    font-family: Oswald,Calibri,Arial;
    font-size: 16px;
    padding: 8px 36px;
    text-align: center;
    overflow:hidden;
}
#wszystkie, #dobre {
    color: black;
    font-family: Calibri;
    font-size: 35px;
    font-weight: bold;
    line-height: 94%;
}
#gra_top #wszystkie {
    color:#FEB60B;
    font-size: 26px;
}
#gra_top #dobre {
    color:#A5EC4D;
    font-size: 26px;
}
.space {
    display: block;
    float: left;
    height: 36px;
    margin: 1%;
    width: 2%;
}
/*#pole{
    font-size: 26px;
    width: 500px;
    height: 330px;
    font-family:Arial;
    padding: 0;
    float: left;
    margin:0 0 0 40px;

}*/
#pole_wrap {
    background-image: url(../img/dymek.png);
    background-position: 50px 90px;
    background-repeat: no-repeat;
    overflow:hidden;
}
.granat {
    color: #234080;
}
#area {

    display: block;
    font-size: 44px;
    overflow: hidden;
    width: 96%;
    line-height: 120%;
    padding:0 0 20px 0;

}
#area.area_green, .area_green {
    background-color: #FFFFFF !important;
    border-color:#a7e256 !important;
    min-height: 470px;

}
#area.area_grey, .area_gremy {
    background-color: #EEE !important;
    border-color:#a7e256 !important;
    min-height: 470px;
}
#area.area_ul, .area_ul {
    background-image: url(../img/ul_sam.png);
    background-position: bottom;
    background-repeat: no-repeat;
    min-height: 400px;
}
#area.area_zuk, .area_zuk {
    background-image: url(../img/zukm.png);
    background-position: bottom;
    background-repeat: no-repeat;
    min-height: 400px;
}
#area.area_zabka, .area_zabka {
    background-image: url(../img/zabkam.png);
    background-position: bottom;
    background-repeat: no-repeat;
    min-height: 400px;
}
#area.area_mamut, .area_mamut {
    background-image: url(../img/mamut.png);
    background-position: bottom;
    background-repeat: no-repeat;
    min-height: 400px;
}
#area.area_kucharz, .area_kucharz  {
    background-image: url(../img/kucharzr200.png);
    background-position: bottom;
    background-repeat: no-repeat;
    min-height: 400px;
}
#area.area_henio, .area_henio  {
    background-image: url(../img/henio.png);
    background-position: bottom;
    background-repeat: no-repeat;
    min-height: 400px;
}
#area.area_jez, .area_jez  {
    background-image: url(../img/jez.png);
    background-position: bottom;
    background-repeat: no-repeat;
    min-height: 400px;
}
#area.area_pszczolka, .area_pszczolka {
    background-image: url(../img/pszczolka_miod.png);
    background-position: bottom;
    background-repeat: no-repeat;
    min-height: 400px;
}
#area.area_grzyb, .area_grzyb {
    background-image: url(../img/grzyb.png);
    background-position: bottom;
    background-repeat: no-repeat;
    min-height: 400px;
}
#area.area_hubus, .area_hubus {
    background-image: url(../img/hubus_sam.png);
    background-position: bottom;
    background-repeat: no-repeat;
    min-height: 400px;
}
#area.area_zabawki, .area_zabawki {
    background-image: url(../img/zabawki.png);
    background-position: bottom;
    background-repeat: no-repeat;
    min-height: 400px;
}
#wskazana {
    font-family: "Times New Roman";
    font-size: 54pt;
    line-height: 125%;
    overflow: hidden;
    padding: 5px;
    text-align: center;
}
#wskazana.zdanie, #area.literka {
    font-size:50pt;
    padding:20px;
    text-align: center;
    line-height: 120%;
}
#wskazana.zdanie, #area.zdanie {
    font-size:30pt;
    padding:20px;
    text-align: left;
    line-height: 120%;    
}
#wskazana.zdanied, #area.zdanied {
    font-size:30pt;
    padding:20px;
    text-align: left;
    line-height: 120%;    
}
#wskazana.dyktando, #area.dyktando {
    font-family:Open Sans;
    font-size:20pt;
    font-weight: 300;
    padding:20px;
    text-align: left;
    line-height: 150%;    
}
#wskazana.dyktando .pytajnik {
    background-color: #A7E256;
    border-radius:3px;
    padding:0px 12px;
    margin:0 1px;
    font-weight: bold;
    border:1px solid #337ab7;
}



#area2 {
    background-color: #FFE93D;
    color: #FFE93D;
    font-size: 1px;
    border: 1px solid #FFE93D;
    width: 10px;
    height: 10px;
    resize:none;
    position:absolute;
    right:120%;
}
#area2:focus {
    outline:none;
}
#opinion {
    font-size: 26px;
    width: 160px;
    height: 160px;
    font-family:Arial;
    padding:0px;
    float: right;
    margin:0;
    overflow: hidden;
    margin-right:20px;
}
#opinion p {
    margin: 0
}
#dobrze, #zle {
    display: none;
    color:yellow;
    text-align: center;
    font-family: "Comic Sans MS";
    font-weight: bold;
    margin:0;
}
#dobrze span, #zle span {
    font-size: 80px;
}
#dobrze {
    color:green;
}
#zle {
    color:red;
}
#stopka {
    overflow: hidden;
    font-size:10pt;
    color:#CCC;
    text-align: center;
    background-color: #469105;
}
#stopka p {
    margin:1%;
}
#stopka a {
    padding:4px;
    color:#EEEEEE;
    text-decoration: none;
}
.downlink {
    color: #222222;
    font-family: Oswald;
    font-size: 11pt;
    font-weight: 700;
    margin: 0 20px;
    padding: 4px 12px;
    text-transform: uppercase;
}
.linkright {
    background-image: url(../img/arrowright.png);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 30px;
}
.linkrightm {
    background-image: url(../img/arrowright2.png);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 20px;
}
.linkleft {
    background-image: url(../img/arrowleft.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 30px;
}
.linkleftm {
    background-image: url(../img/arrowleft2.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 20px;
}
.tright {
    text-align: right;
}
.bold {
    font-weight: bold;
}
.info {
    color:#222;
    margin:0 auto;
    width: 540px;
}
.button_green {
    background-color: #63A908;
    border-radius: 25px 25px 25px 25px;
    color: #FFFFFF;
    cursor: pointer;
    font-family: 'Comic Sans MS';
    font-size: 55px;
    padding: 10px 20px;
}
.button_green:hover {
    color:yellow;
    background-color: darkgreen;
}
#dobrze {
    display:none;
}
#zle {
    display:none;
}
.slowo {
    font-family:"Times New Roman";
    font-size:40px;
    color:#222;
    height: 70px;
    width:238px;
    margin:2px auto;
    padding:114px 10px 16px;
    background-image: url(../img/m1.png);
    background-repeat: no-repeat;
    background-position: center;
}
.bgok {
    background-image: url(../img/m2.png) !important;
}
.bgno {
    background-image: url(../img/m3.png) !important;
}
#odp {
    /*font-family:verdana;*/
    font-size:30px;
    color:#222;
    background-color: #FFF;
    border: 1px solid #E54E0C;
    width:180px;
    margin:2px auto;
    text-align:center;
    padding:10px;
}
.timer , #odpowiedzi{
    background-color: #FFFFFF;
    border-bottom: 5px solid #D1D100;
    border-radius: 17px 17px 17px 17px;
    border-right: 4px solid #D1D100;
    float: right;
    font-family: 'Comic Sans MS';
    overflow: hidden;
    padding: 10px 20px;
    width: 52px;
}
.timer span, #odpowiedzi span{
    font-size:25px;
    font-weight: bold;
}
#odpowiedzi {
    float: left;
}
.koniecgry {
    font-size: 23px;
}
.hidden {
    display:none;
}
#okienko {
    background-color: #6BAEF2;
    border: 10px solid #A7E256;
    border-radius: 50px 50px 50px 50px;
    color: #234080;
    font-family: Calibri,Arial;
    font-size: 120px;
    height: 250px;
    line-height: 126px;
    margin: 10px auto;
    overflow: hidden;
    padding: 30px;
    width: 570px;
}
#okienkom {
    background-color: #6BAEF2;
    border: 10px solid #A7E256;
    border-radius: 50px 50px 50px 50px;
    color: #234080;
    font-family: Calibri,Arial;
    font-size: 50px;
    height: 250px;
    line-height: 56px;
    margin: 10px auto;
    overflow: hidden;
    padding: 30px;
    width: 600px;
}
#okienko .box {
    font-size:40px;
    cursor:pointer;
}
#okienko .current, #okienkom .current {
    font-size: 56px;
    margin-top: 36px;
}
#okienkom .current {
    color:green;
    background-image: none;
    font-size: 50px;
    line-height: 56px;
    margin-top:0;
}
.wyr {
    float:left;
}
.wyrr {
    float:right;
}
.boxm {
    background-image: url("../img/klawisz.png");
    color: #234080;
    cursor: pointer;
    display: block;
    float: left;
    font-family: Calibri,Arial;
    font-size: 22pt;
    height: 49px;
    line-height: 38px;
    margin: 1px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 47px;
    font-weight: normal;
}
#wyraz {
    font-size: 48pt;
    line-height: 90px;
    margin: 30px 30px 60px 60px;
    font-family: "Times New Roman",Calibri;
    line-height: 140px;
}
#wyraz .box, .boxhuge {
    cursor: pointer;
    font-family: "Times New Roman",Calibri;
    font-size: 42px;
    padding-right: 6px;
    width: 76px;
    background-image: url("../img/klawisz0.png");
    height: 78px;
    line-height: 60px;
    background-repeat: no-repeat;
}
.wyrbox {
    float: left;
    width: 88px;
}
.wyrboxm {
    float: left;
    height: 101px;
    width: 53px;
}
.wyrbox input {
    border: 10px solid #a7e256;
    color: darkgreen;
    display: block;
    font-family: "Times New Roman";
    font-size: 68px;
    line-height: 130%;
    margin: 15px auto;
    overflow: hidden;
    text-align: center;
    width: 85px;
    text-transform: lowercase;
}
.yellow {
    color:#FFE93D;
    font-size:21px;
}
.chmurka {
    background-image: url("../img/chmurka4.png");
    background-repeat: no-repeat;
    color: #a70700;
    font-size: 13pt;
    height: 146px;
    margin: 0 auto;
    padding: 28px 132px 27px 15px;
    text-align: center;
    width: 660px;
    line-height: 125%;
    margin-top:-15px;
}
.mniejszy {
    font-size:15px;
    margin: 5px;
}
.chmurka_main {
    background-image: url("../img/dymek2.png");
    background-repeat: no-repeat;
    color: #a70700;
    font-family: Calibri,Arial;
    font-size: 19px;
    height: 220px;
    line-height: 120%;
    margin: 20px auto 20px;
    padding: 20px 90px 20px 30px;
    text-align: center;
    width: 560px;
}
ul.lista , ul.listagier, ul.listagier2, ul.listagier3{
    list-style: none;
    overflow: hidden
}
ul.listagier2{
    margin-top:40px;

}
.lista li {
    background-color: #AAD7FF;
    border: 8px solid #45A3EF;
    border-radius: 8px 8px 8px 8px;
    font-size: 20px;
    padding: 10px;
    margin:10px;
    text-align: center;
    width: 330px;
    text-transform: uppercase;
    font-family: Calibri,Arial;
    letter-spacing:1px;
}
.listagier li {
    background-image: url("../img/lista.png");
    background-repeat: no-repeat;
    color: #CBDFEF;
    float: left;
    font-family: Oswald,Calibri;
    font-size: 21px;
    height: 100px;
    margin: 5px;
    padding: 14px;
    text-align: center;
    text-transform: uppercase;
    width: 200px;
}
.listagier2 li {
    background-color: #fff;
    border: 1px solid #417DC5;
    border-radius: 10px;
    box-shadow: 3px 3px 0 rgba(65, 125, 197, 1);
    color: #cbdfef;
    float:left;
    font-family: Oswald,Calibri,Tahoma;
    font-size: 16pt;
    font-weight: 700;
    height: 300px;
    margin: 10px;
    padding: 8px;
    text-align: center;
    text-transform: uppercase;
    width: 250px;


}

@media (max-width: 450px) {
    .listagier2 li {
        margin: 8px 2px;
        width: 98%;
    }
}
@media (min-width: 450px) {
    .listagier2 li {
        margin: 8px 4px;
        width: 48%;
    }
}
@media (min-width: 768px) {
    .listagier2 li {
        margin: 8px 6px;
        width: 234px;
    }
}
@media (min-width: 992px) {
    .listagier2 li {
        margin: 8px 6px;
        width: 228px;
    }
}
@media (min-width: 1200px) {
    .listagier2 li {
        width: 274px;
        margin: 8px;    
    }
}

.listagier2 li a {
    border: 1px solid #b9d2e9;
    border-radius: 8px;
    box-shadow: 9px 8px 0 rgba(138, 182, 223, 0.8);
    display: block;
    height: 282px;
    padding: 6px;
    -moz-box-shadow: 9px 8px 0 rgba(138, 182, 223, 0.8);
    -webkit-box-shadow: 9px 8px 0 rgba(138, 182, 223, 0.8);  
    position:relative;
}
.autor_absolute , .listagier2 li span.autor_absolute {
    font-family: Calibri !important;
    font-size: 11pt;
    text-transform: none;
    font-weight: normal;
    position: absolute;
    border: burlywood;
    bottom: 10px;
    margin: 0 auto;
    width: 100%;
    left: 0;
}
.listagier2 li span {
    font-size:9pt;
}
.listagier2 li img {
    /*border-right:1px solid #BBB;
    border-bottom:1px solid #BBB;*/
    margin: 0 0 4px 0;
    width: 200px;
}
.listagier2 li:hover {
    opacity: 0.9;
}
.listagier li a {
    display: block;
    height: 80px;
}
.listagier li:hover a , .listagier li:hover a:hover {
    color:#A70700;

}#login_wrap {
    background-image: url("../img/transp.png");
    padding: 600px 0;
    position: absolute;
    width: 100%;
    z-index: 100;
}
#adminmenu {
    list-style: none;
    overflow: hidden;
}
#adminmenu li {
    float: left;
}
#adminmenu li a, .form td, .form th, ol.form li, a.admenu {
    background-color: #FCEE80;
    border: 1px solid #FFFFFF;
    margin: 8px;
    padding: 8px 16px 5px;
}
.form th {
    background-color: #FCF3B0;
}
#adminmenu li a {
    display: block;
}
.paddb {
    padding-top:0;
}
.form {
    border:1px solid #FFF;
}
.form th {
    text-align: right;
}
.slownik input, .slownik textarea {
    width: 300px;
    font-family:Arial;
    font-size:14px;
}
.error_mes {
    background-color: #F7E3DC;
    border: 4px solid #E74828;
    color: #E74828;
    line-height: 150%;
    margin: 8px 50px;
    overflow: hidden;
    padding: 20px;
}
.success_mes {
    background-color: #DEF4DC;
    border: 4px solid #74BF3D;
    color: #528826;
    line-height: 150%;
    margin: 8px 50px;
    overflow: hidden;
    padding: 20px;
}

.adblue {
    background-color: #337ab7;
    color:#EEE;
    padding:2px 4px;
}
.adgreen {
    background-color: #008000;
    color:#EEE;
    padding:2px 4px;
}
.adgrey {
    background-color: #AAA;
    color:#FFF;
    padding:2px 4px;
}
.sortable {
    width:50%;
    margin:0 auto;
    list-style: none;
}
/*.sortable li, #wskazana li {
    background-image: url("../img/klawiszz.png");
    background-repeat: no-repeat;
    color: #086301;
    display: block;
    float: left;
    font-family: "Times New Roman",Calibri,Arial;
    font-size: 44px;
    font-weight: bold;
    height: 81px;
    line-height: 59px;
    margin: 4px 10px 4px 10px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 83px;
}*/
.sortable li, #wskazana li {background-repeat: no-repeat;
                            display: block;
                            float: left;
                            font-weight: bold;
                            margin: 4px 10px 4px 10px;
                            padding: 4px 22px;
                            text-align: center;
                            width: auto;
}
input.boxi {
    background-position: center bottom;
    background-repeat: no-repeat;
    border: 6px solid #62B2F7;
    color: #47750a;
    display: block;
    float: left;
    font-weight: bold;
    height: 90px;
    line-height: 44px;
    margin: 4px 2px 4px 10px;
    padding: 0;
    text-align: center;
    vertical-align: top;
    font-family: verdana;
    width: 90px;
    text-transform: lowercase;
    
}
#inner p {
    color: #086301;
    font-size: 32px;
    margin: 20px 0 10px;
}
.przesuwanka li, .przesuwanka li.pgreen, .przesuwanka.pgrey li.pgreen {
    border: 0 none;
    display: block;
    font-weight: bold;
    margin: 12px auto;
    text-align: center;
    overflow:hidden;
    background-color:#BAEF70;
    border:1px solid;
    border-color: #A7E256 #73AD38 #73AD38 #A7E256;
    width: 94%;
    height: 76px;
    line-height: 70px;
    border-radius:5px;
    color:#009900;
}
#odpowiedzonka.dyktando2020 {
    line-height: 175%;
}
#odpowiedzonka.dyktando2020 input {
    width: 33px;
    padding: 0 0px;
    line-height: 100%;
    border-radius: 4px;
    color: #000;
    background-color: #f4f4f4;
    border-color: #DDD #eee #eee #DDD;
}
.text-dgrey {
    color:#444;
}

.przesuwanka.small li {
    margin:4px 0;
    padding: 2px;
    width: auto;
    height: 35px;
    line-height: 150%;
    font-weight: 400;

}
.przesuwanka.small .ui-sortable li {
    cursor: pointer;
    background-color:#EEE;
    border-color:#F1F1F1 #AAA #AAA #F1F1F1;
    color:#444
}
.przesuwanka.small .ui-sortable li.placeholder {
    background-color: #FAFAFA;
    border-color: #F1F1F1;
}
.przesuwanka.horizontal li, .przesuwanka.pgrey.horizontal li.pgreen {
    float:left;
    margin:1%;
    padding:0 2%;
    width:auto;
    min-width: 20%;

}
.przesuwanka.pgrey li {
    background-color:#DDD;
    border-color:#CCC #AAA #AAA #CCC;
    color:#444
}

.przesuwanka.ppink .ui-sortable li {
    background-color: #fedbff;
    border-color: #eebfef #b452b7 #b452b7 #eebfef;
    color:#b452b7;
}

.przesuwanka .ui-sortable li {
    background-color: #acd3f9;
    border-color: #90c2f4 #6baef2 #6baef2 #90c2f4;
    color:#2571bc;
}

#inner.obrazki li, #inner2.obrazki li {
    background-image: url("../img/memory120/mg-mcard.png");
    color: #126EB4;
    font-family: Calibri;
    font-size: 13pt;
    height: 120px;
    line-height: 120px;
    width: 120px;
}
#inner.font25 li, #inner2.font25 li {
    font-size:25px;
    font-family:Calibri;
}


#inner li.krm {
    font-size:20pt;
    cursor:pointer;
}
#inner.spol li.krm, #inner.spol li, #inner2.spol li.krm, #inner2.spol li ,#inner3.spol li.krm, #inner3.spol li{
    /*color:#0360BC;*/
}
#inner li.kr4, #inner2 li.kr4, #inner3 li.kr4, #inner4 li.kr4 {
    background-image: url("../img/klawiszdluzszykr4_bigger.png");
    width: 100px;
}
#inner li.d200, #inner2 li.d200, #inner3 li.d200, #inner4 li.d200, .d200 {
    background-repeat: no-repeat;
    width: 200px;
}
#inner li.npo, #inner2 li.npo, #inner3 li.npo, #inner4 li.npo, .npo {
    background-color: #fff;
    background-image: none;
    height: 35%;
    margin: 12px;
    padding: 8px;
    width: 38%;
    list-style: none;
}
#inner li.mnpo, #inner2 li.mnpo, #inner3 li.mnpo, #inner4 li.mnpo, .mnpo {
    background-color: #fff;
    background-image: none;
    border: 2px solid #aad7ff;
    border-radius: 8pt;
    color: #065389;
    font-family: sans-serif;
    font-size: 28pt;
    font-weight: 100;
    height: 35%;
    line-height: 100%;
    margin: 1%;
    padding: 8px;
    width: 23%;float: left;
    list-style: none;
    text-align: center;
    list-style: none;
}
#inner li.mnpo3, #inner2 li.mnpo3, #inner3 li.mnpo3, #inner4 li.mnpo3, .mnpo3 {
    background-color: #fff;
    background-image: none;
    border: 2px solid #aad7ff;
    border-radius: 8pt;
    color: #065389;
    font-family: sans-serif;
    font-size: 28pt;
    font-weight: 100;
    height: 35%;
    line-height: 100%;
    margin: 2%;
    padding: 4%;
    width: 26%;float: left;
    list-style: none;
}
#inner li.mnpo.s21, #inner2 li.mnpo.s21, #inner3 li.mnpo.s21, #inner4 li.mnpo.s21, .mnpo.s21 {
    font-size:21pt;
    line-height: 150%;
}
#inner li.mnpo.oswald, #inner2 li.mnpo.oswald, #inner3 li.mnpo.oswald, #inner4 li.mnpo.oswald, .mnpo.oswald {
    font-family:oswald;
}
#inner li.mnpo.bluo, .mnpo.bluo , .mnpo3.bluo{
    background-color: #EBFFFF;
    opacity: 0.5;

}
#inner li.mnpo.unvisible, .mnpo.unvisible, .mnpo3.unvisible {
    opacity: 0.0;

}
#inner li.mnpo img, #inner2 li.mnpo img, #inner3 li.mnpo img, #inner4 li.mnpo img, .mnpo img {
    float:left;
    border:0;
}
#inner li.blue {
    color:#234080;
    font-size:27px;
}
#inner2 li.mowa {
    cursor: pointer;
    font-family: Calibri;
    font-size: 23px;
}

.zeromargin li {
    margin:12px auto;
    width: 95%;
}

#inner2.ui-sortable li.ui-state-highlight-d157, .przesuwanka li.placeholder, .przesuwanka.ppink li.placeholder {
    background-color: #f4e7a6;
    border-color: #f2cb79 #f4e7a6  #f4e7a6 #f2cb79 ;
}
#inner2.ui-sortable li.ui-state-highlight-d200 {
    background-color: #f7f3be;
    width: 214px;
}
.margin10 {
    margin:10px;
}
.s30 {
    font-size:30pt;
}
.s50 {
    font-size:50pt;
}
#quest:hover {
    opacity: 0;
}
.verdana {
    font-family:verdana;
}
#inner {
    margin-left: 60px;
    width: 33%;
}
#inner2, #inner3 {
    width: 33%;
}

#inner2 li {
    cursor:move;
}
#inner3 li {
    cursor:move;
}
.w120 {
    width:15%;
}
#inner.zeromargin, #inner2.zeromargin, #inner3.zeromargin, .zeromargin {
    margin:0;
    width: 18%;
}
#inner.zeromargin {
    margin-left:20px;
}
#inner.zeromargin4, #inner2.zeromargin4, #inner3.zeromargin4, .zeromargin4 {
    margin:0;
    width: 23%;
}
#inner.zeromargin4 {
    margin-left:20px;
}
#inner.margind200 {
    margin-left:40px;
    width: 36%;
}
#inner.marginall, #inner2.marginall {
    margin-left:40px;
    width: 75%;
}
#inner.marginall0, #inner2.marginall0 {
    margin-left:0px;
    width: 78%;
}
#inner.margincenter, #inner2.margincenter {
    margin: 0 auto;

}
.marginall li {
    cursor:pointer;
}
.yellow {
    color:#666 !important;
    background-image: url("../img/klawisz76x200h.png") !important;
}
.yellowo, #inner li.yellowo img{
    border:5px solid #FFE93C;

}

#inner li img{
    border:5px solid transparent;
}
.yellow157 {
    color:#234080 !important;
    background-image: url("../img/klawisz76x157h.png") !important;
}
.yellow126 {
    color:#234080 !important;
    background-image: url("../img/klawisz76x126h.png") !important;
}
#gra_top {
    width: 633px;
    height: 90px;
    background-image: url("../img/gra_top.png");
    margin-left:29px;
}
#gra_top.gra_top_green {
    background-image: url("../img/gra_top_green.png");
}
#gra_down {
    width: 633px;
    height: 31px;
    background-image: url("../img/gra_down.png");
    margin-left:29px;
}
#gra_down.gra_down_green {
    background-image: url("../img/gra_down_green.png");
}
#music {
    margin: 0 10%;
    height: 60px;
}
#music a.navi {
    background-color: #5CB412;
    color: #FFF;
    border-radius: 0 0 10px 10px;
    cursor: pointer;
    display: block;
    margin: 0 8px;
    padding: 2px 12px 6px;
    border: 0;
    font-size: 16pt;
}
#music a#set_music.off{
    background-color:#BBB;
}
#music a#lubie {
    background-image: url("../img/lubie3.png");
    background-repeat: no-repeat;
    width: 146px;
    padding: 8px 17px
}
.right {
    text-align: right;
}
.book, #area.book, #task_area.book {
    /*font-family: Calibri;
    font-size: 16pt;*/
    font-family:  open sans;
    font-size: 14pt;
    font-weight: 300;
    text-align: left;
    line-height: 150%;
}
.book h1, #task_area.book h1 {
    padding:0;
    font-family: Oswald;
    font-size: 24pt;
    font-weight: 500;
    line-height: 120%;
    text-align: left;
    text-transform: none;
}
.book h2 {
    font-weight: 500;
}
.book .autor, #area.book .autor, #task_area.book  .autor{
    font-size:11pt;
}
.book p {
    margin:0;
}
img.lewe {
    float:left;
}
img.prawe {
    float:right;
}
.bajka, #area.bajka {
    font-size: 18pt;
    text-align: left;
    line-height: 150%;
}
.bajka .slowko {
    font-weight: bold;
    color:#0866B2;
    /*color:#0070C6;*/
}
.bajka p {
    padding: 2px;
}
.czytanka p {
    margin: 10px 0;
}
#area.bajka.czytanka {
    font-family:Verdana;
    font-size:13pt;
    text-align: justify;
    line-height: 150%;
}
#area.bajka.artykul {
    font-family:Arial;
    font-size:1em;
    text-align: justify;
    line-height: 175%;
    padding: 40px;

}
.navi, #area .navi {
    border-top: 3px dotted #A6D1F5;
    float: right;
    margin: 0;
    padding: 10px 60px 0;
    text-align: right;
    margin-top:2%;
}
.navi a {
    font-size: 20pt;
    margin: 4px 8px;
    padding: 0;
    float: left;
}
.navi_top {
    border-bottom: 3px dotted #a6d1f5;
    color: #417dbb;
    font-family: Oswald;
    font-size: 21pt;
    font-weight: 400;
    line-height: 125%;
    margin: 0;
    padding: 0 0 10px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom:2%;
}
#pytanko {
    padding: 2% 5%;
}
#pytanko.long {
    font-size: 19pt;
    font-weight: normal;
    margin-bottom: 0;
    line-height: 150%;
    min-height: 104px;
}
.kostkawyraz.long {
    background-color: #b9e5f7;
    border-color: white #3299c5 #3299c5 white;
    border-radius: 15px;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    display: block;
    font-size: 18pt;
    font-weight: bold;
    margin: 1% 0;
    padding: 12px 2%;
    text-align: left;
    line-height: 125%;
}
#pytania p {
    line-height: 150%;
}
#pytania p.odp {
    color: #234080;
    font-weight: normal;
    line-height: 50px;
    margin: 0 10px;
    padding: 6px 8px;
}
#pytania p input {
    border: 6px solid #A7E256;
    color: darkgreen;
    font-family: "Times New Roman";
    font-size: 24pt;
    font-weight: bold;
    margin: 15px auto;
    overflow: hidden;
    text-align: center;
    width: 120px;
}
#pytania .box {
    margin-right: 10px;
    cursor:pointer;
}
#pytania .checked {
    background-image: url(../img/klawisz_checked_bordo.png);
}
#pytania.tomek {
    background-image: url("../img/czytanki/tomekm.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    min-height: 280px;
    padding-right: 22%;
}
#pytania.basia {
    background-image: url("../img/czytanki/basiam.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    min-height: 280px;
    padding-right: 22%;
}
#pytania.karol {
    background-image: url("../img/czytanki/karolm.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    min-height: 280px;
    padding-right: 22%;
}
#nagrody {
    overflow: hidden;
    display: block;
    float: left;
    margin-left: 77px;
    width: 136px;
    margin-top: 14px;
}
ol li {
    padding: 4px 0;
}
ol.form li  {
    color: #234080;
}
ol.form li select  {
    border: 1px solid orange;
    color: #234080;
    font-size: 12px;
    margin: 4px;
    padding: 4px;
    text-transform: uppercase;
}
.subm {
    width:100px;padding:10px;border:1px solid orange; background-color: #FFE93D;cursor: pointer
}
.form ol li a {
    text-transform: uppercase;
    font-size:11px;

}
#question, .zukchmurka, #pytanko.zukchmurka {
    background-image: url("../img/zukmlchmurka.png");
    background-repeat: no-repeat;
    color: #111;
    float: left;
    height: 191px;
    overflow: hidden;
    padding: 59px 31px 15px 168px;
    width: 428px;
    font-size:17pt;
    line-height: 115%;
}
.zielony {
    background-color: #63A908;
    border-radius: 15px 15px 15px 15px;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Calibri;
    font-size: 28px;
    font-weight: bold;
    padding: 5px 15px;
}
.kostkazdanie {
    border-color: white #3299C5 #3299C5 white;
    border-radius: 15px;
    border-style: solid;
    border-width: 1px;
    background-color: #B9E5F7;
    cursor: pointer;
    display: block;
    font-family: Calibri;
    font-size: 29pt;
    font-weight: bold;
    padding: 10px 2%;
    margin:3%;
    text-align: center;
    width: 94%;
}
.kostkawyraz {
    background-color: #b9e5f7;
    border-color: white #3299c5 #3299c5 white;
    border-radius: 15px;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    display: block;
    font-size: 20pt;
    font-weight: bold;
    margin: 2%;
    padding: 10px 2%;
}
.verdana {
    font-family: Verdana;
}
.padding5p {
    padding: 1% 5%;
}
.kostkazdanie:hover, .kostkawyraz:hover {
    color:#3299C5;
    background-color: #CCEDF9;
}
.kostkazdanie.success {
    background-color: #deedcb;
    border-color: white #63a908 #63a908 white;
    color: #589112;
    font-size: 1.1em;
}
.kostkazdanie.danger {
    background-color: #f7d7d2;
    border-color: white #d65e5c #d65e5c white;
    color: #b50d0a;
    font-size: .9em;
    
}
.kostkazdanie.danger span {
    color:red;
    text-decoration: line-through; 
}
.kostka {
    background-color: #936A53;
    background-color: #F1C375;
    border-color: white #936A53 #936A53 white;
    border-radius: 15px 15px 15px 15px;
    border-style: solid;
    border-width: 1px;
    color: #7C4A2F;
    cursor: pointer;
    font-size: 28pt;
    font-weight: bold;
    margin: 10px;
    padding: 10px;
    display: block;
    width:220px;
    text-align: center;
}
.kostkahuge {
    background-color: #f1c375;
    border-color: white #936a53 #936a53 white;
    border-radius: 15px;
    border-style: solid;
    border-width: 1px;
    color: #7c4a2f;
    cursor: pointer;
    display: block;
    font-size: 70pt;
    font-weight: bold;
    line-height: 88pt;
    margin: 2%;
    padding: 10px;
    text-align: center;
    width: 40%;
}
.kostka:hover, .kostkahuge:hover {
    background-color: #936A53;
    color: #FFF8B0;
}
.kostkahuge2 {
    background-color: #a0e6ef;
    border-color: white #2c838e #2c838e white;
    border-radius: 15px;
    border-style: solid;
    border-width: 1px;
    color: #2c838e;
    cursor: pointer;
    display: block;
    font-family: Verdana;
    font-size: 70pt;
    font-weight: bold;
    line-height: 88pt;
    margin: 2%;
    padding: 10px;
    text-align: center;
    width: 40%;
}
.kostkahuge5 {
    background-color: #ffbad2;
    border-color: white #e47297 #e47297 white;
    border-radius: 15px;
    border-style: solid;
    border-width: 1px;
    color: #ca278c;
    cursor: pointer;
    display: block;
    font-family: Verdana;
    font-size: 70pt;
    font-weight: bold;
    line-height: 88pt;
    margin: 2%;
    padding: 10px;
    text-align: center;
    width: 40%;
}
.kostkahuge2:hover {
    background-color: #2c838e;
    color: #a0e6ef;
}
.kostkahuge2:hover,.kostkahuge5:hover {
    background-color: #ca278c;
    color: #ffbad2;
}

.kostkahuge3 {
    background-color: #f7b7ea;
    border-color: white #936a53 #936a53 white;
    border-radius: 15px;
    border-style: solid;
    border-width: 1px;
    color: #871f88;
    cursor: pointer;
    display: block;
    font-family: Verdana;
    font-size: 70pt;
    font-weight: bold;
    margin: 10px;
    padding: 10px;
    width: 40%;
    text-align: center;
}
.kostkahuge3:hover {
    background-color: #9E2E9E;
    color: #DDA3D3;
}
.kostkahuge4 {
    background-color: #337ab7;
    border-color: white #2e6da4 #2e6da4 white;
    border-radius: 15px;
    border-style: solid;
    border-width: 1px;
    color: #fff6ee;
    cursor: pointer;
    display: block;
    font-size: 44pt;
    font-weight: bold;
    margin: 10px;
    padding: 10px;
    width: 45%;
    text-align: center;
}
.kostkahuge4:hover {
    background-color: #A4E151;
    color: #337ab7;
}
.kostkahuge4.huge5 {
    font-size:28pt;
    font-family:Calibri;
}
.kostkahuge4.huge10 {
    font-size:28pt;
    font-family:Calibri;
    width:93%;
}
.kostka.w30p {
    width: 30%;
}
.kostkahuge4.huge6, .huge6 {
    width: 99%;
    font-size:28pt;
    margin: 10px 4px;
    line-height: 44pt;
}
.kostkahuge4.huge7, .huge7 {
    font-size:24pt;
    margin: 10px 4px;
}
.kostkahuge4.huge9, .huge9 {
    font-size:24pt;
    margin: 10px 4px;
    width: 99%;
    height: auto;
}
#pytania .kostkahuge8.huge8 {
    font-size: 30pt;
    height: 94px;
    line-height: 150%;
    text-align: center;
    width: 93%;
    background-color: #DDD;
}
#pytania .kostkahuge8.huge8:hover {
    background-color: #DDD;
}




.kostkahuge8 {
    background-color: #a0e6ef;
    border-color: white #2c838e #2c838e white;
    border-radius: 15px;
    border-style: solid;
    border-width: 1px;
    color: #2c838e;
    cursor: pointer;
    display: block;
    font-family: Verdana;
    font-size: 70pt;
    font-weight: bold;
    margin: 10px;
    padding: 10px;
    width: 140px;
    height: 130px;
    text-align: center;
}
.kostkahuge8:hover {
    background-color: #2c838e;
    color: #a0e6ef;
}
.huge {
    font-weight: bold;
    font-size:31pt;
}
.f22 {
    font-weight: bold;
    font-size:22pt;
}
.times {
    font-family: "Times New Roman";
}
.chmurkatask {
    background-image: url("../img/dymekm.png");
    background-repeat: no-repeat;
    font-size: 28pt;
    margin: 0 auto;
    padding: 30px 40px 30px 0;
    text-align: center;
    width: 312px;
}
.zdanietask {
    background-color: #f4f4f4;
    background-repeat: no-repeat;
    border-radius: 12px;
    font-size: 28pt;
    height: 90px;
    margin: 0 auto;
    padding: 20px 16px 20px 0;
    text-align: center;
    width: 476px;
}
#pytania p.znajdzwyraz{
    background-color: #f4f4f4;
    background-repeat: no-repeat;
    border-radius: 12px;
    font-size: 28pt;
    margin: 0 auto;
    padding: 20px 16px 20px 0;
    font-weight: normal;
    overflow: hidden;
}
#odpowiedzonka.znajdzwyraz{
    background-color: #f4f4f4;
    background-repeat: no-repeat;
    border-radius: 12px;
    margin: 0 auto;
    padding: 20px 16px 20px 0;
    font-weight: normal;
    overflow: hidden;
}
#pytania p.znajdzwyraz span, #odpowiedzonka.znajdzwyraz span {
    border-radius:8px;
    padding:1px 4px;
    cursor: pointer;
    white-space:nowrap;
    display: inline-block;
}
#pytania p.znajdzwyraz.znajdzliterke span {
    margin: -3px;
}

#pytania p.znajdzwyraz.litery span {
    border-radius:0;
    padding:1px 2px;
    cursor: pointer;
    white-space:nowrap;
    display: inline-block;
    margin:0;
}
#pytania p.znajdzwyraz span.noclick {
    padding:0;
}
#pytania p.znajdzwyraz span:hover, #odpowiedzonka.znajdzlitere span:hover #odpowiedzonka.znajdzwyraz span:hover  {
    background-color: #DDD;
}
#pytania p.znajdzwyraz span.noclick:hover {
    background-color: transparent;
}
.zdanietask p, #pytania p.zdanietask {
    font-weight: normal;
}
.zdanietask span {
    font-weight: bold;
    color:#800;
}
#pytania p.stworek {
    background-image: url("../img/stworek_long.png");
    background-repeat: no-repeat;
    color: #333;
    font-size: 28pt;
    margin: 0 auto;
    padding: 38px 0 5px;
    text-align: center;
    width: 334px;
}
.kropka, .kropka2 {
    background-color: #CCEEFF;
    border-color: #CCEEFF;
    border-radius: 50%;
    border-style: solid;
    border-width: 5px;
    color: #7C4A2F;
    cursor: pointer;
    margin: 3px;
    padding: 40px;
    display: block;
    width:44px;
    height:44px;
    float:left;
    background-image: url(../img/gradient_white.png);
    background-size: 150%;
}
.kropka2 {
    padding:64px;
}
.kropka:hover, .kropka2:hover, krimg:hover, krimgd:hover {
    border-color: #936A53;
}
.kropka.zaznaczona  {
    border-color: #333;
}
.kropka.zaznaczona, .krimg.zaznaczona, .krimgd.zaznaczona   {
    border-color: #1879bf;
}
.krimg {
    color: #7c4a2f;
    cursor: pointer;
    display: block;
    float: left;
    height: 110px;
    margin: 1%;
    width: 110px;
    border:4px solid #9BDDFF;
}
.krimgd {
    background-color: #fff;
    border: 4px solid #9BDDFF;
    color: #7c4a2f;
    cursor: pointer;
    display: block;
    float: left;
    height: 130px;
    margin: 1%;
    width: 130px;
}
.btn-orange {
    background-color: #FF5E02;
    color: #fff;
}
.btn-orange:hover {
    background-color: #EA5504;
}
.btn-lsuccess {
    background-color: #98cf37;
    border-color:#8BC126;
    color: #fff;
}
.btn-lsuccess:hover  {
    background-color: #8BC126;
    color: #fff;
}
.btn-lgrey {
    background-color: #EEE;
    border-color: #EEE;
    color: #fff;
}
.btn-lgrey:hover {
    background-color: #DDD;
    border-color: #DDD;
    color: #fff;
}
.btn-pink {
    background-color: #ED65C9;
    border-color: #DB53B7;
    color: #fff;
}
.btn-pink:hover {
    background-color: #DB53B7;
    color: #fff;
}
.log_form, .log_form ol li, .log_form ul li {
    font-family: Open Sans;
    font-size:11pt;
    color:#FFF;
    line-height: 110%;
}
.wyb div {

    border-radius:4px;
    padding: 10px;
}
.wyb div:hover {
    background-color: #FAFAFA;
}
.wybor {

    font-size:16pt;
    color:#D61B34;
    text-align: center;
    line-height: 200%;
}
.wybor span {
    font-weight: 700;
    font-size: 23pt;
    font-family: oswald;
}

.s10, .btn-matzoo.s10 {
    font-size: 10pt;
    line-height: 150%;
}
.s11, .btn-matzoo.s11 {
    font-size: 11pt;
}
.s13, .btn-matzoo.s13 {
    font-size: 13pt;
}
.s15, .btn-matzoo.s15 {
    font-size: 15pt;
}
.s17, .btn-matzoo.s17 {
    font-size: 17pt;
}
.s18, .btn-matzoo.s18 {
    font-size: 18pt;
}
.s19, .btn-matzoo.s19 {
    font-size: 19pt;
}
.s20, .btn-matzoo.s20 {
    font-size: 20pt;
}
.s21, .btn-matzoo.s21 {
    font-size: 21pt;
}
.pz2 {
    padding: 0 2%;
}
.s25, .btn-matzoo.s25 {
    font-size: 25pt;
}
.s30, .btn-matzoo.s30 {
    font-size: 30pt;
}
.s35, .btn-matzoo.s35 {
    font-size: 35pt;
}
.s40, .btn-matzoo.s40 {
    font-size: 40pt;
}
.s45, .btn-matzoo.s45 {
    font-size: 45pt;
}
.s50, .btn-matzoo.s50 {
    font-size: 50pt;
}

.duza {
    font-size:30pt;
    font-weight: bold;
}
.teoria, #pytania p.teoria {
    background-color: #FCEB6A;
    border-radius: 10px 10px 10px 10px;
    color: #045B21 !important;
    font-family: Calibri;
    font-size: 15pt !important;
    padding: 10px 20px;

}
.teoria_top, #pytania p.teoria_top {
    background-color: #936A53;
    color: #FFF8B0 !important;
    border-color: white #936A53 #936A53 white;
    border-radius: 15px 15px 0px 0px;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    font-size: 28pt;
    margin: 10px;
    padding: 10px 15px;
    display: block;
    font-family: Calibri;
    font-size: 15pt !important;
    margin-bottom:0;
    border-bottom:0;
    font-weight: bold;
}
.teoria_down, #pytania p.teoria_down {
    background-color: #936A53;
    background-color: #F1C375;
    border-color: white #936A53 #936A53 white;
    border-radius: 0px 0px 15px 15px;
    border-style: solid;
    border-width: 1px;
    color: #7C4A2F !important;
    cursor: pointer;
    font-size: 28pt;
    margin: 10px;
    padding: 15px;
    display: block;
    font-family: Calibri;
    font-size: 15pt !important;
    margin-top:0;
    border-top:0;
    font-weight: normal;
}
#plac {
    background-image: url("../img/plac_tlo5.png");
    background-position: center center;
    height: 606px;
    position: relative;
    margin-bottom: 50px;

}
#plac a {
    background-position: center center;
    display: block;
    float: left;
    position: absolute;
}
#plac_1_1 {
    background-image: url("../img/plac_1_1.png");
    height: 101px;
    left: 20%;
    top: 10px;
    width: 179px;
}
#plac_1_2 {
    background-image: url("../img/plac_1_2.png");
    height: 130px;
    left: 45%;
    top: 14px;
    width: 94px;
}
#plac_1_3 {
    background-image: url("../img/plac_1_3.png");
    height: 162px;
    left: 60%;
    top: 6px;
    width: 140px;
}
#plac_1_4 {
    background-image: url("../img/plac_1_4.png");
    height: 193px;
    left: 85%;
    top: 0;
    width: 79px;
    z-index:100;
}
#plac_1_5 {
    background-image: url("../img/plac_1_5.png");
    height: 118px;
    left: 4%;
    top: 522px;
    width: 150px;
}
#plac_2_1 {
    background-image: url("../img/plac_2_1.png");
    height: 366px;
    left: 2%;
    top: 105px;
    width: 135px;
}
#plac_2_2 {
    background-image: url("../img/plac_2_2.png");
    height: 218px;
    left: 10%;
    top: 161px;
    width: 280px;
}
#plac_2_3 {
    background-image: url("../img/plac_2_3.png");
    height: 207px;
    left: 34%;
    top: 116px;
    width: 208px;
}
#plac_2_4 {
    background-image: url("../img/plac_2_4.png");
    height: 129px;
    left: 57%;
    top: 181px;
    width: 93px;
}
#plac_2_5 {
    background-image: url("../img/plac_2_5.png");
    height: 262px;
    left: 67%;
    top: 119px;
    width: 256px;
}
#plac_3_1 {
    background-image: url("../img/plac_3_1.png");
    height: 112px;
    left: 14%;
    top: 444px;
    width: 212px;
}
#plac_3_2 {
    background-image: url("../img/plac_3_2.png");
    height: 242px;
    left: 35%;
    top: 343px;
    width: 167px;
}
#plac_3_3 {
    background-image: url("../img/plac_3_3.png");
    height: 286px;
    left: 53%;
    top: 300px;
    width: 129px;
    background-repeat: no-repeat;
}
#plac_3_4 {
    background-image: url("../img/plac_3_4.png");
    height: 261px;
    left: 85%;
    top: 324px;
    width: 123px;
}
#plac_3_5 {
    background-image: url("../img/plac_3_5.png");
    height: 185px;
    left: 69%;
    top: 376px;
    width: 142px;
}
#plac_1_1:hover {
    background-image: url("../img/plac_1_1h.png");
}
#plac_1_2:hover {
    background-image: url("../img/plac_1_2h.png");
}
#plac_1_3:hover {
    background-image: url("../img/plac_1_3h.png");
}
#plac_1_4:hover {
    background-image: url("../img/plac_1_4h.png");
}
#plac_1_5:hover {
    background-image: url("../img/plac_1_5h.png");
}
#plac_2_1:hover {
    background-image: url("../img/plac_2_1h.png");
}
#plac_2_2:hover {
    background-image: url("../img/plac_2_2h.png");
}
#plac_2_3:hover {
    background-image: url("../img/plac_2_3h.png");
}
#plac_2_4:hover {
    background-image: url("../img/plac_2_4h.png");
}
#plac_2_5:hover {
    background-image: url("../img/plac_2_5h.png");
}
#plac_3_1:hover {
    background-image: url("../img/plac_3_1h.png");
}
#plac_3_2:hover {
    background-image: url("../img/plac_3_2h.png");
}
#plac_3_3:hover {
    background-image: url("../img/plac_3_3h.png");
}
#plac_3_4:hover {
    background-image: url("../img/plac_3_4h.png");
}
#plac_3_5:hover {
    background-image: url("../img/plac_3_5h.png");
}
#task_keywords {
    color:#FFE93C;
    font-size:6pt;
}
.quizy-memorygame{
    position:relative;
    width:100%;
    margin:25px;
}
.quizy-memorygame .mgcard-show{

    background:url('img/mg-mcard.png');
    background-repeat: no-repeat;
    font-family: Calibri;
    font-size: 15pt;
    background-size: 100%;    
}

.quizy-memorygame .quizy-mg-item{
    position:absolute;
    cursor:pointer;
    text-align:center;
}
.quizy-memorygame .quizy-mg-item .quizy-mg-item-bottom, .quizy-memorygame .quizy-mg-item .quizy-mg-item-top, .quizy-memorygame .quizy-mg-item .quizy-mg-item-top2{
    position:absolute;
    top:0;
    left:0;
    text-align:center;
}
.quizy-mg-item .quizy-mg-item-top{
    background:url('img/unicorn.png');
    background-size: 100%;
}
.quizy-mg-item .quizy-mg-item-top2{
    background:url('img/unicorn.png');
    background-size: 100%;    
}
.quizy-mg-item .quizy-mg-item-top3{
    background:url('img/unicorn.png');
    background-size: 100%;    
}
.quizy-mg-notification-fly{
    width:90px;
    height:90px;
    position:absolute;
    z-index:1000;
    display:none;
    -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
    box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
}
.quizy-mg-notification-fly-neg{
    background:url('img/quizy-mg-notif-neg.png');
}
.quizy-mg-notification-fly-pos{
    background:url('img/quizy-mg-notif-pos.png');
}
#quizy-game-summary {
    width:300px;
    height:120px;
    position:absolute;
    z-index:1001;
    background: #515b69;
    box-shadow: rgba(0,0,0,0.7) 0 0 4px, inset 0 0 20px rgba(0, 0, 0, 0.4);;
    border:1px solid #000;
    cursor:pointer;
    display:none;
    font-family:Calibri;
}
#quizy-game-summary div{
    width:75px;
    float:left;
    padding:10px 0 10px 20px;
    color:#fff;
    text-shadow: 1px 1px 1px rgba(0,0,0, 0.5);
    text-align:center;
}
#quizy-game-summary #gs-column1{
    font-size:16px;
    padding-top:30px;
}
#quizy-game-summary #gs-column2{
    font-size:12px;
    padding-top: 65px;
    background:url('img/mg-timeicon.png') no-repeat 70% 25%;
}
#quizy-game-summary #gs-column3{
    font-size:12px;
    padding-top: 65px;
    background:url('img/mg-clickicon.png') no-repeat 70% 25%;
}
#wojna {

    height: 300px;
    position: relative;
    overflow: hidden;
    border:1px solid red;
    background-color: #FAFAFA;
    cursor: crosshair;
}
.byki {
    list-style: none;
}
.byk {
    padding:4px 10px;
    background-color: #F1C375;
    border-color: white #936A53 #936A53 white;
    border-radius: 15px 15px 15px 15px;
    border-style: solid;
    border-width: 1px;
    color: #7C4A2F;
    font-family:Calibri;
    font-weight: bold;
    font-size:14pt;
    float: left;
    margin:2px;
    list-style:none;
    position: absolute;
    top:-20px;

}
.fragmenty, #inner.fragmenty {
    border-top:1px solid black;
    border-left:1px solid black;
    width:405px;
    height:324px;
}
.fragment {
    width:80px;
    height:80px;
    float:left;
    border-right:1px solid black;
    border-bottom:1px solid black;
    background-image: url(../img/hubus_01.jpg);
    background-size:405px;
    background-repeat: no-repeat;
    background-color:white;
}
.fragment2 {
    background-color: #FFFFFF;
    background-image: url("../img/hubus_01.jpg");
    background-repeat: no-repeat;
    background-size: 405px auto;
    border: 2px solid #000000;
    float: left;
    height: 80px;
    margin: 15px 10px;
    width: 80px;
    cursor:pointer;
}
.fragmenty600, #inner.fragmenty600 {
    border-top:1px solid black;
    border-left:1px solid black;
    width:500px;
    height:364px;
    border-radius: 7px;
    height: 360px;
    margin-left: 16px;
    overflow: hidden;
    width: 540px;
}
.fragment600{
    width:90px;
    height:90px;
    float:left;
    border-right:1px solid black;
    border-bottom:1px solid black;
    background-repeat: no-repeat;
    background-color:white;
}
.fragment2600 {
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    border: 2px solid #000000;
    float: left;
    height: 90px;
    margin: 6px 12px;
    width: 90px;
    cursor:pointer;
}
#wyraz.wyraz_puzzle {
    font-size: 39pt;
    line-height: 83px;
    margin: 0 140px 7px;
    overflow: hidden;
}
#wyraz.brawo540 {
    background-color: #FFE93D;
    border-radius: 8px;
    color: #008000;
    font-family: Tahoma;
    font-size: 31pt;
    font-weight: bold;
    line-height: 50px;
    margin: 0 17px 7px;
    overflow: hidden;
    padding:6px;
}
.fragmenty540, #inner.fragmenty540 {
    border-top:1px solid #1a5884;
    border-left:1px solid #1a5884;

    height: 360px;
    overflow: hidden;
    width: 540px;
}
.fragment600 {
    width:90px;
    height:90px;
    float:left;
    border-right:1px solid #1a5884;
    border-bottom:1px solid #1a5884;
    background-repeat: no-repeat;
    background-color:white;
}
.fragment2600 {
    background-color: #1a5884;
    background-repeat: no-repeat;
    border: 1px solid #1a5884;
    float: left;
    height: 90px;
    margin: 6px 12px;
    width: 90px;
    cursor:pointer;
}
.mali {
    height: 178px;
    width: 178px;
}
.starsi {
    height: 88px;
    width: 88px;
}
.najstarsi {
    height: 59px;
    width: 59px;
}
.size44 {
    height: 44px;
    width: 44px;
    border-color:#FFF;
}
.size52 {
    height: 52px;
    width: 52px;
    border-color:#FFF;
}
.sound {
    background-color: #ffb51e;
    color:#d35d01;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 5px;
    cursor: pointer;
    height: 15px;
    padding: 5px 15px;
    vertical-align: middle;
    width: 18px;
}
#area .sound {
}
.sound:hover {
    color:#2282D3;
    background-color: #AAD7FF;
}
.sound img {
    vertical-align: sub;
}

#area_res {
    min-height: 320px;
}
.error {
    background-color: #FFF1ED;
    border: 8px solid #FFD4C5;
    border-radius: 30px;
    color: #D63100;
    font-family: Calibri;
    font-size: 14pt;
    font-weight: bold;
    line-height: 140%;
    margin: 10px auto;
    overflow: hidden;
    padding: 10px;
    text-align: center;
    width: 540px;
}
.informacje {
    background-color: #EBFFFF;
    border: 8px solid #AAD7FF;
    border-radius: 30px;
    margin: 10px auto;
    overflow: hidden;
    padding: 2px 10px;
    text-align: center;
    font-family: Calibri;
    line-height: 140%;
}
.informacje img {
    padding:4px;
    border:1px solid #AAD7FF;
}
.informacje textarea {
    border: 1px solid #AAD7FF;
    padding: 4px;
}
.informacje input[type=text] {
    border: 1px solid #AAD7FF;
    padding: 4px;

}
.informacje input[type=submit] {
    background-color: transparent;
    border:0;

}
.informacje td {
    text-align: justify;
    padding: 4px;
    border-bottom: 3px dotted #AAD7FF;
}
#menu {
    list-style: none outside none;
    margin: 0 auto;
    overflow: hidden;
    width: 1000px;
    padding: 0;
}
#menu li {
    float: left;
}
#menu li a {
    background-color: #FFEF91;
    border: 5px solid #FDBC23;
    border-radius: 20px 0 23px 14px;
    display: block;
    font-size: 14pt;
    letter-spacing: 0;
    margin: 8px;
    padding: 6px 16px 2px;
}
.gwiazdka {
    cursor: pointer;
    margin: 4px;
    padding: 40px;
    display: block;
    width:50px;
    height:50px;
    float:left;
    background-repeat: no-repeat;
    font-size:11pt;
    background-image: url(../img/icons/star1m.png);
    background-position: center;
    border-radius:4px;
    position: absolute;
    top:0;
    left: 0;
    background-size: 96%;
}
.gwiazdka:hover {
    opacity:0.8
}
.figura {
    cursor: pointer;
    margin: 4px;
    padding: 4px;
    display: block;
    width:100px;
    height:100px;
    float:left;
    background-repeat: no-repeat;
    font-size:11pt;

    background-position: center;
    border-radius:4px;
    position: absolute;
    top:0;
    left: 0;
}
.gwiazdka_big {
    cursor: pointer;
    margin: 20px;
    padding: 20px;
    display: block;
    width:168px;
    height:168px;
    float:left;
    border-radius:20px;
    background-repeat: no-repeat;
    font-size:11pt;
    background-image: url(../img/icons/star1.png);
    background-position: center;
    background-size: 96%;
}
.figura_big_old {
    cursor: pointer;
    margin: 60px 20px;
    padding: 20px;
    display: block;
    width:128px;
    height:128px;
    float:left;
    background-color: #A7E256;
    border-radius:20px;
    background-repeat: no-repeat;
    font-size:11pt;
    background-image: url(../img/eyes.png);
    background-position: center 4px;
}
.figura_big {
    background-image: url("../img/stworek.png");
    background-position: center 4px;
    background-repeat: no-repeat;
    border-radius: 20px;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 11pt;
    height: 212px;
    margin: 55px 7px;
    padding: 27px;
    width: 234px;
}
.dino {
    background-image: url("../img/icons/dinom.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    font-size: 11pt;
    height: 232px;
    margin: 10px auto;
    padding: 76px;
    width: 277px;
}
.figura_in {
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    float: left;
    height: 128px;
    margin: 6px;
    padding: 8px 84px;
    width: 128px;
}

#comments {
    width:600px;
    text-align: left;

}

#comments ul, #comments_res ul{
    overflow: auto;
    padding: 0 10px;
    list-style:none;
    font-weight: 300;
}
#comments ul li, #comments_res ul li {
    border-bottom: 3px dotted #AAD7FF;
    padding: 6px;
    text-align: left;
    font-size:14pt;
}
.kom {
    margin: 0;
}
#comments .autor, #comments_res .autor {
    background-position: left center;
    background-repeat: no-repeat;
    font-weight: bold;
    padding-left: 20px;
    font-size:14pt;
    color:#E54E0C;
}
#comments .komm_top, #comments_res .komm_top {
    margin:2px 0 0;
    padding: 0;
}
#comments .data, #comments_res .data {
    color:#579DDB;
    font-size:10pt;
    float: right;
}
#comments .keywords h1, #comments_res .keywords h1, .green h1, .green h2, .green h3, .green h4, .keywords h1, .keywords h2, .keywords h3, .keywords h4 {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    border: 0 none;
    font-size: 12px;
    height: auto;
    padding: 0;
}
td.bg_green {
    background-color: #A8D36B;
    padding: 10px;
}
td.bg_red {
    background-color: #FFA786;
    padding: 10px;
}
.data {
    color: #008F13;
    float: right;
}
.small {
    font-size:8pt;
}
.podobne li {
    padding:0;
    margin:8px 0;
    line-height: 110%;
}
#hurra {
    background-image: url("../img/transp2.png");
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 1000;
    display: none;
}
#hurrain {
    background-image: url("../img/3misien.png");
    display: block;
    height: 414px;
    margin: 380px auto 1000px;
    overflow: hidden;
    text-align: center;
    width: 545px;
    z-index: 1000;
    background-size: 100%;
    max-width: 98%;
    background-repeat: no-repeat;
}
#hurrain p {
    margin-top:310px
}
.hurralink {
    background-color: #BD1160;
    border-radius: 13px;
    color: #FFFFFF;
    font-family: Oswald;
    font-size: 12pt;
    margin: 0 20px;
    padding: 10px 24px;
    text-transform: uppercase;
}

.td_miasta {
    border-bottom:2px dotted #A7E256
}
.span_miasta {
    font-size:8pt;float:right
}
.h_small {
    font-size:13pt;margin:0px;padding-bottom:0
}
.przedszkole {
    font-family: Calibri; font-size: 18px;
}
.amiasto {
    cursor:pointer;font-size:8pt;font-family:Verdana;border:1px solid #EEE;padding:4px;
}




.mobile_view {
    display: none;
}



#animacja_dzieci {
    float:right;height: 280px;
}

.lewa {
    width: 692px;
    float:left;

}
.prawa {
    width: 308px;
    float:right;
}


.sieciaki {
    color: rgb(51, 85, 134); text-transform: none; font-size: 19px; float: left; left: 29px; top: 3px;
}

#game {
    margin:10px;

    margin:2%;
}
#game #game_top {
    width: 100%;
    margin:0;
    overflow: hidden;
    font-family: Oswald;
    font-size: 1.5em;

}
#game #area {
    width: 100%;
}
#game #gra_down {
    width: 100%;
    margin:0;
}
#game #area_res {
    background-color: #FFFFFF;
    border: 10px solid #C73778;
    border-radius: 30px 30px 30px 30px;
    color: #234080;
    font-family: Calibri,Arial;
    font-size: 44px;
    padding: 20px;
    text-align: center;
    margin:0 auto;
    display: block;
    overflow: hidden;
}
#award {
    background-color: #BD1160;
    border-radius: 1em 1em 0 0;
    color: #fff;
    float: left;
    font-weight: 800;
    padding: 1% 4%;
    margin: 0 4%;
    width: 30%;
    height: 82px;
}
#award_info {
    font-family: Calibri; 
    font-size: 10pt;
    font-weight: normal;
}
#award_points {
    display:block;
    background-color:#BD1160;
    border-radius:1em 1em 0 0 ;
    float:right;
    font-weight: 800;
    color:#FFF;
    padding: 1% 4%;
    margin: 0 4%;   
    height: 82px;

}   
#award_points span {

}
#award_points #wszystkie {
    color:#FEB60B;
    font-size: 26px;
}
#award_points #dobre {
    color:#A5EC4D;
    font-size: 26px;
}
#game #music {
    width:auto;
}
#game #music a {
    margin-left: 36%;
}
#game #music a#lubie {
    background-image: none;
    background-color: #126EB4;
    border-radius: 0 0 1em 1em;
    color: #fff;
    float: left;
    font-weight: 800;
    padding: 1% 4%;
    margin: 0 4%;
    width: 20%;
    height: 24px;
}


#comments_res {
    margin:2%;
    padding-bottom: 20px;
}
#comments_res.informacje {
    width:auto;
}
@media only screen and (max-width: 1040px) { /* ------------------------------------------------*/

    .tablet_view {
        display: block;
    }
    .tablet_hide {
        display: none;
    }    
    #pagewrapper, #comments, #lewa {
        width: auto;
    }
    #menu {
        width: 100%;

    }
    #menu li {
        width:20%;
    }
    #menu li a {
        font-size:1.1em;
        margin:2px;
        border-width: 3px;
        border-radius: 5px 0 5px 0;
        padding: 6px 8px 2px;

    }

    .lewa {
        width: 60%;
    }
    #game #area_res {
        border-radius: 15px;
    }
}



@media only screen and (max-width: 992px) {
    .navbar-default .navbar-nav > li > a {
        font-size:13pt;
        padding: 16px 5%;
    }
    .fablet_view {
        display: block;
    }
    .fablet_hide {
        display: none;
    }

    #animacja_dzieci {
        width: 30%;
        height: auto;
    }
    #menu li a {
        font-size:0.9em;
        margin:1px;
    }
    .lewa, .prawa {
        width: 100%

    }
    .chmurka_main {
        background-image: none;
        margin: 0;
        padding: 0;
    }

    #plac {
        height: 980px;
        background-image: url(../img/plac_mobile.png);
    }
    #plac_1_1 {
        left:12%;
        top:5px;
    }
    #plac_1_2 {
        left: 32%;
        top: 81px;
    }
    #plac_1_3 {
        left: 50%;
        top:0;
    }
    #plac_1_4 {
        left: 78%;
        top:47px;
    }
    #plac_2_1 {
        left: 0%;
        top: 141px;
    }
    #plac_2_2 {
        left: 2%;
        top: 358px;
    }
    #plac_2_3 {
        left: 28%;
        top: 184px;
    }
    #plac_2_4 {
        left: 53%;
        top: 504px;
    }
    #plac_2_5 {
        left: 65%;
        top: 267px;
    }
    #plac_1_5 {
        left: -5px;
        top: 915px;
    }
    #plac_3_1 {
        left: 0;
        top: 593px;
    }
    #plac_3_2 {
        left: 11%;
        top: 677px;
    }
    #plac_3_3 {
        left: 37%;
        top: 668px;
    }
    #plac_3_4 {
        left: 80%;
        top: 724px;
    }
    #plac_3_5 {
        left: 59%;
        top: 699px;
    }
    .chmurka, .chmurka_main {
        width: auto;
        background-color: #ffef95;
        border: 5px solid #fcbc4d;
        border-radius: 1em;
        font-size: 1.2em;
        margin: 2%;
        text-align: center;
        background-image: none;
        height: auto;
        padding:2%;
    } 
    #game #area_res {
        border-radius:0;
    }
    #award, #award_points {
        border-radius: 0;
        border-right: 1px solid #D33D81;
        font-size: 1em;
        margin: 0;
        padding: 1% 2%;
        width: 45%;
    }
    .informacje, #area.bajka.artykul {
        width: auto;
    }
}

#odkryj {
    margin:8px 14px;padding: 20px 10px;font-size: 20pt;
}


@media only screen and (max-width: 500px) {
    #wskazana.dyktando, #area.dyktando {
        font-size:15pt;
    }
    #odkryj {
        font-size:14pt;
    }
    #pytanko.long {
        min-height: 85px;
    }
    .mobile_view {
        display: block;
    }
    .mobile_hide {
        display: none;
    }

    #logo{
        width: 70%;
        height: auto;
    }
    #animacja_dzieci {
        display: none;
    }
    #menu {
        padding:0;
        display: none;
    }
    #menu li {
        width: 100%;
        margin:0;
    }
    #menu_mobile {
        padding: 0;
        list-style:none;
        margin:0;
    }
    #menu li a, #menu_mobile li a {
        background-color: #ffef91;
        border:0;
        margin:0;
        border-bottom: 5px solid #fdbc23;
        cursor:pointer;
        border-radius:0;
        display: block;
        font-size: 16pt;
        letter-spacing: 0;
        padding: 6px 16px 2px;
    }
    #menu_mobile li a {
        background-image: url(../img/menu_mobile.png);
        background-position: right center;
        background-repeat: no-repeat;

    }

    .informacje {
        width: 90%;
    }
    #plac {
        height: 1750px;
        background-image: url(../img/plac_mobile3.png);
    }
    #plac_1_1 {
        left: 1%;
        top: 5px;
    }
    #plac_1_2 {
        left: 64%;
        top: 4px;
    }
    #plac_1_3 {
        left: 3%;
        top: 143px;
    }

    #plac_1_4 {
        left: 66%;
        top: 160px;
    }
    #plac_2_1 {
        left: -5%;
        top: 359px;
    }
    #plac_2_2 {
        left: 10%;
        top: 564px;
    }
    #plac_2_3 {
        lleft: 29%;
        top: 355px;
    }
    #plac_2_4 {
        left: 3%;
        top: 786px;
    }
    #plac_2_5 {
        left: 22%;
        top: 826px;
    }
    #plac_1_5 {
        left: -5px;
        top: 1650px;
    }
    #plac_3_1 {
        left: -7%;
        top: 1096px;
    }
    #plac_3_2 {
        left: 7%;
        top: 1206px;
    }
    #plac_3_3 {
        left: 60%;
        top: 1160px;
    }
    #plac_3_4 {
        left: 56%;
        top: 1463px;
    }
    #plac_3_5 {
        left: 13%;
        top: 1458px;
    }
    #game #area_res {
        border-radius: 0;
    }
    #award, #award_points {
        border-bottom: 1px solid #D33D81;
        border-radius: 0;
        float: left;
        font-size: 1em;
        margin: 0;
        padding: 1% 2%;
        width: 100%;
    }
    #game #music a#lubie {
        margin: 0 2%;
        padding: 1% 4%;
        width: 30%;
    }
}

@media (min-width: 992px) {
    .navbar-default .navbar-nav > li > a { 
        font-size: 14pt;
    }

    .chmurka_main {
        margin: 20px 104px
    }

}
@media (min-width: 1200px) {
    .navbar-default .navbar-nav > li > a { 
        font-size:18pt;
        padding:15px 10px;
    }
    #ldzieci {
        max-width: 290px;
    }
    .chmurka_main {
        margin:20px 200px 0px;
    }
}


@media (max-width: 992px) {
    .navbar-default .navbar-nav > li > a { 
        font-size: 12pt;
    }
    .kostka.w30p {
        width: 94%;
    }
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav > li > a { 
        font-size: 16pt;
        border-bottom:1px solid #FCBC4D;
    }    
}




@media (min-width: 768px) and (max-width: 991px) {
    .soon_big p.title {
        font-size: 15pt;
    }  
    .soon_big p {
        margin:2%;
    }
}

@media screen and (max-width: 767px) {

    .kostkawyraz.long {
        border-radius: 10px;
        font-size: 15pt;
        margin: 5px 0;
        padding: 5px 2%;
        line-height: 150%;
    }

    #pytanko.long {
        font-size: 15pt;

    }

    .kom, .autor, #comments .autor, #comments_res .autor , #comments .komm_top, #comments_res .komm_top{
        font-size:11pt;
        line-height: 150%;
        margin:0;
        padding:0
    }
    .informacje, #area.bajka.artykul {
        font-size: 1em;
    }
    .bajka, #area.bajka {
        font-size: 14pt;
    }
    .bajka img, #area.bajka img {
        max-width: 50%;
    }
    h2 {
        margin:10px 0 10px;
    }
    ul {
        padding-left: 1%;
    }    
    .container {
        padding: 0;
        text-align: left;
        font-size: 12pt;
    }
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        padding: 0 3%;
    }
    .carousel {
        margin: 0;
    }    
    .soon_big p.title {
        font-size: 12pt;
        margin:2%;
    }
    .navbar-default .navbar-small .navbar-nav > li > a {
        font-size: 19pt;

        padding: 3%;
    }

}
@media screen and (max-width: 467px) {
    .kostkawyraz.long {
        font-size: 13pt;
    }
}
#menu_left {
    padding: 0;
    background-color: #7AB038;
    margin-top:10px;
    margin-bottom: 20px;

}
#menu_left ol li a {
    color: #fff;
    font-family: open sans;
    font-size: 10pt;
    font-weight: 500;
    text-transform: uppercase;
    text-align: left;
}
#menu_left ol li {
    font-size:9pt;
}
#menu_left ol li a.tcurrent {
    color:#92E812;
    font-weight: bold;
    text-shadow: 1px 1px #333;
}
#menu_left ol {
    margin:0;
    padding-left: 25px;
}
#menu_left ol li {
    padding:0;
    border-bottom:1px dotted #A8D36B;color:#A8D36B;
}
#menu_left ol li a {
    display: block;
    padding: 2px 0;
}
#menu_left ol li a:hover {
    background-image: url("../img/bgw.png");
    text-shadow: 1px 1px #333;
}

#menu_left h2, p.cat1, p.cat2, p.cat3, p.cat4, p.cat5, p.cat6 {
    background-color: #579901;
    border-color: #5cb412 #518b02 #518b02;
    border-style: solid;
    border-width: 1px;
    color: #ffffff;
    font-family: verdana;
    font-size: 13pt;
    margin: 0;
    padding: 8px;
    text-shadow: 2px 2px #555;
}
.cat {
    cursor: pointer;
    display: block;
    font-family: open sans;
    font-size: 15pt;
    text-transform: uppercase;
}
.mprzedszkole { color: #9e005d !important; }
.mklasa1 { color: #9e005d !important; }
.mklasa2 { color: #002157 !important; }
.mklasa3 { color: #005f1d !important; }
.mklasa4 { color: #ce0441 !important; }
.mklasa5 { color: #8c3707 !important; }
.mklasa6 { color: #725C04 !important; }
a.mklasa1:hover, a.mklasa2:hover, a.mklasa3:hover, a.mklasa4:hover, a.mklasa5:hover, a.mklasa6:hover {color:#FFF !important}

.bokprzedszkole { background-color: #7D42A5 !important; }
.bokklasa1, .bok1stgrade { background-color: #C63DA9 !important; }
.bokklasa2, .bok2ndgrade { background-color: #1C8EBF !important; }
.bokklasa3, .bok3rdgrade { background-color: #398939 !important; }
.bokklasa4, .bok4thgrade { background-color: #D61B34 !important; }
.bokklasa5, .bok5thgrade { background-color: #d85817 !important; }
.bokklasa6, .bok6thgrade { background-color: #cd890c !important; }
.bokklasa7, .bok7thgrade { background-color: #00623A !important; }
.bokklasa8, .bok8thgrade { background-color: #04567C !important; }

.bokksiazki { background-color: #04567C  !important; }
.bokgry { background-color: #398939 !important; }

#menu_left.bokprzedszkole li {border-color:#f59ae7;color:#f59ae7;}
#menu_left.bokklasa1 li, .bok1stgrade li {border-color:#f59ae7;color:#f59ae7;}
#menu_left.bokklasa2 li, .bok2ndgrade li {border-color:#7ccff5;color:#7ccff5;}
#menu_left.bokklasa3 li, .bok3rdgrade li {border-color:#9adb97;color:#9adb97;}
#menu_left.bokklasa4 li, .bok4thgrade li {border-color:#ee9ab5;color:#ee9ab5;}
#menu_left.bokklasa5 li, .bok5thgrade li {border-color:#ffa786;color:#ffa786;}
#menu_left.bokklasa6 li, .bok6thgrade li {border-color:#ecc377;color:#ecc377;}
#menu_left.bokklasa7 li, .bok7thgrade li {border-color:#5a960c;color:#5a960c;}
#menu_left.bokklasa8 li {border-color:#1C8EBF;color:#1C8EBF;}
#menu_left.bokksiazki {border-color:#ecc377;color:#ecc377;}
#menu_left.bokgry li{border-color:#ecc377;color:#ecc377;}

.ban750 {
    width: 750px;
    margin:0 auto;
}

#pagewrapper table td.abo3, #pagewrapper table tr.abo32 td {
    color: #EB142F;

}
#pagewrapper table td.abo2, #pagewrapper table tr.abo2 td {
    color: #329B1A;

}
#pagewrapper table td.abo1, #pagewrapper table tr.abo1 td {
    color: #1192CE;

}