html, body {
	height: 100%;         /* required */
	background: #484848;
	overflow: auto;
}
body {
  /* horizontal centering hack for IE */
	padding: 0;           /* required to "hide" distance div */
	margin: 0;            /* required to "hide" distance div */
overflow: hidden;
}

A:link {
color: #FFCC00;
text-decoration: none;
font-weight:bold;

}
A:active {
color: #FFCC00;
text-decoration: none;
font-weight:bold;
}
A:visited {
font-size:11px;
color: #FFCC00;
text-decoration: none;
font-weight:bold;
}
A:hover {
color: #CCCCCC;
}

div#distance { 
	margin-bottom: -307px; /* half of content height */

	width: 1px;           /* required to "hide" distance div */
	height: 50%;          /* required */
	float: left;          /* required */
	overflow: hidden;


}
div#content {
	position: relative;   /* positions content on top of distance */
	height: 614px;         /* required - desired height */
	background: #484848;     /* cosmetic */
	margin: 0 0 0 0;       /* required */
	clear: left;          /* required */
overflow: hidden;
	width: 1276px; 
	
}



div#gora {
	float: left;
	height: 92px;     
	width: 1276px;       
	overflow: hidden;   
        
}
div#lbok {
	float: left;
	height: 430px;     
	width: 653px;       
	overflow: hidden;   
        
}
div#pbok {
	float: left;
	height: 430px;     
	width: 616px;          
overflow: hidden;

       
}

div#menu {
	float: left;  
	width: 616px;          
overflow: hidden;

       
}
div#tekst {
	float: left;  
	width: 566px;          
overflow: hidden;
padding: 20px;
text-align: justify;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
	  line-height: 1.7;
color: #ffffff;

       
}

div#pasek {
	float: left;
	height: 430px;     
	width: 7px;          
overflow: hidden;
background: url(../img/pasek.png);

       
}
div#dol {
	float: left;
	height: 92px;     
	width: 1276px;       
	overflow: hidden;   
        
}

div#zdj{
text-align:center;

}
#obrazki {
	border-color: #cccccc;
	border-width:2px;
	margin-right: 10px;
	margin-left: 10px;
	
}