html, body { 
 margin:0px; 
 padding:0px; 
 font-family:"Palatino Linotype", serif; 
 background-color:#f6efcc; 
}

/*****   układ strony   */
#box { 
 margin:0px; 
 padding:0px; 
 width:100%; 
 height:100%;
 color:#9d6f00; 
 font-size:12pt;
 letter-spacing: 0.03em;
}

#lewa { position:absolute; left:0px; top:0px; width:50%; height:100%; }

#lewaWewn {position:absolute; left:0px; top:0px; width:50%; height:100%; }
#tytul { position:relative; left:0px; top:0px; height:62%; }
#menu { position:relative; left:0px; top:0px; height:100px; margin-left:-40px; padding:0px; }
#stopka { position:relative; left:0px; top:50px; height:50px; margin-left:78px; padding:0px; }

#prawaWewn { position:absolute; left:50%; top:0px; width:50%; height:100%; }
#nadtresc { height:2%; }
#tresc { height:94%; overflow:auto; padding-right:1em; }
#podtresc { height:2%; }

#prawa { position:absolute; overflow:auto; left:50%; top:0px; width:50%; height:100%; }

/*****   Kolory  tła   
#lewa { background-color:yellow; }

#lewaWewn{ background-color:red; }
#tytul { background-color:#e5f184; }
#menu { background-color:#d2e05b; }

#prawaWewn { background-color:blue }
#nadtresc { background-color:#ffefd5 }
#tresc { background-color:#ff9e64; }

#prawa { background-color:orange; }
*/

/*****   bitmapy tła   */
#box {
 background-image:url("graph/mozaika_dluga-waska02.jpg"); 
 background-repeat:repeat-y; 
 background-position:98% top;
}
#lewaWewn { 
 background-image:url("graph/medalion-tytul.jpg"); 
 background-repeat:no-repeat;
 background-position:95% 27px;
}
#tytul { 
 background-image:url("..."); 
 background-repeat:no-repeat;
 background-position:right top;
}
#prawa { 
 background-image:url("graph/mozaika_dluga-waska02.jpg"); 
 background-repeat:repeat-y; 
 background-position:2% top;
}

/***** formatowanie */
/***** menu */
div#menu ul {
 font-family:"Palatino Linotype", serif; 
 list-style-type:none;
 text-align:left;
 padding-right:35%;
 padding-bottom:0.3em;
 font-weight:bold;
 color:#6485b8;
 font-variant:small-caps;
}

div#menu ul li {
 padding-left:75px;
 border-bottom:2px dotted #8e7634;
}

div#menu ul li a {
 text-decoration:none;
 color:#6485b8;
}
div#menu ul li#aktywny, div#menu ul li a:hover {
 color:#1f4c76;
}

/***** akapit */
h1 {
 font-variant:small-caps;
 font-size:12pt;
 letter-spacing: 0.01em;
 font-weight:bold;
 padding-bottom:0px;
}

p {
 font-family:"Palatino Linotype", serif; 
 font-variant:small-caps;
 margin:0px;
 padding-top:0px;
 padding-bottom:1em;
}

p.daty {
 font-size:8pt;
 padding-bottom:0px;
}

p a {
 font-variant:normal;
 text-decoration:none;
}

p a:hover {
 background-color:#d7e0e5;
}

/***** stopka */
div#stopka p {
 font-family:"Palatino Linotype", serif; 
 font-variant:small-caps;
 font-size:10pt;
 letter-spacing:0.1em;
 margin:0px;
 padding-top:0px;
 padding-bottom:1em;
}

span.stopka {
 font-size:9pt;
 letter-spacing:0.1em;
 color:#9d6f00;
}

span.stopka a {
 text-decoration:none;
 color:#9d6f00;
}

/***** zdjęcia */
div#tytul img {
 margin-left:-93px;
 margin-top:27px;
 position:absolute;
 left:43%;
}
 
div#prawa img {
 margin-left:15%;
 margin-right:30px;
 float:left;
}

div#prawa img#pierwsze {
 padding-top:10%;
}

div#tresc img {
 margin:0px;
 padding-top:0.7em;
}

/*****   listy   */
ol.dec {
 font-family:"Palatino Linotype", serif;
 font-variant:small-caps;
 list-style-type:decimal;
 margin:0px;
 padding-left:35px;
}