* { font-family: Tahoma, Verdana, Helvetica, Sans-Serif; }
html,table { margin: 0; padding: 0; font-size: 11px; }
body {
  color: #808080;
  margin: 0px;
  padding: 0;
  background-image: url('img/tlo.jpg');
  background-repeat: repeat-x;
  background-color: #94D1ED;
  text-align:center; /* center layout in ie5 and 5.5. */
}

h1
{
   font-size: 20px;
   font-weight: bold;
   text-align: center;
}

#cotainer
{
   width: 984px;
   min-height: 900px;
   padding: 0;
   text-align: left;
   position: absolute;
   top: -170px;
   left: 50%;
   margin-left: -492px;
   overflow: hidden;
}


#txt
{
   width: 879px;
   min-height: 400px;
   background-color: #fff;
   margin: 0 0 0 0;
   padding: 0px;
   float: left;
   display: inline;
   overflow: hidden;
}

#menu
{
   width: 380px;
   height: 17px;
   padding: 10px;
   background-image: url('img/menu.jpg');
   background-repeat: no-repeat;
   margin-left: 470px;
   font-weight: bold;
   color: #65C5DE;
   float: left;
   display: inline;
}

#menu a
{
   color: #65C5DE;
}

#logo
{
   width: 879px;
   height: 140px;
   background-image: url('img/logo.jpg');
   background-repeat: no-repeat;
   float: left;
   display: inline;
}

#menu1
{
   font-size: 15px;
   font-weight: bold;
   width: 879px;
   height: 34px;
   background-image: url('img/menu1.jpg');
   background-repeat: no-repeat;
   float: left;
   display: inline;
}

#menu1 ul
{
   text-align: center;
   float: left;
   display: inline;
   margin: 0 0 0 160px;
   padding: 0;
}

#menu1 .normal100
{
   padding-top: 9px;
   text-align: center;
   width: 100px;
   height: 25px;
   float: left;
   display: inline;
   cursor: pointer;
   position: relative;
   z-index: 2;
}

#menu1 .normal150
{
   padding-top: 9px;
   text-align: center;
   width: 150px;
   height: 25px;
   float: left;
   display: inline;
   cursor: pointer;
}

#menu1 .on100
{
   padding-top: 9px;
   text-align: center;
   width: 100px;
   height: 25px;
   color: #fff;
   background-image: url('img/menu1b100.gif');
   float: left;
   display: inline;
   cursor: pointer;
   position: relative;
   z-index: 2;
}
#menu1 .on150
{
   padding-top: 9px;
   text-align: center;
   width: 150px;
   height: 25px;
   color: #fff;
   background-image: url('img/menu1b150.gif');
   float: left;
   display: inline;
   cursor: pointer;
}

#menu2
{
   font-size: 12px;
   width: 879px;
   height: 28px;
   border-bottom: 2px #00AFF0 solid;
   float: left;
}

#menu2 ul
{
   width: 879px;
   text-align: center;
   float: left;
   display: inline;
   margin: 0;
   padding: 7px 0;
}

#menu2 li
{
   list-style: none;
   text-align: center;
   float: center;
   display: inline;
   margin: 0 15px 0 15px;
}

#menu2 a
{
   color: #808080;
}

#login
{
   width: 311px;
   height: 264px;
   background-image: url('img/login.jpg');
   background-repeat: no-repeat;
   margin: 10px 0 0 10px;
   padding: 0;
   float: left;
   display: inline;
}
#logout
{
   width: 311px;
   height: 264px;
   background-image: url('img/logout.jpg');
   background-repeat: no-repeat;
   margin: 10px 0 0 10px;
   padding: 0;
   float: left;
   display: inline;
}

.txt
{
   margin: 70px 0 0 30px;
   line-height: 230%;
   text-align: right;
   float: left;
   display: inline;
}
#login .txt2
{
   margin: 5px 0 0 30px;
   width: 250px;
   text-align: left;
   float: left;
   display: inline;
   padding: 0;
}

#login .txt2 ul
{
   margin: 0;
   padding: 0;
   list-style: none;
   float: left;
}
#login .txt2 li
{
   min-height: 17px;
   height:auto !important;
   height: 17px;
   width: 100%;
   line-height: 130%;
   background-image: url('img/li.jpg');
   background-repeat: no-repeat;
   margin: 0 0 5px 0;
   padding: 0 0 0 22px;
   float: left;
}

.form
{
   margin: 70px 0 0 10px;
   padding: 0;
   text-align: left;
   float: left;
   display: inline;
}


#baner
{
   width: 548px;
   height: 264px;
   margin: 10px 0 0 0;
   float: left;
   display: inline;
}

#baner img
{
   border: 0;
}

#stopka
{
   font-size: 10px;
   color: #949494;
   width: 931px;
   height: 78px;
   padding-top: 10px;
   text-align: center;
   margin-left: 1px;
   background-image: url('img/stopka.gif');
   float: left;
   display: inline;
}

#stopka p
{
   margin: 2px 0;
}

#stopka a
{
   color: #949494;
   font-weight: normal;
}

#listek
{
   width: 186px;
   height: 170px;
   background-image: url('img/listek.gif');
   background-repeat: no-repeat;
   position: relative;
   top: 170px;
   left: 730px;
   z-index: 1;
   cursor: pointer;
}

#plamka1
{
   width: 47px;
   height: 115px;
   background-image: url('img/plamka1.gif');
   background-repeat: no-repeat;
   margin-top: 45px;
   margin-left: 5px;
   float: left;
   display: inline;
}

#plamka2
{
   width: 43px;
   height: 60px;
   background-image: url('img/plamka2.gif');
   background-repeat: no-repeat;
   margin-top: 71px;
   margin-left: 0 px;
   float: left;
   display: inline;
}

#plamka3
{
   width: 46px;
   height: 68px;
   background-image: url('img/plamka2.gif');
   background-repeat: no-repeat;
   margin-top: 163px;
   margin-left: 0 px;
   float: left;
   display: inline;
}

.b461
{
   width: 461px;
   margin-top: 10px;
   margin-left: 10px;
   float: left;
   display: inline;
}

.b461 .naglowek
{
   width: 453px;
   height: 20px;
   padding: 5px 0 0 8px;
   color: #fff;
   font-size: 13px;
   font-weight: bold;
   background-image: url('img/naglowek461.jpg');
   background-repeat: no-repeat;

   float: left;
   display: inline;
}

.b461 .tresc
{
  width: 439px;
  padding: 10px;
  border-right: 1px #8CDBF7 solid;
  border-left: 1px #8CDBF7 solid;
  float: left;
  display: inline;
}

.b461 .stopka
{
   width: 461px;
   height: 10px;
   background-image: url('img/stopka461.jpg');
   background-repeat: no-repeat;
   float: left;
   display: inline;
}



.b661
{
   width: 661px;
   float: left;
   display: inline;
}

.b661 .naglowek
{
   width: 661px;
   height: 6px;
   background-image: url('img/naglowek661.jpg');
   background-repeat: no-repeat;
   float: left;
   display: inline;
}

.b661 .tresc
{
  width: 649px;
  padding-left: 6px;
  padding-right: 6px;
  background-color: #CADBEB;
  float: left;
  display: inline;
}

.b661 .stopka
{
   width: 661px;
   height: 6px;
   background-image: url('img/stopka661.jpg');
   background-repeat: no-repeat;
   float: left;
   display: inline;
}

.b313
{
   width: 313px;
   margin-top: 10px;
   margin-left: 10px;
   float: left;
   display: inline;
}

.b313 .naglowek
{
   width: 288px;
   height: 20px;
   padding: 2px 0 0 25px;
   color: #fff;
   font-size: 13px;
   font-weight: bold;
   background-image: url('img/naglowek313.jpg');
   background-repeat: no-repeat;

   float: left;
   display: inline;
}

.b313 .tresc
{
  width: 313px;
  background-color: #E2F6F7;
  float: left;
  display: inline;
}

.b313 .stopka
{
   width: 313px;
   height: 16px;
   background-image: url('img/stopka313.jpg');
   background-repeat: no-repeat;
   float: left;
   display: inline;
}

.b600
{
   width: 600px;
   margin-top: 10px;
   margin-left: 50px;
   float: left;
   display: inline;
   overflow: hidden;
}

.c461
{
   width: 461px;
   margin-top: 10px;
   margin-left: 10px;
   float: left;
   display: inline;
}

.c461 .naglowek
{
   width: 441px;
   height: 19px;
   padding: 5px 0 0 20px;
   color: #fff;
   font-size: 13px;
   font-weight: bold;
   background-image: url('img/naglowek461-2.jpg');
   background-repeat: no-repeat;

   float: left;
   clear: both;
}

.c461 .tresc
{
  width: 441px;
  padding: 10px;
  background-color: #E2F5F7;
  float: left;
  display: inline;
}

.c461 .stopka
{
   width: 461px;
   height: 10px;
   background-image: url('img/stopka461-2.jpg');
   background-repeat: no-repeat;
   float: left;
   display: inline;
}


.c534
{
   width: 534px;
   margin-top: 10px;
   margin-left: 11px;
   float: left;
   display: inline;
}

.c534 .naglowek
{
   width: 514px;
   height: 19px;
   padding: 5px 0 0 20px;
   color: #fff;
   font-size: 13px;
   font-weight: bold;
   background-image: url('img/naglowek534-2.jpg');
   background-repeat: no-repeat;

   float: left;
   display: inline;
}

.c534 .tresc
{
  width: 514px;
  padding: 10px;
  background-color: #E2F5F7;
  float: left;
  display: inline;
}

.c534 .stopka
{
   width: 534px;
   height: 10px;
   background-image: url('img/stopka534-2.jpg');
   background-repeat: no-repeat;
   float: left;
   display: inline;
}
.c534_klasy
{
   width: 534px;
   margin-top: 10px;
   margin-left: 11px;
   float: left;
   display: inline;
}

.c534_klasy .naglowek
{
   width: 514px;
   height: 19px;
   padding: 5px 0 0 20px;
   color: #fff;
   font-size: 13px;
   font-weight: bold;
   background-image: url('img/naglowek534-3.jpg');
   background-repeat: no-repeat;

   float: left;
   display: inline;
}

.c534_klasy .tresc
{
  width: 514px;
  padding: 10px;
  background-color: #E2F5F7;
  float: left;
  display: inline;
}

.c534_klasy .stopka
{
   width: 534px;
   height: 10px;
   background-image: url('img/stopka534-2.jpg');
   background-repeat: no-repeat;
   float: left;
   display: inline;
}

.c490
{
   width: 490px;
   margin: 10px;
   float: left;
   display: inline;
}

.c490 .naglowek
{
   width: 490px;
   height: 9px;
   background-image: url('img/naglowek490.jpg');
   background-repeat: no-repeat;

   float: left;
   display: inline;
}

.c490 .tresc
{
  width: 470px;
  padding: 0 10px;
  background-color: #F9DEFF;
  float: left;
  display: inline;
}

.c490 .stopka
{
   width: 490px;
   height: 14px;
   background-image: url('img/stopka490.jpg');
   background-repeat: no-repeat;
   float: left;
   display: inline;
}

.c490 h3
{
   padding: 0;
   margin: 0;
}

.b183
{
   width: 183px;
   margin-top: 10px;
   margin-left: 15px;
   float: left;
   display: inline;
   clear: both;
}

.b183 .naglowek
{
   width: 175px;
   height: 20px;
   padding: 5px 0 0 8px;
   color: #fff;
   font-size: 13px;
   font-weight: bold;
   background-image: url('img/naglowek183.jpg');
   background-repeat: no-repeat;

   float: left;
   display: inline;
}

.b183 .tresc
{
  width: 161px;
  padding: 10px;
  border-right: 1px #8CDBF7 solid;
  border-left: 1px #8CDBF7 solid;
  float: left;
  display: inline;
}

.b183 .stopka
{
   width: 183px;
   height: 10px;
   background-image: url('img/stopka183.jpg');
   background-repeat: no-repeat;
   float: left;
   display: inline;
}

.c183
{
   width: 183px;
   margin-top: 10px;
   margin-left: 15px;
   float: left;
   display: inline;
   clear: both;
}

.c183 .naglowek
{
   width: 175px;
   height: 20px;
   padding: 5px 0 0 8px;
   color: #fff;
   font-size: 13px;
   font-weight: bold;
   background-image: url('img/naglowek183.jpg');
   background-repeat: no-repeat;

   float: left;
   display: inline;
}

.c183 .tresc
{
  width: 161px;
  padding: 10px;
  background-color: #DEEEF4;
  border-right: 1px #8CDBF7 solid;
  border-left: 1px #8CDBF7 solid;
  float: left;
  display: inline;
}

.c183 .stopka
{
   width: 183px;
   height: 10px;
   background-image: url('img/stopka183c.jpg');
   background-repeat: no-repeat;
   float: left;
   display: inline;
}

.b385
{
   margin-top: 10px;
   margin-left: 10px;
   width: 365px;
   float: left;
   display: inline;
}
.kolumna
{
   margin: 0;
   padding: 0;
   float: left;
   display: inline;
}


.profil
{
   width: 433px;
   margin-top: 3px;
   margin-left: 3px;
   
   float: left;
   display: inline;
}

.profil .tresc
{
   width: 411px;
   min-height: 200px;
   background-color: #fff;
   border-left: 1px #4AAFDB solid;
   border-right: 1px #4AAFDB solid;
   border-bottom: 1px #4AAFDB solid;
   padding: 10px;
   float: left;
   display: inline;
}

.profil .gora
{
   height: 29px;
   width: 433px;
   background-image: url('img/profil-naglowek-tlo.jpg');
}

.profil .li-nieb
{
   width: 90px;
   height: 19px;
   color: #fff;
   padding: 10px 0 0 10px;
   background-image: url('img/li-profil-nieb.jpg');
   background-repeat: no-repeat;
   margin-right: 1px;
   float: left;
   display: inline;
}
.profil .li-czer
{
   width: 90px;
   height: 19px;
   color: #fff;
   padding: 10px 0 0 10px;
   background-image: url('img/li-profil-czer.jpg');
   background-repeat: no-repeat;
   margin-right: 1px;
   float: left;
   display: inline;
}
.profil .li-biel
{
   width: 90px;
   height: 19px;
   color: #4AAFDB;
   font-weight: bold;
   padding: 10px 0 0 10px;
   background-image: url('img/li-profil-biel.jpg');
   background-repeat: no-repeat;
   margin-right: 1px;
   float: left;
   display: inline;
}

.profil-menu
{
   margin: 10px 10px 0 10px;
   border: 1px #C7ECEF solid;
   width: 305px;
   min-height: 150px;
   height: auto !important;
   height: 150px;
   padding: 10px;
   float: left;
   display: inline;
}

.profil-dane
{
   margin: 10px 10px 10px 0;
   border-top: 2px #00AFF0 solid;
   padding:10px;
   background-color: #E5F6FD;
   float: left;
   display: inline;
}

input[type=text],input[type=password]
{
   border: 1px #CFCFCF solid;
   height: 18px;
   margin: 0 0 5px 0;
}

.checkbox
{
   border: 0px;
   margin: 7px 0 1px 0;
   padding: 0;
}

.submit-ok
{
   margin: 0 0 0 7px;
   width: 35px;
   height: 28px;
   border: 0;
   background-image: url('img/submit-ok.jpg');
   padding: 0;
}

form
{
   margin: 0;
   padding: 0;
}

.blad
{
   border: 1px #DD0000 solid;
   color: #DD0000;
   background-color: #FF9F9F;
   width: 80%;
   padding: 10px;
   margin: 0px auto 10px auto;
   clear: both;
}

.blad h2
{
   font-size: 12px;
   font-weight: bold;
   margin: 0 0 5px 0;
}

.ok
{
   border: 1px #00D500 solid;
   color: #00D500;
   background-color: #C4FFC4;
   width: 80%;
   padding: 10px;
   margin: 0 auto 10px auto;
   float: left;
}

.ok h2
{
   font-size: 12px;
   font-weight: bold;
   margin: 0 0 5px 0;
}

a
{
   color: #000;
   text-decoration: none;
}


.galeria_miniaturka
{
  width: 150px;
  min-height: 250px;
  height:auto !important;
  height: 260px;
  padding: 10px;
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #F9DEFE;
  text-align: center;
  float: left;
  display: inline;
}

.pm
{
   margin: 10px 0 0 10px;
   width: 280px;
   float: left;
   display: inline;
}

.komentarze_galeria
{
   width: 461px;
   margin-top: 10px;
   margin-left: 70px;
   text-align: center;
   float: left;
   display: inline;
   clear: both;
}

.komentarze_galeria .naglowek
{
   width: 441px;
   height: 19px;
   padding: 5px 0 0 20px;
   color: #fff;
   text-align: left;
   font-size: 13px;
   font-weight: bold;
   background-image: url('img/naglowek461-2.jpg');
   background-repeat: no-repeat;

   float: left;
   display: inline;
}

.komentarze_galeria .tresc
{
  width: 441px;
  padding: 10px;
  text-align: center;
  background-color: #E2F5F7;
  float: left;
  display: inline;
}

.komentarze_galeria .stopka
{
   width: 461px;
   height: 10px;
   background-image: url('img/stopka461-2.jpg');
   background-repeat: no-repeat;
   float: left;
   display: inline;
}

.glowna-foto
{
   width: 150px;
   min-height: 170px;
   height: 170px;
   margin: 20px 0 0 20px;
   text-align: center;
   float: left;
   display: inline;
}

.szkola
{
   width: 270px;
   padding: 10px;
   background-color: #F9DEFE;
   margin: 10px 0 0 10px;
   
   float: left;
   display: inline;
}

table.klasy
{
  width: 500px;
  background-color: #DEEEF4;
  border-width: 1px;
  border-style: solid;
}
td.klasy_naglowek
{
  height: 20px;
  background-color: #7ED7F7;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
}
td.klasy_naglowek2
{
  font-weight: bold;
  color: #000000;
}
td.klasy_dodajklase
{
  background-color: #F9DEFE;
  font-weight: bold;
  text-align: center;
  font-size: 12px;
  width: 25px;
}
a.tabelka_klasa
{
  color: #808080;
}
.galeria_szkoly
{
  float: left;
  display: inline;
  width: 300px;
  min-height: 200px;
  height:auto !important;
  height: 200px;
  
  margin-left: 10px;
}
.informacje_o_szkole
{
  float: left;
  display: inline;
  width: 170px;
  height 200px;
  
  margin-left: 10px;
}

table.uczniowie
{
  width: 160px;
  background-color: #7ED7F7;
  border-width: 1px;
  border-style: solid;
  display: inline;
  float: left;
  margin-right: 10px;
  text-align: center;
}
td.uczniowie_naglowek
{
  height: 20px;
  background-color: #7ED7F7;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  width: 160px;
}
td.uczniowie
{
  color: #000000;
  text-align: center;
}

.galeria_miniaturka2
{
  width: 135px;
  min-height: 150px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #F9DEFE;
  text-align: center;
  float: left;
  display: inline;
}
.b500
{
   width: 500px;
   min-height: 50px;
   background-color: #7FD7F7;

   float: left;
   display: inline;
}
.b500 .naglowek
{
   width: 500px;
   height: 5px;
   background-image: url('img/naglowek500.jpg');
   float: left;
   display: inline;
}

.b500 .tresc
{
   padding: 10px;
   width: 480px;
}

.b500 .stopka
{
   width: 500px;
   height: 5px;
   background-image: url('img/stopka500.jpg');
   float: left;
   display: inline;
}

.c500
{
   width: 500px;
   min-height: 50px;
   background-color: #f9defe;
   overflow: hidden;
   float: left;
   display: inline;
}
.c500 .naglowek
{
   width: 500px;
   height: 5px;
   background-image: url('img/naglowek500c.jpg');
   float: left;
   display: inline;
}

.c500 .tresc
{
   padding: 10px;
   width: 480px;
   background-color: #f9defe;
}

.c500 .stopka
{
   width: 500px;
   height: 5px;
   background-image: url('img/stopka500c.jpg');
   float: left;
   display: inline;
}

img
{
  border-color: #00AFF0;
}