body    { font-size: 10pt; font-family: Verdana, Arial; background-color: #FFFFFF; margin: 0px;}
table    { color: #333333; padding: 0px; margin: 0px; border-spacing: 0px;}
table tr   { padding: 0px; margin: 0px; }
table tr td  { padding: 0px; margin: 0px; }
.opis    { color: #000000; font-size: 10pt; text-align:left;}
.opis2   { color: #000000; font-size: 10pt; text-align:left; text-decoration: underline;}
.opis_szary  { color: #666666; font-size: 10pt; text-align:left;}
.small   { color: #000000; font-size: 8pt; }
.szary   { color: #333333; font-size: 8pt; }
.szary2    { color: #333333; font-size: 9pt;  text-decoration: underline; padding: 6pt; }
.szary2zm  { color: #333333; font-size: 8pt;  text-decoration: underline; }
.szary2zma  { color: #333333; font-size: 9pt;  text-decoration: underline; }
.duzy    { font-family: Verdana; color: #CC0033; font-size: 16pt; }
.duzyniebieski  { font-family: Arial, Verdana; color: #95AABB; font-size: 16pt; font-weight: bold; }
.duzyczarny    { color: #030303; font-size: 16pt;  }
.szary_9   { color: #999999; font-size: 9pt; font-weight: bold; }
.szary_9a  { color: #666666; font-size: 9pt; font-weight: bold; text-decoration: none;}
.szary_12  { color: #999999; font-size: 12pt;  font-weight: bold;}
.szary_8   { color: #999999; font-size: 8pt; font-weight: bold; }
.red    { color: #CC0033; font-size: 9pt; font-weight: bold; }
.red12   { color: #CC0033; font-size: 12pt; font-weight: bold; text-decoration: none;}
.red2    { color: #CC0033; font-size: 8pt; font-weight: normal; }
.red_bold  { color: #CC0033; font-size: 8pt; font-weight: bold; }
.red_bold2  { color: #CC0033; font-size: 10px; font-weight: bold; }
.red_bold3  { color: #CC0033; font-size: 10pt; font-weight: bold; text-decoration: none;}
.lewa    { color: #000000; font-size: 8pt; text-align:left;  text-decoration: none; font-weight: bold; }
.cd     { color: #FFFFFF; font-size: 8pt; text-align:left;  text-decoration: none; }
.bialybold  { color: #FFFFFF; font-size: 8pt; font-weight: bold;  text-decoration: none;}
.blackbold  { color: #FFFFFF; font-size: 8pt; font-weight: bold;  text-decoration: none;}
a     { color: #CC0033;}
a:hover    { color: #000000; text-decoration: underline;}
div     { text-align: left; }
img     { border: 0; }

/***
 * Główne elementy strony
 */

/* Kontener główny ;) */
#kontener {
  margin-left: auto;
  margin-right: auto;
  width: 850px;
}

/* Menu z linkami - środek, lewa strona */
#linki_lista {
  width: 260px;
  float: left;
  white-space: nowrap;
}

#linki_lista ul, li {
  list-style: none;
  text-align: left;
  margin: 36px 0px 0px 0px;
  padding: 10px 4px 7px 4px;
}

#linki_lista ul li {
  list-style: none;
  text-align: left;
  margin: 0px;
}

/* Logowanie, reklamy itp. - środek, prawa stona */
#main {
  float: right;
  text-align: left;
  vertical-align: top;
  width: 590px; 
}

#banner_glowny {
  width: 848px;
  height: 144px;
  background-image: url(../grafika/LP_gora.gif);
  position: relative;
}

div#aktualizacja {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #FFFFFF;
  font-size: 8.5pt;
}

#haslo_reklamowe {
  width: 590px;
  height: 110px;
  background-image: url(../grafika/hasla/LP_haslo_1.gif);
  text-align: right;
}

#nowy_interfejs_info {
  /*width: 590px;
  height: 75px;
  background-image: url(../grafika/LP_nowy-interfejs.gif);
  text-align: right;*/
  visibility: hidden;
}

#logowanie_nowy {
  text-align: right;
  margin: 5px 0;
  height: 100px;
}

#szkolenia_nowy_interfejs {
  /*height: 110px;*/
}

#przerywnik {
  /*margin-top: 75px;
  margin-bottom: 10px;*/
}

#aktywacja {
  margin-top: 5px;
}

#bannery_reklamowe {
  margin-top: 25px;
  margin-bottom: 20px;
}

/* Stopka - na dole */
#stopka {
  clear: both;
  text-align: center;
  font-size: 8pt;
}

.stopka-polecane {
  color: grey;
}
.stopka-polecane a {
  text-decoration: none;
  color: #333333;
}
.stopka-polecane a:hover {
  text-decoration: underline;
}

/* Pozostałe elementy strony */
.reklama  {
  color: #EDF1F2;
  padding: 0px;
  border-style: none solid none none;
  border-width: 0px 1px 0px 0px;
  border-color: #EDF1F2;
  background-color: #EDF1F2;
}

.reklama_w  {
  padding: 0px;
  border-style: none solid none none;
  border-width: 0px;
}

img#nowy_click {
  cursor: pointer;
  float: right;
}

img#ie_click {
  cursor: pointer;
}

img#mozilla_click {
  cursor: pointer;
  margin-left: 8px; /* IE hack - zamiast float: right; */
}

#info_popup {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11pt;
  color: #808080;
  margin: 1em;
}