* {
  margin:0;
  padding:0;
}
html {
  background-color:#EFECF1;
}
body {
  width:780px;
  background-color:#EFECF1;
  margin:0 auto;
  margin-top:10px;
  font-family:verdana;
  font-size:12px;
  
}
div.kontener{
  width:780px;
  overflow:hidden;
  margin:0 auto;
}
div.ramtop{
  width:780px;
  height:20px;
  background:url(img/gora.gif);
}
/* ----------------LOGO-----------------*/
div.logo{
  width:778px;
  height:177px;
  background:url(img/logo.jpg);
  border-left:1px solid #046380;
  border-right:1px solid #046380;
}
div.podlogo{
  position:relative;top:0;
  width:780px;
  height:15px;
  background-color:#477BA9;
  text-align:center;
  font:12px arial;
  color:white;
}
/* ----------------MENU-----------------*/
div.menu{
  width:168px;
  float:left;
  background:white;
  border-left:1px solid #046380;
  padding-top:5px;
  padding-bottom:5000px;
  margin-bottom:-5000px;
}
ul, ul li {
	display: block;
	list-style: none;
	margin-left:5px;
	padding-bottom:0;
	font-size:12px;
}
ul {
	width: 150px;
	padding: 5px 0px 20px 0px;
	border:1px solid #046380;
	border-bottom:none;
}
li {
	margin-bottom: 3px;
}
ul a:link, ul a:visited {
	display: block;
	width: 127px;
	font-family:arial;
	font-weight:bold;
	text-decoration: none;
	padding: 5px;
	color:white;
	border:1px solid #046380;
	background:#477BA9;
}
ul a:hover {
	width: 127px;
	color:#477BA9 ;
	border:1px solid #046380;
	background:#e5eef5;
}
ul.img {
  	width:150px;
  	border-top:none;
  	border-bottom:1px solid #046380;
  	padding-bottom:20px;
  	margin-bottom:5px;
}
ul.img a img {
  	border:0px;
}
ul.img a:link, ul.img a:visited{
  	background:none;
  	border:none;
  	padding:0;
}
li.active a:link, li.active a:visited{
  	width: 127px;
	color:#477BA9 ;
	border:1px solid #046380;
	background:#e5eef5;
}
li.submenu a:link, li.submenu a:visited {
  	width: 105px;
  	margin:0 auto;
  	background:#e5eef5;
  	color:#477BA9;	
}
li.submenu a:hover, li.active a:hover {
  	color:#800000;
}
/* ----------------ŚRODEK------------------*/
div.middle{
  display:block;
  width:610px;
  float:left;
  background:white;
  border-right:1px solid #046380;
  padding-bottom:5000px;
  margin-bottom:-5000px;
}
p{
  text-align:center;
  margin:35px 0 35px 0;
}
p.koniec {
  text-align:center;
  font-size: 13px;
  color:#800000;
  font-weight:bold;
}
b {
  font-size:13px;
  color:#333333;
}
h1 {
  font-size:14px;
  font-family:arial;
  font-weight:bold;
  color:#3B7AB5;
}
h2 {
  font-size:12px;
  font-weight:normal;
  text-decoration:underline;
}
ol {
  display:block;
  list-style-type:none;
  margin:10px 0 0 0;
}
ol ol{
  margin:0 0 20px 0
}
ol ol li{
  list-style-type:none;
  margin:0 0 0 10px;
}
ol, ol li {
  display:block;
  list-style-type:decimal;
}
img.powodz1 {
  float:right;
  vertical-align:middle;
  margin:0 0 0 5px;
}
img.powodz2 {
  float:left;
  vertical-align:middle;
  margin:0 5px 0 0;
}
div.ramka{
  	background:white;
  	text-align:center;
  	font-family:arial;
  	width:602px;
  	border:1px solid #046380;
  	padding:10px 0 10px 0;
  	margin:5px 3px 5px 0;
}
div.ramka img {
  	border:0;
	margin-top:10px;
}
div.ramka a img{
  	border:1px solid #e5eef5;
}
div.tekst {
  	text-align:justify;
  	margin:20px 10px 10px 10px;
}
div.tekst a img{
  	border:0;
  	position:relative;top:4px;
}
div.zastrzezenie{
  	text-align:center;
  	font-size:9px;
  	margin-top:10px;
}
img.srodek {
  	margin:0 0 20px 45px;
}
div.list {
  	margin:10px 0 20px 0;
}
div.sublist {
  	margin-left:30px;
  	margin-right:10px;
}
div.link {
  	text-align:left;
  	margin:0 auto;
  	margin-top:20px;
  	padding-left:10px;
  	padding-top:5px;
  	width:400px;
	height:25px;
	background:no-repeat url(img/tlostan.gif);
}
a:link, a:visited {
  	color:#477BA9;
  	text-decoration:none;
}
a:hover {
  	color:#800000;
  	text-decoration:none;
}
div.kontakt {
 	 margin-top:20px;
}
a#rollover1 {
  	display:block;
  	margin:0 auto;
  	margin-top:10px;
  	margin-bottom:5px;
	width:200px;
	height:150px; 
  	background: url(img/bug.gif);
  	border: 1px solid #000000 
}
a:hover#rollover1 {
  	border-color:#0000FF;
  	background-position: 0 -150px;
}
span.rollover {
	font-size:14px;
	font-weight:bold;
	color:#046380;  
}
a#rollover2 {
  	display:block;
  	margin:0 auto;
  	margin-top:10px;
  	margin-bottom:5px;
	width:200px;
	height:150px; 
  	background: url(img/siedziba_rollover.gif);
  	border: 1px solid #000000 
}
a:hover#rollover2 {
  	border-color:#0000FF;
  	background-position: 0 -150px;
}
a#rollover3 {
  	display:block;
  	margin:0 auto;
  	margin-top:10px;
  	margin-bottom:5px;
	width:200px;
	height:150px; 
  	background: url(img/lody_rollover.jpg);
  	border: 1px solid #000000 
}
a:hover#rollover3 {
  	border-color:#0000FF;
  	background-position: 0 -150px;
}
table.linki {
  	width:580px;
  	margin:20px 0 0 5px;
  	text-align:left;
  	border-collapse:collapse;
  	table-layout:auto;
}
table.linki a img {
  	border:0px;
  	vertical-align:middle;
  	position:relative; bottom:5px;
}
table.zbior {
  	width:580px;
  	margin:0 auto;
  	text-align:center;
  	margin-top:20px;
  	border:1px solid black;
  	border-collapse:collapse;
  	table-layout:auto;
}
table.zbior th{
  	background:#477BA9;
  	color:white;
  	border:1px solid black;
}
table.zbior td {
	border:1px solid black;
	border-spacing:0;
	padding:3px;
	background:#e5eef5;
}
table.stany{
  	text-align:center;
  	width:580px;
  	margin:0 auto;
  	margin-top:20px;
  	border:2px solid black;
  	border-collapse:collapse;
  	table-layout:auto;
  	font-size:10px;
}
table.stany th{
  	border:1px solid black;
}
table.stany td {
  	border:1px solid black;
  	padding:2px;
}
tbody.wisla {
  	background:#CCFFFF;
}
tbody.wieprz {
  	background:#DFCEFF;
}
tr.pilica {
  	background:#FFCC99;
}
tbody.bug {
  	background:#CCFFCC;
}
tbody.narew{
  	background:#FFFF99;
}
tr.kamienna{
  	background:#FF99CC;
}
.wodow {
  position:absolute;
  border:1px solid #808080;
  background:#D9FEFF;
  padding:4px;
  font:normal normal 10px Verdana;
}
.wodow b {
  font-size:11px;
  font-family:verdana;
}
/* ----------------STOPKA-----------------*/
div.bottom{
  text-align:center;
  font-size:12px;
  color:white;
  white-space:pre;
  width:780px;
  height:20px;
  float:left;
  clear:both;
  background:url(img/dol.gif);
}
div.bottom a:link, div.bottom a:visited{
  color:white;
  text-decoration:none;
}
div.bottom a:hover{
  color:#800000;
}
div.w3 {
  text-align:center;
}
div.w3 a img {
  border:0px;
}