body, #pre{height: 100%; width: 100%; }
body{
background-color: #000;
margin:0;
color: #FFF;
font: 11px verdana, trebuchet MS, arial, helvetica, sans-serif;
line-height: 15px;
}
img{display: inline; border: 0;}
form, fieldset{display: inline; border: 0;}
a{text-decoration: none; color:#FFCC00; }
a:hover{color:#F2ED82;}
ul{
list-style: url('img/wyp.gif');
}
.brak_wyp{
list-style: none;
}
.fl, #lewa, #prawa, #stopka li, .autor_tresc, .galeria, .kat_gal, .pr_foto, .autor, .kat_prod{float: left; display: inline; }
.fr, .data{float: right; display: inline;}
.txt_ar{text-align: right;}
.txt_ac{text-align: center;}
.clear, #stopka, .strony, .foto_opis, .art_cena, .opinie, #projekt{clear: both;}
.db{display: block;}
input, textarea{background-color: #0C0C0A; border: 1px solid #34342E; color: #FFF; font: 11px trebuchet MS, arial, verdana, helvetica, sans-serif; margin-bottom: 5px;}
.foto{border: 2px solid #484840;}
.cb{
color: #B8B896;
}
.p_bottom{margin-bottom: 10px;}
.przycisk1{
background-color: #0C0C0A; 
border: 1px solid #34342E;
width: 50px;
font-weight: bold;
font-size: 11px;
color:#FFCC00;
cursor: pointer;
}
.przycisk1:hover{
color:#F2ED82;
background-color: #11120D; 
}
.przycisk1{
margin-left: 552px;
}
.txt1{
height: 17px;
width: 550px;
}
.txt2{
height: 100px;
width: 550px;
}
#form_opinie{width: 500px;}
#tekst{
margin: 0 40px 30px 20px;
height: auto !important;
height: 520px;
min-height: 520px;
}

.zamowienie{
padding-top: 20px;
clear: both;
}
.gal_table{
display: table;
margin: 0 3px 3px 3px;
height: 100px;
width: 100px;
margin: 0 auto;
}
.gal_table .gal_cell{
display: table-cell;
vertical-align: middle;
text-align: center;
}
.kat_gal{
text-align: center; 
padding-bottom: 20px; 
width: 150px; 
height: auto !important; 
height: 150px; 
min-height: 150px; 
margin: 0 5px 0 5px;
}
.kat_gal img{display:inline;}
.kat_prod{
text-align: center; 
padding: 10px 0 10px 0; 
width: 148px; 
margin: 5px;
background-color: #000;
border: 1px solid #484840;
}
.opinie{
padding-top: 20px;
}
#foto_opis, #art_cena{
height: auto !important;
height: 30px;
min-height: 30px;
}
#art_cena{
font-size: 12px;
font-weight: bold;
}
.pr_foto{
width: 100px;
margin-right: 10px;
}
.pr_opis p{
margin: 0 -40px 10px -20px;
}
.autor_data{
border-bottom: 1px solid #484840;
margin-top: 15px; 
height: 20px;
}
.autor{
font-size: 12px;
font-weight: bold;
}
.data{
margin-left: 30px;
color: #484840;
}


.autor_tresc{
width: 40px;
text-align: right;
margin-right: 10px;
padding-top: 5px;
}


#pre{position: absolute; left: 0; top: 0; background: url('img/pre.jpg') no-repeat center #000;}
#prawa h1,#prawa h2, #lewa h1, #prawa h3{
color: #B8B896;
}
#prawa h1,#prawa h2, #lewa h1{
font-size: 13px;
}
#prawa h3{
font-size: 12px;
}
#prawa h1{
margin: 0 0 10px 0;
padding: 4px 0 0 60px;
background: url('img/h1_h2.png') no-repeat;
height: 35px;
voice-family : "\"}\""; voice-family : inherit;
height: 31px;
}
#prawa h2, #prawa h3{
margin: 0 0 5px 0;
}
#prawa p{
padding: 0;
margin: 0 0 10px 0;
}
#lewa h1{background: url('img/h1_kon.png') no-repeat bottom; margin: 0 0 5px 0; padding: 5px 0 0 30px; 
height: 31px;
voice-family : "\"}\""; voice-family : inherit;
height: 26px;
}
#lewa p{
margin: 0 0 5px 0;
padding: 0;
text-align: center;
}

#center, .hollywood, .preimg{margin: 0 auto;}
#center{width: 980px; padding-bottom: 25px;}
.preimg{width: 178px; height: 232px; display: none;}
#lewa{width: 214px;}
.godziny{
margin: 0 0 0 80px;
}

#prawa{
width: 766px;
background: url('img/prawa_tlo.gif') repeat-y;
}
#top_kon, #top_gal, #top_of, #top_onas, #top_pol{height: 232px; background-color: #B1FFE2;}
#top_kon{background: url('img/top_kon.jpg') no-repeat;}
#top_gal{background: url('img/top_gal.jpg') no-repeat;}
#top_of{background: url('img/top_of.jpg') no-repeat;}
#top_onas{background: url('img/top_onas.jpg') no-repeat;}
#top_pol{background: url('img/top_pol.jpg') no-repeat;}

.sciezka_kon, .sciezka_gal, .sciezka_of, .sciezka_onas, .sciezka_pol, .strony {
color: #B8B896;
}

.sciezka_kon, .sciezka_gal, .sciezka_of, .sciezka_onas, .sciezka_pol{
padding: 10px 0 0 20px;
height: 38px; 
voice-family : "\"}\""; voice-family : inherit;
height: 28px; 
}
.sciezka_kon{background: url('img/h1_kon.jpg') no-repeat;}
.sciezka_gal{background: url('img/h1_gal.jpg') no-repeat;}
.sciezka_of{background: url('img/h1_of.jpg') no-repeat;}
.sciezka_onas{background: url('img/h1_onas.jpg') no-repeat;}
.sciezka_pol{background: url('img/h1_pol.jpg') no-repeat;}
.strony{
text-align: center;
padding-top: 15px;
}
.str_link{
background-color: #0C0C0A;
border: 1px solid #484840;
padding: 5px;
margin-right: 5px;
}
.str{
padding: 5px;
}
#terminarz{
width: 640px;
border-top: 1px solid #484840;
border-left: 1px solid #484840;
text-align: center;
}
#terminarz th, #terminarz td{
border-right: 1px solid #484840;
border-bottom: 1px solid #484840;
padding: 5px;
}
#terminarz th{
font-weight: bold;
background-color: #0C0C0A;
color: #B8B896;
}

#zawartosc{
background: url('img/tekst_tlo.jpg') no-repeat;
margin-bottom: 30px;
padding: 0 0 0 62px;
}
.banerek{
color: #FE0000;
font-size: 13px;
font-weight: bold;
width: 640px;
text-align: center;
margin: 10px auto;
}


#stopka{
margin: 0 0 0 62px;
padding: 8px 0 0 80px;
list-style: none;
background: url('img/stopka.jpg') no-repeat;
color: #484840;
height: 33px;
voice-family : "\"}\""; voice-family : inherit;
height: 25px;
}
#stopka a, #stopka a:hover{margin: 0 15px 0 15px;}
#stopka a, #projekt a{color: #484840;}
#stopka a:hover, #projekt a:hover{color: #B8B896;}
#projekt{
height: 10px;
text-align: right;
padding: 10px 20px 0 0;
font-size: 10px;
color: #B8B896;
}