body {position: relative; 
     background: url(tlo.jpg) repeat; 
     margin: 0; padding: 0;
     font-size: 10pt;
     }


.pierwszy { position: absolute; top: 200px; left: 0; }
.drugi { position: absolute; top: 100px; left: 0; }
.error { color: #F00; text-align: center;}
.warning { color: #D00; text-align: center;}
.toupper { text-transform: uppercase;  }

div#sanktuarium { background: #a2a0a5 url(tlo5.gif);
                  padding: 0 0 0 0;
                  margin: 0 0 0 0;
                  }

/* PRZYCISKI */

td.links {background: url(pasek.jpg) left top repeat-y;
          width: 150px;	 
 	  }

div#links {
/* 	position: relative;  */
/* 	top: 0px; left: 0;  */
        width: 150px;
	font: bold 10pt Verdana,Helvetica, sans-serif; 
        padding: 0;
        margin: 0;
	margin-top: 1px;
	}
div#sublinks {
 	position: relative;  
 	top: 0px; left: 0px; 
        width: 150px;	
	font: bold 10pt Verdana, Arial,Helvetica, sans-serif; 
 	background: url(pasek.jpg) left top repeat-y;
	}
div#toplinks {
	position: relative; 
	top: 0; left: 0; 
	font: bold 10pt Verdana, Arial,Verdana,Helvetica, sans-serif; 
	color: #e2e0aa;	background: white;
	border: 0px solid white;
        border-top: 5px solid white;
	}
div#tablelinks {
	position: relative; 
	top: 0; left: 0; width: 100%; /*140px;*/
	font: 10pt  Verdana, Arial,Verdana, Helvetica, sans-serif; 
	background: white;
	}

div#content {
/* 	position: relative;  */
/* 	top: 0px; left: 0; */
   	color: black; background: white; 
   	font: 10pt Verdana,sans-serif; 
        padding: 0px 0px 0px 0px; 
        line-height: 1.2em;
   	border: solid 0px #a3a1a6;}
div#content p {margin: 1em 1em 1em 1em;}

/* div#content a:link {color: #D00;} */
/* div#content a:visited {color: #00D;} */
/* div#content a:link:hover {color: #F00;} */
/* div#content a:visited:hover {color: #00F;} */
/* div#toplinks a:link {color: #e2e0aa;} */
/* div#toplinks a:visited {color: #e2e0aa;} */
/* div#toplinks a:link:hover {color: #e2e0aa;} */
/* div#toplinks a:visited:hover {color: #e2e0aa;} */



div#links b {display: block;
        text-align: right; 
   	padding: 2px 2px; 
	margin: 0 0 1px; 
	border-width: 0; 
   	text-decoration: none; 
        color: #734f36; background: white;
        border-left: 1px solid #734f36;
        border-top: 1px solid #734f36;
        border-right: 1px solid white;
        border-bottom: 1px solid #734f36;
	}
div#links a {display: block; 
        text-align: right; 
   	padding: 2px 2px; 
	margin: 0 0 1px; 
	border-width: 0; 
   	text-decoration: none; 
	color: #e2e0aa; background: #a1805c;
	border: 1px solid #a1805c;
	}
div#links a:hover {
	color: #e2e0aa; background: #734f36;
	border: 1px solid #734f36;
	}
div#sublinks b {display: block;
        text-align: right; 
   	padding: 2px 2px; 
	margin: 0 0 1px; 
	border-width: 0; 
   	text-decoration: none; 
        color: #734f36; background: white;
        border-left: 1px solid #734f36;
        border-top: 1px solid #734f36;
        border-right: 1px solid white;
        border-bottom: 1px solid #734f36;
	}
div#sublinks a {display: block; 
        text-align: right; 
   	padding: 2px 2px; 
	margin: 0 0 1px; 
	border-width: 0; 
   	text-decoration: none; 
	//color: #e2e0aa; 
	//background: #b1906c; /* #c1a07c; */
	//border: 1px solid #c1a07c;
	color: #734f36;
	background: #eeeeee;
	border-right: 5px dotted #eeeeee;
	}
div#sublinks a:hover {	 
	//color: #e2e0aa; 
	//background: #734f36;
	//border: 1px solid #734f36;
	color:  #532f16;
	background: #eeeeee;
	border-right: 5px solid #dddddd;
	}


div#toplinks b {
        text-align: center; 
   	padding: 2px 2px; 
	margin: 0 0 1px; 
	border-width: 0; 
   	text-decoration: none; 
        color: #734f36; background: white;
        border-left: 1px solid #734f36;
        border-top: 1px solid #734f36;
        border-bottom: 1px solid white;
        border-right: 1px solid #734f36;
	}
div#toplinks a {
        text-align: center; 
   	padding: 2px 2px; 
	margin: 0 0 1px; 
	border-width: 0; 
   	text-decoration: none; 
	color: #e2e0aa; background: #a1805c;
	border: 1px solid #734f36;
	}
div#toplinks a:hover {
	color: #e2e0aa; background: #734f36;
	border: 1px solid #734f36;
	}

div#tablelinks a {display: block; 
        text-align: left; 
   	padding: 2px 2px 2px 12px; 
	margin: 2px 0 1px 0; 
	border-width: 0; 
   	text-decoration: none; 
	color: black; 
/* 	color: #e2e0aa;  */
        background: white;
/*         background: #c1a07c; */
	border: 1px solid #cccccc;
/* 	border: 1px solid #c1a07c; */
	}
div#tablelinks a:hover {
/* 	color: #e2e0aa; background: #734f36; */
	color: black; background: #ffe6be;
	border: 1px solid #734f36;
	}
div#tablelinks b {display: block; 
        text-align: left; 
   	padding: 2px 2px 2px 12px; 
	margin: 2px 0 1px 0; 
	border-width: 0; 
   	text-decoration: none; 
        font-weight: normal;
	color: gray; 
        background: white;
	border: 1px solid #cccccc;
	}

/* NAGLOWKI */

h1 {
     margin: 1px 3px 0px 1px;
     padding: 3px 3px 33px 76px; 
     text-align: left; 
     color:  #532f16;  
     background: url(h2.jpg) top left no-repeat;
     border-bottom:  #9fc4e1 0px solid;
/*
     border-top: #7596b7 1px solid;
     border-left: #7596b7 1px solid;
     border-right:  #532f16 1px solid;
     border-bottom:  #532f16 1px solid;
     background:   #a1805c;
     letter-spacing: 0.2em; 
     text-transform: uppercase; 
*/
     font: bold 16pt  Times New Roman, sans-serif;
     vertical-align: middle; 
/*      white-space: nowrap; */
     }

h2 {
     margin: -33px 33px 23px 78px;
     padding: 0px 0px 0px 0px; 
     text-align: left; 
     color:  #532f16;  /* background: #dce5ec; /*#ccddea; /* #fcf0be; */
/*     letter-spacing: 0.2em; 
     text-transform: uppercase; */
     font: bold 12pt Times, serif;
     vertical-align: middle; 
     }

h3 {
     margin: 1em 1em 1em 1em;
     padding: 3px 15px 3px 15px; 
     text-align: left; 
     color: black; background: #c3c3c5;
     letter-spacing: 0.1em; 
     font: bold 12pt Verdana, Helvetica, sans-serif;
     vertical-align: middle; 
     }

h3.zaloba {
     margin: 1em 1em 1em 1em;
     padding: 3px 15px 3px 15px; 
     text-align: left; 
     background: black; color: #c3c3c5;
     letter-spacing: 0.1em; 
     font: bold 12pt Verdana, Helvetica, sans-serif;
     vertical-align: middle; 
     }

h4 {
     margin: 1em 1em 1em 1em;
     text-align: left; 
     font: bold 12pt Verdana, Helvetica, sans-serif;
     }


fieldset { margin: 1em 1em 1em 1em; }

/* CZYTANIA */

.kolorowy { color: #734f36; background: white; }
.zielony { color: #004f00; background: white; }
.fioletowy { color: #730073; background: white; }
.szary { color: #bbbbbb; background: white; }
.czarny { color: #000000; background: white; }
.aklamacja {
     text-align: left; 
     font: italic 10pt Verdana Helvetica, sans-serif;
     }
pre { color: black; background: white; 
      font: 10pt Verdana Helvetica, sans-serif; 
      line-height: 1.2em;
      padding: 0px 0px 0px 10px;
     }

pre.psalm { color: black; background: white; 
            font: italic 10pt Verdana Helvetica, sans-serif;
            line-height: 1.2em;
            padding: 0px 0px 0px 10px;
            }


/* TABELKI  w tym  KALENDARZ */

table { background: #dce5ec; font-size: 10pt;}
tr, td, th { text-align: left; }
td.szary { background: #a3a1a6; color: #eeeeee;}
th.bialy { background:  white; }
th.fioletowy { background:  white; }
th.zielony { background:  white; }
td.miesiac{background: #eeeeee; color: #a1805c;
           font: bold 12pt Times, serif; text-align: left; vertical-align: top;}
td.dzien { background: #ffe6be; color: #ff8700; 
           font: bold 12pt Times, serif; text-align: right;
           padding: 0 5px 0 0;}
td.dzien a {color: #ff8700;  text-decoration: underline;}
td.niedz { background: #efd6a6; color: #ee0000; 
           font: bold 12pt Times, serif; text-align: right;
           padding: 0 5px 0 0;}
td.niedz a { color: #ee0000;  text-decoration: underline;}
td.swieto  { background: #ffe6b6; color: #ee0000; 
           font: bold 12pt Times, serif; text-align: right;
           padding: 0 5px 0 0;}
td.swieto a{ color: #ee0000;  text-decoration: underline;}
td.opis { background: #ffffff; color: #000000; 
           font: 10pt Verdana, Helvetica, sans-serif; text-align: left;
           padding: 0 0 0 5px;}
table.bialy { background: white;}
td.content { background: white; text-align: left; vertical-align: top;}

td.data   {font-weight: bold; color: #ff9900; text-align: left; vertical-align: top;}

table.ramka { background: white;
              font: italic 11px Verdana Helvetica, sans-serif; text-align: left
              padding: 0 5px 0 0;}

/* tabelki do ksiegi gosci */
table.kg { background: #EDEDED; border: 1px solid #a3a1a6; 
           padding: 3px 3px 3px 3px; margin: 5px 5px 5px 5px;}
td.kg, th.kg { background: #EDEDED; color: black; font-weight: bold;}
td.kgsz, th.kgsz { background: #EDEDED; color: #555555; font-weight: bold;}
td.kgbuttom, th.kgbutton { background: #EDEDED; color: #555555; 
                           font-weight: bold;
                           text-align: right; vertical-align: bottom;}
input.kg, textarea.kg { color: #a1805c; margin-top: 2px;
                        font: 10pt Verdana Helvetica, sans-serif; 
                        padding-left: 5px;  
                        border: 1px solid #a1805c;}
input.kgbutton { color: #e2e0aa; background: #a1805c; 
                 font: 10pt Verdana Helvetica, sans-serif; 
                 padding-left: 5px;  margin-top: 2px;
                 border: 1px solid #e2e0aa;}
input.kgbutton:hover { color: #e2e0aa; background: #734f36; border: 1px solid #e2e0aa;}

/* tabelki do galerii */
td.galeria { text-align: center; vertical-align: top; }
td.galopis { text-align: center; vertical-align: top; 
             background: #cccccc; 
             font-weight: bold;
             border-top: 2px solid #777777;
             text-transform: uppercase;}

/* tabelki do kalendarza */
tr.kal { text-align: center; } /* kalendar */

td.kalm { text-align: center; font-size: 10px; font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; padding-left: 5px; background: #d3d1d6; padding-bottom: 2px; padding-top: 2px;} /* month */
td.kalw { text-align: center; font-size: 10px; font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; padding-left: 5px; background: #e3e1e6; padding-bottom: 2px; padding-top: 2px; } /* week */
td.kald { text-align: center; font-size: 10px; color: #666666;  font-family: verdana, arial, helvetica, sans-serif; text-decoration: none;background: #ffffff; } /* day */
td.kalh { text-align: center; font-size: 10px; color: #666666;  font-family: verdana, arial, helvetica, sans-serif; text-decoration: none;background: #ffcccc; } /* holiday */
td.kaln { text-align: center; font-size: 10px; color: #666666;  font-family: verdana, arial, helvetica, sans-serif; text-decoration: none;background: #ffdddd; } /* sunday,niedziela */
td.kalt { text-align: center; font-size: 10px; font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; color: #ffffff; background: #c1a07c; } /* today */
td.kale { text-align: center; font-size: 10px; color: #868686; font-family: verdana, arial, helvetica, sans-serif;  text-decoration: none;background: #ffffff; } /* empty */

A.dzien:link {font-size: 10px; color: #666666; font-family: verdana, arial, helvetica, sans-serif;  text-decoration: none;}
A.dzien:active {font-size: 10px; color: #666666; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none;}
A.dzien:visited {font-size: 10px; color: #666666; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none;}
A.dzien:hover {font-size: 10px; color: #666666; font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; text-decoration: none;background: #ffcc66}

/* poprawki do  WYLICZANIA */

ol {margin: 0em 0em 0em 1em; }
ul {margin: 0em 0em 0em 1em; }
li {margin: 0em 0em 0em 1em; }
li.none {
	list-style-type: none;
	}
ol.none {
	list-style-type: none;
	}
ul.none {
          list-style-type: none;
	}


/* KSIEZA */
table.osoba  { 
            display: block; 
            position: relative; 
            text-align: justify; 
            vertical-align: top;
            font-family: Helvetica, arial, sans-serif; 
            font-size: 10pt;
            padding: 5px 10px; 
            margin: 0 0 1px; 
            text-decoration: none; 
            color: black;
            background: white;
            border-right: 0px;
            border-left: 0px;
            border-top: 1px solid #ff9900;
            border-bottom: 0px;
            }
.zdjecie{font-weight: bold; color: #ff9900;}
.id     {font-weight: bold; color: #ff9900;}
.data   {font-weight: bold; color: #ff9900;}
.tytul  {font-weight: bold; color: black;}
.tresc  {display: block; color: black;}

/* USMIECHNIJ SIE */

div#humor  {
               display: block; 
               position: relative; 
               text-align: justify; 
               font-family: Helvetica, arial, sans-serif; 
               font-size: 10pt;
               padding: 5px 10px; 
               margin: 0 0 1px; 
               text-decoration: none; 
               border-right: 0px;
               border-left: 0px;
               border-top: 1px solid #ff9900;
               border-bottom: 0px;
               }
div#humor .nr   {font-weight: bold; color: #a1805c;}
div#humor .id   {font-weight: bold; color: #ff9900;}
div#humor .podpis {color: black; font-size: 11px;}
div#humor .tytul  {font-weight: bold; color: black;}
div#humor .tresc  {color: black;}


/* O AUTORACH */
div#autorzy {position: relative; top: 0px; left: 0; padding: 0;}
div#autorzy a {}
div#autorzy a:hover {color: white; background: #a3a1a6;}
div#autorzy a span {display: none;}
div#autorzy a:hover span {display: block;
                         position: absolute;
                         top: 0; left: 10px; width: 117px; height: 150px;
                         padding: 0px;
                         border: outset 2px #a3a1a6;
                         margin: 5px; z-index: 100;
                         color: white; background: #a3a1a6;
                         font: 10px Verdana, sans-serif;
                         text-align: center;}


/* GALERIA */
td.galeria   {
               background: #e3e3e5;
               color: black; 
               text-align: center; 
               vertical-align: top;
               }


/* SPIEWNIK */
.tim { color: #734f36; background: white; margin: 0 0 0 10em;}
td.piosenka  {
             width: 100%;
             font-family: Verdana, Arial, sans-serif; 
             font-weight: bold;
             font-size: 12pt;
             padding: 5px 10px; 
             padding-top: 1em;
             margin: 0 0 1px; 
             text-decoration: none;
/*              text-transform: uppercase;  */
             border-right: 0px solid #ff9900;
             border-left: 0px solid #ff9900;
             border-top: 0px solid #ff9900;
             border-bottom: 1px solid #000000;
             text-align: left;
             }
td.numerek   {
             width: 10%;
             font-family: Verdana, Arial, sans-serif; 
             font-weight: bold;
             font-size: 12pt;
             padding: 5px 10px; 
             padding-top: 1em;             
             margin: 0 0 1px; 
             text-decoration: none; 
             border-right: 0px solid #ff9900;
             border-left: 0px solid #ff9900;
             border-top: 0px solid #ff9900;
             border-bottom: 1px solid #000000;
             text-align: right;
             }
td.komentarz  {
             width: 100%;
             font: italic 10pt Verdana, Arial, sans-serif;
             padding: 0px 0px; 
             margin: 0 0 1px; 
             text-decoration: none;
/*              text-transform: uppercase;  */
             border-right: 0px solid #ff9900;
             border-left: 0px solid #ff9900;
             border-top: 0px solid #ff9900;
             border-bottom: 0px solid #000000;
             text-align: right;
             }


.refren  { display: block;
             padding: 0px 0px 0px 3em; 
             margin: 0 0 1px; 
             text-decoration: none; 
             border-right: 0px solid #ff9900;
             border-left: 0px solid #ff9900;
             border-top: 0px solid #ff9900;
             border-bottom: 0px solid #ff9900;
             }


/* inne */

dt {font-weight: bold; margin: 1em 1em 0em 1em;}
dd {margin: 0em 1em 0em 2em;}
code {color: #543; font: 100% monospace;}

div#right {display: block;
	position: relative;
	text-align: center;
	border-width: 0; 
	padding: 5px;
	background: #beb4a8;
	}

div#top {display: block;
	position: absolute; 
	text-align: center;
	top: 0; left: 0; height: 120px; width: 100%;
	border-width: 0; 
	margin-top: 0; 
	padding: 0;
	background: #beb4a8;
	}

div#photo {display: block;
 	position: absolute;  
	text-align: center;
        top: 85px; left: 0; height: 100%; width: 100%; 
	border-width: 0; 
	margin-top: 5px; 
	margin-bottom: 5px; 
	padding: 0;
	background: white;
	}



div#data { display: block; position: absolute;
           top: 4px; left: 111px;
           color: #ee5500;
           font-family: bold Helvetica, arial, sans-serif; 
           font-size: 10pt; }

div#wroc a { display: block; position: absolute;
             top: 110px; right: 15px;
             text-decoration: none;
             font-family: bold Helvetica, arial, sans-serif; 
             font-size: 10pt; 
             color: black; background: #c3c3c5;
             /* color: #e2e0aa; background: #a1805c; */
             border: 1px solid #a1805c;             
             padding: 3px;
           }

.wroc a, a.wroc { 
          text-decoration: none;
          font-family: bold Helvetica, arial, sans-serif; 
          font-size: 10pt; 
          color: black; background: #c3c3c5;
          text-align: center;
          border: 1px solid #a1805c;             
          padding: 3px;
          }

p.cytat {
	text-align: justify;
        padding: 0 50px 0 50px;
	}

.linia { 
         display: block; 
         text-align: justify; 
         font-family: Helvetica, arial, sans-serif; 
         font-size: 1px;
         padding: 0 0 0 0 ; 
         margin-left: 20%;
         margin-right: 20%;
         margin-top: 0;
         margin-bottom: 0;
         text-decoration: none; 
         border-left: 1px solid #e3e3e5;
         border-right: 1px solid #e6e6e8;
         border-top: 1px solid #e3e3e5;
         border-bottom: 1px solid #e6e6e8;
}

.alfabet { 
           display: block;
           text-align: left;
           font-weight: bold;
           line-height: 200%;
           margin: 1em 1em 0em 1em; 
           padding: 0 0 0 0;
           }

div#chmurka a span { display:none; }
div#chmurka a:hover span{
 position:absolute;display:block;left:165px;width:200px;
 border:1px solid #dddddd;background-color:#eeeeee;color:#444444;
 padding:0px;font:normal normal 9px verdana,sans-serif;
}