/* CSS Document */

/* Layout */

body, div, table, tr, td, img, p, li, ul, ol {
    padding: 0px;
    margin: 0px;
    border: 0px;
}

body {
    width: 100%;
    text-align: center; margin: auto;
    background-image: url('../img/bg_loop.jpg');
    background-repeat: repeat-y;
    background-position: top center;
    background-color: black;
}

#container {
    width: 100%; height: 100%;
    text-align: center; margin: auto;
}

#lewak {
    position: relative; left: -250px;
    width: 800px; height: 932px;
    margin: auto;
    background-image: url('../img/lewak.jpg');
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
#prawak {
    position: relative; right: -500px;
    width: 800px; height: 932px;
    background-image: url('../img/prawak.jpg');
    background-repeat: no-repeat;
    background-position: 550px 0px;
}
#center {
    position: relative; left: -250px;
    width: 800px; height: 100%;
    text-align: left;
}

#top {
    height: 221px;
    background-image: url('../img/top_bg.jpg');
    background-repeat: no-repeat;
}

#left {
    width: 222px; height: 711px;
    float: left;
}

#menu {
    height: 225px;
    background-image: url('../img/menu_bg.jpg');
    background-repeat: no-repeat;
}

#footer {
    height: 486px;
    background-image: url('../img/left_bg.jpg');
    background-repeat: no-repeat;
}
#xa {
    margin-top: 253px;
    margin-left: 123px;
}
#copy {
    margin-top: 20px;
    margin-left: 107px;
}

#right {
    width: 578px;
    min-height: 711px;
    *height: 711px;
    background-image: url('../img/main_bg.jpg');
    background-repeat: no-repeat;
    float: left;
}

#content {
    margin-top: 81px;
    margin-left: 19px;
    width: 540px;
}

/* Content */

body, td, li, input {
    font-family: Arial;
    font-size: 12px;
    color: #9b604f;
}

b, strong { color: #a47761; }
strong { text-transform: uppercase; }

h1, th {
    font-size: 12px;
    color: #a47761;
}

p, h1 { margin-bottom: 12px; }

a {
    text-decoration: none;
    color: #a22a00;
}
a:hover { color: #a47761; }

ul {
    list-style-position: inside;
    list-style-image: url('../img/kropa.gif');
    *list-style-image: url('../img/kropa_ie.gif');
}
ul.outside {
    padding-left: 19px;
    list-style-position: outside;
}

.date { color: #a47761; }
.brown { color: #9b604f; }

#news, #biografia, #dyskografia, #kontakt, #download, #media { width: 444px; }
#news { line-height: 13px; }
#news li { margin-bottom: 30px; }

#media li, #dyskografia li { margin-bottom: 7px; }
#media ul, #dyskografia ul { margin-bottom: 24px; }

#linki li { margin-bottom: 7px; }
#linki ul { margin-bottom: 24px; }
#linki { line-height: 24px; }

#sklep { width: 500px; }
#sklep li { margin-bottom: 24px; }
#sklep ul { margin-bottom: 24px; }
#sklep { line-height: 24px; }
#sklep img { margin: 10px 0px 10px 0px; }

#dyskografia th {
    padding: 24px 0px 0px 12px;
    text-align: left;
}
#dyskografia td, th { padding: 12px; }

#foto .katalog { margin-bottom: 24px; }
img.gallery {
    margin: 0px 5px 5px 0px;
    -moz-opacity: 0.8; filter: alpha(opacity=80);
}