/* ===== Elementy podstawowe/wspolne ===== */

* {
  margin: 0px;
  padding: 0px;
}

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #003e76;
  background-color: #fff;
}

p {
  margin-left: 65px;
  margin-right: 30px;
  line-height: 1.4em;
  text-align: left;
  color: #b4d8e0;
}

p.wysrodk {
  text-align: center;
}

p.prowadz {
  text-align: right;
  margin-right: 0px;
}

p.szczeg {
  text-align: right;
}

p.przypis {
  font-size: 0.9em;
  padding-bottom: 0.75em;
  border-bottom: 1px solid #036;
}

li {
  line-height: 1.4em;
  text-align: left;
  color: #003e76;
}

dl {
  margin-left: 65px;
  margin-right: 30px;
  margin-bottom: 1em;
  line-height: 1.4em;
  text-align: left;
  font-weight: bold;
}

dd {
  margin-left: 2em;
  margin-bottom: 1em;
}

a:link {
  text-decoration: none;
  font-weight: bold;
  color: #036;
}

a:visited {
  text-decoration: none;
  font-weight: bold;
  color: #036;
}

a:hover {
  color: #fff;
  background-color: #036;
  border-top: 0px solid #fff;
  border-bottom: 0px solid #fff;
  text-decoration: none;
}

.red {
  color: #f00;
  font-weight: bold;
  background-color: #fff;
}

img.link {
  border: 0px solid;
}

img.ilustr_l {
  margin: 0.5em 0.5em 0.25em 45px;
  float: left;
}

img.ilustr_p {
  margin: 0.5em 0.5em 0.25em 0.5em;
  float: right;
}

img.przyklad {
  margin: 0.5em 0.5em 0.25em 65px;
  float: left;
  clear: both;
}

del {
  color: #f00;
}

/* ===== Obszary strony ===== */

/* Naglowek strony */

#naglStr {
  width: 760px;
  height: 92px;
  clear: none;
  background-color: #dfdfde;
  background-image: url("../img/naglowek_logo.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
}

/* End of: Naglowek strony */


/* Menu prawe */

#menuPrawe {
  /* margin-top: 90px; */ /* Obniżenie menu prawego w stosunku do górnej krawędzi obszaru roboczego */
  float: right;
  clear: none;
  font-size: 80%;
  background-color: #82a6c2;
  width: 164px;
  font-weight: bold;
}

#kontaktPr {
  /* margin-top: 90px; */ /* Obniżenie menu prawego w stosunku do górnej krawędzi obszaru roboczego */
  padding-top: 0.5em;
  float: right;
  clear: none;
  font-size: 90%;
  background-color: #82a6c2;
  width: 160px;
} /* Adres i kontakt - na głównych stronach działów (zamiast menu). */

#kontaktPr p {
  margin: 0em 0.5em 0.5em 0.5em;
  line-height: 1.6em;
  color: #fff;
  font-weight: normal;
}

#menuPrawe ul, #kontaktPr ul {
  margin-top: 5px;
  margin-bottom: 5px;
  list-style-type: none;
}

#menuPrawe li, #kontaktPr li {
  background-color: #82a6c2;
  padding: 3px 0px 3px 0px;
}

#menuPrawe a, #kontaktPr a {
  display: block;
  color: #036;
  background-color: #82a6c2;
  width: 140px;
  padding: 3px 3px 3px 4px;
  border-top: 1px solid #82a6c2;
  border-bottom: 1px solid #82a6c2;
  text-decoration: none;
  font-weight: bold;
}

#menuPrawe a:hover, #kontaktPr a:hover {
  color: #036;
  background-color: #82a6c2;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

#menuPrawe li li a {
  display: block;
  color: #036;
  background-color: #82a6c2;
  width: 140px;
  padding: 3px 3px 3px 16px;
  text-decoration: none;
}

#menuPrawe a.aktyw, #kontaktPr a.aktyw {
  background-color: #036;
  color: #dfdfde;
}

/* Koniec: Menu prawe */


/* Obszar roboczy */

#obszRob {
  background-color: #fff;
  width: 760px;
  clear: both;
}

#obszRob h1 {
  margin-top: 0.5em;
  margin-bottom: 1em;
  margin-left: 65px;
  font-size: 135%;
  color: #036;
  border-bottom: 1px solid #036;
}

#obszRob h2 {
  margin-top: 2.5em;
  margin-bottom: 1em;
  margin-left: 65px;
  font-size: 125%;
  color: #036;
  border-bottom: 1px solid #036;
}

#obszRob p {
  margin-bottom: 0.75em;
  line-height: 1.4em;
  color: #036;
}

#obszRob ul {
  margin: 0em 0em 0.5em 0px;
}

#obszRob li {
  line-height: 1.4em;
  text-align: left;
  color: #036;
}

#obszRob table td li {
  margin: 0em 0.5em 0.5em 1em;
  padding: 0em;
  line-height: 1.4em;
  text-align: left;
  color: #036;
}

#obszRob img.logo_ks {
  margin: 0em 0em 0.5em 0.5em;
  float: right;
  clear: right;
}

#obszRob table {
  width: 469px;
  margin: 1em 1em 1em 63px;
  line-height: 1.3em;
}

#obszRob th {
  font-size: 10pt;
  vertical-align: middle;
  padding: 0.25em;
  color: #036;
  font-weight: normal;
  background-color: #eeffff;
}

#obszRob td {
  vertical-align: top;
  padding: 0.25em;
  color: #036;
  text-align: left;
}

#obszRob td.okladka {
  padding: 0.25em 0em 0.25em 0em;
}

#obszRob td.left {
  text-align: right;
}

#obszRob td.right {
  text-align: left;
}

#obszRob tr.menu_cwicz {
  text-align: left;
  vertical-align: middle;
}

/* End of: Obszar roboczy */


/* Tresc */

#tresc {
  background-color: #fff;
  width: 530px;
  float: left;
  clear: none;
  text-align: center;
}

#tresc h1 {
  text-align: left;
}

#tresc h2 {
  text-align: left;
}

#tresc p {
  margin-bottom: 0.75em;
  line-height: 1.4em;
}

#tresc p.aktual {
  font-size: 8pt;
  font-weight: normal;
  text-align: right;
  color: #036;
  margin: 0px 0px 5px 45px;
  padding: 2px;
  width: 485px;
}

#tresc p.copyright, p.do_gory {
  font-size: 8pt;
  font-weight: normal;
  text-align: right;
  color: #036;
  margin: 3em 0px 0px 45px;
  padding: 2px;
  width: 485px;
  clear: left;
}

#tresc p.do_gory {
  margin: 0.5em 0px 0.5em 45px;
  padding: 0px;
}

#tresc p.podpis {
  text-align: right;
  font-weight: bold;
}

#tresc p.do_gal {
  margin: 0em 0em 0em 45px;
  padding: 5px;
  text-align: center;
}

#tresc p.do_gal a:hover {
  color: #fff;
  background-color: #996;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  text-decoration: none;
}

#tresc p.wysrodk {
  margin: 0em 0em 0em 45px;
  text-align: center;
}

#tresc p.st_1 {
  font-size: 9pt;
  font-weight: bold;
  text-align: left;
  line-height: 1.4em;
  margin-top: 1.0em;
  margin-left: 65px;
}

#tresc p.st_2 {
  font-size: 9pt;
  font-weight: bold;
  text-align: left;
  line-height: 1.4em;
  margin-top: 0.5em;
  margin-left: 85px;
}

#tresc p.st_3 {
  font-size: 9pt;
  font-weight: normal;
  text-align: left;
  line-height: 1.4em;
  margin-top: 0.25em;
  margin-left: 105px;
}

#tresc p.st_4 {
  font-size: 9pt;
  font-weight: normal;
  text-align: left;
  line-height: 1.4em;
  margin-left: 120px;
}


/* contents_1 i 2 - dla programow szkoleniowych */
#tresc p.contents_1 {
  font-size: 0.9em;
  margin-top: 1.0em;
  margin-left: 65px;
}

#tresc p.contents_2 {
  font-size: 0.9em;
  margin-top: 1.0em;
  margin-left: 95px;
}



#tresc ol {
  margin-bottom: 0.5em;
}

#tresc ul {
  margin-bottom: 0.5em;
}

#tresc li {
  margin-left: 80px;
  margin-right: 15px;
  text-align: left;
  line-height: 1.4em;
  text-align: left;
}

#tresc table td {
  font-size: 10pt;
}

#tresc td.gal {
  text-align: center;
  border-right: 1px solid #305070;
  border-bottom: 1px solid #305070;
}

#tresc td.wysr {
  text-align: center;
  vertical-align: top;
}

#tresc tr.parzysty {
  background-color: #eeffff; /* #82a6c2; */
}


img.kart {
  margin: 0.5em 0em 0em 0em;
  border: none;
}

p.podp_kart {
  margin: 0.5em 0em 0.5em 0em;
  text-align: center;
}

/* styl prototypowy dla miniaturek w galerii (dopracować) */

div.mini {
  margin: 0.5em;
  padding: 0.5em;
  width: 20%;
  font-size: 90%;
  font-weight: bold;
  text-align: center;
  border-right: 1px solid #305070;
  border-bottom: 1px solid #305070;
  float: left;
}

#gal_mini {
  margin: 0.5em;
  padding: 0.5em;
  width: 20%;
  font-size: 90%;
  font-weight: bold;
  text-align: center;
  border-right: 1px solid #305070;
  border-bottom: 1px solid #305070;
  float: left;
}


/* styl prototypowy do łamania wierszy miniaturek w galerii (sprawdzić zgodność ze standardami) */

.clearboth {
  clear: both;
}

/* End of: Tresc */


/* Ramki tekstowe */

#ramka_l {
  margin: 5px 5px 5px 35px; /* Margines lewy dostosowany do Opery */
  width: 100px;
  clear: left;
  float: left;
}

#ramka_l img {
}

#ramka_p {
  margin: 5px 0px 5px 5px;
  width: 100px;
  clear: right;
  float: right;
}

#ramka_p img {
}

/* End of: Ramki tekstowe */


/* Stopka strony */

#stopkaStr {
  margin: 5px 0px 0px 65px;
  border-top: 1px dotted #036;
  border-right: 1px dotted #036;
  border-left: 1px dotted #036;
  width: 485px;
  clear: none;
}

#stopkaStr p {
  font-size: 8pt;
  font-weight: normal;
  text-align: center;
  margin: 4px;
}

/* End of: Stopka strony */