body {
   margin: 1px;
   padding: 1px;
  background-color: #FFFFC6; /* #FAF1B4 ; #F7F7F7; */
}
/*  w naglowku jest panorama */
#pan {
   position: relative ;
   background-color: brown;
   float: left;
   width: 1008px ;
   padding: 2px 4px ;
   border : none;
}

#pas1 {
   position: relative ;
   float: left;
   width: 1008px;
   background-color: #FFFFC6;
}

#cont {
   position: relative ;
   float: top;
   width: 1008px;
background-color: #FFFFC6 ;
magin-bottom: 10px;
}


#strona1 {
   position: relative ;
   float: left;
   width: 198px;
   padding: 2px;
}

#zawartosc {
   position: relative ;
   float: left;
   width: 590px;
   padding-left: 12px; ;
}


#strona2 {
   position: relative ;
   float: left;
   width: 178px;
   padding-left: 5px; ;
}

/* #navbar {position: absolute; top: 190px; left: 165px;  */
#navbar {position: relative; float: left;
   margin-left: 190px;
   padding: 2px 0 2px 2px; white-space: nowrap;
   background: #FEC994 ;
/*  background: #F0DFB4 url(tab-curve.gif) bottom left no-repeat; */
font: 115% Georgia, Verdana , Times, serif;
} /* #F0DFB4 */
#navbar b {display: none;}
#navbar a {text-decoration: none; color: #000; 
  border-bottom: 1px solid gray;
  padding: 2px 0.5em 1px;}
#navbar a:hover {color: white; background: #336 ;     /* #336; */
  border-bottom-width: 3px; }
#navbar a:link, a:visited { border-bottom-width: 3px;  }

#nagl {margin: 0; padding: 0 0 1em;
  border: 1px solid #EEBE66 ; border-width: 0 4em 1px 1.3em;
  background: #FCE083}
#nagl h1 {margin: 0; padding: 1.5em 0.5em 0 0;
  font: bold 1.3em/0.75em Verdana, Arial, sans-serif;
  background: yellow  ;}  /* rgb(45%,65%,45%) */


p {
   font: 90%/1.3em  Geneva, Arial, Helvetica, sans-serif;
   padding: 0;
   margin: 0;
   text-align: justify;
}
p::first-letter {
   font: bold 1.2em Verdana, Arial,  sans-serif;
   color : #800000 ;
    background-color:#FFFF80 ;
}
p::first-line {
letter-spacing: 2px;
margin: 0;
}
form {
   margin: 0;
   padding: 0;
}


#zawartosc li {
   font: 90% Arial, Helvetica, sans-serif;
   margin-bottom: 0.1em;
  /*  border-bottom: 1px solid #575757;   */
}
#zawartosc h1 {
   text-align: center;
   padding-right: 10px;
   font: 130% Georgia, "Times New Roman", Times, serif;
   color: #901602;
}
#zawartosc h3 {
   text-align: center;
   padding: 2px;
   font: 110% Georgia, "Times New Roman", Times, serif;
   font-style : italic;
   color: #901602;
   margin: 5px;
}

h4 {color: brown ;
   font: bold 0.8em Verdana, Arial,  sans-serif;
   text-align: center;
   padding : 1px;
}


#strona1 h1 {
   font: bold 90% Arial, Helvetica, sans-serif;
   text-decoration: underline;
   text-align: center;
   padding-right: 2px;
   color: green;
}

#strona1 .pic {
   position: relative ;
   background: none ;
   float: left;
   width: auto ;
   padding: 2px ;
   border : none;
}

#strona2 h3 {
   font: bold 85% Arial, Helvetica, sans-serif;
   margin: 0;
   padding-bottom: 2px;
}
#strona2 ul {
  margin-left: -2px;
}
#strona2 a:link, a:visited {
  font: 65% Verdana, Geneva, Arial, Helvetica, sans-serif;
  margin-left: 1px;
  text-decoration: none;
}
.reklama {
   padding: 2px 4px 2px 4px;
   margin: 0 0 10px 0;
   border: 1px dotted #B1B1B1;
   background-color: #F4F4F4;
}
#strona1 h3 {
   font: 110% Georgia, "Times New Roman", Times, serif;
   color: #621313;
   background-color: transparent;
   margin: 0;
   padding-bottom: 4px;
}
#strona1 .txt {
   width: 184px;
   background-color: #FCF5F5;
   border: 1px inset #901602;
}
#strona1 ul {
   list-style: none;
   margin-left: 0;
   padding-left: 0;
   width: 184px;
}
#strona1 li {
   font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-weight : bold ;
   margin-bottom: 0.3em;
   border-bottom: 1px solid #E7AFAF;
}
#strona1 a:link, #strona1 a:visited {
  font: 85% Verdana, Geneva, Arial, Helvetica, sans-serif; 
  text-decoration: none;
  color: #2E472E ; /* #901602 ;*/
  background-color: transparent;
}
#strona1 a:hover {
   color: red ; /* #621313; */
}
div#footer {clear: both; padding: 2px;
  font: bold 75% Verdana, sans-serif; text-align: center;
  background-color: green; }


#foto { float: left; width: 800px; margin-top: 10px ; margin-right: 100px;
        margin-left: 10px;  }


div.pic {float: left; height: 172px; width: 250px;
  padding: 2px; margin: 8px; }
div.pic img {border: 1px solid; border-color: #444 #AAA #AAA #444;}
div.ls img {height: 160px; width: 240px; margin: 1px ;}
div.pt img {height: 128px; width: 96px; margin: 0 16px;}
div.pic ul {margin: 1px ; padding: 0px; font: bold 75% Verdana, sans-serif;}
li.title {display: block; text-align: center; list-style : none;  }



