body{

  font          : 80% Arial, Verdana, Geneva, Helvetica, sans-serif;
  text-align : center;
  background-image: url(/images/tlo1.gif)

  }
	
img{	
border: 0;
}
	
#content {            /* dodany fragment */
  position      : relative;
  width         : 780px;
  margin        : 0 auto;
  text-align    : left;
  }

#header {
  position      : absolute;
  top           : 0px;
  left          : 0px;
  width         : 780px;
  background-image: url(/images/barbara-baner.jpg);
  height        : 280px;
 }

#lewa
  {
  position      : absolute;
  top           : 280px;
  left          : 0px;
  width         : 150px;
  height 		 : 2140px;
  background    : #ffffb8;
  padding       : 5px;
  line-height: 140%;
 }
 
#fotonews                /* ZAWSZE TRZEBA WSTAWIAĆ FOTKĘ O NAZWIE fotonews.jpg o wymiarach 384 na 222 */
  {
  position      : absolute;
  top           : 288px;
  left          : 168px;
  width         : 384px;
  background: url(/pics/newsy/n_10005.jpg);
  height        : 222px;
  
 }
#fotonews_brazowycien
  {
  position      : absolute;
  top           : 458px;
  left          : 168px;
  width         : 384px;
  height        : 52px;
  background    : #402000;
  filter: Alpha(Opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
      }
      
#fotonews_text
  {
  position      : absolute;
  top           : 462px;
  left          : 168px;
  width         : 380px;
  height        : 62px;
  text-align    : right;
 }

#cienlewy
{
  position      : absolute;
  top           : 288px;
  left          : 160px;
  width         : 8px;
  background-image: url(/images/cien-lewy.jpg);
  height        : 222px;
}

#cienprawy  {
  position      : absolute;
  top           : 288px;
  left          : 552px;
  width         : 8px;
  background-image: url(/images/cien-prawy.jpg);
  height        : 222px;
}

#news     {
  position      : relative;
  top           : 515px;
  left          : 160px;
  width         : 380px;
  margin: 5px;
  margin-top: 30px;	
 }
 
#news_h     {
  position      : relative;
  top           : 315px;
  left          : 160px;
  width         : 380px;
  margin: 5px;
  margin-top: 30px;	
 }
 
#arch     {
  position      : relative;
  top           : 300px;
  left          : 170px;
  width         : 580px;
  margin: 5px;
  margin-top: 5px;	
 } 

#sciezka {
  position      : absolute;
  top           : 280px;
  left          : 160px;
  width         : 390px;
  margin: 5px;
}

 
#tekst {
  position      : absolute;
  top           : 310px;
  left          : 160px;
  height        : 1940px;
  width         : 380px;
  margin: 5px;
}

#zawartosc_galerii {
  position      : absolute;
  top           : 310px;
  left          : 160px;
  height        : 1840px;
  width         : 620px;
  margin: 5px;
}
 
#obrazek {
   float:right;
	width: 100px;
	height:100px;
	margin: 5px;
}

#liturgia {
  position      : absolute;
  top           : 285px;
  left          : 560px;
  width         : 220px;
  height        : 50px;
  color: #ffffb8;
}


#prawa   {
  position      : absolute;
  top           : 340px;
  left          : 560px;
  width         : 210px;
  height        : 2090px;
  background    : #ffffb8;
  padding       : 5px;
 }

#prawa_pods {
  position      : absolute;
  top           : 280px;
  left          : 560px;
  width         : 210px;
  height        : 2140px;
  background    : #ffffb8;
  padding       : 5px;
 }


#galeria {
 position       : absolute;
  top           : 2150px;
  left          : 160px;
  width         : 400px;
  height        : 270px;
  text-align    : center;
  background    : #ffffb8;
  padding       : 5px;
}


#footer   {
  position      : absolute;
  top           : 2420px;
  left          : 0px;
  width         : 780px;
  text-align: center;
  background-image: url(/images/stopka.jpg);
  padding-top: 5px;
 }

/*  style linków */


 a {color: #884400; text-decoration: none; font-size: 10pt}
 a:hover {text-decoration: underline;}


 a.maly {font-size: 8pt;}
 a.sredni {font-size: 10pt;}
 a.czarny {color: black; font-size: 10pt;}
 a.czarny:hover {color: black}
 a.duzy {font-size: 12pt;}
 a.fotonews {color: #ffffb8; font-size: 14pt; font-weight: bold;}



/* ======= Rozmiary czcionek ======= */



                p {font-size: 10 pt; }
                p.brazowy {color: #884400; font-size: 8pt;}
                p.brazwiekszy {color: #884400; font-size 12pt;}
                p.wiekszy {font-size: 12pt; font-weight: bold;}
                p.mniejszy {font-size: 8pt;}
                p.podpis {font-family: courier new}
                p.liturgia {font-size: 12pt; font-weight: bold; color: #FFFFFF;}
                p.foto {font-size:8pt; color: #A0A0A0; line-height: 30pt;}
                p.wstepniak {font-weight: bold;}

                span.braz2 {font: 80% Arial, Verdana, Geneva, Helvetica, sans-serif;color: #884400; font-weight: bold;}
					 span.braz {color: #884400; font-weight: bold;}
                span.brazwiekszy {color: #884400; font-size 12pt; font-weight: bold; margin-bottom: 10px;}

h1 {color: black; font-family: arial; font-size: 12pt;}
                h2 {color: black; font-family: arial; font-size: 14pt;}
                h2.brazowy {color: #884400;}
                h3 {color: black; font-family: arial; font-size: 10pt;}
hr {
    border: none;
    width: 100%;
    height: 0.5pt;
    background-color: #884400;
}
                
ul, ul {
    display    : block;
    list-style : none;
    margin     : 0;
    padding    : 0;

}

li {
    display    : block;
    list-style : none;
    margin     : 0;
    padding-top: 5px;

}
/* obrazki z galerii na głównej */

td.menuon { background-color: #884400; }      /* kolor ramki po najechaniu */
td.menuoff { background-color: #ffffff; }     /*kolor ramki przed najechaniem */