body {
      font-family: Verdana, Sans-serif, Arial;
      font-weight: normal;
      font-size: 20px;
      line-height: 1.0em; /* odleglosc miedzy wierszami em - wysokosc czcionki */
      color: #000000;
      background: #dddddd;
      margin: 0px 5px 55px 15px;
      padding: 60px 0px 0px 0px; /* odleglosc wokol obiektow */
      text-align: left;
      height: auto;	 
      }

A:link	{color: #000000;}
A:visited {color: #000000;}
A:hover {background: #000000; color: #FFFFFF; text-decoration: none;}

table {border: 2px solid #000000; padding: 0px; border-collapse: collapse; background-color: #eeeeee; font-size: 11px;}
table td {border: 1px solid #000000; padding: 5px 5px 5px 5px;}
table th {border: 1px solid #000000; background-color: #999999; color: #ffffff;  padding: 5px 5px 5px 5px;}
table th a:visited {color: #ffffff;}
table th a:link {color: #ffffff;}

H1 {font-size: 24px; padding: 0px 0px 10px 0px; line-height: 1.5em;}
H2 {font-size: 14px; padding: 10px 0px 10px 0px; color: #ffffff; font-weight: bold;}
H3 {font-size: 26px; padding: 0px 0px 10px 0px; font-weight: bold; margin-left: 5px;}
p {text-indent: 20px;}
ul {line-height: 2em;}

.ikona {width: 16px; height: 16px; padding: 0px 5px 0px 5px; cursor:pointer;}
.ikona_s {width: 16px; height: 16px; padding: 1px 5px 0px 5px; background-image: url("../img/zapisz.png"); border: solid none; text-indent: -1000em; cursor: pointer; border: none;}
.button_s {width: 130px; height: 100px; padding: 1px 5px 0px 5px; margin: 25px 0px 0px 0px; background-image: url("../img/skrzynka_1.jpg"); border: none; text-indent: -1000em; cursor: pointer;}
.button_s:hover {background-image: url("../img/skrzynka_1h.png");}
.button_1s {width: 130px; height: 100px; padding: 1px 5px 0px 5px; margin: 25px 0px 0px 0px; background-image: url("../img/skrzynka_1.png"); border: none; text-indent: -1000em; cursor: pointer;}
.button_1s:hover {background-image: url("../img/skrzynka_1h.png");}
.button_2s {width: 130px; height: 100px; padding: 1px 5px 0px 5px; margin: 25px 0px 0px 0px; background-image: url("../img/skrzynka_2.png"); border: none; text-indent: -1000em; cursor: pointer;}
.button_2s:hover {background-image: url("../img/skrzynka_2h.png");}
.button_3s {width: 130px; height: 100px; padding: 1px 5px 0px 5px; margin: 25px 0px 0px 0px; background-image: url("../img/skrzynka_3.png"); border: none; text-indent: -1000em; cursor: pointer;}
.button_3s:hover {background-image: url("../img/skrzynka_3h.png");}
.button_4s {width: 130px; height: 100px; padding: 1px 5px 0px 5px; margin: 25px 0px 0px 0px; background-image: url("../img/skrzynka_4.png"); border: none; text-indent: -1000em; cursor: pointer;}
.button_4s:hover {background-image: url("../img/skrzynka_4h.png");}
.button_5s {width: 130px; height: 100px; padding: 1px 5px 0px 5px; margin: 25px 0px 0px 0px; background-image: url("../img/skrzynka_5.png"); border: none; text-indent: -1000em; cursor: pointer;}
.button_5s:hover {background-image: url("../img/skrzynka_5h.png");}
/* .ikonaform {float: right;}*/
.ikonaform {display:inline;}
.bold {font-weight: bold;}
.error  {font-size: 14px; padding: 10px 10px 10px 0px; color: #ff0000; font-weight: bold; line-height: 1.4em }
.pr_box {width: 130px; height: 80px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-image: url("../img/box.png"); border: solid none; cursor: pointer; font-size: 50px; font-weight: bold; line-height: 1.5em; text-align: center; vertical-align: middle; float: left;}
.pr_box:hover {background-image: url("../img/box_h.png"); color: #005bd7;}
.pr_box_a {width: 130px; height: 80px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-image: url("../img/box_a.png"); border: solid none; cursor: pointer; font-size: 50px; font-weight: bold; line-height: 1.5em; text-align: center; vertical-align: middle; float: left; color: #005bd7;}
.ha_box {width: 100px; height: 40px; padding: 0px 0px 0px 0px; margin: 5px 0px 10px 0px; background-image: url("../img/ha_box.png"); border: solid none; cursor: pointer; font-size: 20px; font-weight: bold; line-height: 1.9em; text-align: center; vertical-align: middle; float: left;}
.ha_box:hover {background-image: url("../img/ha_box_h.png"); color: #005bd7;}
.ha_box_a {width: 100px; height: 40px; padding: 0px 0px 0px 0px; margin: 5px 0px 10px 0px; background-image: url("../img/ha_box_a.png"); border: solid none; cursor: pointer; font-size: 20px; font-weight: bold; line-height: 1.9em; text-align: center; vertical-align: middle; float: left; color: #005bd7;}

.green_box {font-family: Verdana, sans-serif; font-weight: bold; font-size: 24px; color: #005bd7; background-color: #99cc66; border: solid;  border-color: #005bd7; padding: 1px 5px 1px 5px; border-radius: 5px 5px 5px 5px;}

input.krotki {width: 100px; padding: 2px; }
input.maly {width: 100px; padding: 0px; font-size: 10px; font-weight: bold; }

#topmenu {
	 position: fixed;
	 width: 100%; height: 50px;
	 left: 0px; top: 0px; 
	 padding: 0px;
	 margin: 0px;
	 background-color: #999999;
	 z-index: 5;
	 min-width: 1000px;
	 /* background-image: url(../img/menu01.jpg); background-repeat: repeat-x; */
	 }

#zakresdat {
	 position: fixed;
	 width: auto; height: 42px;
	 right: 0px; top: 0px; 
	 padding: 8px 10px 0px 0px;
	 margin: 0px 0px 0px 0px;
	 background-color: #999999;
         text-align: right; color: #ffffff;
       	 line-height: 1.4em; /* odleglosc miedzy wierszami em - wysokosc czcionki */
	 z-index: 5;
	 }
	 

/* ------------------------- menu -------------------------------------- */

#menu { /* blok menu górnego*/
      position: static;
      width: auto; /* szerkość menu */
      border: 2px solid #dddddd; /* obramowanie  menu */
      height: 15px; /* wysokość pierwszego bloku */
      overflow: hidden; /* tryb ukrywania */
      /* line-height: 28px */
      float: left;
      clear: none;
      padding: 0px 0px 6px 0px;
      color: #FFFFFF;
      margin: 1px;
      background-color: #999999;
      z-index: 5;
      /* background-image: url(../img/menu02.jpg); background-repeat: repeat-x; */
      }

#menu:hover { /* najechane menu */
	    height: auto; border: 2px solid #dddddd;  color: #ffffff;
	    }
	    
#menu ul { /* element ul */
	 margin: 0px; /* odległość menu od obramowania */
	 padding: 0px; /* odległość menu od obramowania*/
	 }
	    
#menu li { /* element "li" */
   list-style-type: none; /* rodzaj wykazu */
   width: auto; /* szerokość */
   }
   
#menu li a { /* linki */
     text-decoration: none; /* dekoracja linka */
     display: block; /* rodzaj wyświetlenia elementów */
     padding: 5px 20px 5px 5px;
     color: #ffffff;  /* kolor linka */
     z-index: 5;
     }
     
#menu li a:hover { /* najechany link */
	   color: #000000; /* kolor linka */
	   background-color: #dddddd; /* tło */
	   }

#menu p { /* paragraf <p> */
  margin: 5px 10px 5px 5px;
  padding: 0px 0px 0px 0px;
  font-weight: bold;
  text-indent: 0px;
  }
  

/* ------------------------- menu -------------------------------------- */

#content {width: 100%; left: 0px; top: 0px; z-index: 3; padding: 0px 0px 0px 0px; min-width: 1000px;}

#stopka   {
	display: block; position: fixed;
        width: auto; height: 40px; bottom: 0px; right: 0px;
        padding: 5px 5px 5px 5px;
        background-color: #dddddd;
	z-index: 4;
        font-size: 9px; font-weight: bold; color: #000000;
       	line-height: 1.5em; /* odleglosc miedzy wierszami em - wysokosc czcionki */
        letter-spacing: 0.1em; /* odleglosc miedzy literami em - wysokosc czcionki */
        text-align: right;
	}
	
div.clndr {
	  background-color: #ffffff;
	  position: absolute;
	  cursor: default;
	  display: none;
	  border: 2px solid #6699ff;
	  padding: 2px 2px 2px 2px;
	  }
      
div.clndr table {
	  width:180px; margin:1px;
	  border: 1px solid #000000;
          background-color: #FFFFFF;
	  /* color: #000000; */
	  border-collapse: separate;
	  /* border-collapse: collapse; */
	  padding: 2px 2px 2px 2px;
	  }

div.clndr th {
	  border: 0px solid #000000;
	  font: bold 11px arial,sans-serif;
	  text-align: center; padding: 1px 1px 1px 1px;
	  color: #000000;
	  background-color: #FFFFFF;
	  }
	  
div.clndr td {
	  border: 1px solid blue; cursor: pointer;
	  font: normal 11px arial, sans-serif;
	  text-align: center; padding: 0px 1px 0px 1px;
	  }

div.clndr tr {
	  border: 0px solid blue; cursor:pointer;
	  background-color: #FFFFFF;
	  }


A:link img, a:visited img, a:focus img, a:hover img, a:active img {
    border: none;
    }
    
#logowanie {font-weight: bold; font-size: 26px;}
#logowanie p {text-indent: 0px;}
#logowanie p.error {color: #FF0000;}
#logowanie input.bold {font-family: Verdana, Sans-serif, Arial; font-size: 26px; font-weight: bold; width: 250px;}
#logowanie table {background-color: #EEEEEE; border: 2px solid #000000; font-size: 26px; border-collapse: separate; font-weight: bold;}

#logowanie td {border: 0px solid #000000; padding: 8px;}


/* Okienko Pop Up Ajax'a */

/*--Przejrzysta warstwa tła--*/
#fade {display: none;background: #000;position: fixed; left: 0; top: 0;width: 100%; height: 100%;opacity: .50;z-index: 9999;}
.popup_text{padding: 10px;}

.popup_bar{width: 100%;height: 20px;background: #dddddd;padding: 0px;cursor: move;}

.popup_block{display: none;background: #fff;background-repeat:no-repeat;background-position:right;padding: 0px;border: 4px solid #ddd;float: left;position: absolute;z-index: 99999;-webkit-box-shadow: 0px 0px 20px #000;-moz-box-shadow: 0px 0px 20px #000;box-shadow: 0px 0px 20px #000;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

.popup_block p{width:80%;}

img.btn_close {float: right;margin: 0;cursor: pointer;}

/*--Kod pozwalający na prawidłowe pozycjonowanie w  IE6--*/
*html #fade {position: absolute;}

*html .popup_block {position: absolute;}

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

/*
#hale {
	position: relative;
        left: 0px;
	top: 0px;
	background-color: #DDDDDD;
	padding: 0px;
	margin: 0px;
	float: left;
	clear: both;
	}

#hale a {
	font-family: Verdana, sans-serif;
        font-weight: normal;
        font-size: 25px;
	padding: 10px;
	margin: 10px 5px 10px 5px;
	background-color: #DDDDDD;
	border-style: solid;
	border-color: #000000;
	outline: none;
	text-decoration: none;
	color: #000000;
	float: left;
	}

#hale a.wyloguj {
	font-family: Verdana, sans-serif;
        font-weight: bold;
        font-size: 24px;
	padding: 0px;
	margin: 0px;
	background-color: #DDDDDD;
	border-style: none;
	border-color: #000000;
	text-decoration: underline;
	color: #000000;
	float: none;
	}

#hale a.wybrana {background-color: #FF0000; font-weight: normal; color: #00CC33; border-style: solid; border-color: #00CC33;}
#hale a:hover.wybrana {background-color: #FF0000; border-color: #00CC33; color: #00CC33;}
#hale a:hover {color: #00CC33;	border-color: #00CC33;}
#hale p.naglowek {text-indent: 0px; margin: 5px 0px 5px 5px;} */


#pracownicy {
	position: relative;
	left: 0px;
	top: 0px;
	width: 98%;
	margin: 5px 0px 5px 0px;
	background-color: #DDDDDD;
	padding: 0px 0px 0px 0px;
	float: left;
	clear: left;
	}

#pracownicy p.naglowek {
	 font-family: Verdana, sans-serif;
         font-weight: bold;
         font-size: 24px;
	 margin: 30px 0px 15px 0px;
	 padding: 0px 0px 10px 5px;
	 float: left;
	 clear: left;
	 text-indent: 0px;
	 }

#pracownicy p.nagloweknl {
	 font-family: Verdana, sans-serif;
         font-weight: bold;
         font-size: 24px;
	 float: left;
	 clear: both;
	 }

/* #pracownicy a {
	font-family: Verdana, sans-serif;
        font-weight: bold;
        font-size: 70px;
	padding: 30px 20px 35px 20px;
	margin: 5px 5px 5px 5px;
	background-color: #DDDDDD;
	border-style: solid;
	border-color: #000000;
	outline: none;
	text-decoration: none;
	color: #111111;
	float: left;
	}

#pracownicy a.end {
	font-family: Verdana, sans-serif;
        font-weight: bold;
        font-size: 56px;
	padding: 30px;
	margin: 10px 5px 10px 5px;
	background-color: #DDDDDD;
	border-style: solid;
	border-color: #000000;
	outline: none;
	text-decoration: none;
	color: #111111;
	float: left;
	clear: right;
	}

#pracownicy a.wybrany {
	background-color: #FF0000;
	font-weight: bold;
	color: #00CC33;
	border-style: solid;
	border-color: #00CC33;
	}

#pracownicy a:hover {
	color: #00CC33;
	border-color: #00CC33;
	}
	
#pracownicy a.dodaj {
	font-family: Verdana, sans-serif;
        font-weight: bold;
        font-size: 24px;
	padding: 0px;
	margin: 0px;
	background-color: #DDDDDD;
	border-style: none;
	border-color: #000000;
	text-decoration: underline;
	color: #000000;
	float: none;
	}

#pracownicy a:hover.dodaj {
	color: #00CC33;
	border-color: #00CC33;
	text-decoration: underline;
	}

#pracownicy a:active {
        color: #00CC33;
	border-color: #00CC33;
        } */

#skrzynki {
	position: relative;
        left: 0px;
	top: 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	background-color: #DDDDDD;
	padding: 0px 0px 0px 0px;
	float: left;
	}

#skrzynki p.naglowek {
	 font-family: Verdana, sans-serif;
         font-weight: bold;
         font-size: 20px;
	 margin: 30px 0px 5px 10px;
	 padding: 0px 0px 10px 5px;
	 text-indent: 0px;
	 }

#skrzynki select {
	font-family: Verdana, sans-serif;
	text-align: left;
        font-weight: bold;
	font-size: 20px;
	}

.red {
	font-family: Verdana, sans-serif;
	text-align: left;
        font-weight: bold;
	font-size: 20px;
	color: #FF0000;
	background-color: #CCCCCC;
	}
	
#skrzynki input {
	font-family: Verdana, sans-serif;
	text-align: center;
        font-weight: bold;
	font-size: 20px;
	}

#skrzynki table {
	border: 0px;
	padding: 0px;
	margin: 0px 0px 0px 15px;
	background-color: #DDDDDD;
	}

#skrzynki table td {
	font-family: Verdana, sans-serif;
	text-align: left;
        font-weight: bold;
	font-size: 20px;
	border: 0px;
	padding: 5px;
	margin: 0px 0px 0px 0px;
	}

#skrzynki p.hr {
	border-top-style: solid;
	margin: 20px 5px 0px 5px;
	text-indent: 0px;
	}

#skrzynki span.red {
	 font-family: Verdana, sans-serif;
         font-weight: bold;
         font-size: 24px;
	 color: #00CC33;
	 background-color: #FF0000;
	 border: solid;
	 border-color: #00CC33;
	 padding: 1px 5px 1px 5px;
	 }

.box{
	background: none repeat scroll 0 0 #DDDDDD;
	border: 2px solid #323232;
	border-radius: 10px 10px 10px 10px;
	cursor: pointer;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.5em;
	padding: 7px;
	text-align: center;
}
.box:hover {
	color: #005BD7;
	border: 2px solid #005BD7;
	box-shadow: 0 0 3px #005BD7 inset;
}