*{margin:0;padding:0}
body{
 text-align: center;
 background: url('grafa/tlo_miasto.jpg') repeat-x #000;
 font: 8pt Verdana, sans-serif;
 }
#calosc{
 width: 686px;
 margin: 0 auto 30px;
 text-align: left;
 /*padding-bottom: 3px;*/
 background: url('grafa/tresc_tlo.jpg') repeat-y left top #273106;
 }
/*div#calosc2{
 background: url('grafa/tlo2.gif') #568c20 repeat-y;
 }*/
a{
 text-decoration: none;
 color: #aeac54;
 }
a:hover{
 text-decoration: underline;
 }

h1{
 width: 686px;
 height: 174px;
 }


/*-[ Menu - belka ]--------------------- */

ul#menu_belka{
 background: url('grafa/menu_belka_tlo.png') no-repeat #7f2903;
 height: 42px;
 }
#menu_belka li{
 float: left;
 width: 98px;
 list-style-type: none;
 }
#menu_belka a{
 display: block;
 height: 42px;
 background: no-repeat 98px 0px;
 font: 8pt Verdana, sans-serif;
 line-height: 42px;
 text-align: center;
 text-decoration: none;
 color: #aeac54;
 }
#menu_belka a#newsy{background-image: url('grafa/menu_newsy_tlo.png')} 
#menu_belka a#zespol{background-image: url('grafa/menu_zespol_tlo.png')}
#menu_belka a#koncerty{background-image: url('grafa/menu_koncerty_tlo.png')}
#menu_belka a#media{background-image: url('grafa/menu_media_tlo.png')}
#menu_belka a#teksty{background-image: url('grafa/menu_teksty_tlo.png')}
#menu_belka a#galeria{background-image: url('grafa/menu_galeria_tlo.png')}
#menu_belka a#ksiega{background-image: url('grafa/menu_ksiega_tlo.png')}
#menu_belka a.aktywna, #menu_belka a:hover{
 background: left top #683002;
 color: #f3cf41;
 }

#dol{
 margin: 10px;
 /*background: url('grafa/tresc_tlo.jpg') repeat-y 467px 0;*/
 }


/*-[ Lewa kolumna ]--------------------- */

#tresc{
 float: left;
 width: 459px;
 margin: 10px;
/* background: #5b9224;
 border: solid 1px #52871e;
 border-bottom-width: 4px;*/
 padding: 10px 0px 20px;
 color: #faecc0;
 position: relative;
 }
h2{
 font: 13.5pt Verdana, sans-serif;
 color: #edca5b;
 margin-left: 5px;
 }
h3{
 font: bold 10pt Verdana, sans-serif;
 color: #edca5b;
 margin-left: -5px;
 margin-top: 20px;
 }
.data{
 color: #d9c78d;
 margin-left: 17px;
 }
.tekst{
 /*border-left: solid 4px #52871e;*/
 padding: 0 13px;
 margin: 15px 0 25px;
 line-height: 1.4em;
 }
.tekst p{
 margin-top: 1em;
 }
#tresc .hr{
 height: 3px;
 line-height: 3px;
 font-size: 1px;
 background: url('grafa/podzial.gif') no-repeat center top;
 margin: 25px 0 30px;
 }
a.dzwiek, a.film{
 padding-left: 20px;
 display: block;
 background-position: left center;
 background-repeat: no-repeat;
 line-height: 20px;
 margin-left: 10px;
 }
a.dzwiek{
 background-image: url('grafa/mp3.gif');
 }
a.film{
 background-image: url('grafa/avi.gif');
 }


/* - Galeria - */
ul.galeria{
 padding-left: 35px;
 }
.galeria li{
 list-style-type: none;
 float: left;
/* border: solid 1px #52871e*/;
 border-width: 0 1px 1px 0;
 padding: 10px;
 margin: 5px;
 width: 164px;
 height: 164px;
 text-align: center;
 }
.galeria img{
 border: solid 1px #181e02/*#5a8e27*/;
 }
.galeria li, #ramka{
/* background: #639a2c;*/
 }
#bg{
 position: absolute;
 z-index: 10;
 left: 0;
 width: 100%;
 background: url('grafa/tlo.gif') #000;
 text-align: center;
 }
#ramka{
 position: absolute;
 z-index: 12;
 padding: 15px;
 background-repeat: no-repeat;
 background-position: center center;
 border: solid 5px #2f360a/*#242c04*/ /*#52871e*/;
 overflow: hidden;
 }
#prev{float: left; left: 15px;}
#next{float: right; right: 15px;}
#x{position: absolute; left: 50%}
#prev, #next, #x{
 display: block;
 bottom: 15px;
 margin-top: 20px;
 color: #274e02;
 cursor: pointer;
 }
.disabled{
 visibility: hidden;
 }
/* - /Galeria - */


ul#strony{
 position: absolute;
 bottom: -21px;
 right: 10px;
 border: solid 1px #52871e;
 border-width: 0 1px;
 background: #5b9224;
 height: 21px;
 overflow: hidden;
 }
#strony li{
 float: left;
 list-style-type: none;
 color: #3e6d0f;
 background: url('grafa/kropki2.gif') repeat-y left top;
 margin-left: -2px;
 }
#strony a, #strony span{
 color: #3e6d0f;
 display: block;
 height: 16px;
 line-height: 16px;
 border-bottom: solid 3px #52871e;
 padding: 0 7px 2px;
 float: left;
 }


/*-[ Podmenu ]--------------------- */

#podmenu{
 float: right;
 width: 190px;
 margin: 20px 10px 0 0;
/* border: solid 1px #52871e;
 border-bottom-width: 4px;
 background: #5b9224;*/
 }
#podmenu h2{
 margin: 0 7px;
 font: bold 8pt Verdana, sans-serif;
 color: #f3cf41;
 text-align: center;
 line-height: 29px;
 background: url('grafa/sie_dzialo_tlo.png');
/* border-bottom: solid 2px #52871e;*/
 }
#podmenu ul{
 margin: 10px 3px 6px 8px;
 overflow: hidden;
 }
#podmenu li{
 list-style-type: none;
 margin-top: -1px;
 padding: 5px 0;
/* background: url('grafa/podmenu_podzial.gif') no-repeat bottom center; */
 float: left;
 }
#podmenu ul a{
 width: 150px;
 text-indent: 0px;
 line-height: 1.8em;
 padding: 0 0 0 20px;
/* background: url('grafa/kleks.gif') no-repeat 0 0px; */
 float: none;
 margin: 0;
 }
#podmenu a{
 color: #eed480;
 float: right;
 padding: 0 5px 5px;
 display: block;
 }
#podmenu div{
 color: #aace85;
 margin: 10px;
 }


/*-[ Stopki ]--------------------- */

.clear{
 clear: both;
 font-size: 1px;
 line-height: 0;
 }

#cute{
 text-align: center;
 font-size: 7pt;
 }

#stopka{
 border-top: solid 1px #170000;
 background: url('grafa/stopka_tlo.png') #721900;
 text-align: center;
 line-height: 42px;
 color: #b3ae57;
 margin-top: 28px;
 }


/*-[ Różne takie ]--------------------- */

#czerwony_kwadracik{
 width: 16px; height: 13px;
 background: #893104;
 border-bottom: solid 3px #7f3004;
 position: absolute;
 top: 174px;
 left: 50%;
 margin-left: -333px;
 }












