BODY {   
  background-color:#FFFFEE;   
  border-color:#996633;  
  font-family:arial, sans-serif; 
  background-image:url('grafika/tlo.jpg');
  background-repeat:repeat-y;
  background-position:8px;
  margin-top:0px;
  padding-top:0px;
}

DIV { 
  background-color:#996633;
  border-color:#996633;
  border-style:solid;
  border-width:1px;  
  color:#FFCCCC; 
}

H3 {
  color:#996633;                
  font-size:13px;
  font-weight:100;
  line-height:7px; /* 10 do 6krotnego 'powiększania' /ctrl +/ wystarczy*/
  margin-top:0px;
  background-color:#CCCCCC;   
  padding:7px 6px 7px 0px;
  text-align:right;
  border-width:1px;
}

A { 
  text-decoration:none;
  font-size:12px; 
  line-height:15px;
}

A.obecny {
 color:#FFFFFF;
}

A:link {
 color:#FFCC66;
}

A:visited {
  color:#FFCCCC;
}

A:visited:hover {
  color:#FFFFFF;
}

A:hover {
  color:#ffffff;
}

DIV#tlo {
  border-style:none;
  background-color:transparent;       
  width:823px;
  /*margin:0px 20px 0px 20px; */
} 

#tlo SPAN { 
  /* podpis + link @*/
  color:#996633;
  font-size:9px;
  line-height:10px;
  font-weight:100;
  margin:0px 0px 0px 2px;
}
#tlo SPAN A {
  color:black;
  line-height:10px;
  font-size:9px;
}
#tlo SPAN A:hover {
  color:gray;
}

#tlo H1 {
  margin:0px 10px 0px 0px; 
  text-align:right;
  font:26px/30px serif;
  color:#996633;
}

DIV#opis_tlo   {
  width:800px;
  margin:5px 10px 10px 10px;
  float:left;  /* to jest zastosowane tylko dlatego, żeby pudełko zawierało cały obrazek*/
                /* ze względu na stałą szerokość pudełka wyżej (+-900px) , opływane nie będzie*/ 
}
#opis_tlo IMG {
  width:500px;
  height:332px;
  margin:25px 10px 10px 10px; 
  border-width:10px 0px 10px 0px;
  border-color:#999999;
  border-style:solid;
  float:left;   
}
#opis_tlo P {
  font:12px/15px verdana,sans-serif;
  margin:0px 5px 12px 0px;	
  color:#FFCC99;
  background-color:#996633; /* bez tego w ie prze¶wituje */
}

DIV#linki_zdjecia_tlo {  
  width:380px;
  float:left;
  margin:0px 14px 10px 10px
}
#linki_zdjecia_tlo DIV {  
  position:relative;
  bottom:5px;
  padding:0px 5px 5px 5px;
  border-width:0px;
  font-size:14px;
  line-height:20px;
  background-color:transparent;
}
#linki_zdjecia_tlo DIV A {
  font-size:14px;
}

DIV#linki_ulice_tlo {  
  line-height:12px;
  font-size:12px;
  color:white;
  padding:0px;  
  margin:0px 0px 0px 10px; 
  float:left; 
}
#linki_ulice_tlo TABLE {
  position:relative;
  bottom:9px;
  font-size:12px;
  line-height:15px;
  color:white;
  padding:0px 0px 0px 0px;
}
#linki_ulice_tlo TABLE TD {
  padding-left:2px;
}
DIV#nj_tlo {
  color:white;
  position:static;
  margin:30px auto auto auto;
  width:500px;
  padding:10px;
}
P#nj_podpis {
  font-size:12px;
  line-height:12px;
  text-align:right;
  position:relative;
  top:10px;
  left:8px;
  padding:0px;
 margin-bottom:0px; 
}

/* do okienek generowanych javascriptem */
IMG#popup_obrazek {
  position:absolute;
  top:0px;
  left:0px;
  cursor:pointer;
}
A#popup_link {
  position:absolute;
  bottom:10px;
  left:10px;
  color:white;
}
A#popup_link:hover {
  color:black;
}

DIV#intro_tlo {
  background-color:#996633;      
  font-size:12px;
  line-height:14px;
  color:#FFCC66;
  width:600px;
  margin-top:5em;
  margin-left:6em;
  border-style:dashed;
}
#intro_tlo P {
  margin:10px; 
}
#intro_tlo A {
  color:#FFFFEE;
}
#intro_tlo A:hover {
  color:black;
}
#intro_tlo P#podpis { 
  text-align:right;
  margin-right:10px;
}
#stat4u {
  background-color:transparent;
  border-width:0px;
}
#stat4u IMG {
  position:absolute;
  top:5px;
  left:14px;
}