/* ===================================================== */
*, html, body
{
  font-family:       verdana, helvetica, arial, sans-serif;
  font-size:         11px;
  line-height:       1.7;
  color:             #173f7f
}
body
{
  background-color:  #f6f6f6;
  margin:            0
}
div
{
  overflow:          hidden;
  text-align:        center
}
img
{
  border:            0
}
/* ===================================================== */
#STRONA
{
  width:             1000px;
  margin:            0 auto;
  background-image:  url(grafika/tlo_obustronne.gif)
}
/* ===================================================== */
#BANER-GORNY, #MARQUEE, #MENU, #ADSENSE, #ZAWARTOSC, #STOPKA
{
  width:             950px;
  margin:            auto
}
/* ===================================================== */
#BANER-GORNY
{
  height:            199px;
  background-image:  url(grafika/tlo_baner.jpg)
}
/* ===================================================== */
#MARQUEE
{
  height:            25px;
  background-image:  url(grafika/tlo_marquee.jpg)
}
/* ===================================================== */
#MENU
{
  background-image:  url(grafika/tlo_menu.jpg)
}
#MENU, #MENU div
{
  height:            36px
}
#MENU div
{
  float:             left
}
#MENU div.menu-wybrane
{
  background-image:  url(grafika/tlo_menu_s.jpg)
}
#MENU div.menu-separator
{
  width:             1px;
  background-image:  url(grafika/menu_rozdzielacz.jpg)
}
#MENU a
{
  display:           block;
  font-size:         13px;
  font-weight:       bold;
  color:             white;
  padding:           7px 10px 0px 10px;
  height:            29px /* 36px - 7px padding */
}
/* ===================================================== */
#ADSENSE
{
  height:            24px;
  background-image:  url(grafika/tlo_adsense.jpg)
}
/* ===================================================== */
#STOPKA
{
  clear:             both;
  height:            107px;
  background-image:  url(grafika/tlo_stopka.gif)
}
#STOPKA-LEWA
{
  width:             167px;
  background-image:  url(grafika/stopka_lipa_lewa.gif)
}
#STOPKA-SRODEK, #STOPKA-SRODEK div
{
  width:             627px
}
#STOPKA-SRODEK-GORA
{
  height:            38px !important
}
#STOPKA-SRODEK-DOL
{
  height:            40px !important
}
#STOPKA-PRAWA, #STOPKA-PRAWA div
{
  width:             152px
}
#STOPKA-PRAWA-GORA
{
  height:            16px !important
}
#STOPKA-PRAWA-DOL
{
  height:            76px !important;
  background-image:  url(grafika/stopka_logo_prawo.jpg)
}
#STOPKA div
{
  height:            100px;
  float:             left
}
#STOPKA-PRAWA-DOL a, #STOPKA-LEWA a
{
  display:           block
}
#STOPKA-LEWA a
{
  height:            107px
}
#STOPKA-PRAWA-DOL a
{
  height:            76px
}
/* ===================================================== */
#LEWA-KOLUMNA, #PRAWA_KOLUMNA
{
  width:             225px
}
#LEWA-KOLUMNA
{
  float:             left
}
#PRAWA_KOLUMNA
{
  float:             right
}
#SRODKOWA-KOLUMNA
{
  width:             500px;
  float:             left
}
/* ===================================================== */
#STRONICOWANIE, #STRONICOWANIE2
{
  display:           table;
  margin:            auto
}
#STRONICOWANIE div, #STRONICOWANIE2 div
{
  float:             left
}
#STRONICOWANIE a, #STRONICOWANIE2 a
{
  display:           block;
  width:             30px;
  color:             white;
  background:        #3170b9;
  border:            1px solid white;
  margin:            2px;
  font-size:         12px
}
#STRONICOWANIE a.stronicowanie-wybrane, #STRONICOWANIE2 a.stronicowanie-wybrane
{
  color:             #3170b9;
  background:        white;
  border-color:      #3170b9;
  font-weight:       bold
}
/* ===================================================== */
a:link, a:visited, a:active, a:hover
{
  text-decoration:   none
}
a:hover, a:hover b
{
  color:             blue !important
}
a.bialy-gruby:link, a.bialy-gruby:visited, a.bialy-gruby:active, a.bialy-gruby:hover
{
  font-weight:       bold
}
a.bialy-gruby:link, a.bialy-gruby:visited, a.bialy-gruby:active
{
  color:             white
}
#STRONICOWANIE a.stronicowanie-wybrane:hover, #STRONICOWANIE2 a.stronicowanie-wybrane:hover
{
  color:             blue !important
}
a.bialy-gruby:hover, .box-boczny-naglowek-2 a:hover, #STRONICOWANIE div a:hover,
#STRONICOWANIE2 div a:hover, .box-srodkowy-naglowek2-tresc a:hover, .box-srodkowy-naglowek2-tresc a:hover b,
span.zalogowany-tekst a:hover, span.niezalogowany-tekst a:hover
{
  color:             #cccccc !important
}
/* ===================================================== */
form
{
  display:           inline
}
input, select, option
{
  color:             white;
  background:        #3170b9;
  border:            1px solid white;
  padding:           2px 3px;
  font-size:         11px;
  text-align:        center
}
option
{
  border:            0px;
  padding:           1px
}
.lista-kategorii, .lista-kategorii option
{
  width:             390px;
  text-align:        left
}
.checkbox
{
  color:             #3170b9;
  background:        #f8fbff;
  border:            1px solid #3170b9;
}
input.tekst
{
  width:             134px;
  color:             #3170b9;
  background:        #f8fbff;
  border:            1px solid #3170b9;
  text-align:        left
}
#LOGOWANIE-SUBMIT
{
  width:             70px;
  padding:           3px 0px 3px 0px;
  font-size:         12px;
  font-weight:       bold
}
#STRONICOWANIE-SUBMIT, #STRONICOWANIE2-SUBMIT
{
  width:             30px;
  height:            22px;
  font-weight:       bold
}
#STRONICOWANIE-SELECT, #STRONICOWANIE2-SELECT
{
  width:             60px;
  height:            20px
}
.zatwierdzanie-przycisk, #REJESTRACJA-SUBMIT, #ZGLOS_BLAD-SUBMIT, #WYSLIJ_ZNAJOMEMU-SUBMIT, #ZMIANA_HASLA-SUBMIT, #POWIADOMIENIE_ZNAJOMEGO-SUBMIT, #ZWERBOWANIE_ZNAJOMEGO-SUBMIT, #ZGLOSZENIE_UWAG-SUBMIT, #PRZYPOMNIENIE_HASLA-SUBMIT, #ZGLOSZENIE_GOSCIA-SUBMIT, #DODANIE_DOWCIPU-SUBMIT
{
  width:             100px;
  padding:           3px 0px 3px 0px;
  font-size:         12px;
  font-weight:       bold
}
.rejestracja-tekst, .logowanie-bok-tekst, .dodatkowy-tekst
{
  padding:           0px 0px 5px 0px
}
.rejestracja-tekst, .dodatkowy-tekst
{
  text-align:        right
}
.logowanie-bok-tekst
{
  text-align:        center
}
input.rejestracja
{
  width:             250px;
  background:        #f8fbff;
  border:            1px solid #3170b9;
  font-family:       verdana;
  padding:           2px 3px;
  font-size:         11px;
  color:             #3170b9;
  text-align:        left;
}
.dodatkowy
{
  width:             400px;
  background:        #f8fbff;
  border:            1px solid #3170b9;
  font-family:       verdana;
  padding:           2px 3px;
  font-size:         11px;
  color:             #3170b9;
  text-align:        left;
}
textarea, select
{
  vertical-align:    middle
}
/* ===================================================== */
.box-boczny
{
  width:             207px;
  margin:            5px 0px 5px 8px
}
.box-boczny-naglowek, .box-boczny-naglowek div
{
  height:            33px
}
.box-boczny-naglowek-1, .box-boczny-naglowek-3
{
  width:             4px
}
.box-boczny-naglowek-1
{
  float:             left;
  background-image:  url(grafika/box-boczny-naglowek-1.jpg)
}
.box-boczny-naglowek-3
{
  float:             right;
  background-image:  url(grafika/box-boczny-naglowek-3.jpg)
}
.box-boczny-naglowek-2
{
  float:             left;
  width:             199px;
  background-image:  url(grafika/box-boczny-naglowek-2.jpg);
  background-repeat: repeat-x;
  padding-top:       6px;
  height:            27px !important /* 33px - 6px */
}
.box-boczny-naglowek-2, .box-boczny-naglowek-2 a
{
  font-size:         13px;
  font-weight:       bold;
  color:             white
}
.box-boczny-srodek
{
  padding:           0px 7px 0px 10px;
  text-align:        left;
  background-image:  url(grafika/box-boczny-srodek.jpg)
}
.box-boczny-stopka
{
  height:            4px;
  background-image:  url(grafika/box-boczny-stopka.jpg)
}
/* ===================================================== */
.box-srodkowy
{
  width:             487px;
  margin:            0 auto;
  margin-top:        5px
}
.box-srodkowy-naglowek1, .box-srodkowy-naglowek1 div
{
  height:            33px
}
.box-srodkowy-naglowek1-1, .box-srodkowy-naglowek1-3
{
  width:             4px
}
.box-srodkowy-naglowek1-1
{
  float:             left;
  background-image:  url(grafika/box-srodkowy-naglowek1-1.jpg)
}
.box-srodkowy-naglowek1-3
{
  float:             right;
  background-image:  url(grafika/box-srodkowy-naglowek1-3.jpg)
}
.box-srodkowy-naglowek1-tresc, .box-srodkowy-naglowek2-tresc, .box-srodkowy-stopka-tresc
{
  width:             479px
}
.box-srodkowy-naglowek1-tresc
{
  float:             left;
  background-image:  url(grafika/box-srodkowy-naglowek1-2.jpg);
  background-repeat: repeat-x;
  padding-top:       6px;
  height:            27px !important /* 33px - 6px */
}
.box-srodkowy-naglowek1-tresc div, .box-srodkowy-naglowek1-tresc div b
{
  color:             white;
  font-size:         13px
}
.box-srodkowy-naglowek1-tresc-lewa
{
  float:             left;
  text-align:        left;
  margin-left:       5px
}
.box-srodkowy-naglowek1-tresc-prawa
{
  float:             right;
  text-align:        right;
  margin-right:      5px
}
.box-srodkowy-naglowek2, .box-srodkowy-naglowek2 div
{
  height:            22px
}
.box-srodkowy-naglowek2-1, .box-srodkowy-naglowek2-3
{
  width:             4px
}
.box-srodkowy-naglowek2-1
{
  float:             left;
  background-image:  url(grafika/box-srodkowy-naglowek2-1.jpg)
}
.box-srodkowy-naglowek2-3
{
  float:             right;
  background-image:  url(grafika/box-srodkowy-naglowek2-3.jpg)
}
.box-srodkowy-naglowek2-tresc
{
  float:             left;
  background-image:  url(grafika/box-srodkowy-naglowek2-2.jpg);
  background-repeat: repeat-x;
  text-align:        left;
  padding-left:      5px;
  width:             474px !important /* 479px - 5px */
}
.box-srodkowy-naglowek2-tresc, .box-srodkowy-naglowek2-tresc *
{
  color:             white
}
.box-srodkowy-srodek
{
  padding:           5px 7px 5px 10px;
  text-align:        justify;
  background-image:  url(grafika/box-srodkowy-srodek.jpg)
}
.box-srodkowy-stopka, .box-srodkowy-stopka div
{
  height:            29px
}
.box-srodkowy-stopka-1, .box-srodkowy-stopka-3
{
  width:             4px
}
.box-srodkowy-stopka-1
{
  float:             left;
  background-image:  url(grafika/box-srodkowy-stopka-1.jpg)
}
.box-srodkowy-stopka-3
{
  float:             right;
  background-image:  url(grafika/box-srodkowy-stopka-3.jpg)
}
.box-srodkowy-stopka-tresc
{
  float:             left;
  background-image:  url(grafika/box-srodkowy-stopka-2.jpg);
  background-repeat: repeat-x;
  padding-top:       4px;
  height:            25px !important /* 29px - 4px */
}
.box-srodkowy-stopka-tresc div, .box-srodkowy-stopka-tresc div b
{
  color:             white
}
.box-srodkowy-stopka-tresc-lewa
{
  float:             left;
  text-align:        left;
  margin-left:       5px
}
.box-srodkowy-stopka-tresc-prawa
{
  float:             right;
  text-align:        right;
  margin-right:      5px
}
.box-srodkowy-stopka-krotka
{
  height:            4px;
  background-image:  url(grafika/box-srodkowy-tekst-stopka.jpg)
}
/* ===================================================== */
ul
{
  display:           block;
  margin:            0;
  padding:           0
}
ul li
{
  list-style-type:   none;
  background:        url(grafika/ul.gif) no-repeat left;
  margin:            0px 0px 0px 0px;
  padding-left:      15px
}
.regulamin
{
  padding-left:      40px;
  margin-right:      20px
}
.regulamin li
{
  list-style-type:   decimal;
  background:        none
}
/* ===================================================== */
.zalogowany-tekst, .zalogowany-tekst a
{
  color:             white
}
.niezalogowany-tekst, .niezalogowany-tekst *, .niezalogowany-tekst a
{
  color:             #ccc
}
/* ===================================================== */
.box-srodkowy-blad
{
  color:             red;
  background:        #FFD0D0;
  border:            1px solid red;
  font-size:         11px;
  font-weight:       bold;
  margin:            10px;
  padding:           10px;
  text-align:        center
}
/* ===================================================== */
/* !!! */
#AJAX_CZEKAJ_TLO
{
  display:           none;
  position:          absolute;
  top:               0;
  left:              0;
  z-index:           100;
  width:             100%;
  height:            100%;
  background-color:  #f6f6f6;
  opacity:           0.75;
  filter:            alpha(opacity=75)
}
#AJAX_CZEKAJ
{
  display:           none;
  position:          absolute;
  z-index:           200;
  left:              0;
  width:             98%;
  height:            98%
}
/* ===================================================== */
#SWL
{
  padding-top:       4px;
  color:             white
}
#SWL a:link, #SWL a:visited, #SWL a:active
{
  color:             white !important;
  text-decoration:   none
}
#SWL a:hover
{
  color:             #cccccc !important
}
/* ===================================================== */