BODY {
   font-weight: normal;
   font-size: 11px;
   color: #333;
background-color: #56B358;  
background-image: url('http://www.e-praca.waw.pl/tlo.jpg'); 
background-repeat: repeat-x;
   padding-bottom: 0;
   margin: 0;
   line-height: 1.5;
   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif;
     }
#strona { width: 800px; margin: 0 auto; border: 0; }
#gora  { background-color: #fffff3;  background-image: url('image/'); border :0; width: 800px; height: 200px; }
#glowna { border: 0; padding: 0; text-align: justify; background-color: #fff; background-image: url('image/bg.png'); background-repeat: repeat-x; }
.center, .hr2   {  text-align: center; }
.right   {  text-align: right; }
.center    {  margin: 0 auto; }
#menuphp   { background-image: url('image/'); }
#stopka  { clear: both; background-color: transparent; background-image: url('http://www.e-praca.waw.pl/dol.jpg'); 
background-repeat: no-repeat; background-position: center center;  height: 127px;  text-align: center; color: #000000; font-size: 9px; }
#st1  { clear: both; background-color: transparent;}
#st2  { background-color: transparent; background-image: url('image/'); width: 800px; height: 50px; margin: 0 auto; border: 0; }
#kolumnas {display: table-cell; float: left; width: 585px; padding-left : 2px; padding-right : 2px;  }
#kolumnap {display: table-cell; float: left; width: 205px; padding-left : 2px; padding-right : 2px; height: auto;}
.kolumnapp {display: table-cell; float: left; width: 205px; padding-left : 2px; padding-right : 2px; height: auto;}

.pol         {display: table-cell; float: left;  width: 580px; padding-bottom: 10px;}
.pol1 {display: table-cell; float: left;  width: 215px; padding-left: 1px;}
.pol2 {display: table-cell; float: left;  width: 355px; padding-left: 5px;}

.hr_  {display: table-cell; float: left;   padding: 0; margin: 0; font-weight: bold; color: #eee;}
.hr_l {display: table-cell; float: left;  width: 21px; height: 27px; padding: 0; margin: 0; background-image: url('image/hr_l.jpg'); background-repeat: no-repeat; }
.hr_s {display: table-cell; float: left;  width: 173px; height: 27px; padding: 0; margin: 0; background-image: url('image/hr_s.jpg'); background-repeat: repeat-x; text-align: center; }
.hr_p {display: table-cell; float: left;  width: 6px;  height: 27px; padding: 0; margin: 0; background-image: url('image/hr_p.jpg'); background-repeat: no-repeat;}

.kks1 { float: left;  width: 40px; padding-left: 1px; padding-right: 2px; padding-top: 4px;}
.kks  { padding-top: 6px; border-bottom: 1px dotted silver; }
.legenda       {border: 1px solid silver; width: 500px; padding-left: 5px; padding-right: 5px;}
.legenda { height: auto; line-height: 1.5; text-align: justify; font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333; background-color: #fff; }
.kolor { background-color: #eff4fa; }

.hr2 {background-color: transparent; background-image: url('image/hr2.gif'); width: 200px; height: 20px;
margin-top: 3px; margin-bottom: 3px; padding-top: 2px; border: 0; font-weight: bold;}
.odstep  { margin-left: 5px; margin-right: 5px; }

H1, H2, H3, H4, .info, .lista, p, td, A, A:hover  { background-color : transparent; font-family: Verdana, Arial, Helvetica, sans-serif;}
H1, H2, H4 { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; padding-left: 5px; padding-right: 5px;}

H1 { color: silver;}
H2 { color: #1BA51B;}
H3 { font-size: 12px; color: silver; padding-left: 5px; padding-right: 5px;}
H4 { color: black; font-weight: normal;}
.info { font-size: 10px; color: #1BA51B; font-weight: normal; padding-left: 0; padding-right: 0;}
p, td { font-size: 11px; color: #ccc; line-height:1.5;}

A, A:hover, .podkat, A.podkat:hover, .podkat2, A.podkat2:hover, .tytul, A.tytul:hover, A.edycja, A.edycja:hover, .lm a, .lm a:hover
{ text-decoration: none; }
A              {font-size: 11px; color: #006600; font-weight: bold;}
A:hover        {font-size: 11px; color: #318ac7; font-weight: bold;}

.podkat        {font-size:  10px; color: #333333; font-weight: bold;   font-family: Verdana, Arial, Helvetica, sans-serif;}
A.podkat:hover {font-size:  10px; color: #336699; font-weight: bold;   font-family: Verdana, Arial, Helvetica, sans-serif;}
.podkat2        {font-size:  10px; color: #006600; font-weight: bold;   font-family: Verdana, Arial, Helvetica, sans-serif;}
A.podkat2:hover {font-size:  10px; color: #336699; font-weight: bold;   font-family: Verdana, Arial, Helvetica, sans-serif;}

.tytul         {font-size: 10px; color: #333; font-weight: normal; font-family: Tahoma, Arial, Helvetica, sans-serif;}
A.tytul:hover  {font-size: 10px; color: #336699; font-weight: normal; font-family: Tahoma, Arial, Helvetica, sans-serif;}

A.edycja        {font-size: 9px; color: #FF0000; font-weight: bold; font-family: Tahoma, Arial, sans-serif;}
A.edycja:hover  {font-size: 9px; color: #FD6000; font-weight: bold; font-family: Tahoma, Arial, sans-serif;}
.lista {font-size: 12px; color: #444444; font-weight: bold; background-color: #295D81;}

.lm a {font-size:  9px; color: #999; font-family: Verdana, Arial, Helvetica, sans-serif;}
.lm a:hover {font-size:  9px; color: #777; font-family: Verdana, Arial, Helvetica, sans-serif;}

.startimg { float: left; margin: 0 3px 5px; border: 0 solid white; }
.startimgr { float: right; margin: 0 3px 5px; border: 0 solid white; }

.szukaj { float: right; margin:2px 30px 1px 1px; border: 0;}
.prawa { float: right; border: 0;}
.left {text-align: left;}
.justify {text-align: justify;}

.komentarz { width: 500px; height: auto; margin: 3px; padding: 5px 0 0 5px; border:1px dotted silver; }
.komentarz2 {width: auto; float: left; margin-right: 5px; padding-left: 0;}
img { border: 0; margin: 0; padding: 0;}

.uwaga { font-size: 10px; color: #FF0000; background-color: #c0c0c0; font-family: Verdana, Tahoma, Arial, sans-serif;}

	#errors { font-size:14px; font-weight:normal; margin:10px;	padding:10px;	}

#kolumnas ul    { margin: 1px; line-height: 1.5; padding-left: 10px; list-style: square; }
#kolumnas ul li {  padding-top: 2px; color: #333; font-size: 10px; }

.mm { font-size: 12px; font-weight: bold; text-decoration: none; color: #000000;  padding-left : 6px;}
.input, .formularz { color: #333; border: 1px solid #616A6F; padding: 1px; margin: 2px;  }
 .input {text-align: center; font-weight: bold; width:185px;}
.formularz { width:350px;}
.input, .formularz  { background-color: #fff;}

.shadetabs{
padding: 6px 0;       margin-left: 0;
margin-top: 1px;      margin-bottom: 0;
font: bold 12px Verdana;  list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}
.shadetabs li{  display: inline;  margin: 0; padding: 0;  }
.shadetabs li a{
text-decoration: none;
padding: 8px 20px;     /* 28 - to odstep wyrazu od krawedzi - wydluza przycisk */
margin-right: 0px;
border-right: 2px solid silver; border-left: 1px solid silver; border-top: 1px solid silver; border-bottom: 0;
color: #006600;
}
.shadetabs li a:visited{ color: #318ac7;}
.shadetabs li a:hover{ text-decoration: none; color: #f20; background: url(image/off88.png) top left repeat-x;}
.shadetabs li.selected{ position: relative; }
.shadetabs li.selected a{ /*selected main tab style */
background-color: #fff;
background-image: url(image/on88.png);  border-top: 2px solid #f20; border-left: 1px solid silver; border-right: 1px solid silver
 /* Kolor obramowanie aktywnego na dole */
}
.shadetabs li.selected a:hover{ /*selected main tab style */  text-decoration: none; } /* tutaj wcisniete zmienia kolor */

.contentstyle {
border: 0;
width: 580px; padding: 0;
background-color: transparent;
  color: #333;
}

/*obr AJX     */
#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 5px;
padding-bottom: 0;
background: #444;
visibility: hidden;
z-index: 10;
   color: #1BA51B;
   font-weight: bold;
   font-size: 12px;
cursor: pointer;
}
#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 14px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: #1BA51B;
padding: 5px 0;
text-align: right;
}
#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: #ccc;
}
#thumbLoading{ /*ladowanie-obrazek*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #ccc;
padding: 5px;
color: #1BA51B;
z-index: 5;
}