
/* gora w kategorii */
div.kategoria_nazwa
{
    width: 300px;
    height: 80px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

div.kategoria_zestaw
{
    width: 500px;
    height: 80px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    display: block;
    text-align: center;
    clear: both;
}

div.kategoria_zestaw img
{
  float: left;
  margin-right: 25px;
}

div.kategoria_zestaw a
{
  width: 240px;
  float: left;
}

/* oferta mikro na glownej */
div.oferta_mikro
{
    width: 280px;
    height: 180px;
    background-image: url('/grafika/oferty/oferta_mikro.png');
    background-repeat: no-repeat;
    float: left;
}

div.oferta_mikro img
{
    width: 110px;
    height: 145px;
    margin-left: 18px;
    margin-top: 18px;
    float: left;
}

div.oferta_mikro span
{
    margin-top: 25px;
    margin-left: 10px;
    font-size: 18px;
    display: block;
    float: left;
    width: 120px;
}
/* oferty w kategorii */

div.oferta_mini
{
    width: 550px;
    height: 250px;
    background-image: url('/grafika/oferty/oferta_mini.png');
    margin-left: 12px;
    margin-right: auto;
    overflow: hidden;
}

div.oferta_mini span.mala
{
    float: left;
    margin-top: 16px;
    margin-left: 2px;
    width: 90px;
    height: 220px;
    display: block;
}
div.oferta_mini img.duza
{
    float: left;
    width: 142px;
   /* height: 218px;*/
    margin-left: 16px;
    margin-top: 16px;
}

div.oferta_mini img.mala
{
    margin-top: 1px;
    float: left;
    width: 70px;
    /* height: 108px; */

}

div.oferta_mini span
{
    float: left;
    display: block;
    width: 250px;
    margin-top: 16px;
    font-size: 20px;
    color: #714e36;
    font-weight: bold;
    line-height: 30px;
}

/* szczegoly oferty */
div.oferta
{
    float: left;
    margin-left: 12px;
    width: 560px;
    height: 755px;
    background-image: url('/grafika/oferty/oferta_szczegoly.png');
    background-repeat: no-repeat;
    padding-top: 20px;
}

div.oferta a *
{
  border: none;
}

div.oferta div.lewa
{
    float: left;
    width: 300px;
    margin-left: 16px;
}

div.oferta div.miniaturki
{
    float: left;
    width: 300px;
}

div.oferta img.duza
{
    width: 260px;
    /*height: 380px;*/
    border: 1px solid #000000;
}

div.oferta img.mala
{
    width: 70px;
    /*height: 108px;*/
    margin-left: 12px;
    margin-top: 5px;
    float: left;
    border: 1px solid #000000;
}

div.oferta div
{
    width: 200px;
    display: block;
    float: left;
    font-size: 20px;
    color: #714e36;
    line-height: 30px;
    text-align: left;
}

div.oferta span.dokladne_romiary
{
  height: 200px;
  line-height: 22px;
  display: block;
}
div.oferta span.dokladne_romiary *
{
  font-size: 14px;
}

span.dokladne_romiary form
{
  margin: 0px 0px 0px 0px;
}

div.oferta span.opis
{
  font-size: 13px;
  font-weight: bold;
  line-height: 18px;
  font-family: Arial;
}

div.oferta a.marzenia
{
  margin-left: 40px;
  padding-top: 20px;
  width: 200px;
  height: 35px;
  float: left;
  background-image: url('/grafika/oferty/szczegoly_marzenia.png');
  background-position: bottom;
}

div.oferta a.marzenia:hover
{
  background-image: url('/grafika/oferty/szczegoly_marzenia_hover.png');
}

/* listowanie stron w kategoriach ofert */
div.listowanie_stron
{
    font-size: 16px;
    font-weight:bold;
    width: 550px;
    padding-right: 30px;
    text-align: right;
}

div.listowanie_stron *
{
  display: inline;
  text-align: right;
  width: auto;
}


/* regulamin */

div.regulamin
{
    width: 550px;
    float: left;
    font-weight: bold;
}

span.regulamin_kategoria
{
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
    font-size: 18px;
    float: left;
}

span.regulamin_tresc
{
    display:block;
    font-size: 16px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    text-indent: 25px;
}

span.wlasciciel
{
    display: block;
    font-size: 16px;
    margin: 10px auto 10px auto;
    width: 170px;
}

span.kontakt_tresc
{
    display:block;
    font-size: 20px;
    width: 300px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 100px;
}

div.regulamin ul, div.regulamin li,div.regulamin ol
{
    float: left;
    width: 550px;
    padding-left: 0px;
    list-style-type: none;
    list-style-position: outside;
    margin-top: 1px;
    margin-left: 0px;
    padding-bottom: 5px;
}

a.link
{
    float: none;
    display: inline;
    text-decoration: underline;
}

/* logowanie */
div.logowanie
{
    float: left;
    width: 275px;
    height: 178px;
    background-image: url('/grafika/www/logowanie.png');
    background-repeat: no-repeat;
    margin-top: 50px;
    margin-left: 150px;
}

div.logowanie *
{
    float: left;
    border: none;
}

form.logowanie
{
    margin-left: 30px;
    margin-top: 60px;
}

form.logowanie label
{
    clear: both;
    width: 50px;
    font-weight: bold;
}

form.logowanie input
{
    border: 1px solid #714e36;
    margin-top: 1px;
    background-color: #ebd9ea;
    color: #660000;
}

form.logowanie button
{
    background-color: transparent;
    border: none;
    margin-top: 5px;
}

div.logowanie a.rejestracja
{
    margin-top: 15px;
    margin-left: 140px;
    clear: both;   
}

div.logowanie a.haslo
{
    margin-top: 30px;
    margin-left: 10px;
    clear: both;
}

/* rejestracja */

div.rejestracja
{
    background-image: url('/grafika/www/rejestracja.png');
    background-repeat: no-repeat;
    width: 420px;
    height: 430px;
    float: left;
    margin-left: 90px;
}

div.rejestracja *
{
    float: left;
    border: none;
}

div.rejestracja_regulamin
{
  width: 360px;
  font-size: 12px;
  height: 100px;
  overflow: scroll;
}

form.rejestracja
{
    margin-left: 25px;
    margin-top: 35px;
    font-weight: bold;
}

form.rejestracja input,form.rejestracja select
{
    border: 1px solid #714e36;
    margin-top: 1px;
    background-color: #ebd9ea;
    color: #660000;
    font-size: 12px;
}

form.rejestracja label
{
    width: 100px;
}

form.rejestracja button
{
    margin-top: 5px;
}

form.rejestracja legend
{
  float: none;
}

form.rejestracja input[type=submit]:hover
{
  color: #FFFFFF;
  background-color: #990000;
}




/* koszyk */

div.koszyk
{
    width: 418px;
    float: left;
    margin-left: 100px;
}

div.koszyk *
{
    float: left;
    border: none;
}

div.koszyk div.koszyk_gora
{
    display: block;
    width: 400px;
    height: 39px;
    background-image: url('/grafika/koszyk/koszyk_tlo_gora.png');
    background-repeat: no-repeat;
    clear: both;
    padding-left: 18px;
    padding-top: 10px;
    font-weight: bold;
}

div.koszyk div.koszyk_srodek
{
    display: block;
    width: 382px; /* 418-18-18*/
    background-image: url('/grafika/koszyk/koszyk_tlo_srodek.png');
    background-repeat: repeat-y;
    clear: both;
    padding-left: 18px;
    padding-right: 18px;
}

div.koszyk div.koszyk_dol
{
    display: block;
    width: 400px;
    height: 51px;
    background-image: url('/grafika/koszyk/koszyk_tlo_dol.png');
    background-repeat: no-repeat;
    clear: both;
    padding-left: 18px;
}

table.koszyk
{
  width: 382px; /* 418-2*18px */
}

table.koszyk *
{
  float: none;
}

table.koszyk tr.naglowek
{
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #000000;
  text-align: center;
}

table.koszyk tr
{
 
}

table.koszyk td
{
}

table.koszyk td.lista
{
  width: 12px;
  text-align: right;
}

/* artykuly na stronie */
div.artykul
{
  width: 560px;
}

div.artykul span.tytul
{
  display: block;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}


div.artykul span.akapit
{
  text-indent: 20px;
  display: block;
  font-size: 16px;
  padding-top: 10px;
}

div.artykul img
{
  
}

table.artykul
{
  width: 100%;
  margin-top: 10px;
  border: 1px solid #111111;
}

table.artykul tr
{
  text-align: left;
}

table.artykul *
{
  border: 1px solid #999999;
}

table.artykul tr.naglowek
{
  text-align: center;
  font-weight: bold;
}


/* komentarze na stronie */

div.komentarz
{
  width: 530px;
  float: left;
  margin-left: 20px;
  height: 40px;
  background-image: url('/grafika/napisy/komentarz.png');
}

span.komentarz_tytul
{
  margin-left: 280px;
}

span.komentarz_tresc
{
  margin-left: 150px;
}

div.komentarz_form
{
  float: left;
  margin-left: 120px;
}

div.komentarz_form *
{
  float: left;
}

div.komentarze_paginacja
{
  width: 100%;
  text-align: center;
}

div.komentarze_paginacja a
{
  display: inline;
  text-decoration: underline;
  font-weight: bold;
  margin-right: 10px;
  font-size: 16px;
}


/* mini kontakt */

div.kontakt_mini
{
  width: 150px;
  padding-top: 20px;
  float: left;
}

div.kontakt_mini div
{
  padding-top: 10px;
  float: left;
}

div.kontakt_mini img
{
  float: left;
  width: 50px;
  padding-top: 6px;
}

div.kontakt_mini span
{
  padding-left: 8px;
  width: 90px;
  font-size: 14px;
  display:block;
  float: left;
}

/* konkurs */

div.budka_konkurs
{
  background-image: url('/grafika/konkurs/konkurs_budka.png');
  background-repeat: no-repeat;
  width: 220px;
  height: 170px;
  margin-left: 150px;
}

div.budka_konkurs img
{
  height: 95px;
  width: 64px;
  padding-top: 46px;
  margin-left: 30px;
}

div.budka_konkurs span
{
  width: 80px;
  padding-top: 70px;
  margin-left: 34px;
  display: block;
  float: left;
  color: #8c783d;
}

div.konkurs_kwiatki
{
  background-image: url('/grafika/konkurs/konkurs_kwiatki.png');
  background-repeat: no-repeat;
  width: 90px;
  height: 34px;
  margin-left: auto;
  margin-right: auto;
}
/* przyciski maja normalny wyglad myszki */
button
{
  cursor: pointer;
}

