body {
   margin: 2px;
   padding: 4px;
  background-color: #DCD3A0; /* #FAF1B4 ; #F7F7F7; */
}
/*  w naglowku jest panorama */
#pan {
	
	background-color: #804040;
	font-size: 1.1em;
	text-align: center ;
	margin: 6px 4px;
	background-color: #EFEFEF;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	border: 1px solid #CCCCCC;
	padding: 10px;
}

div#ramka {
position: float ;	
width: 990px;	
font-size: 0.8em;
margin: 4px 3px;
line-height: 1.5em;
background-color: #EFEFEF;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
border: 1px solid #CCCCCC;
padding: 8px;
}

#ramkalewa {
position: relative ;
float: left;
width: 730px;
padding: 4px;
font-size: 0.8em;
margin: 14px 43px;
background-color: #EFEFEF;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}
#ramkalewa h1{
	font-size: 1.3em;
}
#ramkalewa h3{
	font-size: 1.1em;
}
div#ramkag {
position: relative ;
float: left;
width: 990px;	
padding: 4px;
font-size: 1.6em;
margin: 2px ;
background-color: #DCD3A0; /* #DCD3A0;  */
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}

#ramkadol {
position: relative ;
float: left;
width: 990px;	
padding: 4px;
font-size: 0.6em;
margin: 2px ;
background-color:  #E3D274; /* #DCD3A0;  */
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}
#ramkadol h1{
	font-size: 1.3em;
}
#ramkadol ul li {
	display: inline;
	white-space: nowrap;
	margin: 2px;
	padding: 2px;
}
#ramkacent {
position: relative ;
float: left;
width: 660px;
padding: 4px;
font-size: 0.8em;
margin: 14px 103px;
background-color: #EFEFEF;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}

#pas1 {
   position: relative ;
   float: left;
   width: 820px;
   background-color: #DCD3A0;
}

#cont {
   position: relative ;
   float: top;
   width: 1008px;
background-color: #DCD3A0 ;
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 ;
    font-size: 0.5em;
   float: left;
   width: 980px;
   margin : 10px;
   padding-left: 12px; 
}

/* #navbar {position: absolute; top: 190px; left: 165px;  */
#navbar {position: relative; float: left;
  padding: 2px 0 2px 32px; white-space: nowrap;
  background: #F0DFB4 url(tab-curve1.gif) bottom left no-repeat;
font: 70% 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; }


#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.2em 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 ;

}
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-top: 20px;
}

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 100% Arial, Helvetica, sans-serif;
   margin: 0;
   padding-bottom: 4px;
}
.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 {
   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: #804040; }


#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 65% Verdana, sans-serif;}
li.title {display: block; text-align: center; list-style: none;}

.C {background-color:  #FFFF99; }
.W {background-color:  #CCFF66; }
.S {background-color: #99FFCC; }
.tab {border-spacing: 7px ; }


#nv, #nv ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#nv a {
	display: block;
}
#nv li {
	float: left;
}
#nv li ul {
	position: absolute;
	left: -1999em;
}
#nv li:hover ul {
	left: auto;
}
#nv li:hover ul, #nv li.sfhover ul {
	left: auto;
	background: #FFFF00;
	border: 1px solid #EEEEEE;
}

