* {
    margin: 0;
    padding: 0;
}

body {
    text-align: center;
    background-color: #FFF;
    color: #006;
    margin: 0 auto;
    width: 970px;
    scrollbar-face-color: #06F;
    scrollbar-shadow-color: #9FF;
    scrollbar-highlight-color: #D0955E;
    scrollbar-3dlight-color: #ffffff;
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-track-color: #ffffff;
    scrollbar-arrow-color: #000000;
}

a:link {
    color: #00008B;
    text-decoration: none;
     font-weight: bold;
}

a:visited {
    text-decoration: none;
    color: #00008B;
    font-weight: bold;
}

a:hover {
    text-decoration: none;
    color: #06F;
    font-weight: bold;
}

a:active {
    text-decoration: none;
    font-weight: bold;
    color: #06F;
}

#top {
    width: 970px;
	 margin-top: 5px;
    overflow: hidden;
    background-color: #FFF;
}

#LOGO1 {
    width: 260px;
    height: 155px;
    text-align: left;
    background-image: url('images/logo1.gif');
    overflow: hidden;
    float: left;
}


#LOGO2 {
    width: 710px;
    height: 155px;
    background-image: url('images/logo2b.gif');
    text-align: right;
    overflow: hidden;
}

#LEWA {
    width: 260px;
	 height: 380px;
	 background-image: url('images/lewa.gif');
    float: left;
    overflow: hidden;;
}

#TEKST {
    width: 710px;         
    background-image: url('images/tekst.gif');
    text-align: left;
    float: left;
    overflow: hidden;
}

#STOPKA {
    width: 710px;
    margin-left: 260px;
	 text-align: center;
    height: 35px;
    clear: both;
}

#PASEK {
    width: 970px;
	 height: 56px;
	 background-image: url('images/pasek.gif');
	 text-align: left;
    clear: both;
}

ul {
    margin-left: 25px;
}

ol {
    margin-left: 25px;
}

li {
    margin-left: 30px;
}

h1 {
    font-size: 12px;
    font-family: Verdana;
    text-align: left;
    margin-left: 45px;
    color: #006;
    margin-top: 30px;
    margin-bottom: 25px;
    font-weight: bold;
}

.style1 {
    font-size: 12px;
    font-family: Verdana;
    color: #006;
    margin-left: 25px;
    margin-right: 30px;
    text-indent: 15px;
}

.style2 {
    font-size: 12px;
    font-family: Verdana;
    color: #006;
    margin-left: 25px;
    margin-right: 30px;
}

.style3 {
    font-size: 12px;
    font-family: Verdana;
    text-align: center;
    color: #006;
}

.style4 {
    font-size: 12px;
    font-family: Verdana;
    color: #006;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ 
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ 
visibility: visible;
top: 0;
left: 10px;
top: -20px; 
}





.thumbnail1{
position: relative;
z-index: 0;
}

.thumbnail1:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail1 span{ 
position: absolute;
background-color: lightyellow;
padding: 5px;
left: 100px;
top: 10px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail1 span img{
border-width: 0;
padding: 2px;
}

.thumbnail1:hover span{ 
visibility: visible;
top: 0;
left: -400px;
top: -300px; 
}