body {
background-image: url(background10b.gif);
background-repeat:repeat-x; 
position: relative;
width: 100%;
height: 100%;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
h1 {
text-decoration: underline;
font-size: 18px;
color: #003813;
text-align: center;
font-weight: bold;
}

h2{
font-size: 14px;
font-weight: bold;
color:"black";
display: inline;
margin-right: 10px;
text-align: justify;}

h3 {
color: #003813;
font-size: 14px;
text-align: center;
}

h4 {
font-family: Trebuchet MS;
font-size: 30px;
text-align: center;
color: #007296;
font-spacing: 3px;
}

h5 {
font-size: 18px;
color: #bbeeaa;
text-align: center;
font-weight: bold;
}

h6 {
font-size: 18px;
color: #639600;
text-align: center;
font-weight: bold;
}

h7{
font-size: 18px;
font-weight: bold;
color: #53a7d1;
display: inline;
margin-left: 30px;
text-align: left;}

p {
text-align: justify;
line-height: 17px;
font-size: 11px;
}

#footer{
text-align: center;
position: relative;
margin-top: 25px;
margin-left: auto;
margin-right: auto;
border: 0px;
padding: 10px;
font-size: 14px;
}

a.footer:link {
color: #324b00;
text-decoration: none;
font-weight: bold;
}

a.footer:visited {
color: #687a8d;
text-decoration: none;
font-weight: bold;
}

a.footer:hover {
color: #bbddff;
text-decoration: none;
font-weight: bold;
}


a:link { text-decoration: none;
color: "black"; font-weight: bold;  font size="30px";
}

a:hover { color: #ffffff;  font size="30px";
}

a:active { color: #bbddff; font size="30px";
}

a:visited { color: "black";
text-decoration: none;  font size="30px";
}

a.podpis:link {
text-decoration: none;
color: #2d4400;
font-weight: bold;
font-size: 24px;
}

a.podpis:visited {
text-decoration: none;
color: #2d4400;
font-weight: bold;
font-size: 24px;
}

a.podpis:hover {
text-decoration: blink;
color: #bbddff;
font-weight: bold;
font-size: 24px;
}

a.podpis:active {
text-decoration: blink;
color: #bbddff;
font-weight: bold;
font-size: 24px;
}

#header {border: none;
width: 700px;
margin-left: auto;
margin-right: auto;
margin-top: 25px;
text-align: left;
height:100px;
margin-bottom: 100px;
/* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
margin-bottom: 25px;
}

html>body #header {
	margin-bottom: 100px;
	/* ie5win fudge ends */
	}

#header p {
font-size: 10px;
}

#content {

width: 750px;
padding: 0px;

}


#main-text {
position: relative;

display: block;
text-align: justify;
margin-top: 25px;
margin-left: auto;
margin-right: auto;
border: 0px;
padding: 10px;
height: 100%;
width: 680px;
/* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
width: 680px;
}

html>body #main-text {
	width: 680px;
	/* ie5win fudge ends */
	}

#navbar {
font-size: 12px;
font-weight: bold;
margin-top: 10px;
float: center;
}

ul {
  padding: 0;
  margin: 0;
  list-style-position: inside;
  list-style-type: circle;
}

li {
  margin-left: 30px;
  margin-top: 10px;
  margin-bottom: 0px;
  width: auto;
  }

table {
display: block;
border: none;
font-size: 10px;
text-align: center;
padding: 0px;
spacing: 0px;
}

hr {
color: #bbddff;
noshade;
}

#photograph {
margin-left: 250px;;
margin-right: 250px;
position: relative;
}

.cien {
  background: #747474;
  position: relative;
  top: 2px;
  left: 2px;
}
.ramka {
  border: 1px solid #003813;
  background: white;
  color: black;
  position: relative;
  top: -4px;
  left: -4px;
}

.thumb {
border: 0px;
}

#photo1 {
position: relative;
left: 300px;
top: 90px;
float: center;
padding: 0px 0px 0px 0px;
border: none;
}

#photo2 {
position: relative;
left: 300px;
top: 100px;
float: center;
padding: 0px 0px 0px 0px;
border: none;
}

#photo3 {
position: relative;
left: 300px;
top: 100px;
float: center;
padding: 0px 0px 0px 0px;
border: none;
}

#photo4 {
position: relative;
left: 300px;
top: 100px;
float: center;
padding: 0px 0px 0px 0px;
border: none;
}

#photo5 {
position: relative;
left: 300px;
top: 100px;
float: center;
padding: 0px 0px 0px 0px;
border: none;
}