/* CSS Document */

body, div, table, tr, td, img, p, li, ul, ol {
    padding: 0px;
    margin: 0px;
    border: 0px;
}

html { overflow: scroll; }

body {
    width: 100%;
    text-align: center; margin: auto;
    background-image: url('../img/loop.jpg');
    background-repeat: repeat-x;
    background-color: black;
}

#container { width: 100%; margin: auto; overflow: hidden; }

#top { text-align: center; }
#top .left {
    position: relative; left: -38px;
    width: 778px; margin: auto;
    background-image: url('../img/lewak.jpg');
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
#top .right {
    position: relative; right: -76px;
    width: 778px; margin: auto;
    background-image: url('../img/prawak.jpg');
    background-repeat: no-repeat;
    background-position: 740px 0px;
}
#top .center {
    position: relative; left: -38px;
    width: 778px; margin: auto;
}

#main {
    width: 100%;
    margin: auto;
}
#main .main_top {
    width: 100%; height: 265px;
    text-align: center; margin: auto;
    background-image: url('../img/top.jpg');
    background-repeat: no-repeat;
}
#top_flash { margin-right: -2px; }
#main .main_title {
    width: 100%; height: 38px;
    text-align: left; margin: auto;
    background-image: url('../img/titles/back_title.jpg');
    background-repeat: no-repeat;
}
#main .main_title img { margin-top: 4px; }
#main .middle {
    width: 100%;
    text-align: center; margin: auto;
    vertical-align: top;
    background-repeat: no-repeat;
    background-color: black;
}

#content {
    text-align: left;
    margin-left: -2px;
    border-left: 1px solid #807F7D;
    margin-right: -5px;
    border-right: 1px solid #807F7D;
    min-height: 220px;
}

#footer {
    height: 120px;
    text-align: center; margin: auto;
}
#footer .left {
    position: relative; left: -38px;
    width: 778px; margin: auto;
    background-image: url('../img/footer_left.jpg');
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
#footer .right {
    position: relative; right: -76px;
    width: 778px; margin: auto;
    background-image: url('../img/footer_right.jpg');
    background-repeat: no-repeat;
    background-position: 740px 0px;
}
#footer .center {
    position: relative; left: -38px;
    width: 778px; margin: auto;
}


div, td, th {
    color: #CCCCCC;
    font-family: Verdana, Arial, Helvetica;
    font-size: 10px;
}
td { vertical-align: top; }

p, li, ul, ol, td, th { line-height: 16px; text-align: left; }
p { margin-bottom: 5px; margin-top: 10px; }
li { margin-bottom: 2px; }
ol, ul { list-style-position: outside; margin-left: 30px; }

a { text-decoration: none; }
a, a:link, a:visited { color: #D25900; }
a:hover { color: #FFFFFF; }

strong { color: #D25900; text-transform: uppercase; }
b { color: #FFFFFF; }

.heading, h1 { color: #D25900; font-weight: bold; text-transform: uppercase; margin-top: 15px; }
.header { color: #FFFFFF; margin-top: 15px; }
.header_red { color: #D25900; margin-top: 15px; }
.red { color: #D25900; }
.grey { color: #999999; }
.title, th, h2 { color: #FFFFFF; text-transform: uppercase; margin-top: 15px; font-size: 10px; }
.first { text-indent: 25px; line-height: 15px; }
.price { text-align: right; }
.topic, #robak { text-align: center; }
.link { margin-left: 35px; text-transform: uppercase; }
.impress { list-style-type: upper-roman; }

#home, #galeria {
    width: 750px;
    margin-left: 14px;
}

#witamy, #news { margin: 5px; }
#witamy .prawa { width: 400px; padding-right: 30px; }
#news img { margin-left: 20px; }
#news img.linia { width: 731px; margin-left: 10px; }
#news { margin-top: 40px; }
#news td { padding-bottom: 25px; }
#news td.kropki { padding-bottom: 10px; }

#galeria {
    padding-top: 10px;
    margin-left: 24px;
}
#podgalerie {
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    color: #D25900;
    margin-top: 20px;
}
img.gallery {
    margin: 15px;
    -moz-opacity: 0.8; filter: alpha(opacity=80);
}
#galeria .koncertowe { margin-top: 20px; }
#galeria img.linia { width: 731px; margin-left: 10px; margin-top: 10px; }

#material { width: 750px; margin: 10px; }
#material td.kropki { padding: 0px 0px 15px 5px; }
#material ol { margin-top: 10px; margin-bottom: 10px; }
table#material { margin-top: 30px; }
.cover { padding: 0px 10px 25px 0px; }

#konfrontacje { width: 750px; margin: 10px; margin-top: 25px; }
#konfrontacje td.data { width: 90px; font-weight: bold; color: #ffffff; padding-left: 10px; }
#konfrontacje td.koncerty { padding-right: 150px; }
#konfrontacje td.kropki { padding: 10px 0px 10px 0px; }
#konfrontacje p.link { margin-left: 10px; margin-top: 25px; text-transform: uppercase; }

#formacja { width: 750px; margin-left: 10px; }
#formacja .czlonek { width: 245px; padding: 5px; text-align: right; font-weight: bold; color: #aaaaaa; }

#historia { margin: 10px; margin-top: 25px; }
#historia p { text-align: center; }
#historia img { width: 390px; margin: 10px; margin-left: 170px; }
#historia p.link { margin-left: 0px; text-transform: uppercase; }

#przeszlosc { margin: 5px; margin-top: 25px; }
#przeszlosc td { padding-left: 25px; }
#przeszlosc td.bottom { vertical-align: bottom; }
#przeszlosc img { width: 320px; margin: 10px 0px 10px 5px; }
#przeszlosc img.linia { width: 731px; margin: 20px 0px 20px 5px; }
#przeszlosc p { margin: 5px; line-height: 16px; }

#kontakt { margin: 10px; }
#kontakt p { text-align: center; margin-top: 25px; line-height: 16px; }

#linki { margin: 15px; }
#linki p { margin-top: 25px; }
#linki img { margin: 5px; }

.teksty { width: 700px; margin: 35px 10px 10px 20px; }
.teksty img { margin: 10px; }
.teksty img.linia { width: 731px; margin: 15px 0px 15px 5px; }
.teksty p.link { margin-left: 0px; text-transform: uppercase; }
.teksty li { margin-bottom: 5px; margin-top: 10px; }

#relacje { width: 750px; margin: 10px; margin-top: 25px; }
#relacje img.linia { width: 731px; margin-left: 10px; }
#relacje td { padding-bottom: 25px; }
#relacje td.kropki { padding-bottom: 10px; }
#relacje p.link { margin-left: 0px; text-transform: uppercase; }

/* start: GRIMSHOP - wyswietlanie produktow */
.produkt_calosc {float:left;width:780px;}
.produkt_tresc p,.produkt_tresc h2,.produkt_tresc a,.produkt_tresc_2 p,.produkt_tresc_2 h2,.produkt_tresc_2 a {font-size:12px;line-height:14px;margin:0px;padding-right:20px;}
.produkt_zdjecie {padding:10px 10px 10px 20px;float:left;text-align:center;width:270px;}
.produkt_tresc {padding:10px 0px 10px 20px;}
.produkt_tresc_2 {padding:10px 0px 10px 10px;width:470px;float:right;}
.produkt_tresc p,.produkt_tresc_2 p {text-align:justify;}
.produkt_tresc h2,.produkt_tresc_2 h2 {font-weight:bold;text-transform:none;}
.produkt_cena_kup {float:right;width:180px;}
.produkt_cena_kup p,.produkt_cena_kup a {text-align:center;}
.produkt_cena_kup p {font-size:24px;line-height:29px;color:#c00;margin-bottom:5px;}
.produkt_cena_kup a:link,.produkt_cena_kup a:visited {color:#ff0;font-weight:bold;text-decoration:underline;display:block;}
.produkt_cena_kup a:hover,.produkt_cena_kup a:active {text-decoration:none;}
.odstep_p {clear:right;}
.produkt_linia {padding:10px 0px 0px 0px;}
p.odstep_1 {margin-top:14px;}
/* stop: GRIMSHOP - wyswietlanie produktow */
/* start: GRIMSHOP - koszyk */
.koszyk {border-collapse:collapse;margin:0px auto;}
.koszyk th {text-transform:none;background-color:#c00;text-align:center;}
.koszyk td {border-bottom:1px solid #c00;padding:5px;}
.koszyk input {font-size:10px;line-height:16px;color:#000;}
.koszyk input[type="text"] {width:30px;text-align:right;height:15px;}
.koszyk input[type="submit"] {height:19px;background-color:#ccc;border:1px solid #fff;}
.wymiar_1 {width:350px;}
.wymiar_2 {width:40px;}
.wymiar_3 {width:100px;}
.wymiar_4 {width:30px;}
.do_prawej {text-align:right;}
.koszyk th.do_lewej {text-align:left;}
.koszyk td.bez_linii {border-bottom:2px solid #000;}
.marginesp_1 {margin-right:8px;}
.komunikat {padding:0px 20px;}
/* start: GRIMSHOP - koszyk */
/* start: GRIMSHOP - formularz zamowienia */
.zamowienie {width:500px;margin:0px auto;margin-top:20px;}
.zamowienie ul {margin:0px;list-style-type:none;}
.zamowienie input {font-size:10px;line-height:16px;color:#000;}
.zamowienie input[type="text"] {width:250px;height:20px;}
.zamowienie input[type="submit"] {height:19px;background-color:#ccc;border:1px solid #fff;}
.zamowienie li {margin:4px 0px;line-height:12px;}
.teksty {float:left;text-align:right;width:200px;padding-right:10px;}
.ustaw_przycisk {text-align:right;margin-right:40px;margin-top:5px;}
.informacja {margin:0px 20px;}
.blad {padding:0px 4px;background-color:#f00;color:#fff;font-weight:bold;margin:0px auto;width:430px;text-align:center;margin-bottom:10px;}
/* stop: GRIMSHOP - formularz zamowienia */
.twoja_sakiewka {float:right;margin-right:20px;} /* GRIMSHOP - TWOJA SAKIEWKA */
.grimshop {float:right;margin-right:30px;} /* GRIMSHOP - GRIMSHOP */
.main_naglowek {float:left;} /* GRIMSHOP - Nagłówek */