body{ background-image:url("../krata.png"); background-color:#e1d4c0; margin-top:5px;
      background-attachment:fixed; padding:0px; margin:0px; text-align:center; }
img{ border:none; }

div#calosc{ position:relative; margin-top:7px; margin-left:auto; margin-right:auto; width:990px;
            margin-bottom:150px; }

div#polewej{ float:left; width:175px; padding-left:4px; padding-right:4px;
             background-color:#f8f3e6; border-style: solid; border-width: 1px; border-color: #6b675b; 
             text-align:left; font-family: verdana, arial, sans-serif; padding-bottom: 10px; font-size:13px; }
div#polewej a{display: block;  width:177px; margin-bottom: 3px; margin-top:3px;}
div#polewej a:hover{ display: block; width:177px;  margin-bottom: 3px; margin-top:3px; 
                     background-color: #bcd1ef;}

div#polewej a.w:link{ text-decoration: none; margin-top:20px; width:140px;}
div#polewej A.w:visited{ text-decoration: none; margin-top:20px; width:140px;}
div#polewej A.w:hover{ background-color: #f8f3e6; margin-top:20px; width:140px;}

div#polewej a#naPoczatek{font-weight:bold; font-size:16px; }
div#polewej a#Gimnazjalny{ display: block; font-weight: bold; margin-top:5px; }
div#polewej a#Matura{ display: block; font-weight: bold; margin-top:1px; }
div#polewej a#Forum{display: block; font-weight: bold; margin-top:5px; }

div#poprawej{ float:left; width:790px; margin-left: 5px; position:relative; 
               font-size:13px; font-family:verdana, arial, sans-serif; text-align:left; }
div#poprawejTekst{ background-color:#f8f3e6; padding-bottom:50px; border:1px solid #6b675b; 
                   position:relative; }

a.c:link{ text-decoration: none; color: #495ad1;}
A.c:visited{ text-decoration: none; color: #495ad1;}
A.c:hover{ background-color: #bcd1ef;}


/*  forumowe style  -------------------------------------------  */

div#dodajnowe{ margin-left:200px; margin-top:10px; font-family: arial; font-size: 20px; font-weight: bold}

div#naglowek{position: relative; margin-left:20px; margin-top:10px; font-size: 14px;}

div#temat{ background-color:#d3d4be; width: 650px; height: 28px; padding-top:5px;}
div#odp{ position: absolute; top: 0px; left: 652px;  background-color:#d3d4be; width: 50px; height:28px; 
         padding-top:5px;}


div.zadanie{ margin-left:20px; margin-top: 10px; text-align: left;}

a.a:link{ text-decoration: none; background-color:#e6ddc5; color: black;}
A.a:visited{text-decoration: none; background-color:#e6ddc5; color: black;}
A.a:hover{text-decoration: none; background-color: #bcd1ef; color: black;}

a.d:link{ text-decoration: none; background-color:#e6ddc5; color:#184bde;}
A.d:visited{text-decoration: none; background-color:#e6ddc5; color:#184bde;}
A.d:hover{text-decoration: none; background-color: #bcd1ef; color:#184bde;}

a.e:link{ text-decoration: none; color: #184bde;}
A.e:visited{text-decoration: none; color: #184bde;}
A.e:hover{text-decoration: none; background-color: #bcd1ef; color: #184bde;}


div.zadanie a{display:block; width: 630px; height:38px; 
padding-top:4px; padding-bottom:5px; padding-left:10px; padding-right:10px; 
font-family: arial; font-size:14px; overflow: hidden; white-space:pre;
}

div.ile{ margin-left: 652px; margin-top:5px; margin-bottom: -27px;
         background-color:#e6ddc5; width: 50px; height:22px; padding-top:5px;}
b.i{ margin-left:14px; }
b.nick{margin-right: 6px;}


form{ margin-left:20px; margin-top: 20px; padding-bottom: 1px;}


div.opis{ margin-top:5px; margin-left:5px; }


div#edytor{position:relative; width:760px; height:500px; margin-top:70px;}

textarea{ position: absolute; top:0px; left:110px;  padding-left:4px; width:630px; height:215px;
          overflow:auto; background-color:#fafaf2; border: 1px solid #6b675b;
          font-family: arial, sans-serif; font-size:14px; margin-top:3px; white-space: pre;}

/* pre{ font-family: verdana; margin-top:4px; margin-left:4px; }*/
/* bylo width:615px */

pre{font-family: arial, sans-serif; font-size:14px; margin-top:0px; margin-bottom:0px;  }

div#tkto{position: absolute; top:230px; left:150px;}

input#kto{position: absolute; top:250px; left:110px;
background-color:#fafaf2; border-style:solid; border-color: #6b675b; border-width:1px;}

input#tytul{position: absolute; top:310px; left:110px;
background-color:#fafaf2; border-style:solid; border-color: #6b675b; border-width:1px;}
div#ttytul{position: absolute; top:290px; left:150px;}
div#tttytul{position: absolute; top:340px; left:120px;}

div#buttony{position: absolute; top:245px; left:200px; width:450px; height:25px; text-align: center;}


div#buttony div{ position: absolute; left:230px; width:150px; height:20px;
                 background-color:#b8cfef; text-align:center; 
                 font-weight:bold; font-family: arial, sans-serif; font-size:14px; padding-top:5px; 
                 border-width:2px; border-color:#b6cdef; border-style:solid; color:#222222;
                 moz-border-radius: 4px; -webkit-border-radius: 4px;}


div#litery{position: absolute; left:105px; top:-30px; }

tt{ display: block; float: left; margin-left:6px; background-color: #ffeedd; border:1px solid #999999; 
    padding:4px; cursor: default; font-size:15px; text-align: center; font-family: arial, sans-serif; 
    color:#333333; margin-top:0px;  -moz-border-radius: 4px; -webkit-border-radius: 4px;
    width:10px; height: 15px; }
span#rysuje{ display: block; float: left; margin-left:7px; background-color: #ffeedd; 
             border:1px solid #999999; padding:4px; cursor: default; font-size:15px; 
             text-align: center; font-family: arial,sans-serif; color:#333333; margin-top:0px; 
             moz-border-radius: 4px; -webkit-border-radius: 4px; width:42px; 
             height: 15px; font-weight:bold; font-family: arial, sans-serif; font-size:14px; }
span#inne{ display: block; float: left; margin-left:7px; background-color:#ffeedd; 
           border:1px solid #999999; padding:4px; cursor: default; font-size:15px; 
           text-align: center; font-family: arial,sans-serif; color:#333333; margin-top:0px; 
           moz-border-radius: 4px; -webkit-border-radius: 4px;
           width:30px; height: 15px; font-weight:normal; font-family:verdana; font-size:12px; }

/* info */
div#wpisz{position:absolute; left:10px; top:-45px; font-size:12px;}
table#i1{position: absolute; left:1px; top:-10px; width:110px;}
table#i1 td{ padding-left:3px; font-size: 14px; font-family:arial; vertical-align:bottom;}
td.i2{ margin-bottom:0px; font-size:14px; font-family:arial; white-space:pre; }
th.i3{ padding-top:10px; padding-left:0px; font-size:14px; font-family:georgia;
       font-weight:normal; color:#184bde; text-align:center; cursor:pointer; }
th.i4{ padding-top:17px; }

div#wpisy{ margin-top:50px; margin-left:40px;}

div#htmlopis{ position: absolute; top:0px; left:110px; width:650px; height:220px; 
              overflow:auto; padding-left:4px; background-color:#e6ddc5; }

div#inneZnaki{ display:none; position:absolute; top:6px; left:256px; width:460px; height:203px;
               background-color:#f8f3e6; border:1px solid #6b675b; }

img.rysunek{ display:block; padding:10px 0px 30px 100px; }

div.wpis{ color:black; width:630px; background-color:#e6ddc5;
          padding-top:6px; padding-bottom:15px; padding-left:4px; margin-top:10px; margin-left:0px;
          font-family:arial; font-size:14px; white-space:pre; }

div.data{ margin-left: 550px; font-size:10px; margin-top:-14px; font-family: verdana; 
          white-space: nowrap; width:70px; }

div#back{ position: absolute; font-family:arial; font-weight:bold; font-size:15px; top:-60px; left:300px;}

a.f:link{ text-decoration: none; color: #495ad1; padding-left:10px; padding-right:10px;}

A.f:visited{ text-decoration: none; color: #495ad1;  padding-left:10px; padding-right:10px;}

A.f:hover{ background-color: #bcd1ef;  padding-left:10px; padding-right:10px; }

div#infoOkomentarzach{ position: absolute; font-family:verdana; font-size:13px; top:-75px; left:110px; }
a.g:link{ text-decoration: none; color: #495ad1; font-weight:bold; }
A.g:visited{ text-decoration: none; color: #495ad1; font-weight:bold; }
A.g:hover{ background-color: #bcd1ef; }

/* ulamki */
div.u1{ margin-top:-7px; margin-bottom:-7px;}
hr.u2{ width:100%; color:#333333; background-color:#333333; height:1px; border:0; }
div.u3{ margin-bottom:-3px; }
div.u4{ margin-top:-3px; }

/* pierwiastki */
span.p1{ font-family:times;  margin-right:-1px; margin-left:0px; }
sup.p2{ margin-right:-5px; font-family:times;  margin-left:0px; }
span.p3{ font-family:times; margin-right:-1px; margin-left:0px; }
span.p4{ text-decoration: overline; margin:0px;}


/* przyklady.html */
body#pp1{ background-image:none; background-color:  #fafaf2; padding-top:0px 0px 0px 0px;
          margin:0px 0px 0px 0px; width:600px; }
div#pp3{ position:relative; width:600px; height:50px; }
div#pp31{ position:absolute; top:10px; left:239px; font-family:verdana; font-size:18px;
          z-index:10; color:#222222; }
div#pp32{ position:absolute; top:0px; left:300px; width:300px; height:60px;
          background-color:#e6ddc5; z-index:5 }
table#pp2{ border-style:none; margin-top:10px; padding-top:0px; font-size: 14px; 
           font-family:arial; padding-bottom:0px; }
td.pp21{ width:292px; padding:0px 8px 10px 0px; text-align:right; vertical-align:bottom; }
td.pp22{ width:292px; padding:0px 0px 10px 8px;  text-align:left; vertical-align:bottom;
         background-color:#e6ddc5; }
div.buzki{ margin-bottom:-5px }
td div span{ margin-left:10px; margin-right:10px; }

/*przekierowanie*/
a#znajdz{ color:blue; font-size:22px; padding: 0px 30px; margin-left:40px; text-decoration:none; 
          cursor:pointer; border-style:solid; border-color:blue; border-width:0px 0px 2px 0px; }
a#znajdz:hover{ background-color:#bcd1ef; cursor:pointer; }


/* rysunek ------------------------------------------------------------------------------- */
div#rysunek{ display:none; position:absolute; top:-270px; left:0px; height:210px; width:366px; 
             cursor:default; background-color:#fafaf2; margin-left:10px; }

div#krata{ position:absolute; left:0px; top:0px; height:210px; width:366px; display:none; }
div#figury{ position:absolute; left:0px; top:0px; height:210px; width:366px; }
div#rysowanaFigura{ position:absolute; left:0px; top:0px; height:210px; width:366px; }
div#kwadraty{ position:absolute; left:0px; top:0px; height:210px; width:366px; display:none; }
div#bladWzoruFunkcji{ position:absolute; left:30px; top:20px; width:280px; height:130px; 
                      padding:10px;
                      background-color:#ffc7aa; border:2px solid #cf632a; display:none; }
div#bladWzoruFunkcjiOk{ position:absolute; left:115px; top:100px; width:40px;
                        background-color:#b8cfef; text-align:center; 
                        font:bold 14px arial, sans-serif; padding:2px; 
                        border:2px solid #b6cdef; color:#222222;
                        -moz-border-radius: 4px; -webkit-border-radius: 4px;}

div#menuRysunku{ position:absolute; left:400px; top0px; }

img.przyciski{ border: 1px solid #999999; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding:1px; 
               background-color: #ffeedd; }
img#cofnij{ position:absolute; left:0px; top:0px; }
img#wyczysc{ position:absolute; left:100px; top:0px; }
img#odcinek{ position:absolute; left:0px; top:40px; }
img#przerywana{ position:absolute; left:50px; top:40px; }
img#wektor{ position:absolute; left:100px; top:40px; }
img#okrag{ position:absolute; left:150px; top:40px; }
img#elipsa{ position:absolute; left:200px; top:40px; }
img#luk{ position:absolute; left:250px; top:40px; }
img#kropaPelna{ position:absolute; left:0px; top:80px; }
img#kropaPusta{ position:absolute; left:50px; top:80px; }
img#litera{ position:absolute; left:100px; top:80px; }
img#bezier{ position:absolute; left:150px; top:80px; }
img#ukladWsp{ position:absolute; left:200px; top:80px; }
img#trojkatF{ position:absolute; left:0px; top:120px; }
img#kwadratF{ position:absolute; left:50px; top:120px; }
img#pieciokatF{ position:absolute; left:100px; top:120px; }
img#szesciokatF{ position:absolute; left:150px; top:120px; }
img#osmiokatF{ position:absolute; left:200px; top:120px; }
img#wykresF{ position:absolute; left:150px; top:160px; }
div#wzorFunkcji{ position:absolute; left:0px; top:165px; width:140px; 
                 font-family: arial, sans-serif; font-size:14px; }
input#wpisaneWyr{ height:17px; width:110px; font-family: arial, sans-serif; font-size:14px;
                  background-color:#fafaf2; border:1px solid #6b675b; }

img.kwadrat{ display:block; position:absolute; cursor:default; }


/* rysowanie */
div#k0{ position:absolute; top:205px; left:0px; width:15px; height:15px; background-color:#222222; }
div#k1{ position:absolute; top:205px; left:30px; width:15px; height:15px; background-color:#aaaaaa; }
div#k2{ position:absolute; top:205px; left:60px; width:15px; height:15px; background-color:#f30909; }
div#k3{ position:absolute; top:205px; left:90px; width:15px; height:15px; background-color:#1724cd; }
div#k4{ position:absolute; top:205px; left:120px; width:15px; height:15px; background-color:#2ab314; }
div#k5{ position:absolute; top:205px; left:150px; width:15px; height:15px; background-color:#e31ad7; }
div#k6{ position:absolute; top:205px; left:180px; width:15px; height:15px; background-color:#ed8129; }


/* archiwa */
div.linkiDoArchiwum{ margin-left:20px; margin-top:20px; font:normal 20px arial;}
div#archiwumDnia{ margin:-20px 0px 20px 170px; font:bold 15px verdana; color:#47453d; }

div#archiwumWszystko{ margin-top:10px; }
div#archiwumWszystko span{ font:bold 15px verdana; margin-left:20px; color:#47453d; }
div.archiwumRok{ font:bold 16px verdana; margin:20px 0px 5px 300px; color:#47453d; }

/* rejestracja nicku */
div#twojNickForm{ position:absolute; top:180px; left:4px; width:405px; height:130px;
                  padding-left:4px; background-color:#f8f3e6; 
                  border:1px solid #6b675b; display:none; }

div.klikTN{ color:#495ad1; font:bold 15px arial; position:absolute; cursor:pointer; }
div.klikTN:hover{ text-decoration: underline; }
div#logowanieTN{ top:0px; left:15px; }
div#wylogowanieTN{ top:25px; left:80px; }
div#rezerwacjaTN{ top:50px; left:160px; white-space: nowrap; }
div#hasloEmailTN{ top:80px; left:240px; white-space: nowrap; }
div#odzyskanieHaslaTN{ top:0px; left:15px; white-space: nowrap; }
div#ustawienieHaslaTN{ top:25px; left:80px; white-space: nowrap; }
div#ustawienieMailaTN{ top:50px; left:160px; white-space: nowrap; }
div#kolorNickaTN{ top:80px; left:15px; width:100px; }

img#krzyzykTN{ position:absolute; top:5px; left:383px; cursor:pointer; }
div#daneTN{ position:absolute; top:20px; left:10px; }
div#daneTN input{ display:block; float:left; background-color:#fafaf2; border:1px solid #6b675b; }

div#koloryTN{ position:absolute; top:150px; left:0px; width:384px; height:192px; display:none;}
div.kolorTN{ position:absolute; width:10px; height:10px; border: 1px solid #f8f3e6; }

div.tekstLN{ width:50px; float:left; }
div#wyslijLN{ margin-left:120px; }
div#infoLN{ margin-left:50px; width:400px; }

div.tekstRN{ width:80px; float:left; }
div#teksttRN{ font-size:10px; margin-left:80px;  margin-top:5px; }
div#wyslijRN{ margin-left:120px; margin-top:12px }
div#infoRN{ margin-left:80px; width:400px; margin-top:12px; }

div.tekstOH{ width:70px; float:left; }
div#wyslijOH{ margin-left:120px; }
div#infoOH{ margin-left:50px; width:400px; }

div.tekstUH{ width:110px; float:left; }
div#wyslijUH{ margin-left:180px; }
div#infoUH{ margin-left:110px; width:400px; }

div.tekstUM{ width:90px; float:left; }
div#wyslijUM{ margin-left:150px; }
div#infoUM{ margin-left:90px; width:400px; }

div#ad{ height:70px; width:500px; margin-left:40px; margin-bottom:30px; }