body {
	
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	font-family: Tahoma, sans-serif;
	background: url(tlo.gif);
}
#cal {
	margin:120px auto;
	width: 1000px;
	height: 100%;
	border: 0px solid white;
	
	}
#nawigacja { 
	border-bottom: 0px solid #grey; 
	background:white; 
	padding: 10px 20px; 
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 10; 
	width: 100%;
	height: 100px;
}

#me { margin:0px auto;
	width: 1000px;
	text-align:center;
		 }

#sro
{
	position: relative; 
	margin-top: 20px; 
	text-align:center;
	vertical-align:center;
	background: url(tlo.gif);
	}


#box1
{
	width: 500px;
	text-align:left;
	vertical-align:left;
	float: left;
}
#box2 {
	position: absolute;
	margin-left: 500px;
	width: 500px;
	top: 0px;
	}
	
.ja
{
	margin-left: 110px;
}
p {
	margin: 20px 20px 20px 20px;
	font-family: Verdana,Bookman Old Style,Candara,Century Gothic,Verdana,Bookman Old Style,Helvetica,Times New Roman;
	text-align: justify ; color:  999999; font-size:10pt;
	    }
.pod2 {text-align: right; color: black; font-size:10pt; }		
		
a:link { color: #666666; text-decoration: none ; font-size:12pt;  font-family: Arial, Times New Roman, Verdana,Bookman Old Style,Helvetica,Times New Roman}
a:visited { color: #666666; text-decoration: none ;  font-family: Arial, Times New Roman, Verdana,Bookman Old Style,Helvetica,Times New Roman}
a:hover {color: #CCCCCC; text-decoration: none ;  font-family: Arial, Times New Roman, Verdana, Bookman Old Style,Helvetica,Times New Roman}
a:active { color: #666666; text-decoration: none ;  font-family: Arial, Times New Roman, Verdana,Bookman Old Style,Helvetica,Times New Roman}
ul#lista {
	display: inline;
}

.xxx { color: red; text-decoration: none; font-size:10pt;  font-family: Verdana,Bookman Old Style,Candara,Century Gothic,Verdana,Bookman Old Style,Helvetica,Times New Roman}	
	

ul#lista li {
	float: left;
	padding: 0 20px;
	list-style: none;
}
ul#lista li ul {
	display: none;
}
ul#lista li:hover ul {
	display: block;
	margin: 0 0 0 -45px;  
}
ul#lista li:hover ul li {
	float: none; 
	font-size: 11px; 
	font-weight: normal; 
	padding: 0 6px; 
	line-height: 18px; 
	height: 18px;
}

.thumbnail span{ /*CSS for enlarged image*/
position: relative;
padding: 0px;
left: -5px;
visibility: hidden;
color: green;
text-decoration: none;
 margin:0px 0px;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 10px;
text-decoration: none ;
 margin:0px 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 2; /*position where enlarged image should offset horizontally */
text-decoration: none ;
}
#fo {
	
	padding: 30px 30px 30px 30px;

			}

#fo1 {
	
	padding: 30px 30px 30px 110px;

			}

.obr img{
	   border: 6px solid #ffffff; 
  } 