body {
    
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	background-color: #24282b; 
	background-repeat: repeat-x;
	line-height:15px; 
} 

* {margin: 0px;padding: 0px;} 
.clear{clear:both;} 
#site {
	margin: 0px auto;
	text-align: left;
	width: 786px;    
	background-color: #23272a;
}


#header {
	margin: 0px 0px 0px 0px;
	width: 786px;
	height:200px;
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
	position:relative;
    background-position:center bottom;	
	background-color:#23272a;
}
#header img {
    margin-left:269px;
	padding-top:80px;
}

#menu {
    width:566px;
	height:60px;
	background-color:#000000;
	top:59px;
	position:relative;
	float:right;
	border:0px;
}
#menu ul,#menu ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;  
}
#menu ul{
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	position:absolute;
	left:50px;
	right:50px;
} 
#menu li{
    display:block;    
    background-color:#000000;
	margin-right:5px;
	float:left; 
} 	  
#menu li:hover{
    color:white;
} 

#menu ul a,#menu ul a:link,#menu ul a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ddd8c6;
	text-decoration: none;
	padding: 5px 9px 5px 9px;   
	display:block;
	background-color:#000000; 
	margin-left: 12px;   
	outline:0;   
    line-height:50px;	 	
}

#menu ul a:focus{
    outline:none; 
}

#menu ul a:hover,#menu ul .active:link,#menu ul .active:visited,#menu ul .active:hover{
    color:white;
	padding: 10px 9px 0px 9px;
	background-color:#000000;
	background-image:url(images/button.png); 
	background-repeat:no-repeat;
	background-position:50% 20%;
} 

.img a:link,.img a:visited,.img a:focus{
    outline:0;
}


#content {
	background-color: #23272a;
	width:786px;
	display:block;
	
}




#zawartosc {
	background-color: #23272a;
	width:786px;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	float:right;
	display:inline;
}

#zawartosc h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	margin: 56px 23px 40px 17px;
	padding: 23px 0px 3px 0px;    
}
#zawartosc img  {
    margin-right: 22px; 
	margin-left: 0px;
}

.text{
	float:left;
	width:422px; 
}

.text1{
       float:left;
       width:500px;  
}



#zawartosc p{
    width:422px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px; 
	color: #9d9d9d;
	margin: 0px 0px 0px 17px;
	padding: 0px 0px 5px 0px;
}

#zawartosc a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-weight:bold;color: #4d4b4a;
}


#zawartosc table  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px; 
	color: #9d9d9d;
	margin: 0px 0px 0px 17px;
	padding: 0px 0px 5px 0px;
}

#zawartosc td img {
	margin: 5px 20px 0px 0px;

}



#scroll p{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px; 
	color: #9d9d9d;
	margin:  0px 0px 0px 17px;
	padding: 0px 15px 0px 0px;
    float: left;
    width: 100%;
	height:106px;
    overflow: auto;
    cursor: pointer;
}

#scroll1 p{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px; 
	color: #9d9d9d;
	margin:  0px 0px 0px 17px;
	padding: 0px 15px 0px 0px;
    float: left;
    width: 100%;
	height:106px;
    overflow: auto;
    cursor: pointer;
}

 #foto {
    margin:  14px 422px 18px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
}



#footer {
    background-color: #23272a; 
    width: 786px;
	height:35px;
	padding: 0px 0px 0px 0px;
	margin-top:120px;
	margin-bottom:0px;
	
}
#footer p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align:right;
	color: #959595;	
    padding-right: 50px;
	font-size: 9px;
	line-height:46px;
	padding-top: 6px;
}
#footer img {
    margin-bottom:0px;
    margin-left: 0px;
}

#footer a  img {
    margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 19px; 
	background-image: url(images/image3.png);
	outline: 0;
}
#footer a img:hover {
    background-image: url(images/image4.png);
}