body {
margin: 4px auto;
font-size: 13px;
font-family: georgia, serif;
text-align: center;
background-image: url(wspolne/tlo_czarne.jpg)
}

.kontener_glowny {
float: left;
margin: 6px 0 0;
width: 694px
}


/*agłó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
}


/*interlinia akapitów*/
.kontener_glowny p,
.kontener_glowny li,
.kontener_glowny h1,
.kontener_glowny h2,
.kontener_glowny h3
{
line-height: 1.5em
}

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

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

/*justowanie w akapitach i listach w kontenerze głównym*/
p,
.kontener_glowny li {
text-align: justify
}

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

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

.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)*/


/*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}



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

/*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)*/

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


/*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}


/*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}



/*NEWSY, WIEŚCI I SKRZYNKA KONTAKTOWA*/
.naglowek {
text-align: left;
font-weight: bold;
}
/*NEWSY I WIEŚCI - data*/
.naglowek div {
float: right;
font-size: 11px;
}
.wiesc {
margin-top: 13px;
padding: 4px;
overflow: auto;
background: #dbc08c url(wspolne/tlo_wiesc_gora.png) no-repeat;
/*background-image: url(wspolne/tlo_wiesc_gora.png), url(wspolne/tlo_wiesc_gora.png);
background-position: left top, right bottom;
background-repeat: no-repeat;*/
width: 684px;
border-bottom: 1px solid #965019
}
.wiesc_afryka {
margin-top: 13px;
padding: 4px;
overflow: auto;
background: #dbc08c url(wspolne/tlo_wiesc_gora_afryka.png) no-repeat;
width: 684px;
border-bottom: 1px solid #965019
}
div.wiesc p {clear: both}
div.wiesc_afryka 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
}


/*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
}




/*klasa menu - wszystko dotyczy tylko obu menu*/
.menu {
text-align: left;
padding-top: 10px;
font-family: sans-serif;
color: #dbc08c
}

.menu ul {
margin: 0 0 6px;
padding: 0;
list-style-type: none
}

/*styl wszystkich linków w obu menu*/
.menu a:link,
.menu a:visited {
display: block;
color: #dbc08c
}



/*style h1 (działy główne) - nie może być zdefiniowany w linkach do h1, bo po otwarciu działu - h1 nie jest już linkiem!*/
.menu h1 {
margin: 0;
border-top: 1px solid #998662;
font-weight: bold;
font-size: 13px
}

/*styl linków w h1 (działach głównych) - jeśli nie są otwarte = są linkami!
.menu h1 i .menu h1 a:link są traktowane jako dwa różne znaczniki - po połączeniu stylów tych znaczników występuje np. podwójne obramowanie czy marginesy!
h1 a:link dziedziczy parametry po h1, ale h1 nie dziedziczy po h1 a:link
parametr padding musi dotyczyć h1 a:link*/
.menu h1 a:link,
.menu h1 a:visited {
padding: 4px 0
}

.menu_h1_otwarty {
color: #fff;
padding: 4px 0 0
}


/*
.menu h1 a:link,
.menu h1 a:visited {
padding: 4px 0
}

.menu h1 {
margin: 0;
}
*/


/*style linków w li (odnośnikach do stron serwisu)*/
.menu li a:link,
.menu li a:visited {
padding: 3px 0 3px 6px;
font-size: 11px;
}

.menu h1 a:hover,
.menu li a:hover {
color: white
}
/*
color: black;
background-color: burlywood
*/


/*linki bannerów*/
.menu_linki li a:link,
.menu_linki li a:visited {
text-align: center;
padding: 0;
font-size: 1px;
}


/*
było przy podświetlaniu tła w menu:
ul.menu_linki li a:hover {
background-color: transparent
}



nieużyte:
.menu li:first-child a {
border-top: 1px solid black
}

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

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

sup {font-size: 85%}
*/