<style type="text/css">
body {align: center; width: 1000px; margin: 0; padding: 0; background: #77c2ff;}

div#top  {position: absolute; top: 2px; left: 0px; width: 1000px; }

div#top2  {position: absolute; top: 18px; left: 715px; width: 255px; padding-left: 25px;
  display: block; background: #77c2ff; font-family: arial; font-size: 11px; letter-spacing: 0,2em; color: navy;
}



div#stopa {position: bottom; margin-bottom: 0 0 0 -75px; text-align: center;
	color: darknavy; font: 8px/20px garmond, verdana, courier, sans-serif;}

div#stopa {display: block;  padding: 0px 0px; margin: 0 0 2px; border-width: 0;
   background: lightblue; text-decoration: none; color: navy;}	

div#sponsor {display: block; background: maroon; margin-left: ; right-margin: ;
			 }
div#sponsor {font: 8px/14px; Verdana, sans-serif; padding: 3px; 
			}
.spacy {letter-spacing: ; text-align: center; font-family: arial; 7px/14px;}

div#back {font-size: 6px/12px; text-align: right; font-weight: bold; margin-right: 15px;
   color: olive;}
.tyt {font-weight: bold;
}
div#content {width: 781px;
}

.maro {  color: maroon; font-size: 11px;
}

.maro2 {color: maroon; font-size: 12px; font-weight: bold;
}

div#pasek {display: block; position: absolute; top: 25px; left: 45px; right: 45px; z-index: 2; background: maroon;
}

.ABC {color: green; font-style: bold; font-size: 14px;
}

.gre {color: green; font-size: 11px;
}


div#content {position: absolute; top: 189px; left: 219px; width: 781px;
   color: #75201e; font: 10px/18px Arial, Verdana, sans-serif; padding: 5px 0px; 
   }
h4 { font-size: 14px/18px; color: darknavy; letter-spacing: 0.1em; font-weight: bold;
}
div#tyt { font-weight: bold; color: darknavy;
}
div#linki {margin: 0px 0px 0px 0px;
   color: navy; font: 12px/12px Arial, Verdana, sans-serif; padding: 0px; 
   border: 0px; text-align: center; text-dekoration: none;}

div#grafic { width: 150px; border: 1px; border-style: solid; color: olive; }
div#grafic2 { border: 1px; border-style: solid; color: olive; }

div#mapa (border: 15px; border-color: red;  )

h1 {background: solid ; color: #75201e;
   margin: -9px -9px 0.5em; padding: 15px 0 15px;
   font:  bold 40px/45px "Times New Roman" Arial, sans-serif; 
   letter-spacing: 0.1em; text-align: center; 
   text-transform: no;}

h3 {text-align: center; margin-bottom: 0.25em; color: darkgreen;}
h2 {color: green;}
p {margin: 0 1em 1em;}
ul {text-align: justify; margin-left: 5px;}
div#content a:link {color: #131e88;}
div#content a:visited {color: blue;}
div#content a:link:hover {color: #366338;}
div#content a:visited:hover {color: #CC0;}

div#links {position: absolute; top: 193px; left: 0; width: 219px; }

div#links a {display: block;
   padding: 1px 1px; margin: 0 2 2 4px; border-width: 0;
   border-right: 4px solid #0f007d; 
   text-align: center; font: bold 9px/14px verdana,sans-serif, arial; 
   text-decoration: none; color: #0f007d;}


div#bug { text-align: justify; font: 10px/16px; verdana,sans-serif, arial; margin: 0 20px 0 10px;
}

div#links a:hover {background-color: white; color: green; margin-right: 15px; margin-left: 15px; border-color: green; padding-left: 15x; border-bottom-width: 1px; border-top-width: 1px; border-style: solid; border-left-width: 2px; border-right-width: 2px;}

body {background:  #77c2ff scroll;}

div#content {background: transparent #ffffd0;}

div#links a {background: transparent #4000f0;}

div#mapa1 {text-align: center; width: 500px;}

div#pych {font-size: small; font-weight: bold; color: white; background-color: silver; margin-left: 60px; margin-right: 60px; margin-bottom: 25px; letter-spacing: 1px; padding-left: 8px;}

div#kal {font-weight: bold; color: red;}

div#dzie {color: red;}

div#dzie a:link {color: red;}
div#dzie a:visited {color: red;}
div#dzie a:link:hover {color: red;}
div#dzie a:visited:hover {color: red;}

div#lid {display: block; position: center; padding: 15px; background: #dddddd; width: 90%; }
div#lid {font: 11px/16px; color: #330066; font-family: verdana; text-align: justify; } 

div#lid2 {display: block; position: center; padding: 15px; background: #eeffbc; width: 90%; 
			font-size,: 13px/180px; color: navy; font-family: verdana, garmond; text-align: justify; border: 1px; border-style: outset; border-color: olive;
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
 
 


 
div#lewy {position: left; margin-left: 15px; } 
 
 
.zdjecia {
	text-align: center;
}

.zdjecia_menu {
	margin-bottom: 10px;
	font-size: 10px;
}

.zdjecia_menu input, .zdjecia_menu select {
	font-size: 10px;
}

.zdjecia_opis {
	margin-top: 10px;
	text-align: justify;
}

<div id="div1"
             style="background-color: red; height: 50px; width: 50px"
             onmouseover="showTip(event)" onmouseout="hideTip(event)"></div>

         <div id="divTip1"
              style="background-color: yellow; position: absolute; visibility: hidden; padding: 5px">

</style>

