body {
margin: 4px auto;
font-size: 13px;
font-family: georgia, serif;
text-align: center;
background-image: url(wspolne/tlo_czarne.jpg)
}
/*było: verdana, helvetica, sans-serif;
marginesy od góry i dołu 4px, po bokach automatycznie (=centrowanie) + tło i czcionka wszystkich stron;
background-color: #997859*/


/*nagłówki - dodane marginesy, gdyż różne przeglądarki mają je domyślnie różne*/
.kontener_glowny h1 {
font-size: 19px;
margin-top: 13px
}
.kontener_glowny h2 {
font-size: 16px;
margin-top: 13px
}
.kontener_glowny h3 {
font-size: 13px;
margin-top: 13px
}
/*czionka nagłówków w <div> - tam gdzie nie można zastosować h3 (np. jako odnośnik w <a href> - str. główna wesel)*/
.naglowkowy {
font-weight: bold;
font-size: 13px
}

p {
text-align: justify
}

/*justowanie (i wcięcia 1. wiersza) tekstu akapitów i punktów list nienumerowanych - było z text-indent: 2%*/
.kontener_glowny p,
.kontener_glowny li,
.kontener_glowny h1,
.kontener_glowny h2,
.kontener_glowny h3
{
line-height: 1.5em
}

.kontener_glowny li
{
text-align: justify;
}

.kontener_glowny ol,
.kontener_glowny ul
{
margin-top: 0
}

/*duże pierwsze litery akapitów
p:first-letter {
font-size: 1.4em
}

p + p {
text-indent: 1.5em;
}

sup {font-size: 85%}
*/


/*domyślne centrowanie wszystkich bloków <div> i tabel*/
div, table {margin: 0 auto}

/*centrowanie tekstu wewnątrz bloków i komórek tabel*/
div, td {text-align: center}



/*wyróżnienie klikniętego przypisu na dole w celu ułatwienia nawigacji*/
ol.maly > li > span:target {background-color: #FAEBD7}

/*odnosniki w listach nienumerowanych na końcu strony - do galerii, mediów i innych stron*/
ul.odnosniki li {
margin-top: 10px;
font-size: 11px
}

/*wyświetlania blokowego obrazków oraz ich centrowanie w listach numerowanych (np. w odnośnikach do galerii na końcu strony) nie można zastosować, gdyż obejmuje wtedy także obrazki w obu menu! (ogień i kamienie)*/


/*ukrywanie ramek obrazków (pojawiają się jeśli są linkami)*/
img {border: 0px}

.kontener_glowny {
float: left;
margin: 6px 0 0;
width: 694px
}
.kontener_glowny img {
margin: 4px
}
/*tu musi być klasa, gdyż id jest bardziej ogólny i w jego obrębie nie da się później zmienić np. marginesów obrazków w div.wiesc (następuje dziedziczenie i jako silniejszy wyklucza późniejsze, dublujące parametry klasy)*/


.wiersz {font-style: italic}
.wiersz div {margin: 4px 0}/*odstępy zwrotek*/


/*podpisy i czytaj dalej - w wieściach, referatach i wierszach*/
.podpis {
margin-right: 30px;
text-align: right;
font-weight: bold;
font-size: 11px
}



#bibliografia {
margin-top: 8px;
font-weight: bold
}


.menu {
color: moccasin;
padding-top: 10px;
font-family: sans-serif
}
/*
border: 1px solid black;
border-width: 1px 1px 0;*/
.menu ul {
margin: 0 0 8px;
padding: 0;
list-style-type: none
}
.menu a:link,
.menu a:visited {
display: block;
/*border-top: 1px solid white;
border-bottom: 1px solid black;*/
text-align: left;
color: moccasin
}
.menu h1 {
border-top: 1px solid #bf4821;
margin: 0;
text-align: left;
font-weight: bold;
font-size: 13px
}
.menu h1 a:link,
.menu h1 a:visited {
padding: 4px 0
}

.menu li a:link,
.menu li a:visited {
padding: 3px 0 3px 8px;
font-size: 11px;
color: burlywood
/*color: black;
background-image: url(wspolne/tlo_jasne.jpg)*/
}
.menu a:hover {
/*border-top: 1px solid transparent;*/
color: black;
background-color: moccasin
}
.menu li a:hover {
/*border-top: 1px solid transparent;*/
color: black;
background-color: burlywood
}


/*linki bannerowe*/
li.menu_linki a:link,
li.menu_linki a:visited {
padding: 0;
text-align: center
}
li.menu_linki a:hover {
background-color: transparent
}

/*.menu li:first-child a {
border-top: 1px solid black
}*/


/*
styl okienka agent-usera (informacji o przeglądarce i systemie), wycięte:
#ua_container1 {width: 110px}
#ua_container2 {border: 1px #000000 solid; padding: 2px; background-color: #e8e8e8}
#ua_ualink {font-size: 6px; color: #D2B48C}
*/



/*NEWSY, WIEŚCI I SKRZYNKA KONTAKTOWA*/
.naglowek {
/*padding-bottom: 2px;
border-bottom: 1px solid black;*/
text-align: left;
font-weight: bold;
}
/*NEWSY I WIEŚCI - data*/
.naglowek div {
float: right;
font-size: 11px;
}
.wiesc {
/*
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid black;

padding: 4px; repeat-x left top
*/
margin-top: 13px;
padding: 4px;
overflow: auto;
background: #dbc08c url(wspolne/tlo_wiesc_gora.png) no-repeat;
width: 684px;
border-bottom: 1px solid #965019
}
div.wiesc p {clear: both}


/*tła dla kontenera "Czy wiesz że..."*/
div.marmur {
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid black;
border-bottom: 1px solid black;
padding: 4px;
background-image: url(wspolne/tlo_marmur.gif);
overflow: auto;
text-align: justify;
/*font-size: 11px*/
}

div.plotno {
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid black;
border-bottom: 1px solid black;
padding: 4px;
background-image: url(wspolne/tlo_plotno.jpg);
overflow: auto;
text-align: justify;
/*font-size: 11px*/
}

div.czarne {
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid black;
border-bottom: 1px solid black;
padding: 4px;
background-image: url(wspolne/tlo_krypta.jpg);
overflow: auto;
text-align: justify;
/*font-size: 11px;*/
color: #d2691e
}

div.skrzynka {
text-align: left;
line-height: 20px
}
div.skrzynka img {
vertical-align: middle
}


/*powrót pod zdjęciami - do wyjebnania!!!*/
.powrot {
margin-top: 6px
}



/*odnośniki w dziale "Z lotu ptaka" - marginesy + pogrubione czionki*/
.z_lotu_ptaka a {
margin: 0 20px;
font-weight: bold
}
.z_lotu_ptaka img {margin-top: 15px}

/*klasa dla elementu pływającego (z float), którego koniec ma być wyczyszczony (wzięte z www)
.clearfix: after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden
}
*/

/*cytat wycentrowany*/
.cytat_c {
text-align: center;
font-style: italic
}
/*cytat pogrubiony*/
.cytat_g {
font-style: italic;
font-weight: bold
}
/*cytat wycentrowany i pogrubiony*/
.cytat_c_g {
text-align: center;
font-style: italic;
font-weight: bold
}

.maly {font-size: 11px}
/*mały wycentrowany*/
.maly_c {
text-align: center;
font-size: 11px
}
/*mały wyjustowany*/
.maly_j {
text-align: justify;
font-size: 11px
}
/*mały pogrubiony*/
.maly_g {
font-weight: bold;
font-size: 11px
}


#pogrubione_linki a {font-weight: bold}


/*PSEUDO-KLASY + MENU W DZIALE KRYPTA*/

/*kolor tekstu - pomarańczowy*/
.krypta .kontener_glowny {
color: #d2691e
}

/*kolor linków - bordowy*/
a:link,
a:visited
{
color: #800;
text-decoration: none
}

/*kolor linków pod kursorem + linków w dziale Krypta - jasnoczerwony + gwiazdki*/
a:hover,
.krypta .kontener_glowny a:link,
.krypta .kontener_glowny a:visited {
color: #D00;
text-decoration: none;
}

/*gwiazdki pod linkami pod kursorem - tylko w kontenerze głównym*/
.kontener_glowny a:hover {
background: url('wspolne/gwiazdki.gif')
}

/*czarny - pod Fx działa tylko w chwili wciśnięcia*/
a:active {
color: #FFF;
text-decoration: none
}