<style type="text/css">
<!--
h1 {
  display: inline;
  margin: 5px;
  padding: 0px;
  text-align: center;
}
p {
    font-family: Helvetica;
     font-size: 10pt; 
     color: black; 
     text-align: justify; 
     text-indent: 0.5cm;
     padding: 0;
     margin: 0.5cm;
     }
p.s {
     font-size: 10pt; 
     text-align: center
    }
p.r {
    text-align: right; 
    font-style: italic
     }
li  {
     text-align: left; 
     }



/*
Button
*/

.h { display: none }
.v { display: block }
ul {

list-style-type:none;

}

ul li {

padding-bottom:5px;

}

.button, .button:visited {
	background: #222 url(overlay.png) repeat-x;
	display: inline-block;
	padding: 5px 10px 5px;
	color: #fff;
	text-decoration: none;
	border-radius: 8px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer
}

.button a {
color:#FFF;
text-decoration:none;
}
.small.button, .small.button:visited  { font-size: 12px}
.button, .button:visited, .medium.button, .medium.button:visited { font-size: 13px;  
						font-weight: bold; 
						line-height: 1; 
						text-shadow: 0 -1px 1px rgba(0,0,0,0.40); }
.large.button, .large.button:visited     { font-size: 12px; padding: 5px 13px 5px; }
.green.button, .green.button:visited   { background-color: #749a02; }
.green.button:hover		   { background-color: #91bd09; }
	



html {
     scrollbar-face-color: green; 
     scrollbar-arrow-color: yellow;
     }
a {
     color: black; 
     text-decoration: none; 
          }
a:hover {
     text-decoration: underline; 
              }
img {
     display: inline-block;
     margin: 0px 0;
     border: 0;
     }
table {
       border-color: none;
       font-family: Helvetica;
       font-size: 10pt;
       color: black;
       font-weight: normal;
       padding: 0;
      }
#lewa {
     width: 150px; 
     background: tlo.gif; 
     float: left;
     }
#tresc {
   width: 600px; 
   background: beige; 
   float: left;
   font-family: Helvetica;
   font-size: 10pt;
   }
#prawa {
   width: 250px; 
   float: left;
   font-family: Helvetica;
   font-size: 10pt;
   }
#stopka {
     clear: both;
}



.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -30px;
border: 1px solid grey;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 7px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 50;
bottom: 0%;
left: 0px; /*position where enlarged image should offset horizontally */

}



/**
 * Menu rozwijane
 *
 * Pod IE6 wymagany jest dodatkowy skrypt JS:
 *
 * <!--[if lt IE 7]>
 *      <script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script>
 *  <![endif]-->
 */
html, body {
	font-size: 12px;
	font-family: Helvetica;
}

div#obj {
	background: beige;
	width: 1000px;
	margin: 0px auto;
	height: auto;
}

div#sMenu {
	background: darkgreen;
	height: 25px;
}

div#sMenu a {
	color: beige;
	text-decoration: none;
                  background: none;
}

div#sMenu ul,
div#sMenu li {
	margin: 0px;
	padding: 0px;
}

div#sMenu li {
	list-style: none;
	list-style-image: none;
	position: relative;
	padding: 5px 15px;
	white-space: nowrap;
}

div#sMenu ul li:hover {
	background: green;
}

/**
 * Poziome menu pierwszego poziomu
 */
div#sMenu > ul li {
	float: left;
	background: darkgreen;
}

div#sMenu ul ul li {
	float: none;
}

/**
 * Menu kolejnych poziomow
 */
div#sMenu ul ul {
	z-index: 5;
	display: none;
	position: absolute;
	top: 25px;
	border-left: 1px solid white;
}

div#sMenu li:hover > ul {
	display: block;
}

/**
 * Menu drugiego poziomu - pierwsze rozwiniecie
 */
div#sMenu ul ul {
	left: 0px;
}

div#sMenu ul ul ul {
	left: 100%;
	top: 0px;
	z-index: 5;
}
-->
</style>
