<!--
body
	{
	        /*background-color: #5c6096;*/
	        /*background-image: url(grafika/tlo8.jpg);*/
	        background: #445e7b url(../grafika/bgr_html.png) repeat-x;
	        color: navy;
	        text-align: center;                           /*wy?rodkowanie g??wnej tabelki dla IE*/
	        margin: 10 0 10 0;
	}

button
       {
              font-size: 10px;
              color: white;
              background-color: #649bff;
       }

sup
       {
              font-size: 0.7em;
       }
	
#glowna
	{
		margin: auto;
		width: 1000px;
		border-style: solid;
		border-width: 2;
		border-color: navy;
	}
	
#header
	{
	        background-image: url(../grafika/header.jpg);
	        height: 80px;
	}

#menu
	{
		background-image: url(../grafika/menu.jpg);
		height: 30px;
		margin: 0 0 0 0;
	        padding: 0 0 0 0;
	}

#bingo
	{
         	text-align: center;
	        font-weight: bold;
		font-size: 24px;
		font-family: Times New Roman;
		color: #07f;
		line-height: 1em;
		text-shadow: rgba(0,0,0,.4) 0px 2px 5px;
	}

td.archiwum
       {
              text-align: center;
       }
       
a.archiwum
       {
              font-size: 48px;
              font-family: Times New Roman;
       }

a.archiwum:hover
        {
	       color: #0077ff;                                 /*kolor czcionki odno?nika wskazanego*/
	       text-decoration: none;                          /*dekoracja odno?nika*/
	       font-family: Times New Roman;
       }
        
a:hover
        {
	       color: #0077ff;                                 /*kolor czcionki odno?nika wskazanego*/
	       text-decoration: none;                          /*dekoracja odno?nika*/
	       font-family: MS Sans Serif;
        }

a
        {
	       color: navy;                                    /*kolor czcionki odno?nika*/
	       text-decoration: none;                          /*dekoracja odno?nika*/
	       font-family: MS Sans Serif;
       }
       
a.little
       {
              font-family: Tahoma;
              font-size: 7pt;
       }

td.centrum                                                    /*definicja dla czcionki na ?rodku strony g??wnej*/
	{
 		font-family: Ms Sans Serif;
	        font-size: 10px;
	        padding: 0px;
	}

.naglowek
	{
	        text-align: left;
	        font-weight: bold;
	        background: #619bfe;
	        color: navy;
	        line-height: 2em;
	}
p                                                             /*definicja ustalaj?ca odst?py dla akapit?w dla IE*/
	{
	        margin: 0px 10px 10px 0px;
	        padding: 0px;
	}

table tr td
	{
 		font-family: Ms Sans Serif;
	        font-size: 10px;
	}

.hr                                                           /*definicja dla poziomych linii oddzielaj?cych w prawym panelu*/
	{
		border-top: 1px solid #619bfe;
		/*border-bottom: 1px solid #619bfe;*/
		border-left: none;
		border-right: none;
		margin: 0px 0px 10px 0px;
	}
	
.submenu
	{
	        position: relative; left: 200px; top: -30px;
	}

/* ---------------------------------------Definicje styl?w dla box-?w ------------------------------------------------------*/
.news
	{
		margin: 0px 10px -20px 10px;
		padding: 15px 15px 15px;
		background: url(../grafika/box/back.jpg) top left repeat-x;
		/*background-color: white;
  		border-style: solid;
		border-width: 1px;
		border-color: #79a9fd;*/
	}

.news h2
       {
              font-family: Times New Roman;
              font-size: 18px;
              color: #0066aa;
       }

.news tr
       {
       	font-family: Times New Roman;
       }

ul
       {
              list-style-type: disc;
              padding-left: 14px;
              
       }
     	
.sidebox
        {
		margin: 0 0 0 0;                                        /* center for now */
		width: 31em;                                           /* ems so it will grow */
		background: url(../grafika/box/sbbody-r.gif) no-repeat bottom right;
		font-size: 100%;
        }
        
.sidebox_right
        {
		margin: 0 auto;                                        /* center for now */
		width: 245px;                                          /* ems so it will grow */
		background: url(../grafika/box/sbbody-r.gif) no-repeat bottom right;
		font-size: 100%;
        }

.boxhead
        {
		background: url(../grafika/box/sbhead-r3.jpg) no-repeat top right;
		margin: 0 10 0 10;
		padding: 0;
        }

.boxhead_short
        {
		background: url(../grafika/box/sbhead-r3.jpg) no-repeat top right;
		margin: 0;
		padding: 0;
        }
        
.boxhead h3
	{
		background: url(../grafika/box/sbhead-l3.jpg) no-repeat top left;
		margin: 0;
		padding: 22px 30px 5px;
		width: 400px;
              _width: 450px;
      text-align: left;
      font-weight: bold;
		font-size: 18px;
		font-family: Times New Roman;
		color: white;
		line-height: 1em;
		text-shadow: rgba(0,0,0,.4) 0px 2px 5px;
        }


.boxhead a
     {
          color: white;
          font-weight: bold;
     }

.boxhead a:hover
     {
          color: red;
          text-decoration: underline;
          font-weight: bold;
     }

.boxhead td
     {
          color: white;
     }

.boxhead_short h3
	{
		background: url(../grafika/box/sbhead-l3.jpg) no-repeat top left;
		margin: 0;
		padding: 22px 10px 2px;
		width: 13em;
         	text-align: center;
              font-weight: bold;
		font-size: 18px;
		font-family: Times New Roman;
		color: white;
		line-height: 1em;
		text-shadow: rgba(0,0,0,.4) 0px 2px 5px;
        }
        
.boxhead_right
        {
	background: url(../grafika/box/sbhead-r2.jpg) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
        }
        
.boxhead_right h3
        {
	background: url(../grafika/box/sbhead-l2.jpg) no-repeat top left;
	margin: 0;
	width: 250px;
	padding: 22px 0px 5px;
	color: white;
	font-weight: bold;
	font-size: 18px;
	font-family: Times New Roman;
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px;               /* Safari-only, but cool */
        }
        
.boxbody
        {
	background: url(../grafika/box/sbbody-l.gif) no-repeat bottom left;
	font-family: ms sans serif;
	font-size: 10px;
	margin: 0;
	padding: 5px 15px 25px 25px;
        }

/*-------------------------------------------------boxy dla aktualno?ci---------------------------------------------*/

.actual
        {
		margin: 0 0 0 0;                                        /* center for now */
		width: 375px;
		background: url(../grafika/box/sbbody-r.gif) no-repeat bottom right;
		font-size: 100%;
        }

.actual_top
       {
              background: url(../grafika/box/actual-top.jpg) no-repeat top right;
              margin: 0;
              padding: 0;
              height: 30px;
       }

.actual_top_left
       {
              background: url(../grafika/box/actual-top_bl.jpg) no-repeat top right;
              margin: 0;
              padding: 0;
              height: 30px;
       }

.actual_top_right
       {
              background: url(../grafika/box/actual-top_br.jpg) no-repeat top right;
              margin: 0;
              padding: 0;
              height: 30px;
       }
       
.actual_body
        {
	background: url(../grafika/box/actual-left.gif) no-repeat bottom left;
	font-family: ms sans serif;
	font-size: 10px;
	margin: 0;
	padding: 5px 15px 30px 25px;
       }

.actual img
       {
       width: 145px;
       height: 109px;
       }

.actual button
       {
       font-size: 10px;
       color: white;
       background-color: #649bff;
       }
/*--------------------------------------------------styl zwyk?ych list----------------------------------------------*/
.list
      {
       list-style-type: none;
       /*list-style-image: url(../grafika/icons/dot.gif);
       color: navy;
       border-width: 0px;
       border-style: none;*/
       text-indent: 30px;
       width: 500px;
      }
      
/*----------------------------------------Definicje styl?w dla menu bocznego-----------------------------------------------------*/

.boxbody ul, ul li
	{
	display: block;
	margin: 1;
	padding-left: 5px;
	list-style-type: none;
   list-style-image: url(grafika/icons/dot.gif);	
}

.boxbody ul li:hover
	{
 	border-color: #55f;
	}

.boxbody ul a:link, ul a:visited {
	display: block;
	/*width: 170px;*/
	text-decoration: none;
	padding: 5px 5px;
	_padding: 5px 0px;
	background: #b0b1b5 url("tloa.gif") repeat-x top;
	color: #229;
}

.boxbody ul a:hover {
	background-color: #d1d4d7;
	background-image: url("../grafika/tloa.gif");
	color: #55f;
}

h1 {
       font-family: Times New Roman;
       font-size: 24px;
       font-weight: bold;
       color: #0066aa;
}

/* Definicje dla wykresu s?upkowego */

.wykres
{
       width: 400px;
       height: 150px;
       margin: 0 auto;
       background: #f9f9f9 url(../grafika/tlo-wykres.gif) repeat-x left bottom;
       border: 1px solid #649bff;
       -webkit-border-radius: 15px; /* Safari, Chrome */
       -khtml-border-radius: 15px;    /* Konqueror */
       -moz-border-radius: 15px; /* Firefox */
       border-radius: 15px;
       behaviour: url(border-radius.htc);
}

.wykres td
{
       text-align: center;
       vertical-align: bottom;
}

.wykres .slupek
{
       height: 120px;
       width: 60px;
}

.wykres .answer
{
       text-decoration: underline;
       font-weight: bold;
       height: 30px;
       vertical-align: top;
}

/* ----------------------------------------Definicje panelu administracyjnego------------------------------------------ */

.panel
{
       background: url(../grafika/box/back.jpg) top left repeat-x;
       margin: 0px 10px -20px 10px;
	padding: 12px 12px 12px;
}
       
.panel td
{
       text-align: center;
}

.klasy
{
       background: url(../grafika/box/back.jpg) top left repeat-x;
       margin: 0px 10px -20px 10px;
	padding: 15px 15px 15px;
}

.klasy td
{
       text-align: center;
}

.klasy input, select
{
       font-size: 10px;
}

/*--------------------------------------------------------------------------------------------------*/

#short
{
       width: 30px;
}

#xshort
{
       width: 50px;
}

.sala
{
       width: 45px;
}

.przedmiot
{
       width: 115px;
}

.nauczyciel
{
       width: 150px;
}

#medium
{
       width: 100px;
}

#xmedium
{
       width: 80px;
}

#long1
{
       width: 130px;
}

#long
{
       width: 200px;
}
#xlong
{
	width: 390px;
}
/*--------------------------------------------------------------------------------------------------*/
       
.panel .menu
{
       text-align: left;
}

.panel .ikona
{
       padding: 40 0 0 0;
}

.panel th
{
       font-family: Times New Roman;
       border-bottom: solid 1px blue;
       text-align: left;
       height: 30px;
}

.panel input, select
{
       font-size: 10px;
}
       
/* Definicje dla skryptu PopBox */

.PopBoxImageSmall
{
	border: solid 2px #0077ff;
	cursor: url("../skrypty/popbox/images/magplus.cur"), pointer;
}
.PopBoxImageLarge
{
	border: solid 3px #0077ff;
	cursor: url("../skrypty/popbox/images/magminus.cur"), pointer;
	position: absolute; z-index: 100;
}
.PopBoxImageShrink
{
	cursor: url("../skrypty/popbox/images/magminus.cur"), pointer;
}
.PopBoxImageLink
{
	cursor: pointer;
}
.PopBoxImageMove
{
	border: none 0px #ffffff;
	cursor: pointer;
}

/*Definicje stylów dla przewijanego panelu*/

.hide {
	visibility: hidden;
	position: absolute;
	top: -400px;
}

#qscroller2 {
	width:250px;
	height:655px;
	background:#fff;
}

.qscroller2-nav {
	/*font-size: 9pt;*/
	margin: 10 0 0 20;
	width:210px;
	height: 40px;
	/*background:#f0f0f0;
	border:1px solid #c0c0c0;*/
}

#go-next {
       text-align: right;
       font-size: 20px;
}

.qscroller2-nav a {
	text-decoration: none;
}

.qscroller2-nav div {
	float: center;
}
/*
.qslide2 img {
	float: left;
	padding: 1px;
	border: none;
	margin: 3px 15px 0 3px;
}
*/
.qslide2 h1 {
	margin:0 0 5px;
	font-size: 110%;
	color: #16387c;
}
-->