* {
    margin: 0pt;
    padding: 0pt;
}

body {
    background: #fd8601 url('../images/www/bg.jpg') no-repeat center top;
    font-size: 11px;
    font-family: Tahoma, Arial, sans-serif;
    color: #303030;
    text-align: center;
}

img {
    border: 0;
    vertical-align: top;
    text-align: left;
}

a {
    color: #484848;
    text-decoration: underline;
}

a:hover {
    color: #484848;
    text-decoration: none;
}

h1 {
    color: #B20C0C;
    font-size: 14px;
    font-weight: bold;
    padding: 0px 0px 15px 0px;
}

h2 {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding: 12px 20px;
}

h3 {
    color: #000;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 0px;
}

h4 {
    color: #000;
    font-size: 11px;
    font-weight: bold;
    padding: 10px 0px;
}

ul {
    list-style-position: outside;
    list-style: circle;
    margin: 0px;
    padding: 0px 0px 0px 14px;
}

ul.big {
    margin: 0px;
    padding: 0px;
}

ul.big li {
    background: url('../images/www/big-wykaz.jpg') 0 50% no-repeat;
    list-style: none;
    padding-left: 20px;
    line-height: 32px;
    vertical-align: middle;
    color: #ff3000;
    font-weight: bold;
}

#top {
    width: 902px;
    height: 253px;
    margin: 0 auto;
    text-align: justify;
}

#menu {
    width: 902px;
    height: 48px;
    margin: 0 auto;
}

#menu a:hover img {
    background-position: 100% -48px;
}

#menu .index {
    border: 0px;
    width: 146px;
    height: 48px;
}

#menu a .index {
    background: url('../images/www/menu/index.png');
}

#menu .oferta {
    border: 0px;
    width: 70px;
    height: 48px;
}

#menu a .oferta {
    background: url('../images/www/menu/oferta.png');
}

#menu .firma {
    border: 0px;
    width: 63px;
    height: 48px;
}

#menu a .firma {
    background: url('../images/www/menu/firma.png');
}

#menu .holowniki {
    border: 0px;
    width: 93px;
    height: 48px;
}

#menu a .holowniki {
    background: url('../images/www/menu/holowniki.png');
}

#menu .opinie {
    border: 0px;
    width: 123px;
    height: 48px;
}

#menu a .opinie {
    background: url('../images/www/menu/opinie.png');
}

#menu .galeria {
    border: 0px;
    width: 114px;
    height: 48px;
}

#menu a .galeria {
    background: url('../images/www/menu/galeria-zdjec.png');
}

#menu .video {
    border: 0px;
    width: 62px;
    height: 48px;
}

#menu a .video {
    background: url('../images/www/menu/video.png');
}

#menu .kontakt {
    border: 0px;
    width: 82px;
    height: 48px;
}

#menu a .kontakt {
    background: url('../images/www/menu/kontakt.png');
}

#menu .linki {
    border: 0px;
    width: 147px;
    height: 48px;
}

#menu a .linki {
    background: url('../images/www/menu/polecane-strony.png');
}

#text {
    width: 902px;
    min-height: 300px;
    margin: 0 auto;
    text-align: justify;
    padding: 15px 0px 0px 0px;
    line-height: 16px;
}

#text1 {
    width: 275px;
    height: 213px;
    text-align: justify;
    background: url('../images/www/witaj-na-stronie.jpg') no-repeat center top;
    float: left;
    margin-right: 9px;
    padding: 40px 10px 10px 10px;
}

#text2 {
    width: 275px;
    height: 213px;
    text-align: left;
    background: url('../images/www/nasza-oferta.jpg') no-repeat center top;
    float: left;
    padding: 40px 10px 10px 10px;
}

#text3 {
    width: 275px;
    height: 93px;
    text-align: center;
    background: url('../images/www/potrzebna-pomoc.jpg') no-repeat center top;
    float: right;
    padding: 160px 10px 10px 10px;
}

#text-top {
    width: 902px;
    height: 42px;
    background: url('../images/www/bg-text-top.jpg') no-repeat center top;
}

#text-content {
    width: 882px;
    background-color: #FFF;
    padding: 10px;
    min-height: 300px;
}

#text-bottom {
    width: 902px;
    height: 15px;
    background: url('../images/www/bg-text-bottom.jpg') no-repeat center top;
    margin-bottom: 10px;
}

#bottom {
    width: 100%;
    height: 175px;
    background: #101010 url('../images/www/bg-bottom.jpg') repeat-x top;
}

#bottom-box {
    width: 902px;
    margin: 0 auto;
    padding: 24px 0px;
    text-align: center;
}

#bottom-small {
    width: 100%;
    height: 34px;
    background: #101010 url('../images/www/bottom-small.jpg') repeat-x top;
}

#foot {
    width: 902px;
    margin: 0 auto;
    text-align: justify;
    padding: 10px 0px;
    color: #020202;
    font-size: 11px;
    font-weight: bold;
}

#foot a {
    color: #020202;
    text-decoration: none;
}

#foot a:hover {
    color: #020202;
    text-decoration: underline;
}

#foot-left {
    width: 451px;
    float: left;
    text-align: left;
}

#foot-right {
    width: 451px;
    float: right;
    text-align: right;
}

.clear {
    clear: both;
}

.zdjecia {
    width: 150px;
    height: 113px;
    border: 1px solid #bbbbbb;
    padding: 2px;
    margin: 4px;
    background: #fff url('../images/loading.gif') no-repeat 50% 50%;
}

.img_div {
    width: 130px;
    height: 98px;
    margin: 0px 14px 14px 0px;
    text-align: center;
}

/* KSIEGA GOSCI */
.komunikat {
    border: 1px solid black;
    width: 300px;
    padding: 20px;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
    font-family: Verdana;
    font-size: 12px;
}

/* Wpisy dotyczace wyswietlania kolejnych wpisow */
.wpis {
    width: 760px;
    margin: auto;
    margin-bottom: 20px;
    font-family: Verdana;
    font-size: 12px;
}

.data {
    float: left;
    padding-left: 15px;
}

.autor {
    float: right;
    padding-right: 15px;
    text-align: right;
}

#guziki {
    width: 300px;
    padding-bottom: 20px;
    margin: auto;
    font-family: Verdana;
    font-size: 12px;
}

/* Wpisy dotyczace samych inputow */
.input {
}

.textarea {
}

#token {
}

#button {
}

/* Wpisy dotyczace tabeli w ktorej znajduje sie formularz */
#tabela {
    margin: auto;
    font-family: Verdana;
    font-size: 12px;
}

.tytul {
    text-align: right;
}

.pole {
    text-align: left;
}

.wyslij {
    text-align: right;
}
