/**
* ----------------------------------------------------------------
* Style ogolne czcionek
*/
html,body {
  font-size: 0.91em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #444444;
  line-height: 1.3em;
}
a {
  color: #444444;
  text-decoration: none;
}
a:hover {
  color: #444444;
  text-decoration: underline;
}
a:visited {
  color: #444444;
  text-decoration: none;
}
a:active {
  color:#9f0101;
  text-decoration: none;
}

/**
* ----------------------------------------------------------------
* Style dla nagłówków
*/
h1 {
  color: #444444;
  font-family: arial, verdana;
  font-size: 18px;
  margin: 15px;
  margin-bottom: 15px;
  padding-left: 12px;
}
h2 {
  color: #444444;
  font-family: arial, verdana;
  font-size: 16px;
  margin: 10px;
  margin-left: 0px;
  padding-left: 24px;
  padding-top: 2px;
  padding-bottom: 14px;
}
h3 {
  color: #444444;
  font-family: arial, verdana;
  font-size: 14px;
  margin: 10px;
}
h4 {
  color: #444444;
  font-family: arial, verdana;
  font-size: 13px;
}
h5 {
  color: #444444;
  font-size: 12px;
}
h6 {
  font-size: 12px;
}

/**
* ----------------------------------------------------------------
* Elementy predefiniowane
*/
hr {
  width: 90%;
  height: 1px;
  color: #444444;
}

.cytat {
   margin: 5px;
   padding: 5px;
   border: 1px solid #444444;
   font-style: italic;
}

.ramka {
   margin: 5px;
   padding: 5px;
   border: 1px solid #444444;
   background: #f9f7ef;
}

/**
* ----------------------------------------------------------------
* CSS dla strony, predefiniowane table itp.
*/
#page {
   color: #444444;
   line-height: 1.8em;
}
#page table {
  border: 1px #02A8DD solid;
  width: 99%
}
#page table th {
  padding: 2px;
  background: #444444;
  color: white;
}
#page table td {
  background: #ededed;
  padding: 2px;
}
#pagecontent ul, ol {
   margin-left: 20px;
}
#pagecontent ul li {
  list-style-position: outside;
  list-style: disc;
  margin-left: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
}

#pagecontent ol li {
  list-style-type: decimal;
  padding-left: 0.2em;
  margin-bottom: 1em;
}


/**
* ----------------------------------------------------------------
* Obrazki + wyrównanie
*/
.image {
  border: 5px solid #dadada;
  padding: 0px;
  margin: 5px;
}
.imageleft {
  border: 5px solid #dadada;
  padding: 3px;
  margin: 5px;
  float: left;
}
.imageright {
  border: 5px solid #dadada;
  padding: 3px;
  margin: 5px;
  float: right;
}


/**
* ----------------------------------------------------------------
* Kolory czcionek
*/
.grantowy {
  color: #1C5392;
}
.zolty {
  color: #FFCC00;
}
.czerwony {
  color: #CC0000;
}
.zielony {
  color: #009900;
}
.brazowy {
  color: #CC9900;
}
.czarny {
  color: #000000;
}
.szary {
  color: #666666;
}
.siwy {
  color: #999999;
}
.niebieski {
  color: #237298;
}