/* Wymiary

Lewa kolumna: 184px
Srodkowa kolumna: 600px - z czego na tresc max 570px
Prawa kolumna: 50px

Podstawowy odcien niebieskiego: #0099CC
Podstawowy odcien szarego (ramka): #c0c0c0

*/

body {
  vertical-align: top;
  margin: 0;
  padding: 0;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #464646;
 background-repeat: repeat;
  background-position: center top;
  background-attachment: scroll;
  background-image: url(../_lt/bgr.gif);
  background-color: #f3f3f3;
}

/* Naglowki stopnia 1 - 4 */

h1 {
  font-weight: bold;
  font-size: 16px;
  color: #808080;
  margin: 24px 0 16px 0;	
}

h2 {
  clear:both;
  font-weight: bold;
  font-size: 12px;
  color: #464646;
  margin: 20px 0 16px 0;	
}

h3,
h4 {
  font-weight: bold;
  font-size: 10px;
  color: #464646;
  margin: 20px 0 16px 0;	
}

/* Tekst naglowka strony i podstawowy */

p,
p.header {
  text-align:justify;
  margin: 4px 0 16px 0;
  line-height: 1.6em; 
}

/* text-indent: 2em;	*/

p.header {
  margin: 16px 0 32px 0;
  color: #464646;	
  line-height: 2em;	
}

.trainheader {
  font-weight: bold;
  font-size: 10px;
  color: #464646;  
}



/* Odnosniki w tekscie podstawowym */

a,
a:link{
  color: #0099CC;
  text-decoration: none;	
}

a.filelist{
  color: #c0c0c0;
  text-decoration: none;	
}

a:hover,
ul.dl a:hover {
  color: #0099CC;
  text-decoration: underline;	
}

/* Formatowanie el. graficznych */

div#ramka {
  display: block;
  width: 834px;
  height: auto;	
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  padding: 0 8px 8px 8px;	
  border: 0;
  background-color: #fff;			
}

div#ramka div {
  background-repeat: no-repeat;
  background-position: right top;
}

div#row-a {
  display: block;
  width: 834px;
  height: 14px;
}

div#row-a div {
  display: block;
  height: 14px;
  border: 0;
  float: left;
}

div#row-b {
  width: 834px;
  height: 66px;
}

div#row-b div {
  display: block;
  height: 66px;
  border: 0;
  float: left;	
}

div#row-c {
  width: 834px;
  height: 8px;
}

div#row-c div {
  display: block;
  height: 8px;
  border: 0;
  float: left;
}

div#row-d {
  width: 834px;
  height: 174px;
}

div#row-d div {
  display: block;
  height: 174px;
  border: 0;
  float: left;
}

div#row-e {
  width: 834px;
  height: 8px;
}

div#row-e div {
  height: 8px;
  border: 0;
  float: left;
}

div#row-f {
  display: block;
  width: 834px;
}

div#row-f div {
  display: block;
  border: 0;
  float: left;	
}

div#row-z {
  width: 834px;
  height: 8px;
}

div#row-z div {
  height: 8px;
  border: 0;
  float: left;
}

div#a1,
div#b1,
div#c1,
div#d1,
div#e1,
div#f1,
div#z1 {
  width: 184px;
  clear: left;	

}

div#a2,
div#b2,
div#c2,
div#d2-1,
div#d2-2,
div#d2-3,
div#d2-4,
div#d2-5,
div#d2-6,
div#d2-7,
div#e2,
div#f2,
div#z2 {
  width: 600px;
}

div#a3,
div#b3,
div#c3,
div#d3,
div#e3,
div#f3,
div#z3 {
  width: 50px;
  clear: right;	
}

/* Tlo - rzad A */

div#a1 { background-image: url(../_lt/a1.gif); }
div#a2 { background-image: url(../_lt/a2.gif); }
div#a3 { background-image: url(../_lt/a3.gif); }


/* Tlo - rzad B */

div#b1 { background-image: url(../_lt/b1.gif); }
div#b2 { background-image: url(../_lt/b2.gif); }
div#b3 { background-image: url(../_lt/b3.gif); }


/* Tlo - rzad C */

div#c1 { background-image: url(../_lt/c1.gif); }
div#c2 { background-image: url(../_lt/c2.gif); }
div#c3 { background-image: url(../_lt/c3.gif); }


/* Tlo - rzad D */

div#d1 { background-image: url(../_lt/d1.jpg); }
div#d2-1 { background-image: url(../_lt/d2-1.jpg); }
div#d2-2 { background-image: url(../_lt/d2-2.jpg); }
div#d2-3 { background-image: url(../_lt/d2-3.jpg); }
div#d2-4 { background-image: url(../_lt/d2-4.jpg); }
div#d2-5 { background-image: url(../_lt/d2-5.jpg); }
div#d2-6 { background-image: url(../_lt/d2-6.jpg); }
div#d2-7 { background-image: url(../_lt/d2-7.jpg); }
div#d3 { background-image: url(../_lt/d3.jpg);	
}


/* Tlo - rzad E */

div#e1 { background-image: url(../_lt/e1.gif); }
div#e2 { background-image: url(../_lt/e2.gif); }
div#e3 { background-image: url(../_lt/e3.gif); }


/* Tlo - rzad F */

div#f1 {
  background-image: url(../_lt/f1.gif);
  min-height: 380px;	
  padding: 8px 0 0 0;	
}

div#f2 {
  background-color: #fff;
  width: 570px;	
  min-height: 380px;
  padding: 20px 15px 20px 15px;	
  vertical-align:top;
}

div#f3 {
  background-image: url(../_lt/f3.gif);
  min-height: 380px;	
}


/* Tlo - rzad Z */

div#z1 { background-image: url(../_lt/z1.gif); }
div#z2 { background-color: #ddd; }
div#z3 { background-image: url(../_lt/z3.gif); }

/* Domkniecie */

div.clr { clear: both; }


/* Inne elementy layoutu */

/* Logo */

a#logo {
  display: block;
  float: left;
  width: 200px;
  height: 66px;
  background-image: url(../_lt/b2a.gif);
}

/* Glowne menu */

div#row-d div#d1 {
/* Wysokosc wiersza D: height: 174px; */
  height: 168px;
  padding: 6px 0 0 0; - dla wiekszej il. poz. menu
  border: 0;
}

a.mm,
a.mm:link,
a.mm:visited,
a.mn2,
a.mn2:link,
a.mn2:visited,
a.mc2,
a.mc2:link,
a.mc2:visited {
/* Cala komorka A: width: 184px; */
  display: block;
  float: left;
  clear: both;	
  width: 156px;	
  text-align: right;
  color: #dadada;
  font-size: 12px;
  font-weight: bold;	
  padding: 7px 8px 7px 8px;
  margin: 4px 10px 0 2px;
  border:0;
  text-decoration: none;			
}

a.mm:hover {
  color: #fff;
  padding: 7px 8px 6px 8px;
  border-bottom: 1px solid #cacaca;	
}

/* Menu "zaznaczone" */

a.mc,
a.mc:link,
a.mc:visited
{
/* Cala komorka A: width: 184px; */
  display: block;
  float: left;
  clear: both;	
  width: 156px;	
  text-align: right;
  color: #dadada;
  font-size: 12px;
  font-weight: bold;	 
  margin: 4px 10px 0 2px;
  border:0;
  text-decoration: none;	
  color: #fff;	
  padding: 7px 8px 6px 8px;
  border-bottom: 1px solid #cacaca;		
}

a.mc:hover {
  color: #fff;
  padding: 7px 8px 6px 8px;
  border-bottom: 1px solid #cacaca;	
}

/* Menu kontekstowe w wierszu e */

a.mn2,
a.mn2:link,
a.mn2:visited {
  color: #808080;
  border-bottom: 1px solid #cacaca;	
}

a.mn2:hover {
  color: #000;
  background-repeat: repeat;	
  background-position: left top;
  background-attachment: scroll;	
  background-image: url(../_lt/checker.gif);	
}

a.mc2,
a.mc2:link,
a.mc2:visited {
  color: #000;
  border-bottom: 1px solid #cacaca;	
}

a.mc2:hover {
  color: #000;
  background-repeat: repeat;	
  background-position: left top;
  background-attachment: scroll;	
  background-image: url(../_lt/checker.gif);	
}

/* Ikonki nawigacji */


a.ico,
a.ico:hover,
a.ico:visited {
  display: block;
  float: left;
  width:30px;
  height:20px;
/*  margin:20px 9px 0 9px; Dla 5ciu ikonek */
  margin:20px 8px 0 8px;
  padding:0;
  border: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;		
}

a#home {
  background-image: url(../_ico/home.gif);
  margin-left:20px;	
}

a#search { background-image: url(../_ico/search.gif); }
a#mailto { background-image: url(../_ico/mailto.gif); }
a#print { background-image: url(../_ico/print.gif); }
a#sitemap { background-image: url(../_ico/sitemap.gif);	}

a#home:hover { 
  background-image: url(../_ico/home-b.gif); 
  margin-left:20px;	
}
a#search:hover { background-image: url(../_ico/search-b.gif); }
a#mailto:hover { background-image: url(../_ico/mailto-b.gif); }
a#print:hover { background-image: url(../_ico/print-b.gif); }
a#sitemap:hover { background-image: url(../_ico/sitemap-b.gif);	}



/* Lista i lista dokumentow */

ol,
ul,
ul.dl {
  margin: 15px 0 10px 20px;
  padding: 0;
}

ol li,
ul li {
  margin: 0 0 0 14px;
  padding: 4px 0 6px 10px !important;
}

ul li {
  list-style: square;
}

ol li {
  list-style: digits;
}

/* Program szkolenia */

ol.tl,
ul.tl {
  margin: 2px 0px 4px 15px;
  padding: 0;
}

ol.tl li,
ul.tl li {
  margin: 0 0 0 20px;
  padding: 0px 0 0px 0px !important;
}

ul.tl li {
  list-style: square;
}

ol.tl li {
  list-style: digits;
}




.dl li {
  list-style: none;
  margin: 0 !important;
  padding: 4px 0 6px 24px !important;	
  background-image: url(../_ico/empty.gif)!important;
  background-position: 2px 2px !important;
  background-repeat: no-repeat !important;
}

.dl a {	color:#c0c0c0;}
.dl a:hover {text-decoration:underline;}

.dl .dl-bmp { background-image: url(../_ico/bmp.gif)!important; }
.dl .dl-doc { background-image: url(../_ico/doc.gif)!important; }
.dl .dl-pdf { background-image: url(../_ico/pdf.gif)!important; }
.dl .dl-ppt { background-image: url(../_ico/ppt.gif)!important; }
.dl .dl-txt { background-image: url(../_ico/txt.gif)!important; }
.dl .dl-xls { background-image: url(../_ico/xls.gif)!important; }
.dl .dl-zip { background-image: url(../_ico/zip.gif)!important; }
.dl .dl-mov { background-image: url(../_ico/mov.gif)!important; }
.dl .dl-wm { background-image: url(../_ico/wm.gif)!important; }
.dl .dl-rm { background-image: url(../_ico/rm.gif)!important; }

/* Elementy formularza */
/* Zwykly ma sie miescic w 570px... */
form.fillform,
div.f-row {
  display:block;
  float:left;
  clear:both;
  width:570px;
  padding:0;
  margin:8px 0 20px 0;
}

/* ...a logowania - w 184px */
  form.loginform,
  form.loginform div.f-row {
  display:block;
  float:left;
  clear:both;
  width:184px;
  padding:0;
  margin:20px 0 20px 0;
}

div.f-row,
form.loginform div.f-row {
  padding:4px 0 4px 0;
  margin:0;
  border:0;
}

div.lbl,
div.lbl2 {
  display:block;
  float:left;
  clear:left;
  text-align: right;
  width:156px;
  padding: 2px 10px 3px 0;
  margin:0;
  border:0;
  /* background-color:red; */
}

form.loginform div.lbl,
form.loginform div.lbl2 {
  color: #808080;
  width:50px;
}

div.lbl2 {
  clear:right;
  text-align:left;
  width:350px;
  padding: 2px 2px 3px 0;
}

form.loginform div.lbl2 {
  width:80px;
  border: 0;
}

.radio,
.checkbox {
  float:left;
  clear:none;
  width: 20px;
  border: 0;
  margin:4px 2px 0 0;
  padding:0;
}

.button {
  display: block;
  float:left;
  clear: none;
  background-color:#cacaca;
  color:#464646;
  font-size:11px;
  font-weight:bold;
  padding:2px;
  margin:0 8px 0 2px;
  border-top: 1px solid #c0c0c0;
  border-right: 1px solid #808080;
  border-left: 1px solid #c0c0c0;
  border-bottom: 1px solid #808080;
}

.input50,
.input100,
.input150,
.input200,
.input400 {
  font-family: "Courier New", "Courier New CE", "Courier CE", "Courier", "mono";
  font-size: 12px;
  font-style: normal;
  color: #0099CC;
  text-align: left;
  vertical-align: middle;
  background-color: #FFFFFF;
  border: 1px solid #c0c0c0;
  margin:0;
  padding:1;
}

.input50 {width: 50px;}
.input100 {width: 100px;}
.input150 {width: 150px;}
.input200 {width: 200px;}
.input400 {width: 396px;}

/* Tabelka */

table.tabela1 {
  width: 100%;
  margin: 8px 0 20px 0;
  border-top: 1px solid #c0c0c0;
  border-left: 1px solid #c0c0c0;
}

table.tabela1 th {
  text-align:center;
  padding:4px;
  color: #464646;
  background-color: #c0c0c0;
  border-right: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
}

table.tabela1 td {
  text-align:right;
  padding:4px;
  color: #464646;
  border-right: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
}

tr.odd td { background-color: #fff; }
tr.even td { background-color: #f3f3f3; }

/* Duzy obrazek wewnatrz tekstu */

div.img {
  display: block;
  float:left;
  width: 570px;
  clear: both;
  padding:0 0 8px 0;
  margin:8px 0 20px 0;
  border: 0;
}

div.img img {
  margin:0;
}

div.img p {
  color:#808080;
  font-size:10px;
  font-weight:normal;
  text-indent:1em;
}

/* ... i maly obrazek */

div#row-f div.img-mini {
  display: block;
  float:right;
  width: 160px;
  height: auto;
  clear: right;
  padding:8px;
  margin:4px 0 8px 16px;
  border: 1px solid #c0c0c0;
}

div.img-mini img {
  display: block;
  float:right;
  width: 160px;
  height: auto;
  clear: right;
  padding:0;
  margin:0 0 8px 0;
  border: 0;
}

div.img-mini p {
  font-size:9px;
  font-weight:normal;
  text-indent:0;
  margin: 0;
}

div.img-mini a {
  border:0;
}

/* Logo i adres do druku */

div#row-f div#logo-prn {
display: none;
}

div#logo-prn img {
display: none;
}

div#row-f div#adres-prn,
div#adres-prn p {
display: none;
}

/* Specjalnie dla IE6 */


div#row-c div,
div#row-e div,
div#row-z div {
  font-size: 2px;
}

/* DIVy w wierszu F maja byc wysokie na 380px ... */

* html div#row-f div { 
  height: expression( this.scrollHeight < 381 ? "380px" : "auto" ); /* min-height dla IE<7 */
  min-height: 380px; /* ...a to dla normalnych przegladarek */
}

/* ...co jednak nie dotyczy opisow formularza */

* html div#row-f div.lbl,
* html div#row-f div.lbl2,
* html div#row-f div.f-row  { 
  height: auto; 
}