@font-face {
    font-family: 'helveticaneue';
    src: url('../css/helveticaneueltcom-thcn.eot'); /* IE9 Compat Modes */
    src: url('../css/helveticaneueltcom-thcn.otf?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../css/helveticaneueltcom-thcn.woff') format('woff'), /* Modern Browsers */
        url('../css/helveticaneueltcom-thcn.ttf')  format('truetype') /* Safari, Android, iOS */

}
@font-face {
    font-family: 'helveticaneueb';
    src: url('../css/helveticaneueltcom-bdcn.eot'); /* IE9 Compat Modes */
    src: url('../css/helveticaneueltcom-bdcn.otf?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../css/helveticaneueltcom-bdcn.woff') format('woff'), /* Modern Browsers */
        url('../css/helveticaneueltcom-bdcn.ttf')  format('truetype') /* Safari, Android, iOS */

}

@font-face {
    font-family: 'opensans';
    src: url('../css/opensans-regular.eot'); /* IE9 Compat Modes */
    src: url('../css/opensans-regular.otf?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../css/opensans-regular.woff') format('woff'), /* Modern Browsers */
        url('../css/opensans-regular.ttf')  format('truetype') /* Safari, Android, iOS */
}
body {
    font-size:11pt;
    font-family:opensans,"Open Sans",Arial;
    background-color: #C5BFAE;
    padding: 0;
    margin: 0;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}
p {
    margin: 10px 0;
}
a {
    color:green;
    text-decoration: none;
}

ul {
    list-style: none;
}

#menu ul {
    float: right;
    margin: 0;
    padding: 2px 14px 0 0;
}

ol {
    padding: 0;
    margin: 0 0 0 30px;
}
ol li {
    padding: 6px 0;
    margin:0 8px 0 0 ;
    border-bottom:1px dotted #A8D36B;color:#A8D36B;
}

.bokklasa1 li, .bok1stgrade li {border-color:#f59ae7;color:#f59ae7;}
.bokklasa2 li, .bok2ndgrade li {border-color:#7ccff5;color:#7ccff5;}
.bokklasa3 li, .bok3rdgrade li {border-color:#9adb97;color:#9adb97;}
.bokklasa4 li, .bok4thgrade li {border-color:#ee9ab5;color:#ee9ab5;}
.bokklasa5 li, .bok5thgrade li {border-color:#ffa786;color:#ffa786;}
.bokklasa6 li, .bok6thgrade li {border-color:#ecc377;color:#ecc377;}
.boklamiglowki li {border-color:#1C8EBF;color:#1C8EBF;}
.boksprawdziany li {border-color:#1C8EBF;color:#1C8EBF;}
.bokzerowka li {border-color:#9C69DB;color:#B293E5;}

#menu_left ol li a {
    color:#FFF;
    font-size:10pt;
}
#menu_left ol li {
    font-size:9pt;
}
#menu_left ol li a.current {
    color:#92E812;
    font-weight: bold;
    text-shadow: 1px 1px #333;
}
#menu_left ol {
    margin:0 0 0 8%;
}
#menu_left ol li {
    padding:0;
}
#menu_left ol li a {
    display: block;
    padding: 6px 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;
    background-image: url("../img/mleft_bg.png");
    border-left: 1px solid #518B02;
    border-right: 1px solid #518B02;
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 13pt;

    margin: 0;
    padding: 8px;
    text-shadow: 2px 2px #555555;
}
.cat {
    display: block;
    cursor: pointer;
}
h1 {
    font-size:18px;
}

#menu {
    margin:0 auto;
    padding: 0;
    min-height: 154px;
    overflow: hidden;
}

.navbar-default {
    background-color: transparent;
    border:0;
}
#menu ul li {
    display: block;
    float: left;
}
#menu ul li a {
    background-image: url("../img/menu2016.png");
    background-repeat: repeat-x;
    color: #fff;
    display: block;
    margin: 0 6px;
    padding: 96px 0 8px;
    width: 103px;
}

#logo {
    float: left;
    overflow: hidden;
    margin-top:10px;
    margin-left: 6px;
}
#logo img {
    border: 0 none;
    padding: 4px 0;

}

#flags {
    float: right;
}
#flags a {
    display: block;
    float: left;
    width: 26px;
    height: 40px;
    text-align: center;
    font-size:11px;
    font-family:Tahoma;
    color:#888;
}
#flags a img {
    padding: 2px 4px;
}
#flags a.current {
    color:#E00;
    font-weight: bold;
}



#hurra_wrap {
    position: relative;
}
#hurra {
    position: relative;
}
.modal .modal-content {
    background-color: #F7F7F7;
}

#fod {
        color: green;
    font-family: helveticaneueb;
    font-size: 50pt;
    font-weight: bold;
}




#localizator {
    margin:6px auto 2px;
    color:#444;
    padding-left: 4px;
    font-family:Tahoma;
    font-size:11px;
}
#localizator a {
    color:black;
}
.strzalki {
    color: #FFFFFF;
    font-family: "Trebuchet MS";
    font-size: 10px;
}
.black {
    color:#000;
}

#pagewrapper {
    width: 1003px;
    margin:0 auto;
    padding: 0;
    min-height: 400px;
    background-image: url(../img/palma2014.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    overflow: hidden;
}

#menu_left {
    padding: 0;
    background-color: #7AB038;
    float: left;
    margin-top:2px;
    margin-bottom: 20px;
}
.w90 {
    width: 90px;
}
.w100 {
    width: 100px;
}
.w120 {
    width: 120px;
}
.w300 {
    width: 300px;
}
.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: #E5601D !important; }
.bokklasa6, .bok6thgrade { background-color: #cd890c !important; }
.boklamiglowki { background-color: #04567C !important; }
.boksprawdziany { background-color: #04567C !important; }
.bokzerowka { background-color: #7D42A5 !important; }
.last { background-color: #528909; }

.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}
#menu_left .witaj {
    color:#E0F2D5;
    font-size: 11px;
    background-image: url(../img/witaj.png);
    background-repeat: repeat-x;
    background-color: #559501;
    text-align: justify;
    border-bottom:1px solid #B9DB9F;
}

.sound {
    background-color: #964bcc;
    background-image: url("../img/sound32h.png");
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 30px;
    cursor: pointer;
    display: -moz-box;
    height: 46px;
    padding: 5px 15px;
    vertical-align: middle;
    width: 46px;
}
.sound:hover {
    background-color: #5A1F84;
}


#rozwiaz, #playpreproll {
    background-color: transparent;
    background-position: center bottom;
    background-repeat: no-repeat;
    border: 0 none;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
    height: 150px;
    margin-bottom: 50px;
    padding-top: 105px;
    width: 150px;
    cursor:pointer;
}
#menu_left  .witaj .big {
    font-size:14px;
}
.green {
    background-color: #4E9410;
    padding: 2px 12px;
    color:#DDD;
    font-family: Arial;
    border-left: 1px solid #518B02;
    border-right: 1px solid #518B02;
    max-height: 120px;
    overflow: auto;
}

#main {
    padding: 0;
    float: right;
}
#comments .kblok {
 display: block;
    float: left;
    font-size: 12px;
    margin: 1%;
    min-height: 100px;
    padding: 6px;
    width: 246px;
}
#comments .kblok a {
    padding:0;
}
#comments .kblok a:hover {
    opacity:0.9;

}

.kblok img { border:0}

#comments .kblok ul {
    background-image: url("../img/kartka_main2016.png");
    background-position: 0 bottom;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0 0 10px 0;
    text-align: center;
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
}
#comments .kblok ul li{
    padding: 2px;
    font-family: Tahoma;
    font-size: 10px;

}
#comments .kblok ul li a{
    border-bottom: 1px dotted #c5bfae;
    color: #333;
    display: block;
    font-size: 8pt;
    font-weight: bold;
    margin: 0 2px;
    padding: 2px 0;

}
#comments .kblok ul li a:hover {
    background-image: url(../img/bgw.png);
}
#task.zadanie {
    background-image: url(../img/palma2.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-color: #F7F7F7;
    min-height: 350px;
    text-align: center;
    font-size:25pt;
    font-family:Arial;
    margin:0;
    padding-bottom: 5px;
}
#task {
    background-repeat: no-repeat;
    background-position: right bottom;
    background-color: #F7F7F7;
    min-height: 150px;
    text-align: center;
    font-size:11pt;
    font-family:Arial;
    margin:0;
    padding-bottom: 5px;
}
form {
    margin: 0;
}
#task .kw {
    background-repeat: no-repeat;
    float: left;
    height: 44px;
    margin: 30px 0 0 15px;
    width: 120px;
}
.kw_klasa1 {background-image:url(../img/kw_klasa1.png)}
.kw_klasa2 {background-image:url(../img/kw_klasa2.png)}
.kw_klasa3 {background-image:url(../img/kw_klasa3.png)}
.kw_klasa4 {background-image:url(../img/kw_klasa4.png)}
.kw_klasa5 {background-image:url(../img/kw_klasa5.png)}
.kw_klasa6 {background-image:url(../img/kw_klasa6.png)}
#task h1 {
    background-image: url(../img/task_top2014.png);
    background-repeat: repeat-x;
    padding: 34px 10px 10px;
    margin:0px;
    text-align: center;
    font-size: 21pt;
    font-weight: normal;
    font-family: helveticaneueb,Impact;
    color:#2B6F8C;
    display: block;
}
#task.zadanie h2.mklasa8 {
    color: #2970b2;
    font-family: Impact;
    font-size: 30pt;
    font-weight: normal;
}
#task.zadanie h1.szostoklasista {
    font-family: Impact;
    color:#523952;
    font-size:25pt;
}
h3 {

    margin:0px;
    font-size: 14px;
    font-family: Arial;
    color:#2B6F8C;
    display: block;
}
#task.zadanie h1{
    font-size: 20pt;
    border: 0;
}
#task #points, #task #odpowiedzi {
    font-size: 10px;
    line-height: 30px;
    text-align: right;
    padding: 5px 60px 10px 20px;
}
#task .ok {
    background-image: url(../img/odp_ok.png);
    color: #FFFFFF;
    float: right;
    font-size: 18px;
    font-weight: bold;
    height: 38px;
    line-height: 20px;
    padding: 5px;
    text-align: center;
    width: 50px;
}
#task .wrong {
    background-image: url(../img/odp_no.png);
    color: #FFFFFF;
    float: right;
    font-size: 18px;
    font-weight: bold;
    height: 38px;
    line-height: 20px;
    padding: 5px;
    text-align: center;
    width: 50px;
}

.linkimg {
    padding:4px;
}

.hidden {
    display: none;
}

#comments {
    background-image: url(../img/comment_bgn.png);
    color:#EEE;
    font-family: Arial;
    margin:0;
    overflow: hidden;

}
#comments_down {
    background-image: url(../img/comments_down.png);
    height: 20px;
    background-repeat: no-repeat;
    margin:0;
}
#task_down {
    background-image: url(../img/task_bottom.png);
    height: 13px;
    background-repeat: repeat-x;
    margin:0;
}
#comments h1 {
    color: #111111;
    font-size: 16pt;
    font-weight: normal;
    padding: 4px 50px;
    font-family: helveticaneue;
}
.dodaj_kom {
    color: #111;
    display: block;
    font-family: helveticaneueb;
    font-size: 11pt;
    margin: 0;
    padding: 15px 10px;
    text-align: center;
    width: 157px;
}
.dodaj_kom:hover {
    color:#FFF;
}
.h300 {
    min-height: 420px;
}

#comments ul {
    padding: 0px 10px 40px 40px;
    overflow: auto;
}
#comments ul li {
    font-family: opensans;
    font-size: 12pt;
    padding: 2%;
}
.kom {
    margin:2px 0;
}
.rank {
    border-top:1px solid #897B5D;
    border-left:1px solid #897B5D;
}
.rank td {
    color:#F7F7F7;
    font-size:8pt;
    font-family: Tahoma;
    border-bottom:1px solid #897B5D;
    border-right:1px solid #897B5D;
    padding: 2px 4px;
    vertical-align: top;
}
.rank .imie {
    font-weight: bold;
    font-size:9pt;
}
.rank .city {
    color: #CEC5B1;
    font-family: verdana;
    font-size: 7pt;
}
.rank .score {
    font-size: 10pt;
    font-weight: bold;
    text-align: right;
}
.rank .date {
    color:#CEC5B1;
    text-align: right;
}

#comments .autor {
    color:#F7F7F7;
    font-size: 14px;
    font-weight: bold;
    padding-left: 20px;
    background-image: url(../img/kropka.png);
    background-repeat: no-repeat;
    background-position: left center;
}
#comments .komm_top {
    border-bottom:1px solid #CEC5B1;
    padding: 2px 0;
    margin: 0;
}
.kdata {
    font-size:11px;
    color:#7F745B;
}
#comments .data{
    float:right;
    font-family: Georgia;
    color:#CEC5B1;
}
#comments .keywords h1,.green h1, .green h2, .green h3, .green h4, .keywords h1, .keywords h2, .keywords h3, .keywords h4 {
    background-image: none;
    background-color: transparent;
    text-shadow:0;
    border:0;
    font-size:12px;
    padding: 0;
    height: auto;
}
.keywords h2, .green h3, .green h4, .keywords h3, .keywords h4 {
    font-size: 11px;
}
.keywords {
    color:#7F745B;
    font-size:10px;
    font-family:Tahoma;
    margin:0px 10px;
    height: 2px;
    overflow: hidden;
}

.program {
    font-size:12px;
    font-family:Tahoma;
}
#comments #dodaj_komentarz th, .formularz th {
    text-align: right;
    font-size:12px;
    font-family:Tahoma;
}
.formularz td {
    text-align: left;
}
.formularz  input[type=text], .formularz textarea{
    background-color: #EEE;
    border:1px solid #CCC;
    font-size:12px;
    font-family:Tahoma;
    padding: 2px;
    margin:6px;
    width: 400px;
}

#comments input[type=text], #comments textarea{
    background-color: #C4BA9B;
    border:1px solid #DBD2C0;
    font-size:12px;
    font-family:Tahoma;
    padding: 2px;
    margin:3px;
    width: 300px;
}
#dodaj_komentarz input[type=submit], .formularz input[type=submit] , #bezreklam input[type=submit],  #bezreklam input[type=button].submit, #koszyk input[type=submit]{
    background-color: transparent;
    background-image: url("../img/button_green.png");
    background-repeat: no-repeat;
    border: 0 none;
    color: #fff;
    font-family: Arial;
    font-size: 10px;
    height: 46px;
    padding: 3px;
    width: 143px;
}
.doprawej {
    margin: 0;
    padding: 10px;
    text-align: right;
}

#menudown {

    padding: 0;
    margin-bottom: 20px;
}
#menudown th, #menudown td {
    text-align: left;
    width: 33%;
    vertical-align: top;
}
#menudown th {
    background-image: url("../img/palemkam2014.png");
    background-position: 0 76px;
    background-repeat: no-repeat;
    font-size: 15px;
    height: 110px;
    padding-left: 53px;
    vertical-align: bottom;
}
#menudown ul {
    list-style-image: url("../img/kropka_greenm.png");
    margin-bottom: 10px;
    margin-top: 8px;
    padding-left: 49px;
}
#menudown ul li {
    font-family: Arial;
    font-size: 12px;
    padding: 2px;
}
#menudown ul li a {
    color:black;
}
.program {
    padding: 40px;
}
.opinie  {
    padding:20px;
    font-style: italic;
    margin:12px;
    text-align: justify;
    font-family: Georgia;
    line-height: 22px;
    font-size:13px;
}
ul.opinie li {
    border-bottom:1px dotted #94876C;
    padding: 20px 12px;
}
ul.opinie h3 {
    font-size:14px;
}
.strony {
    padding:20px;
    margin:12px;
    text-align: left;
}
ul.strony li {
    padding:12px;
    border-bottom:1px dotted #94876C;

}
.opinie .autor {
    font-style: normal;
    font-weight: bold;
    color:#68604F;
}

#stopka {
    width: 100%;
    margin:0 auto;
    padding: 0px;
    background-color: #2C5900;
    text-align: center;
    font-family:Tahoma;
    font-size:11px;
    overflow:hidden;
    color: #EEE;
    background-image: url("../img/mleft_bg.png");
    background-position: 1px 36px;
}
#stopka p {
    margin: 0px;
    padding: 10px;
}
#stopka a, #stopka a:visited {
    color:#FFF;
    padding:0 14px 0 10px;
}
#stopka a:hover{
    color:#85D317;
}
#stopka span {
    padding:0 40px;
}







#content0 {
    margin:0 auto;
    padding-right: 10%;
}
#content {
    margin:14px auto;
    padding-right: 10%;
}
#content20 {
    margin:2px auto;
    padding-right: 10%;
}
#content10 {
    margin:1px auto;
    padding-right: 10%;
}
#answer {
    margin:10px 30px 0px 30px;
    text-align: center;
    display: block;
    min-height: 84px;
}
#answer .ok1 {
    font-family: helveticaneue;
    font-size: 30pt;
    margin-top: 0;
}
#answer .ok3 {
    font-family: helveticaneue;
    font-size: 30pt;
    margin-top: 0;
}
#answer .ok4 {
    font-family: helveticaneue;
    font-size: 30pt;
    margin-top: 0;
}
.ok5{
    font-family: helveticaneue;
    font-size: 30pt;
    margin-top: 0;
}
.wrong5{
    font-size:18px;
    font-family: Calibri, "Courier New";
    color:#FF0000;
}
.wrong6{
    color: #f20024;
    font-family: opensans;
    font-size: 13pt;
    margin-top: 0;
    overflow: hidden;
}
#answer .wrong6 img {
    float: left;
    margin-right: 10px;
}
#answer .wrong {
    color: #f20024;
    font-family: helveticaneue;
    font-size: 30pt;
    margin-top: 0;
    text-align: left;
}
#answer .wrong1 {
    color: #f20024;
    font-family: helveticaneue;
    font-size: 30pt;
    margin-top: 0;
}
#answer .alert {
    padding:10px;
}
#answer .wrong3 {
    color: #f20024;
    font-family: helveticaneue;
    font-size: 20pt;
    margin-top: 0;
}
#answer .wrong4 {
    color:#FF0000;
    font-family:opensans, "Open Sans", "Courier New", Calibri, Tahoma, Arial, Helvetica;
    font-size:16px;
}
#answer table {
    font-size:14px;
    color: #EE0000;
}
#answer td.wlicznik {
    border-bottom: 1px solid #EE0000;
}
.wyraz1, .wyraz {
    color:#295A6F;
    color:#222;
    font-family:helveticaneueb,Helvetica;
    font-size:50pt;
    font-weight:bold;
    margin: 0;
}
.wyraz1 {
    font-size:60pt;
    margin: 0;
}
.wyraz1 input[type=text] {
    border: 1px solid #83adbf;
    color: #295a6f;
    font-family: helveticaneueb,Helvetica,Tahoma,Arial;
    font-weight: bold;
    padding: 5px;
    text-align: center;
    line-height: 130%;
}
.wyrazm {
    font-family: helveticaneueb,Helvetica,Tahoma,Arial; 
    font-size: 30pt; 
    margin: 0;
}
.wyrazmn {
    font-family: helveticaneueb,Helvetica,Tahoma,Arial;
    font-size:25pt;
    margin: 2px;
}
#task .wyrazmn input[type=text] {
    font-size:30pt;
    font-family: helveticaneueb,Helvetica,Tahoma,Arial;
    font-weight: bold;
    text-align: center;
    color:#004080;
}
input.c {
    border:1px solid #83ADBF;
    font-family:helveticaneueb,Helvetica,Tahoma,Arial;
    font-size:20px;
    text-align: center;
    width: 30px;
    font-weight:bold;
}
.c {
    margin:auto;
    /*  width:750px;*/
}
.input, .geometria input, .wyrazm input, .wyrazmn input, .georgia input, .ulamki input {
    text-align: center;
    border: 1px solid #949ed7; 
    color:#004080; 
    font-family: helveticaneueb,Helvetica,Tahoma,Arial;
    font-weight:bold; 
    padding:2px;
    line-height: 110%;
}

.input1, .rownania input {
    border: 1px solid #83ADBF;
    color: #295A6F;
    font-family: helveticaneueb,Helvetica,Tahoma,Arial;
    font-weight: bold;
    padding: 5px;
    text-align: center;
    line-height: 110%;
}
.inputm1, .inputm {
    border:1px solid #83ADBF;
    color:#295A6F;
    font-family:helveticaneueb,Helvetica,Tahoma,Arial;
    font-size:22px;
    font-weight:bold;
    text-align:center;
    width:20px;
    padding: 0;
    line-height: 110%;
}
.input2 {
    border:1px solid #83ADBF;
    color:#295A6F;
    font-family:helveticaneueb,Helvetica,Tahoma,Arial;
    font-weight:bold;
    text-align:center;
    padding: 5px;
    line-height: 110%;
}
.inputm2 {
    border:1px solid #83ADBF;
    color:#295A6F;
    font-family:helveticaneueb,Helvetica,Tahoma,Arial;
    font-size:22px;
    font-weight:bold;
    text-align:center;
    width:40px;
    padding: 0;
}
.rownania, .rownania td, .rownania td p {
    font-family: helveticaneueb,Helvetica,Tahoma,Arial;
    line-height: 120%;
    margin: 4px auto;
    padding: 4px;

}
.rownania {
    text-align: center;
}

.geometria td {
    font-family:helveticaneueb,Helvetica,Tahoma,Arial;
    font-size:30pt;
    padding: 0 6px;
    line-height: 100%;
}
.georgia td.mianownik input, .georgia td.licznik input{
    border: 1px solid #83adbf;
    color: #295a6f;
    font-family: helveticaneueb,Helvetica,Tahoma,Arial;
    font-weight: bold;
    padding: 0;
    text-align: center;
    line-height: 110%;
}
.georgia td.liczba input{
    border: 1px solid #83adbf;
    color: #295a6f;
    font-family: helveticaneueb,Helvetica,Tahoma,Arial;
    font-size: 80pt;
    font-weight: bold;
    line-height: 110%;
    padding: 0;
    text-align: center;
}
.georgia td {

    font-family:helveticaneueb,Helvetica,Tahoma,Arial;
    font-size:40pt;
    padding: 0 6px;
}
.georgiam td {
    font-family:helveticaneueb,Helvetica,Tahoma,Arial;
    font-size:30pt;
    padding: 0 6px;
    line-height: 100%;
}
.verdana td {
    font-family: helveticaneueb,Verdana,Tahoma,Arial;
    font-size: 20pt;
    text-align: left;
}

.pisemne td {
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    font-family: helveticaneueb,Helvetica,Arial;
    font-size: 28pt;
    line-height: 100%;
    padding: 6px 3px;
    text-align: right;
}
.pisemne input {
    border: 1px solid #A3CEE0;
    color: #295a6f;
    font-family: helveticaneueb,Helvetica,Arial;
    font-size: 28pt;
    margin: 0 -2px;
    padding: 2px;
    text-align: right;
    width: 28px;
    line-height: 100%;
}
.linia, .pisemne td.linia, .pisemne tr.linia td {
    border-bottom:2px solid #567584;
}
.pisemne_big td {
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    font-family: helveticaneueb,Helvetica,Arial;
    font-size: 40pt;
    line-height: 100%;
    padding: 6px 3px;
    text-align: right;
}
.pisemne_big input {
    border: 1px solid #A3CEE0;
    color: #295a6f;
    font-family: helveticaneueb,Helvetica,Arial;
    font-size: 40pt;
    margin: 0 -2px;
    padding: 2px;
    text-align: right;
    width: 33px;
    height: auto;
}
.linia, .pisemne_big td.linia, .pisemne_big tr.linia td , .ulamki tr.linia td {
    border-bottom:2px solid #567584;
}


.pisemne_small td {
    border-bottom: 1px solid #EEE;
    border-right: 1px solid #EEE;
    font-size:15px;
    text-align: right;
    color:#444;
    font-family: "Courier New",Tahoma, Arial;
    padding: 1px;
}
.pisemne_small input {
    width: 11px;
    border: 1px solid #BBB;
    font-size:14px;
    text-align: right;
    color:#444;
    font-family: "Courier New",Tahoma, Arial;
}
.linia, .pisemne_small td.linia, .pisemne_small tr.linia td {
    border-bottom:1px solid #567584;
}
.error {
    border: 3px solid #E74828;
    color: #000000;
    font-weight: bold;
    line-height: 22px;
    padding: 5px;
    text-align: center;
    width: 541px;
}
.gr {
    color:#5DA005;
}
.tekstowe, .courier {
    color: #222222;
    font-family: opensans;
    font-size: 23pt;
    font-weight: normal;
    line-height: 140%;
    text-align: left;
    padding:0 8%;
}
.dblue {
    color:#035EAD;
}
.w40 {
    width:40px;
}
.w65 {
    width:65px;
}
.s15, .btn-matzoo.s15 {
    font-size: 15pt;
}
.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.s21 {
    font-size: 35pt;
}
.s45, .btn-matzoo.s45 {
    font-size: 45pt;
}
.geometria td.s60, .georgia td.s60, .s60, .ulamki td.s60, .btn-matzoo33.s60, .btn-matzoo.s60 {
    font-size: 60pt;
}
.geometria td.s50, .georgia td.s50, .s650, .ulamki td.s50, .btn-matzoo33.s50, .btn-matzoo.s50 {
    font-size: 50pt;
}
.georgia td.s80, .s80 {
    font-size: 80pt;
}
.gradient {
    background-image: url("../img/gradient_white.png");
}
.gradient-kropki {
    background-image: url("../img/gradient_kropki.png");
}
.gradient-kropki2, .gradient-kropki3 {
    background-image: url("../img/gradient_kropki3.png");
}
.rounded {
    border-radius: 10%;
}
.text-black {
    color:#222 !important;
}
.wrongarial {
    color: #FF0000;
    font-family: arial,tahoma;
    font-size: 14px;
}

#menudown .form_down input[type=text] {
    border:0;
    padding:4px;
    font-size:12px;
    margin:8px 4PX;
}
#menudown .form_down input[type=submit] {
    background-image: url("../img/zapisz_down.png");
    background-repeat: no-repeat;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-size: 10px;
    font-weight: bold;
    height: 30px;
    margin-right: 4px;
    padding: 8px 7px;
    width: 86px;
}
.konkurs {
    background-image: url("../img/konkurs.png");
    background-repeat: no-repeat;
    color: #222222;
    float: right;
    font-size: 11px;
    margin: 4px;
    padding: 12px;
    text-align: center;
    text-decoration: blink;
    width: 80px;
}
.formularz {
    width: 600px;
    margin:0 auto;
}

#seek_results {
    font-family: Tahoma;
    font-size: 12px;
    padding: 0 40px;
    text-align: left;
}
#seek_results h3 {
    color:#528909;
    font-family: Arial;
    font-size:11pt;
    padding-top:20px;
}
#seek_results a:hover {
    color:#999 !important;
}
#seeker {
    background-image: url("../img/seeker2014.png");
    background-position: 0 -8px;
    background-repeat: no-repeat;
    display: block;
    float: right;
    margin-bottom: 3px;
    padding: 4px 30px 8px;
    width: 338px;
}
#seeker input[type=submit] {
    background: none;
    border: none;
    cursor: pointer;
    color:#FFF;
    font-weight: bold;
    font-size:14px;
    font-family: Arial;
}
#seeker input[type=text] {
    border: medium none;
    margin: 4px 12px;
    width: 176px;
}

.mn 		{ font-family: Calibri, Tahoma, Arial, Helvetica; font-size:18px; }
.licznik {border-bottom: 1px solid #333; font-size:24px; text-align:center; font-family: helveticaneueb,Helvetica,Tahoma,Arial;  margin:0px;}
.mianownik { font-size:24px; text-align:center; font-family: helveticaneueb,Helvetica,Tahoma,Arial;  margin:0px;}
.licznikr {border-bottom: 1px solid #333; font-size:24px; text-align:right; font-family: helveticaneueb,Helvetica,Tahoma,Arial;  margin:0px;}
.mianownikr { font-size:24px; text-align:right; font-family: helveticaneueb,Helvetica,Tahoma,Arial;  margin:0px;}
.cal {

    font-family:"Comic Sans MS",Calibri, Tahoma;
    font-size:24px;
    font-weight:bold
}
.calm {

    font-family:"Comic Sans MS",Calibri, Tahoma;
    font-size:25pt;
}
.calmr {
    font-family:"Comic Sans MS",Calibri, Tahoma;
    font-size:18px;
    text-align:right;
    line-height: 20px;
    padding:2px;
    margin:2px;
}
.inputcal {
    border: 1px solid #949ed7;
    color:#004080;
    background-color: #FAFAFA;
    font-family: Arial;
    font-size:25px;
    font-weight:bold

}
.inputcalm{
    border: 1px solid #949ed7;
    background-color: #FAFAFA;
    color:#004080;
    font-family: Arial;
    font-size:20px;
    font-weight:bold
}
.ulamki td {
    font-family:helveticaneueb,Helvetica,Tahoma,Arial;
    font-size:25pt;
    padding: 0 6px;
}
.ulamki td.liczba {
    font-size:40pt;
}

#task_area .polecenie, #task .polecenie{
    font-family: helveticaneue;
    font-size: 19pt;
}
.spr_tekstowe .polecenie, #task_area .spr_tekstowe .polecenie {
    font-family: opensans;
    font-size: 15pt;
}
.spr_tekstowe.n, #task_area .spr_tekstowe .n {
    font-family: opensans;
    font-size: 17pt;
}
#news_form input[type=text] {
    border:1px solid #EEE;
    padding:6px;
}
.lblue {
    background-color: #FCAF35;  
}
.test, .testjs {
    background-color: #c6e746;
    border-bottom: 2px solid #cccccc;
    border-radius: 5px;
    border-right: 2px solid #cccccc;
    cursor: pointer;
    display: inline-block;
    font-size: 40pt;
    margin: 10px 4px;
    min-width: 15%;
    padding: 6px 12px;
    font-family: helveticaneueb;
}
.btn-lsuccess {
    background-color: #98cf37;
    color: #fff;
}
.btn-matzoo {
    font-size: 32pt;
    margin: 10px 4px;
    min-width: 10%;
    padding: 6px 20px;
    font-family: helveticaneueb;
}
.btn-matzoo33 {
    font-size: 32pt;
    margin: 10px 4px;
    min-width: 18%;
    padding: 6px 20px;
    font-family: helveticaneueb;
}
.btn-matzoo44 {
    font-family: helveticaneueb;
    font-size: 80pt;
    margin: 10px;
    min-width: 25%;
}
.test:hover, .testjs:hover {
    background-color: #E4EF2C;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    margin-right: 5px;
}
#dobrze {
    color: green;
    display: none;
    font-weight: bold;
    text-align: center;
}
#zle, #zle_odp {
    color: red;
    display: none;
    text-align: center;
}

.ban750 {
    width: 750px;
    margin:0 auto;
}
#fb {
    background-image: url("../img/slider.png");
    background-repeat: no-repeat;
    height: 400px;
    position: absolute;
    right: -208px;
    width: 200px;
    padding: 10px 0px 20px 35px;
    margin-top:58px;
}
#nk {
    background-image: url("../img/slidernk.png");
    background-repeat: no-repeat;
    height: 400px;
    position: absolute;
    right: -206px;
    width: 200px;
    padding: 0 0 20px 31px;
    margin-top:169px;
}
#fb-root {

}
#bezreklam {
    margin:0 auto;
    border:1px dotted #CCC;
    background-color: #F2F2F2;
    padding:10px;
}
#bezreklam input[type=text],#bezreklam input[type=password],#bezreklam textarea {
    border: 1px solid #608CB2;
    font-family: Arial;
    font-size: 14px;
    padding: 4px;
    width: 200px;
}

ol.black li, .black {
    color:#000;

}
ol.black li {
    border:0;
    text-align: left
}
#bezreklam .long input[type=text],#bezreklam .long textarea {
    width: 300px;
}
#bezreklam .long2 input[type=text],#bezreklam .long2 textarea {
    width: 400px;
}
.long th {
    vertical-align: top;
}
#bezreklam .long th, #bezreklam .long td {
    padding:4px;
}
#bezreklam h3 {
    font-family:Georgia;
    color:#7F745B;
    font-size:20px;
}
#bezreklam #email, #bezreklam #pass {
    font-size:10px;
    color:red;
}

#bezreklam th{
    text-align: right;
    font-weight: normal;
    color:#1C5180;
}
.user th, .user td {
    font-size:8pt;
    padding: 1px 2px;
    font-weight: normal;
}
.user td {
    text-align: left;
}
.log_form p {
    font-size:8pt;
    margin:0;
    text-align: left;
}
.log_form {
    background-color:#E35C03;
    color: #FCBDA6;
    float: none;
    font-size: 10pt;
    line-height: 26px;
    margin:0;
    padding: 10px 16px;
    text-align: right;
}
.log_form input {
    background-color: #C94E02;
    border: 1px solid #ffa786;
    color: #FFFFFF;
    font-size: 11px;
    margin: 2px;
    padding: 2px;
}
.log_form input[type=submit] {
    padding:4px 16px !important;
    font-size: 12px;
    font-family:Tahoma;
    background-color: #FF5500;
    font-weight: bold;
    cursor:pointer;
}
.log_form ul {
    margin:0;
    padding:0;
}
.log_form li {
    border-bottom: 1px dotted #E35C03;
    font-weight: normal;
    font-size:11px;
    line-height: 110%;
    color: #FCBDA6;
}
.log_form a, .log_form li a {
    color:#FFF;
}
.tez {
    padding:4px 16px;
    border:1px dotted #ffa786;
    background-color: #FF5500;
    margin-right:18px
}
.xxsmall {
    font-size:10px;
    color:#666;
    line-height: 120%;
}
.xxsmall img {
    float:right;
    padding-left: 8px;
}
#payu {
    border-top:1px dotted #CCC;
    margin:20px 0 10px;
}
#pasek {
    background-color: #604D5E;
    color: #EEEEEE;
    font-family: Arial;
    font-size: 19px;
    margin: 6px 0 0;
    padding: 9px;
    text-align: center;
}
#pasek a {
    color:#EEE;
}
#pasek a:hover {
    color:#d6d2c6;
}
.wyb td {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    font-size: 11pt;
    line-height: 150%;
    padding: 10px;
    vertical-align: top;
}
.wybor {

    font-size:16pt;
    color:#D61B34;
    text-align: center;
    line-height: 200%;
}
.wybor span {
    font-family: impact;
    font-size: 23pt;
}
ul.szkoly {
    list-style:square;
}
ol.szkoly li , ul.szkoly li {
    color:#333;
}
#pomoz_button {
    background-image: url("../img/pomoz.png");
    color: #333333;
    float: right;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    height: 43px;
    line-height: 290%;
    margin-right: 4px;
    text-align: center;
    width: 248px;
}
#pomoz_button a {
    color: #381F1E;

}
#regulamin ol li {
    color:#222;
    border:0;
    text-align: left;
}
#regulamin ol li a {
    color:#005f1d;
    font-size:14px;
}

#sudoku {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #1c5180;
    border-image: none;
    border-style: solid;
    border-width: 3px 3px 0;
    margin: 15px auto;
    overflow: hidden;
    width: 402px;
}

#sudoku div {
    border-bottom: 1px solid #83adbf;
    border-right: 1px solid #83adbf;
    color: #222;
    float: left;
    font-family: verdana;
    font-size: 20pt;
    font-weight: bold;
    height: 44px;
    line-height: 42px;
    text-align: center;
    width: 44px;
}
#sudoku.k div {
    font-size:14px;
    width: 36px;
    height:36px;
    line-height: 36px;
    font-family:Arial;
    border-bottom:2px solid #83ADBF;
    border-right:2px solid #83ADBF;
}
#sudoku div.r {
    border-right:3px solid #1C5180;
}
#sudoku div.cr {
    border-right:2px solid #000;
}
#sudoku div.cbr {
    border-right:2px solid #000;
    border-bottom:2px solid #000;
}
#sudoku div.cb {

    border-bottom:2px solid #000;
}
#sudoku div.rr {
    border-right:0px solid #1C5180;
}
#sudoku div.b {
    border-bottom:3px solid #1C5180;
}
#sudoku div.brr {
    border-right:0px solid #1C5180;
    border-bottom:3px solid #1C5180;
}
#sudoku div.rb {
    border-right:3px solid #1C5180;
    border-bottom:3px solid #1C5180;

}
#sudoku div.haslo {
    border-right:3px solid #D00;
}
#sudoku input[type=text] {
    border: 0 none;
    color: #fd5c00;
    font-family: verdana;
    font-size: 20pt;
    font-weight: bold;
    height: 40px;
    line-height: 50px;
    text-align: center;
    width: 40px;
}
#sudoku.k input[type=text] {
    width: 34px;
    height: 34px;
    color:#1C5180;
    font-family:Arial;
    font-size:23px;
}
#sudoku input[type=submit], .sudoku{
    background-color: #528826;
    padding:10px 20px;
    color:#FFF;
    border:1px solid #528826;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
}

.sudokulink{
    background-color: #E74828;
    padding:10px;
    color:#FFF;
    border:1px solid #E74828;
    margin: 0 20px;
    cursor: pointer;
}

.shop_info {
    border: 4px solid #B9DB9F;
    font-family: Arial;
    font-size: 14px;
    line-height: 150%;
    margin: 8px 4px;
    overflow: hidden;
    padding: 20px;
    background-color: #EAF7E1;
    color:#222;
}
.sudoku_mess {
    border: 4px solid #74BF3D;
    font-family:arial,helveticaneueb;
    font-size:21px;
    line-height: 150%;
    margin: 8px 50px;
    overflow: hidden;
    padding: 20px;
    background-color: #DEF4DC;
    color:#528826;
}

.sudoku_error {
    border: 4px solid #E74828;
    font-family:arial,helveticaneueb;
    font-size:21px;
    line-height: 150%;
    margin: 8px 50px;
    overflow: hidden;
    padding: 20px;
    background-color: #F7E3DC;
    color:#E74828;
}
.sudoku_error span {
    font-size:17px;
}
#sudokunav a {
    font-size:11px;
    color:#FFF;
    padding:2px 6px;
    margin:4px;
}
#sudokunav a.current {
    padding:4px 8px;
    font-size:14px;
}
#sudokunav .p1 { background-color: #ED14CA;}
#sudokunav .p2 { background-color: #1192CE;}
#sudokunav .p3 { background-color: #54A554;}
#sudokunav .p4 { background-color: #EB142F;}
#sudokunav .p5 { background-color: #FD5C00;}
#sudokunav .p6 { background-color: #D79210;}

#sudoku.p1 input[type=text] { color: #ED14CA;}
#sudoku.p2 input[type=text] { color: #1192CE;}
#sudoku.p3 input[type=text] { color: #54A554;}
#sudoku.p4 input[type=text] { color: #EB142F;}
#sudoku.p5 input[type=text] { color: #FD5C00;}
#sudoku.p6 input[type=text] { color: #D79210;}

#koszyk {
    border-top:1px solid #CCC;
    border-left:1px solid #CCC;
    width:100%;
}
#koszyk td, #koszyk th {
    border-bottom:1px solid #CCC;
    border-right:1px solid #CCC;
    padding: 4px 10px;
    font-size:14px;
    background-color: #FFF;
}
#koszyk th {
    background-image: url("../img/corner.png");
    background-position: right top;
    background-repeat: no-repeat;
    border-bottom: 1px solid #AAAAAA;
    color: #2B6F8C;
    font-size: 13pt;
    padding-top: 8px;
    text-align: left;
}

.right {
    text-align:right;
}
#koszyk input[type=text], #koszyk select {
    border:1px solid #2B6F8C;

    font-family:Arial;
    font-size:14px;
    color:#2B6F8C;
}
.tdblue {
    color:#2B6F8C;
}
.h2blue {
    color:#2B6F8C;
    text-align:center;
    font-size:19px;
    font-weight: normal;
}
.ired {
    border:1px solid #EE0000 !important;
    background-color: #FFE5E9;
}


.cert2 h3 {
    margin-top: 12px;
    font-weight: normal;
    color:#000;
}
.cert2 h3 a {
    color:#000;
}
.cert2 h3 a:hover {
    color:#2B6F8C;
}
.cert2 p {
    margin-top: 8px;
    font-size:11px;
    color: #68604F;
}
.cert2 p {
    margin-top: 10px;
    font-size:11px;
    color: #68604F;
}
.cert2 p a, .browna {
    float: right;
    background-color: #8D8165;
    color:#FFF;
    padding:0px 6px;
    font-size:11px;
}
.cert2 img {

    background-color: #FFFFFF;
    border-color: #EEEEEE #8D8165 #8D8165 #EEEEEE;
    border-style: solid;
    border-width: 1px;
    margin: 16px 6px 4px 0;
    padding: 9px;
}
.cert2 th {
    color: #AAAAAA;
    font-size: 11px;
    font-weight: normal;
    padding-bottom: 6px;
    text-align: center;
}
.cert2 td, .cert2 th {
    border-bottom: 1px solid #DDD;
    vertical-align: top;
    line-height: 130%;
    padding:10px 0;
}


h2.cert3{
   font-family: helveticaneueb; 
   font-weight: normal;
}
.cert3 td, .cert3 th {
    border-bottom: 1px solid #EEE;
    vertical-align: top;
    line-height: 130%;
    padding:10px 3px;
}
.cert3 img {

    background-color: #FFFFFF;
    border-color: #EEEEEE #CCCCCC #CCCCCC #EEEEEE;
    border-style: solid;
    border-width: 1px;
    margin: 6px 6px 6px 0;
    padding: 5px;
    border-radius:3px;
}
.cert3 h3 {
    font-size:15pt;
    font-weight: normal;
    font-family: helveticaneueb; 
    padding-top:6px;
    line-height: 125%;
}
.cert3 p {
    font-size:11pt;
    font-family: helveticaneue; 
}

.certyfikat3 {
    background-image: url("../img/certyfikat2013.png");
    background-repeat: no-repeat;
    font-size: 17pt;
    height: 472px;
    line-height: 125%;
    padding: 268px 40px 20px;
    text-align: center;
    width: 660px;

}

.browna3 {
    
    background-color: #8D8165;
    color:#FFF;
    font-size:13pt;
    border-radius:4px;
    padding:5px 20px
}

#gallery, .gal  {
    padding:0;
    margin: 10px auto;
    width: 520px;
    overflow: hidden;
}
ol.lamiglowki {

    font-size: 10pt;
    list-style: decimal;
    overflow: hidden;
    padding-left: 50px;
    margin:0;
    color: #888 !important;
}
.lamiglowki li {
    font-size:15pt;
    color: #999;
    background-color: #FFFFFF;
    border-color: #EEEEEE #1C8EBF #1C8EBF #EEEEEE;
    border-style: solid;
    border-width: 1px;
    margin: 24px 2px 4px 2px;
    padding: 8px 8px 12px;

}
.lamiglowki li:hover {
    background-color: #F9FDFF;
    cursor: pointer;

}
.lamiglowka {

    font-size:13pt;
    padding:40px;
}
.lamiglowki h2, .lamiglowka h2 {
    border-bottom: 1px solid #EEEEEE;
    color: #2970B2;
    font-size: 14pt;
    font-weight: normal;
    margin: 0;
    padding: 4px 12px 6px;
}
.lamiglowka h2 {
    font-size:20pt;
    padding: 4px 12px 12px;
}
.lamiglowki p {
    margin:1px;
}
.lamiglowki li .tresc, .lamiglowka .tresc {
    color: #333333;
    font-size:10pt;
    padding:4px;
}
.lamiglowka .tresc {
    font-size:13pt;
    line-height: 150%;
}
.lamiglowki li .opcje , .lamiglowka .opcje{
    margin:1px;
    border-top: 1px solid #EEE;
    color:#999;
    font-size:10pt;
    padding: 2px 8px;
}
.autor {
    color:#D61B34;
    font-weight: bold;
}
.punktow {
    background-color: #F9196A;
    color: #FFFFFF;
    display: block;
    float: right;
    font-family: impact;
    font-size: 13pt;
    padding: 4px 6px;
    text-align: right;
    width: 80px;

}
.glosuj {
    background-color: #2970B2;
    color: #FFFFFF;
    display: block;
    float: right;
    font-family: impact;
    font-size: 13pt;
    padding: 4px 6px;
    cursor: pointer;
}
.punktow_in {

    font-size: 17pt;

}

#gallery li, .gal li {
    background-color: #FFF;
    display: block;
    float:left;
    border-color:#F7F7F7 #EDEDED #EDEDED #F7F7F7;
    border-style:solid;
    border-width:1px;
    padding:0px;
    margin:16px 12px;

}

#gallery li:hover, .gal li:hover {
    border: 1px solid #f65800;
    background-color: #F3F3F3;
}

#gallery a, .gal a {
    border-color:#EEEEEE #8D8165 #8D8165 #EEEEEE;
    border-style:solid;
    border-width:1px;
    padding: 8px;
    margin: 0px;
    display:block;
}
h2.cert2 {
    color: #68604F;
    font-size: 21px;

    line-height: 125%;
    text-align: center;
}
.brownie {
    color:#8D8165;
}

.certyfikat {
    background-image: url("../img/certyfikat2013.png");
    background-repeat: no-repeat;
    font-size: 18px;
    height: 432px;
    line-height: 125%;
    padding: 240px 40px 20px;
    text-align: center;
    width: 612px;

}
.certyfikat p {
    font-family: "century gothic";
    font-size: 17px;
    line-height: 125%;
    text-align: center;
}

.center {
    text-align: center;


}


.fnormal {
    font-weight: normal;
}
.justify {
    text-align: justify;
}

#kregulamin p {
    color: #000000;
    font-size: 11pt;
    line-height: 150%;
    margin: 12px 30px;
    text-align: justify;
}
#kregulamin .center {
    text-align: center;
    margin:20px 0 10px;
}

#login_wrap {
    background-image: url("../img/bgt50.png");
    display: none;
    padding: 40px 0 1000px;
    position: absolute;
    width: 100%;
    z-index: 100;
}

#loginbox {
    position:relative;
    border-radius: 20px;
    margin: 10px auto;
    padding: 20px;
    width: 480px;
}

#slider {
    position: relative;
    overflow: hidden;
    margin: 8px;
    border-radius: 0;
    border:0;
    height: 120px;
    width: 480px;
    background-image: url("../img/patronat.png");
    background-repeat: no-repeat;
    padding-top:10px;
    float:right;

}

#slider ul {
    position: absolute;
    bottom:0;
    margin: 20px;
    padding: 0;
    height: 75px;
    list-style: none;

}

#slider ul li {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 480px;
    height: 90px;
    z-index: 2;
}
.strefa th {
    text-align: right;
}
.strefa th, .strefa td {
    padding:2px;
}
.strefa input[type=text], .strefa input[type=password] {
    width: 200px;
    border:1px solid #DDD;
    padding:8px;
}

#strefa_area {
    background-image: url("../img/strefa_pasek.png"); 
    display:none;
    color:#111;
    font-size:14px;
    padding:0 40px 0 0px;
    margin:8px auto 0;
    width:640px
}
#strefa_area a {
    color:#000;
    padding:3px;
    display:block
}
#strefa_area a span {
    color:#FFF
}

.red {
    border:1px solid red;
}

#asudoku {
    border: 0 none;
    float: right;
    margin: 0 10px 0 0;
}
#afacebook {
    border: 0 none;
    float: right;
    margin: 0 6px 0 0;
}
#menu_klasa1 {
    background-position: 1%;
}
#menu_klasa2 {
    background-position: 17%;
}
#menu_klasa3 {
    background-position: 32%;
}
#menu_klasa4 {
    background-position: 47%;
}
#menu_klasa5 {
    background-position: 63%;
}
#menu_klasa6 {
    background-position: 79%;
}



.tablet_show {
    display: none;
}

li#batmat a {
    width:98px;
    background-position:325%
}


.maina {
    background-image:url("../img/klasymain2016.png");   
    height: 192px;
    display: block;
}
.maina1 {
    background-position: 4px 545px;
}
.maina2 {
    background-position: 447px 545px;
}
.maina3 {
    background-position: 225px 545px;
}

.maina4 {
    background-position: 4px 226px;
}
.maina6 {
    background-position: 226px 226px;
}
.maina5 {
    background-position: 447px 226px;
}



#zapalki {
    margin: 0 auto;
    overflow: hidden;
    width: 450px;
    min-height: 230px;
}
#zapalki div.example {
    display:none;
}
#zapalki div.liczba {
    width:82px;
    float: left;
    margin: 4px;
    position: relative;
    height: 200px;
}
#zapalki div.znak {
    width:78px;
    float: left;
    margin: 4px;
    position: relative;
    height: 200px;
}
#zapalki div.space {
    padding: 3px;
    cursor: pointer;
    width: 60px;
    height: 68px;
    float: left;
}
#zapalki div.spacen {
    padding: 3px;
    cursor: pointer;
    width: 10px;
    height: 68px;
    float: left;
    background-color: #EEE;
}
#zapalki div.zapn {
    background-image: url(../img/zapdn.png);
    z-index: 100;
    background-repeat: no-repeat;
    background-position: 3px;
    padding: 3px;
    cursor: pointer;
    width: 10px;
    height: 68px;
    float: left;
}
#zapalki div.spacez {
    padding: 3px;
    cursor: pointer;
    height: 10px;
    width: 78px;
    float: left;
    background-color: #EEE;
}
#zapalki div.zapz {
    background-image: url(../img/zapdz.png);
    z-index: 100;
    background-repeat: no-repeat;
    background-position: 1px;
    padding: 3px;
    cursor: pointer;
    height: 10px;
    width: 80px;
    float: left;
}
.highlight {
    // border: 1px solid red
}
#zapalki .plusn {
    background-image: url("../img/zapdn.png");
    background-position: 1px center;
    background-repeat: no-repeat;
    height: 85px;
    left: 34px;
    position: absolute;
    top: 58px;
    width: 20px;
}
#zapalki .plusz {
    background-image: url("../img/zapdz.png");
    background-position: 1px center;
    background-repeat: no-repeat;
    height: 20px;
    left: 0;
    position: absolute;
    top: 90px;
    width: 80px;
}
#zapalki .rown1 {
    background-image: url(../img/zapdz.png);
    background-repeat: no-repeat;
    background-position: 1px;
    left: 0;
    position: absolute;
    top: 72px;
    height: 20px;
    width: 80px;
}
#zapalki .rown2 {
    background-image: url(../img/zapdz.png);
    background-repeat: no-repeat;
    background-position: 1px;
    left: 0;
    position: absolute;
    top: 108px;
    height: 20px;
    width: 80px;
}



#zapalkim {
    margin: 0 auto;
    overflow: hidden;
    width: 474px;
    width: 560px;
    min-height: 200px;
}
#zapalkim div {
    //   border:1px dotted #DDD;
}
#zapalkim div.example {
    display:none;
}
#zapalkim div.liczba {
    width:66px;
    float: left;
    margin: 2px;
    position: relative;
    height: 160px;
}
#zapalkim div.znak {
    width:60px;
    float: left;
    margin: 2px;
    position: relative;
    height: 160px;
}
#zapalkim div.space {
    padding: 2px;
    cursor: pointer;
    width: 40px;
    height: 48px;
    float: left;
}
#zapalkim div.spacen {
    padding: 2px;
    cursor: pointer;
    width: 10px;
    height: 48px;
    float: left;
}
#zapalkim div.zapn {
    background-image: url(../img/zapn.png);
    background-repeat: no-repeat;
    background-position: 3px;
    padding: 2px;
    cursor: pointer;
    width: 10px;
    height: 48px;
    float: left;
}
#zapalkim div.spacez {
    padding: 2px;
    cursor: pointer;
    height: 10px;
    width: 58px;
    float: left;
}
#zapalkim div.zapz {
    background-image: url(../img/zapz.png);
    background-repeat: no-repeat;
    background-position: 2px;
    padding: 2px;
    cursor: pointer;
    height: 10px;
    width: 60px;
    float: left;
}
#zapalkim div.zapx {
    background-image: url("../img/zapx.png");
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 46px;
    padding: 2px;
    position: absolute;
    top: 42px;
    width: 56px;
}
#zapalkim div.zapd {
    background-image: url("../img/zapd.png");
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 46px;
    padding: 2px;
    position: absolute;
    top: 42px;
    width: 56px;
}
.highlight {
    // border: 1px solid red
}
#zapalkim .plusn {
    background-image: url("../img/zapn.png");
    background-position: 1px center;
    background-repeat: no-repeat;
    height: 85px;
    left: 26px;
    position: absolute;
    top: 24px;
    width: 20px;
}
#zapalkim .plusz {
    background-image: url("../img/zapz.png");
    background-position: 1px center;
    background-repeat: no-repeat;
    height: 20px;
    left: 0;
    position: absolute;
    top: 56px;
    width: 60px;
}
#zapalkim .rown1 {
    background-image: url(../img/zapz.png);
    background-repeat: no-repeat;
    background-position: 1px;
    left: 0;
    position: absolute;
    top: 42px;
    height: 20px;
    width: 60px;
}
#zapalkim .rown2 {
    background-image: url(../img/zapz.png);
    background-repeat: no-repeat;
    background-position: 1px;
    left: 0;
    position: absolute;
    top: 74px;
    height: 20px;
    width: 60px;
}


#cookies {
    background-color: rgb(185, 181, 169);
    margin: 0 auto;
    padding: 4px;
    font-size:9pt;
}
#cookies p {
    margin:2px;text-align: center
}
#cookies .close {
    font-size:12pt;
    float:right;
    cursor:pointer;float: right; background-color: grey; color: white; padding: 1px 5px 3px;    
}


#spr_start {
    padding:50px 50px 250px;
    overflow: hidden;
}

#spr_start, #spr_start input, .spr input {
    font-family: helveticaneue;
    font-size: 22pt;
    margin:4px;

}
#spr_start input[type=button], .spr input[type=button]{
    padding:20px 50px;
    cursor:pointer;
    font-family: helveticaneueb;
}
#spr_start input[type=text] {
    margin-right: 80px;
    padding: 8px;
    width: 303px;
}
#spr_start p {
    font-family: helveticaneueb;
    margin-top: 0;
}
.spr, #spr_bottom {
    text-align: left;
    padding: 20px 50px 60px;
    display: none;
    overflow: hidden;
}

.spr_task {
    display: none;
    overflow: hidden;
    color:#000;
    min-height: 250px;
}
.spr_task p {
    color:#000;
}
.spr_navi {
    text-align: left;
    overflow: hidden;
}
.spr_navi a {
    padding:8px;
    font-family: helveticaneue;
    font-size:20pt;
    color:#CCC;
    display: block;
    float: left;
    cursor: pointer;
}
.spr_navi a:hover {
    color:#3FA5FF;
}
.spr_navi a.current {
    color:#2970B2;
}
p.spr_title {
    border-top: 6px solid #eee;
    color: #2970b2;
    font-family: impact;
    font-size: 20pt;
    margin-top: 4px;
    padding: 10px 2px 2px;
}
.spr_title span {
    font-size:30pt;
}
.spr_title span.zad_points {
    font-size: 20pt;
    font-family:helveticaneue;
}

.spr_tekstowe {
    font-family:opensans, "Open Sans";   
    font-size: 15pt;
    overflow: hidden;
}
.spr_tekstowe a {
    font-size:13pt;
}
.spr_tekstowe.n a {
    font-size:16pt;
}
.wl30 a {
    float:left;
    width: 30%;
}
.spr_score {
    border-top: 6px solid #eee;
    color: #523952;
    font-family: impact;
    font-size: 20pt;
    margin-top: 4px;
    overflow: hidden;
    padding: 10px 2px 2px;
    text-align: center;
}
.spr_score span {
    background-color: #f9196a;
    border-radius: 33px;
    color: #fff;
    font-size: 40pt;
    padding: 20px 30px;
}
.spr_scorem {
    border-top: 6px solid #eee;
    color: #523952;
    font-family: impact;
    font-size: 16pt;
    margin-top: 4px;
    overflow: hidden;
    padding: 10px 2px 2px;
    text-align: center;
}

.spr_scorem span {
    border-radius: 12px;
    font-size: 25pt;
    padding: 5px 12px;
}
.spr_score .spr_comment {
    font-family: helveticaneue;
    font-size: 19pt;
    margin-top: 4px;
    padding: 10px 2px 2px;
    overflow: hidden;
    text-align: justify;
}


.helv {
    background-color: #eee;
    border: 1px solid #ddd;
    font-family: helveticaneue;
    font-size: 19pt;
    padding: 20px;
}

.helvb {
    background-color: #ede9de;
    border: 6px solid #c6b993;
    border-radius: 10px;
    font-family: helveticaneueb;
    font-size: 19pt;
    padding: 20px;
}
.helvspan {
    background-color: #eee;
    font-family: helveticaneue;
    font-size: 24pt;
    padding: 12px 16px 4px;
    color: crimson;
}
.helvspan2 {
    background-color: #FFF;
    color: deepskyblue;
    font-family: sans-serif;
    font-size: 24pt;
    padding: 8px 12px 4px;
}
.helvspan6 {
    background-color: #FFF;
    color: #000;
    font-family: helveticaneueb;
    font-size: 24pt;
    padding: 4px 12px 4px;
    border-top: 5px solid #999;
    border-radius: 4px;
}
.helvspan3 {
    background-color: #FFF;
    color: crimson;
    font-family: helveticaneueb;
    font-size: 24pt;
    padding: 4px 12px 4px;
    border-top: 5px solid #999;
    border-radius: 4px;
}
.helvspan4 {
    color: darkblue;
    font-family: helveticaneueb;
    font-size: 24pt;
    padding: 10px;
}
.helvspan5 {
    color: darkorange;
    font-family: helveticaneueb;
    font-size: 24pt;
    padding: 10px;
}

table.helv {
    background-color: #eee;
    border: 0;
    font-family: helveticaneue;
    font-size: 19pt;
    padding: 0px;
}

.spr_task table.helv th {
    background-color: #DDD;
}
.spr_task table.helv td {
    padding: 8px 18px;
}
.jedn_wyb a {
    /*background-color: #fff;
    background-image: url(../img/cien1.png);   
    border: 1px solid #DDD;*/
    border-radius: 10px;
    color: #000;
    display: block;
    margin: 4px;
    padding: 8px 16px;
    cursor: pointer;
    text-align: left;

}
.jedn_wyb.w30 a {
    width: 33%;
}
.spr_task .polecenie {
    font-weight: bold;
}
.spr a:hover, a:hover {
    text-decoration: none;
}
ol li a:hover {
    color:#92e812;
}

.spr_tekstowe a  span {
    border: 3px solid transparent;
    background-color: #fff;
    border-radius: 20px;
    font-weight: bold;
    margin: 1px;
    padding: 3px 10px;
}
.spr_tekstowe a.current span {
    border: 3px solid #2970B2;

}
.spr_tekstowe a.odp1 span {
    background-color:#80e587;
}
.spr_tekstowe a.odp0 span {
    background-color: #ff6b5e; 
}
.jedn_wyb a:hover span {
    border: 3px solid #3FA5FF;
    border: 3px solid #6CB9FC;

}

.spr_navidown {
    text-align: left;
    border-top: 6px solid #EEE;
    overflow: hidden;
    margin:20px 0;
}
.spr_navidown a {
    padding:12px 6px;
    font-family: helveticaneueb;
    display: block;
    float: left;
    cursor: pointer;
    padding:10px 20px;
    float:right;
    color:#AAA;
    font-size:15pt;
}
.spr_navidown a.next{
    color:#2970B2;
}
.spr_navidown a span {
    font-family: helveticaneue;
    font-size:19pt;
}
.jedn_wyb {

    overflow: hidden;
}


.spr_task  table {
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    margin: 4px 0 20px;
    width: 100%;
}
.spr_task  table td {
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
    padding: 4px 8px;
    text-align: left;
}
.spr_task  table .lit, .spr_task  table .cyf {
    width:50px;
}
.spr_task  table th {
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
    padding: 4px 8px;
    text-align: center;
    background-color: #EEE;
}

.spr_task  table tr.jedn_wyb a {
    padding: 2px;
}
#ewaluacja .wynik {
    font-weight: bold;
    color:#C63DA9;
    color:#1C5180;
}
#ewaluacja .wynik0, #ewaluacja .wynik1,#ewaluacja .wynik2 ,#ewaluacja .wynik3 ,#ewaluacja .wynik4 ,#ewaluacja .wynik5,
#ewaluacja .wynik6, #ewaluacja .wynik7, #ewaluacja .wynik8, #ewaluacja .wynik9 {

    height: 20px;
    display:block;
    float:left;
}
#ewaluacja .wynik0 {
    background-color:#009900;
}
#ewaluacja .wynik1 {
    background-color: #48b13c;
}
#ewaluacja .wynik2 {
    background-color: #0069ba;
    background-color: #9DCC7A;
}
#ewaluacja .wynik3 {
    background-color: #ffe300;
}
#ewaluacja .wynik4 {
    background-color: #ef8441;
}
#ewaluacja .wynik5 {
    background-color: #e70f00;
}
#ewaluacja .wynik6 {
    background-color: #0678AD;
}
#ewaluacja .wynik7 {
    background-color: #0F8CC6;
}
#ewaluacja .wynik8 {
    background-color: #27A2DB;
}
#ewaluacja .wynik9 {
    background-color: #5EB7E0;
}
#ewaluacja .wynikopis , #ewaluacja .spr_tekstowe p.wynikopis {
    font-size: 9pt;
    border-bottom: 1px solid #FFF;
    margin: 0;
    padding: 4px;
    color:#C63DA9;
}
#ewaluacja, #ewaluacja .spr_tekstowe p {
    font-size: 11pt;
}
.tdcenter, .spr_task table td.tdcenter, .spr_task table tr.trcenter td, .spr_task table tr.trcenter th , .spr_task table.center th, .spr_task table.center td{
    text-align: center;
    font-size: 10pt;
    padding: 8px 2px;
    border-right: 0;
    border-bottom:1px solid #eee;
}
.spr_task table.center td:hover {
    background-color: #EEE;
}
.spr_task table.center td.tdleft:hover {
    background-color: transparent;
}
.spr_task table.center th {
    font-size: 8pt;
}
#ewaluacja .spr_task table {
    margin-bottom: 30px;
    border-left: 0;
    border-top:1px solid #fbfbfb;    
}
.tdleft, .spr_task table td.tdleft {
    text-align: left;
    padding: 8px 4px;
}
.tdlefth, .spr_task table td.tdlefth {
    text-align: left;
    padding: 8px 4px;
}

#ewaluacja .spr_task p.pytanie {
    color:#2970b2;
}
#ewaluacja textarea {
    width:98%;
    padding:4px;
    font-family:opensans;
    font-size:10pt;
}
.smallkod td {
    border-bottom: 3px solid #EEE;
    padding: 6px;
    font-family: opensans;
}
.smallkod td p {
    margin:6px 0;
}
.smallkod textarea {
    width:98%;
    padding:4px;
    color:#1578A5;
    font-size:10pt;
    font-family: "Courier New";

}
.smallkod {
    font-size:13pt;
}

.timer {
    margin:20px;background-image:url(../img/time.png);
    background-repeat: 
        no-repeat;float:left; 
    width:120px;
    height: 100px;
    font-size:21pt;
    font-family:impact,Arial;
    line-height: 124px;
}


#szukanie h3, #task h1.impact {
    color: #523952; 
    font-family: impact; 
    font-size: 21pt;
    line-height: 120%;
    font-weight:normal;
}
#szukanie input[type=button] {
    background-color: transparent;
    border: 0 none;
    border-radius: 10px;
    color: #08538f;
    cursor: pointer;
    font-family: Arial,Tahoma;
    font-size: 13pt;
    padding: 4px 8px;
}
#szukanie input[type=button].s1 {
    color:#D61B34;
    font-size:17pt;
}
#szukanie input[type=button].s2 {
    color:#005f1d;
    font-size:15pt;
}
#new_year, #new_year2 {
    margin: 0px auto; 
    width: 374px;
    overflow: hidden; 
    padding: 0px 0px 50px;
    font-family: helveticaneueb;
}
#new_year p , #new_year2 p{
    text-align: left;
    font-size:12pt;
    margin: 0;
}
#new_year span, #new_year2 span {
    text-align: center;
    display: block;
    float: left;
    width: 92px;
    font-size:15pt;
}
#new_yearm {
    font-family: helveticaneueb;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 0 10px;
    width: 166px;
}
#new_yearm p {
    text-align: left;
    font-size:12pt;
    margin: 0;
}
#new_yearm span {
    text-align: center;
    display: block;
    float: left;
    width: 41px;
}
#mfundacja {
    background-image: url("../img/sprawdzian/mfundacja_logo_xs.png");
    background-repeat: no-repeat;
    color: #523952;
    float: left;
    font-family: helveticaneue;
    font-size: 12pt;
    height: 85px;
    line-height: 130%;
    margin-left: 10px;
    margin-top: 23px;
    padding-left: 45px;
    padding-top: 26px;
    width: 180px;
}
#mfrem {
    background-image: url("../img/fremn.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 140px auto;
    color: #523952;
    float: left;
    font-family: helveticaneue;
    font-size: 12pt;
    height: 94px;
    margin-right: 20px;
    width: 154px;
}
#mfrem p {
    margin:0;
}
#mfundacja a {
    height: 71px;
    width: 140px;
}
#mfundacja a {
    font-size: 15pt;
    color: #E42A1E;
}
.spr_main {
    font-family: helveticaneue;font-size: 17pt;text-align: justify;
}
.spr_main span {
    font-family: helveticaneueb;
}
.spr_main span.bigger {
    font-family: helveticaneueb; font-family: 19pt;
}


.shop_info {
    border: 4px solid #B9DB9F;
    font-family: Arial;
    font-size: 14px;
    line-height: 150%;
    margin: 8px 4px;
    overflow: hidden;
    padding: 20px;
    background-color: #EAF7E1;
    color:#222;
}
.shop_mess {
    border: 4px solid #6299C9;
    font-family: Arial;
    font-size: 14px;
    line-height: 150%;
    margin: 8px;
    overflow: hidden;
    padding: 20px;
    background-color: #DEEBF7;
    color:#222;
}

.shop_error {
    border: 4px solid #E74828;
    font-family: Arial;
    font-size: 14px;
    line-height: 150%;
    margin: 8px;
    overflow: hidden;
    padding: 20px;
    background-color: #F7E3DC;
    color:#222;
}

#wideboard {
    width: 940px;
    height: 200px;
    display: block;
}


@media only screen and (max-width: 1040px) { /* ------------------------------------------------*/
    #pagewrapper {
        width: 100%;
    }
    #fb, #nk {
        display: none;
    }
    .tablet_show {
        display: block;
    }
    #logo{
        width:28%;
        margin:0;
    }   
    #menu ul {
        width:72%;
    }
    #menu ul li {
        width:14%;
    }

    #logo img{
        width:100%;
        padding: 0;
    }    
    #menu {
        width: 100%;
    }
    #menu ul li a, li#batmat a  {
        width:auto;
        display: block;
        background-size: 760%;
    }  
    #seeker {
        padding: 2% 3%
    }


    #stopka p {
        padding:1%;
    }
    #stopka a {
        padding: 0 1%;
    }
    #stopka span {
        padding: 0 3%;
    }

    ul#komentarz {
        padding-right: 0;
        padding-left: 4%;
    }
}







@media only screen and (max-width: 700px) {
    body {
        background-image:none;
    }

    #logo{
        width:35%;
        margin:0;
    }
    #logo img, #menu ul {
        width:100%;
        padding: 0;
    }
    #menu ul li {
        width:16.6%;
    }
    #menu ul li a {
        width:auto;
        display: block;
        background-size: 740%;
    }
    #menu ul li#batmat {
        display: none;
    }
    #seeker {
        background-size: 88% auto;
        width: 50%;
    }
    #seeker input[type="text"] {
        margin:1%;
        width: 50%;
    }
    #pagewrapper {
        width:100%;
        background-image: none;
    }

    #menu {
        width: 100%;
    }

    #sudoku {
        top:90px;
        left: 80%;
    }
    #sudoku img {
        width:20%;

    }
    #menu_left {
    }
    #menu_left ol li a {
        font-size: 14pt;
        padding: 2% 0;
    }    
    #menu_klasa2 {
        background-position: 480%;
    }
    #menu_klasa3 {
        background-position: 380%;
    }
    #menu_klasa4 {
        background-position: 279.5%;
    }
    #menu_klasa5 {
        background-position: 179%;
    }
    #menu_klasa6 {
        background-position: 195%;
    }    
    .mobile_hidden {
        display:none;
    }
    #menudown {
        width: 100%;
    }
    ul#komentarz {
        padding-left: 1%;
    }

}



.waiting, #oczekiwanie {
    display:none;
    font-size:20pt;
    font-family: helveticaneueb;
    margin-left:140px;
}
.waiting h2{
    font-size:77pt;
}
.gracze.big {
    height: 378px;
    margin-right: 200px;
}
.gracze.big #gracze li{
    font-size: 26px;
    padding: 14px;
}
.gracze.big #gracze li span.points {
    font-size:36px;
    padding:1px 22px;
    width: 80px;
}
#form_login, .waiting{
    font-size:20pt;
    font-family: helveticaneueb;
    margin-left:140px;
}
.gracze {
    font-family: helveticaneueb;
    font-size: 16pt;
    height: 222px;
    padding: 0px;
    border-radius:1%;
    display:none;
}
.gracze ol {
    padding:0;
    list-style:inside decimal;
    margin:0;

}
.gracze li {
    display:none;
    padding:6px;
    text-align: left;
    margin:0;
    font-size: 12pt;
}
.gracze span.points {
    color: #333;
    font-size: 16pt;
    margin: -5px;
    padding: 1px 14px;
    text-align: right;
    width: 50px;
}
.gracze li.ja {
    background-image:url(../img/bgw.png);
    color:#FFF;
}

.gracze li.ja span.points {
color:#000 !important;
}



@media (max-width: 400px) {
.ban750 {
    width: 100%;
    margin:0 auto;
}
}