/* =reseting
-------------------------------------------------------------- */

body, h1, h2, h3, h4, h5, h6,
blockquote, p, address, form, fieldset,
ul, ol, dl, dt, dd, li, hr, table, td, th {
    margin: 0;
    padding: 0;
}

a, a:visited { text-decoration: none; }	
fieldset, img { 
    border: none;
    margin: 0;
    padding: 0;
}

/* body */

body {
    background-image: url(../grafika/tlo.png);
    behavior: url(pliki/csshover2.htc);
}

/* top */

#gora {
    width: 100%;
    height: 350px;
    background: url(../grafika/logo.jpg) no-repeat center;
    border-top: 5px #B43E1B solid;
    margin-bottom: -185px;
}

#top {
    width: 770px;
    margin: 0 auto;
    position: relative;
}

#top img.eng {
    position: absolute;
    left: 7px;
    top: 0;
}

#top img.pol {
    position: absolute;
    left: 57px;
    top: 0;
}

#top a#lewy {
    display: block;
    width: 102px;
    height: 79px;
    line-height: 79px;
    padding-left: 73px;
    position: absolute;
    left: 409px;
    top: 99px;
    background-image: url(../grafika/przycisk_lewy.png);
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    color: #FFF;
}

#top a#prawy {
    display: block;
    width: 113px;
    height: 79px;
    line-height: 79px;
    padding-left: 62px;
    position: absolute;
    left: 584px;
    top: 99px;
    background-image: url(../grafika/przycisk_prawy.png);
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    color: #FFF;
}

#top a#gorny {
    position: absolute;
    left: 657px;
    top: 18px;
    font-family: Arial;
    font-size: 10px;
    color: #777;
    text-decoration: none;
}

#top a#dolny {
    position: absolute;
    left: 657px;
    top: 40px;
    font-family: Arial;
    font-size: 10px;
    color: #777;
    text-decoration: none;
}

/* reklama */

#reklama {
    width: 100%;
    padding: 10px 0;
    border-top: 1px #333 solid;
    border-bottom: 1px #333 solid;
    text-align: center;
    position: relative;
}

/* strona */

#strona {
    width: 770px;
    margin: 13px auto 13px auto;
    overflow: hidden;
}

/* menu */

#menu {
    width: 167px;
    float: left;
    text-align: center;
}

#menu a.pier {
    display: block;
    width: 167px;
    height: 36px;
    background-image: url(../grafika/menu_gora.png);
    line-height: 41px;
    text-decoration: none;
    font-family: Arial;
    font-size: 10px;
    color: #FFF;
}

#menu a.link {
    display: block;
    width: 167px;
    height: 29px;
    background-image: url(../grafika/menu.png);
    line-height: 29px;
    text-decoration: none;
    font-family: Arial;
    font-size: 10px;
    color: #FFF;
}

#menu a.ost {
    display: block;
    width: 167px;
    height: 37px;
    background-image: url(../grafika/menu_dol.png);
    line-height: 29px;
    text-decoration: none;
    font-family: Arial;
    font-size: 10px;
    color: #FFF;
    margin-bottom: 12px;
}

/* tekst */

#tekst {
    width: 582px;
    padding-left: 21px;
    float: right;
}

#tekst h1 {
    background: url(../grafika/naglowek.png) left no-repeat;
    margin-left: -21px;
    padding-left: 65px;
    line-height: 60px;
    font-family: Trebuchet MS;
    font-size: 17px;
    color: #FFF;
}

#tekst p {
    margin: 13px 0;
    text-align: justify;
    font-family: Arial;
    font-size: 12px;
    color: #AAA;
}

#tekst p.srodek {
    text-align: center;
}

#tekst p.prawo {
    text-align: right;
}

#tekst a {
    text-decoration: none;
    font-family: Arial;
    font-size: 12px;
    color: #D81F2A;
    font-weight: bold;
}

#tekst a:hover {
    text-decoration: underline;
}

#tekst img {
    border: 1px #A4A4A4 solid;
}

#tekst img.miniatura {
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 13px 13px 0;
    float: left;
}

/* stopka */

#stopka {
    width: 100%;
    height: 36px;
    background: url(../grafika/stopka_tlo.png) bottom repeat-x;
    border-top: 1px #333 solid;
    border-bottom: 5px #B43E1B solid;
}

#srodek {
    width: 650px;
    height: 36px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 100px;
    line-height: 36px;
}

#stopka p {
    font-family: Arial;
    font-size: 10px;
    color: #777;
}

#stopka a {
    font-family: Arial;
    font-size: 10px;
    color: #D81F2A;
    text-decoration: none;
}

#stopka a.top {
    display: block;
    width: 61px;
    height: 36px;
    background-image: url(../grafika/przycisk_top.png);
    float: right;
    font-size: 0;
    color: #000;
}

/* bonusy */

#strona table {
    width: 95%;
    margin: 13px auto;
    font-family: Arial;
    font-size: 12px;
    color: #AAA;
    clear: both;
}

table th {
    padding-bottom: 5px;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px #FFF solid;
}

table td {
    padding: 4px 0;
    text-align: center;
    border-bottom: 1px #555 solid;
}

table a {
    text-decoration: none;
    font-family: Arial;
    font-size: 12px;
    color: #D81F2A;
    font-weight: bold;
}

table a:hover {
    text-decoration: underline;
}

table tr.hov:hover {
    background-color: #333;
}

/* freerolle */

td.czas {
    font-weight: bold;
    color: #FFF;
}

input, select {
    font-family: Arial;
    font-size: 12px;
}

input.przycisk {
    width: 30px;
}

p#panel {
    margin: 13px 0;
    text-align: center;
}

p#panel a {
    font-family: Arial;
    font-size: 12px;
    color: #AAA;
    text-decoration: underline;
}

/* panel */

label {
    display: block;
    float: left;
    width: 100px;
    font-family: Arial;
    font-size: 12px;
    color: #AAA;
}

label.logowanie {
    padding-left: 100px;
}

input.zaloguj {
    width: 70px;
}

form.freerolle {
    margin: 20px 0;
    padding: 20px 0;
}

.pole {
    margin: 5px 0;
}

input.wyslij {
    margin: 15px 0 0 100px;
}