
@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/Mhelveticaneueltcom-bdcn.woff') format('woff'), /* Modern Browsers */
        url('../css/helveticaneueltcom-bdcn.ttf')  format('truetype') /* Safari, Android, iOS */

}
@font-face {
    font-family: 'myriad-cond';
    src: url('../css/myriadpro-cond.eot'); /* IE9 Compat Modes */
    src: url('../css/myriadpro-cond.otf?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../css/myriadpro-cond.woff') format('woff'), /* Modern Browsers */
        url('../css/myriadpro-cond.ttf')  format('truetype') /* Safari, Android, iOS */

}

@font-face {
    font-family: 'myriad-light';
    src: url('../css/myriadpro-light.eot'); /* IE9 Compat Modes */
    src: url('../css/myriadpro-light.otf?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../css/myriadpro-light.woff') format('woff'), /* Modern Browsers */
        url('../css/myriadpro-light.ttf')  format('truetype') /* Safari, Android, iOS */

}
@font-face {
    font-family: 'myriad';
    src: url('../css/myriadpro-regular.eot'); /* IE9 Compat Modes */
    src: url('../css/myriadpro-regular.otf?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../css/myriadpro-regular.woff') format('woff'), /* Modern Browsers */
        url('../css/myriadpro-regular.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-family:Tahoma;
    font-size:11px;
    background-color: #C5BFAE;
    padding: 0;
    margin: 0;
}
nav .navbar-default {
    background-color: transparent;
}
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;}

ol li a {color:#FFF;font-size:12px;}
ol li a:hover {color:#85D317;}
ol li a.current {
    color:#92E812;
    font-weight: bold;
    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: 17px;
    height: 21px;
    margin: 0;
    padding: 8px;
    text-shadow: 2px 2px #555555;
}
.cat {
    display: block;
    cursor: pointer;
}
h1 {
    font-size:18px;
}

#menu {
    min-height: 166px;
    overflow: hidden;
}

#menu ul li {
    display: block;
    float: left;
}
#menu ul li a {
    display: block;
    padding: 100px 0 10px 0;
    background-image: url("../img/menu2014.png");
    background-repeat: repeat-x;  
    color:#FFF;
    width: 98px;
    background-size: 732%;
}

#logo {
    float: left;
    overflow: hidden;
    margin-top:10px;
}
#logo img {
    border: 0 none;
    padding: 15px 0 6px;
    width: 250px;
}

#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;
}

#localizator {
    margin:10px auto 2px;
    color:#444;
    padding-left: 4px;
}
#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 {
    width: 300px;
    padding: 0;
    background-color: #7AB038;
    float: left;
    margin-top:10px;
    margin-bottom: 20px;
}

.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; }
.last { background-color: #528909; }

.mklasa1 { color: #9e005d !important; }
.mklasa2 { color: #002157 !important; }
.mklasa3 { color: #005f1d !important; }
.mklasa4 { color: #ce0441 !important; }
.mklasa5 { color: #7b2e00 !important; }
.mklasa6 { color: #66411c !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;

}
#rozwiaz {
    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: 16px;
    color:#DDD;
    font-family: Arial;
    border-left: 1px solid #518B02;
    border-right: 1px solid #518B02;
    max-height: 120px;
    overflow: auto;
}

#main {
    width: 700px;
    padding: 0;
    float: right;
}
#comments .kblok {
    width: 208px;
    min-height: 100px;
    margin:2px;
    padding: 8px;
    float: left;
    display: block;
    font-size:12px;
}
#comments .kblok a {
    padding:0;
}
.kblok img { border:0}
#comments .kblok ul {
    background-image: url("../img/maincat_bg.png");
    height: 125px;
    background-position: 2px 0;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0 10px 0 0;
    text-align: center;
    min-height: inherit;
}
#comments .kblok ul li{
    padding: 2px;
    font-family: Tahoma;
    font-size: 10px;

}
#comments .kblok ul li a{
    color:#333;
    font-weight: bold;
}
#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:14px;
    font-family:Arial;
    margin:0 4px;
    padding-bottom: 5px;
}
#task {

    background-repeat: no-repeat;
    background-position: right bottom;
    background-color: #F7F7F7;
    min-height: 150px;
    text-align: center;
    font-size:14px;
    font-family:Arial;
    margin:0 4px;
    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: 40px 10px 10px;
    margin:0px;
    text-align: center;
    font-size: 21px;
    font-weight: normal;
    font-family: Arial;
    color:#2B6F8C;
    display: block;
}
h3 {

    margin:0px;
    font-size: 14px;
    font-family: Arial;
    color:#2B6F8C;
    display: block;
}
#task.zadanie h1{
    font-size: 14px;
    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: 28px;
    line-height: 20px;
    padding: 5px;
    text-align: center;
    width: 40px;
}
#task .wrong {
    background-image: url(../img/odp_no.png);
    color: #FFFFFF;
    float: right;
    font-size: 18px;
    font-weight: bold;
    height: 28px;
    line-height: 20px;
    padding: 5px;
    text-align: center;
    width: 40px;
}

.linkimg {
    padding:4px;
}

.hidden {
    display: none;
}

#comments {
    background-image: url(../img/comment_bgn.png);
    color:#EEE;
    font-family: Arial;
    margin:0 4px;
    overflow: hidden;

}
#comments_down {
    background-image: url(../img/comments_down.png);
    height: 20px;
    background-repeat: no-repeat;
    margin:0 4px;
}
#task_down {
    background-image: url(../img/task_bottom.png);
    height: 13px;
    background-repeat: repeat-x;
    margin:0 4px;
}
#comments h1 {
    color: #111111;
    font-size: 11px;
    font-weight: normal;
    padding: 4px 50px;
}
.dodaj_kom {
    color: #111;
    display: block;
    font-size: 10px;
    margin: 0;
    padding: 16px 10px;
    text-align: center;
    width: 125px;
}
.dodaj_kom:hover {
    color:#FFF;
}
.h300 {
    min-height: 420px;
}

#comments ul {
    padding: 0px 10px 40px 40px;
    overflow: auto;
}
#comments ul li {
    font-size:12px;
    font-family:Tahoma;
    padding:8px;
}
.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;
    font-family: Arial;
    font-size: 10px;
    height: 46px;
    padding: 17px;
    width: 143px;
}
.doprawej {
    margin: 0;
    padding: 10px;
    text-align: right;
}

#menudown {
    width: 696px;
    float: right;
    padding: 0;
    margin-bottom: 40px;
}
#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;
    overflow:hidden;
    color: #EEE;
    background-image: url("../img/mleft_bg.png");
    background-position: 1px 36px;
    border-top:1px solid #100f15;
}
#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;
}







#content {
    margin:14px auto;
}
#content20 {
    margin:2px auto;
}
#content10 {
    margin:1px auto;
}
#answer {
    margin:10px 30px 0px 30px;
    text-align: center;
    display: block;
    min-height: 40px;
}
#answer .ok1 {
    color:#4A9300;
    font-family: Georgia,"Comic Sans MS", Calibri, Tahoma, Arial, Helvetica;
    font-size:35px;
    font-weight: bold;
}
#answer .ok3 {
    color:#009900;
    font-family: "Comic Sans MS", Calibri, Tahoma, Arial, Helvetica;
    font-size:24px;
    font-weight: bold;
}
#answer .ok4 {
    color:#009900;
    font-family: "Comic Sans MS", Calibri, Tahoma, Arial, Helvetica;
    font-size:20px;
    font-weight: bold;
}
.ok5{
    font-size:21px;
    font-family: Calibri, "Courier New";
    color:#009900;
}
.wrong5{
    font-size:18px;
    font-family: Calibri, "Courier New";
    color:#FF0000;
}
.wrong6{
    font-size:13px;
    font-family: Verdana;
    color:#FF0000;
}
#answer .wrong {
    color:#FF0000;
    font-family: "Comic Sans MS", Calibri, Tahoma, Arial, Helvetica;
    background-image: url(../img/answer_wrong.gif);
    background-repeat: no-repeat;
    margin-left: 30px;
    font-size:15px;
}
#answer .wrong1 {
    color:#FF0000;
    font-family:Georgia,Tahoma,Arial,Helvetica;
    font-size:22px;
}
#answer .wrong3 {
    color:#FF0000;
    font-family:"Comic Sans MS", Calibri, Tahoma, Arial, Helvetica;
    font-size:19px;
}
#answer .wrong4 {
    color:#FF0000;
    font-family:"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:Georgia,"Comic Sans MS",Tahoma,Arial,Helvetica;
    font-size:32px;
    font-weight:bold;
    margin: 0;
}
.wyraz1 {
    font-size:42px;
    margin: 0;
}
.wyrazm 		{font-family: georgia,  Calibri, Tahoma, Arial, Helvetica; font-size:21px; margin: 0;}
.wyrazmn {
    font-family: Georgia,  Calibri, Tahoma, Arial;
    font-size:19pt;
    margin: 2px;
    color:#333;
}
#task .wyrazmn input[type=text] {
    font-size:19pt;
    font-family: Georgia, Arial;
    font-weight: bold;
    text-align: center;
    color:#004080;
}
input.c {
    border:1px solid #83ADBF;

    font-family:georgia,Calibri,Tahoma,Arial;
    font-size:20px;
    text-align: center;
    width: 30px;
    font-weight:bold;
}
.c {
    margin:auto;
    width:750px;
}
.input {
    text-align: center;
    border: 1px solid #949ed7; color:#004080; font-family: georgia, Calibri, Tahoma, Arial; font-size:36px; font-weight:bold; padding:2px;
}

.input1 {
    border: 1px solid #83ADBF;
    color: #295A6F;
    font-family: georgia,Calibri,Tahoma,Arial;
    font-size: 36px;
    font-weight: bold;
    padding: 5px;
    text-align: center;
    width: 33px;
}
.inputm1, .inputm {
    border:1px solid #83ADBF;
    color:#295A6F;
    font-family:georgia,Calibri,Tahoma,Arial;
    font-size:22px;
    font-weight:bold;
    text-align:center;
    width:20px;
    padding: 0;
}
.input2 {
    border:1px solid #83ADBF;
    color:#295A6F;
    font-family:georgia,Calibri,Tahoma,Arial;
    font-size:36px;
    font-weight:bold;
    text-align:center;
    width:50px;
    padding: 5px;
}
.inputm2 {
    border:1px solid #83ADBF;
    color:#295A6F;
    font-family:georgia,Calibri,Tahoma,Arial;
    font-size:22px;
    font-weight:bold;
    text-align:center;
    width:40px;
    padding: 0;
}
.rownania, .rownania td, .rownania td p {
    text-align: right;
    color:#295A6F;
    font-family:Georgia,"Comic Sans MS",Calibri,Tahoma;
    font-size:25px;
    line-height:30px;
    margin:4px auto;
    padding:4px;
}
.rownania {
    text-align: center;
}
.rownania td input{
    background-color:#FAFAFA;
    border:1px solid #83ADBF;
    color:#295A6F;
    font-family:Georgia,Tahoma;
    font-size:22px;
    font-weight:bold;
    padding:0;
}
.geometria {
    font-size:19px;
}
.georgia td.mianownik input, .georgia td.licznik input{
    border:1px solid #83ADBF;
    color:#295A6F;
    font-family:georgia,Calibri,Tahoma,Arial;
    font-size:22px;
    font-weight:bold;
    text-align:center;
    width:40px;
    padding: 0;
}
.georgia td.liczba input{
    border:1px solid #83ADBF;
    color:#295A6F;
    font-family:georgia,Calibri,Tahoma,Arial;
    font-size:30px;
    font-weight:bold;
    text-align:center;
    width:40px;
    padding: 0;
}
.georgia td {
    color:#295A6F;
    font-family:georgia,Calibri,Tahoma,Arial;
    font-size:15px;
}
.verdana td {
    color:#295A6F;
    font-family:Verdana,Tahoma,Arial;
    font-size:13px;
    text-align: left;
}

.pisemne td {
    border-bottom: 1px solid #EEE;
    border-right: 1px solid #EEE;
    font-size:16px;
    text-align: right;
    color:#444;
    font-family: "Courier New",Tahoma, Arial;
    padding: 3px;
}
.pisemne input {
    width: 12px;
    border: 1px solid #BBB;
    font-size:16px;
    text-align: right;
    color:#444;
    font-family: "Courier New",Tahoma, Arial;
}
.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-size:19px;
    text-align: right;
    color:#444;
    font-family: "Courier New",Tahoma, Arial;
    padding: 3px;
}
.pisemne_big input {
    width: 12px;
    border: 1px solid #BBB;
    font-size:19px;
    text-align: right;
    margin:0 -2px;
    color:#444;
    font-family: "Courier New",Tahoma, Arial;
}
.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: arial,tahoma;
    font-size: 17px;
    font-weight: normal;
    line-height: 25px;
    margin: 8px 120px 8px 40px;
    padding: 4px;
    text-align: left;
}
.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-repeat: no-repeat;
    display: block;
    float: right;
    height: 30px;
    margin-bottom: 4px;
    padding: 10px 30px;
    width: 278px;
}
#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: georgia, Calibri, Tahoma;  margin:0px;}
.mianownik { font-size:24px; text-align:center; font-family: georgia, Calibri, Tahoma, Arial;  margin:0px;}
.licznikr {border-bottom: 1px solid #333; font-size:24px; text-align:right; font-family: georgia, Calibri, Tahoma;  margin:0px;}
.mianownikr { font-size:24px; text-align:right; font-family: georgia, Calibri, 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:18px;
}
.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 {
    font-size:17px;
}
.ulamki input {
    border: 1px solid #BBBBBB;
    color: #08538F;
    font-family: Arial;
    font-size: 17px;
    padding: 1px;
    text-align: center;
    width: 25px;
}
.polecenie {
    color:#444;
}
#news_form input[type=text] {
    border:1px solid #EEE;
    padding:6px;
}

.test, .testjs {
    background-color: #C6E746;
    border-bottom: 2px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    border-right: 2px solid #CCCCCC;
    cursor: pointer;
    display: inline-block;
    font-size: 23px;
    margin: 10px 4px;
    min-width: 26px;
    padding: 10px;
}
.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;
    padding: 5px;
    text-align: center;
}
#zle {
    color: red;
    display: none;
    font-weight: bold;
    padding: 5px;
    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;
}

.log_form {
    background-color:#E35C03;
    color: #FCBDA6;
    float: none;
    font-size: 12px;
    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 {
    border:3px solid #1C5180;
    border-bottom:0px solid #1C5180;
    margin:15px auto;
    overflow: hidden;
}

#sudoku div {
    border-bottom:1px solid #83ADBF;
    border-right:1px solid #83ADBF;
    width: 40px;
    height:40px;
    float: left;
    color:#000;
    font-family:myriad-light;
    font-size:27px;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
}
#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;
    width: 38px;
    height: 38px;
    color:#FD5C00;
    font-weight: bold;

    font-family:myriad;
    font-size:27px;
    line-height: 50px;
    text-align: center;
}
#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;
}

.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, .cert3 {
   font-family: helveticaneueb; 
}
.cert3 td, .cert3 th {
    border-bottom: 1px solid #DDD;
    vertical-align: top;
    line-height: 130%;
    padding:10px 0;
}
.cert3 img {

    background-color: #FFFFFF;
    border-color: #EEEEEE #8D8165 #8D8165 #EEEEEE;
    border-style: solid;
    border-width: 1px;
    margin: 16px 6px 4px 0;
    padding: 9px;
}

#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: 164px;
    line-height: 125%;
    padding: 240px 40px 20px;
    text-align: center;
    width: 522px;

}
.certyfikat p {
    font-family: "century gothic";
    font-size: 17px;
    line-height: 125%;
    text-align: center;
}

.center {
    text-align: center;


}

.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: 90px;
    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 input[type=text], .strefa input[type=password] {
    width: 200px;
    border:1px solid #DDD;
    padding:8px;
}
.strefa input[type=submit], a.submitbutton, .strefa input[type=button].submitbutton {
    background-color: #2970b2;
    border: 1px solid #1d64a3;
    border-radius: 4px;
    color: #fff;
    font-family: impact;
    font-size: 21pt;
    padding: 7px;
    width: 218px;
    text-align:center;
}
.red {
    border:1px solid red;
}

#asudoku {
    border: 0 none;
    float: right;
    margin: 0 16px 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: 48%;
}
#menu_klasa5 {
    background-position: 63%;
}
#menu_klasa6 {
    background-position: 79%;
}



.tablet_show {
    display: none;
}

li#batmat a {
    width:98px;
    background-position:328%
}

@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%
    }
    #menu_left {
        width:30%;
    }
    #main, #menudown {
        width:70%;
    }
    
    #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;
    }
#menu_left ol li a {
    font-size: 14pt;
    padding: 2% 0;
}
    #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%;
    }
    #menu_left {

    }
    #main {
        width:100%;
    }
    #sudoku {
        top:90px;
        left: 80%;
    }
    #sudoku img {
        width:20%;

    }
    #menu_left {
        width: 100%;
    }
    #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%;
    }

}