body {
margin: 38px 0 0 0;
padding: 0;
background: url(body.jpg) white repeat-x 0px 38px;
font-family: verdana, arial, sans-serif;
font-size: 13px;
line-height: 150%;
}

#okruszki {
height: 28px;
padding: 10px 0 0 1%;
position: absolute;
top: 0;
left: 0;
background: url(okruszki.png) repeat-x;
color: white;
width: 99%;
}

#szukajka {
position: absolute;
top: 0;
right: 66px;
background: url(szukajka.png) no-repeat top right;
height: 59px;
width: 300px;
z-index: 15;
}

#szukajka form {
position: absolute;
top: 20px;
left: 35px;
pading: 0;
margin: 0;
}

form input.text {
width: 180px;
padding: 2px;
border: 1px solid #005979;
}

form textarea {
width: 304px;
height: 100px;
padding: 2px;
border: 1px solid #005979;
}


form input.submit {
padding: 1px;
border: 1px solid #005979;
background: white;
}

h1 {
height: 186px;
width: 100%;
background: url(deska-fpk.jpg) no-repeat top right;
position: relative;
}

h1 em {
display: block;
background: url(logo.png) no-repeat top right;
height: 122px;
width: 199px;
top: 30px;
left: 30px;

/* height: 194px; */
/* width: 600px; */
/* top: 0px; */
/* left: 0px; */


position: absolute;


/* background: url(par-wielkanoc.jpg) no-repeat top left; */
/* top: 0px; left: 0; */
/* width: 100%; */
/* height: 100%; */
}

h1 i {
display: none;
}


#container{
overflow:hidden;
margin: 0;
position: relative;
padding-right:351px; /* The width of the rail */
}
* html #container {
 height: 1%; /* So IE plays nice */
}
#content{
padding: 59px 0 0 0;
width:100%;
border-right: 351px solid #3e5bae; /* The width and color of the rail */
margin-right:-351px; /* Hat tip to Ryan Brill */
float: left;
background: url(content.png) no-repeat left 59px;
}

#content h2 {
background: #dadada;
margin: 10px 10px 15px 10px;
font-size: 18px;
padding-top: 6px;
padding-left: 20px;
padding-bottom: 2px;
}

#content h2.pad { 
padding-left: 160px;
 }

#content h3 { 
margin: 1em 10px .5em 0;
border-bottom: 1px solid #31447f;
}

#content h3 span { 
background: url(h3.png) no-repeat;
background-position: top right;
font-weight: bold;
color: white;
margin: 0;
padding: 2px 10px 0px 10px;
display: inline-block;
}

#content h4 { 
border-bottom: 1px solid #b3c2ea;
margin: 1em 10px .5em 0 !important;
}

#content h4 span { 
background: url(h4-2.png) no-repeat right top;
padding: 2px 10px 0px 10px;
color: black;
font-size: 15px;
margin: 0;
font-weight: bold;
display: block;
width: 80%
}

#content h5 { 
border-left: 5px solid #4463bd;
color: #4d4d4d;
padding-left: 15px;
font-size: 13px;
}

#content ul {
list-style: none;
}

#content ul li {
background: url(content-li.gif) no-repeat 0 8px;
padding-left: 10px;
}

.biuletyn {
background: transparent !important;
margin: .5em 0 .5em .5em !important;
padding: 0 !important;
height: 36px !important;
}

.biuletyn a {
display: block !important;
width: 186px !important;
height: 36px !important;
}

.er {
background: url(e-rachunkowosc.png) transparent no-repeat left top !important;
}

.fp {
background: url(finanse-publiczne.png) transparent no-repeat left top !important;
}

.biuletyn a em{
display: none;
}
#biuletyny {
background:  url(biuletyny.png) #3b56a5 repeat-x center top;
border-right: 1px solid white;
color: white;
margin: 0;
padding: 0;
}

#biuletyny a:link {
color: white;
text-decoration: none;
}

#biuletyny a:visited {
color: gray;
text-decoration: none;
}

#biuletyny a:hover {
color: orange;
text-decoration: none;
}

.b_left {
width: 48%;
float: left;
background: url(banda.png) transparent no-repeat 0px 7px;
padding: 1%;
}

.b_right {
width: 48%;
float: right;
background: url(banda.png) transparent no-repeat 100% 7px;
padding: 1%;
}

.b_left ul, .b_right ul {
margin-bottom: 0em;
}


#rail{
background: url(nawigacja.png) repeat-x #3a55a4;
padding-top: 59px;
width:351px;
float:left;
margin-right:-351px;
}

#rail h2 {
font-size: 18px;
font-weight: normal;
padding-left: 15px;
padding-top: 10px;
height: 29px;
background: url(h2-rail.png) repeat-x #246b95;
border-bottom: 1px solid #fffffd;
border-top: 1px solid #b6c0e4;
margin: 0;
}

#rail .glowna h2 {
background: none;
border-bottom: none;
border-top: none;
}

#rail h3 {
font-size: 14px;
font-weight: normal;
padding-left: 15px;
padding-top: 2px;
height: 25px;
background: url(h3-rail.png) repeat-x #253769;
border-bottom: 1px solid #6b78a2;
border-top: 1px solid #6b78a2;
margin: 0;
}

#rail h3.first { 
border-top: none;
 }


#rail ul.szaro {
list-style: none;
margin: 0 0 0 0px;
padding: 0px 0 0 0px;
}

#rail ul.menu {
list-style: none;
padding: 0;
margin: 0;
}

#rail ul.menu li {
background: url(li-rail.png) no-repeat center left;
margin-left: 15px;
padding-left: 13px;
}

#rail ul.szaro li {
height: 29px;
color: white;
font-size: 15px;
background:  url(lista.png) repeat-y top right;
margin: 0 0 0 0px;
padding: 8px 0 0 30px;
}

#rail ul.szaro li a:link {
display: block;
padding-left: 30px;
background:  url(strzalka.gif) no-repeat 0 3px;
text-decoration: none;
color: white;
}

#rail ul.szaro li a:visited {
display: block;
padding-left: 30px;
background:  url(strzalka.gif) no-repeat 0 -97px;
background:  url(strzalka.gif) no-repeat 0 3px;
text-decoration: none;
color: #bababa;
}

#rail ul.szaro li a:hover {
display: block;
padding-left: 30px;
background:  url(strzalka.gif) no-repeat 0 3px;
text-decoration: none;
color: orange;
}

.boks {
background: url(boks.png) #3e5bae repeat-x top right;
border-top: 1px solid #3954a0;
border-bottom: 1px solid #243666;
color: white;
}

.no_border {
margin-top: -6px;
border-bottom: none;
}

p {
padding-left: 15px;
padding-right: 15px;
}

.clear {
clear: both;
}

.stopka {
position: relative;
margin-top: 1px;
background: url(stopka.png) repeat-x top right;
height: 200px;
padding: 15px 360px 0 15px;
}

#partnerzy {
position: absolute;
top: 20px;
right: 0;
width: 351px;
border-left: 1px solid #77829f;
height: 150px;
}

#partnerzy h2 a { 
color: gray;
text-decoration: none;
font-size: 1em;
margin: 0 1em;
}

#partnerzy img { 
margin: .2em 2em;
 }

.ilu {
float: left;
margin: -35px 5px 0px 2px;
}

p {
margin-top: 0;
padding-top: 0;
}

fieldset {
border: none;
}

legend {
display: none;
}

fieldset ul, fieldset ol {
margin-top: 0;
padding-top: 0;
margin-left: 0;
padding-left: 0;
list-style: none;
}

a:link {
color: #3b9ce7;
text-decoration: none;
 }

a:visited { 
color: gray;
text-decoration: none;
 }

a:hover { 
text-decoration: none;
color: orange;
 }

img { 
border: none;
}

.ksiazka { 
width: 200px;
float: left;
padding: 5px;
text-align: center;
 }



.ksiazka .autor { 
color: black;
font-size: .8em;
 }


#naw {
height: 59px;
padding-top: 0px;
position: absolute;
top: 0;
left: 0;
background: url(nawigacja.png) repeat-x !important;
color: white;
width: 100%;
}




/* Navigation */
.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav {
  font-family: Arial, Helvetica, sans-serif;
  z-index: 100;
  position: relative;
top: 12px;
left: 20px;
}
.nav li {
    border-left: 1px solid white;
  background: url(nawigacja-li.gif) 50% 0 no-repeat !important;
  font-size: 17px;
  margin: 0;
  padding: 13px 1em 0 1em;
  float: left;
  position: relative;
  height: 25px;
}
li.nobor {
border-left: none;
}
li.noarr { 
  background: none !important;
 }

.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  color: white;
  display: block;
  text-decoration: none;
  text-align: center;
}

.nav li a:hover {
  background: transparent;
  color: orange;	

}
#nav-one li:hover a, 
#nav-one li.sfHover a {
  background: transparent;
  color: orange;
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
  background: #4463be;
  color: white;	
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  background: #253768;
  color: orange;	
}

.nav ul {
background: none;
border: none;
text-align: left !important;
  list-style: none;
  padding: 22px 0 0 0;
margin: 0;
  width: 270px;
  position: absolute;
  top: -999em;
  left: -10px;
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 25px;
}

.nav ul li {
  background: none !important;
  margin: 0;
  padding: 0;
  border: 0;
  float: none;
}
.nav ul a {
border-left: 1px solid gray;
border-right: 1px solid gray;
border-top: none;
border-bottom: none;
text-align: left !important;
width: 260px;
white-space: nowrap;
height: 25px;
padding-left: 10px;
}
.nav ul a.first {
border-top: none;
}
.nav ul a.last {
border-bottom: 1px solid gray;
}
.nav ul a:hover {
  background: #ccc;
  color: orange;
}



.odd { 
background: blue;
 }




/* Tabelka z kursami i szkoleniami */

.ter { 
width: 96%;
margin-left: 15px;
background: #246b95;
 }

.ter tr td {
padding: 3px 10px 3px 5px;
background: white;
border-bottom: 1px solid #246b95;
 }
.ter tr.last td { 
border: none;
 }
.ter td.name {
width: 75%;
}
.ter td.name a {
display: block;
padding-left: 10px;
margin-left: -10px;
background: url(td_nazwa.png) repeat-y;
 }


.wazne {
margin: .5em 2em .5em 2em;
border: 1px solid #236e96;
background: url(gradient-szary.png) repeat-x white 0 2.6em;
position: relative;
}

.wazne h3 { 
background: #253767 !important;
background-image: none !important;
height: 2em;
padding: .4em 0 0 1em;
border: none !important; border-bottom: 1px solid white !important;
color: white;
margin: 0 !important;
}
.wazne .info { 
padding-right: 310px;
 }

.wazne p {
margin-top: .5em;
 }

.wazne form { 
padding-left: 14px;
padding-top: 20px;
 }



.ks_logo, .ks_logo:hover {
display: block;
width: 120px;
height: 30px;
background: url(ksiegarnia-logo.png) no-repeat !important;
 }

.ks_logo_big {
display: block;
width: 200px;
height: 50px;
background: url(ksiegarnia-logo-small.png) no-repeat;
 }

.margin-program { 
width: 60%;
float: left;
}

#sitebar { 
float: left;
width: 39%;
padding-left: 1%;
background: url(sitebar.png) no-repeat bottom left;
padding-bottom: 1.5em;
}

#sitebar p { 
margin-left: 0;
padding-left: 0;
 }

#sitebar img { 
padding: 0 2.5em;
}

#sitebar .wazne { 
width: 98%;
margin: 0 auto .5em auto;
 }

.miejsce img { 
margin: .3em;
 }

.panel_pod { 
clear: both;
 }

.ks_dod { 
padding: .5em;
width: 48%;
float:left;
}

.ks_dod p { 
margin-left: none;
padding-left: none;
 }

#dropcontentsubject{
width: 100%;
font-weight: bold;
}

.dropcontent{
height: 100px
display: block;
height: 120px;
}
.center { 
text-align: center;
 }

a em { 
display: none;
 }

.alert { 
color: red;
float: left;
 }

#zam .left { 
float: left;
 }

#zam p { 
height: 30px;
}

#zam li {
width: 600px;
clear: both;
 }

#zam label {
float: left;
display: block;
width: 120px;
 }

#zam .left input { 
float: left;
}

.kat_info { 
background: #fffddc;
margin: 1em;
padding: .5em;
border: 1px solid #b7b260;
}

.kat_info_green { 
background: #92D050;
border: 1px solid black;
margin: 1em;
font-style: italic;
padding: 0 .5em;
 }

.promo_cenowa { 
padding: 2px 1%;
margin: 0;
width: 98%;

background: #c7e4ff;
position: relative;
bottom: 0;
left: 0; 
}

.data { 
margin-top: -15px !important;
font-style: italic;
padding-left: 2.2em;
 }

.ksiazki {
margin: 0 0 0 15px;


}
.ksiazki td {
border: 1px solid gray;
width: 200px;
FONT-SIZE: 12px;
text-align: center;
padding: 10px 5px;
}
.ksiazki td img {
margin-bottom: 5px;


}

.fpk { 
display: none;
position: absolute;
top: 60px;
right: 30px;
background: url(fpk.png) no-repeat;
width: 124px; height: 100px;
 }


.prev, .next {
background-color:#b0232a; padding:5px 10px;
color:#fff !important; text-decoration:none;}
.prev:hover, .next:hover { background-color:#000; text-decoration:none;}
        .prev { float:left;}
        .next { float:right;}
        #steps { list-style:none; width:100%; overflow:hidden; margin:0px; padding:0px;}
        #steps li {width: 20%; font-size:24px; line-height: 60%; float:left; padding:10px; color:#b0b1b3; background: none !important}
        #steps li span {font-size:11px; display:block; margin-top:
        5px;}
        #steps li.current { color:#000;} #steps li.current span { font-weight: bold}