html, html *{
	padding:0;
	margin:0;

	vertical-align: top;
	text-decoration:none;
	list-style:none;
	border-collapse: collapse;
}
body{
	background: #E9E9E9 url("bgbottom.gif") bottom center no-repeat;
	text-align:center;
	font-family:"verdana";
	font-size:11px;
	color:#6E6E6E;
	border-bottom:0px #fff solid;
}

#strona{
	width:970px;
	background:#fff url("bgpage.gif") top center repeat-y ;
	margin:0px auto;
	padding:0px;
	border-bottom:40px #fff solid;
}

#obrazki{
	background: #fff ("obrazki.gif") top center no-repeat;
	height:514px;
	margin:0px;
}

#lewy{
	display:block;
	width:310px;
	padding:10px 40px 0px 10px;
	margin-bottom:6px;
	margin-left:20px;
	font-family:"Verdana";
	font-size: 12px;
	color:#6E6E6E;
}
#lewy ul li{
	margin-bottom:6px;
	margin-left:15px;
	padding:2px;
	float:left;
	position:relative;
	z-index:100;
}
#lewy a:hover, 
#menu li.aktywny a{
	color:#669933;
	font-weight:bold;
}
#lewy a{
	
	color:#000;
	font-size: 16px;
	font-weight: normal;
	display:block;

}
#lewy .active a{
	color:#669933;
	font-weight:bold;


}
#lewy h2{
	font-family:"verdana";
	font-size:18px;
		font-weight:normal;
}
/*podpoziom*/
#lewy ul ul a{
	font-size: 14px;
	font-weight:bold;
}
.przerwa{
	width:10px;
}
.przerwa2{
	width:16px;
}


#prawy{
	padding:10px 30px 0px 30px;
	margin-bottom:6px;
	margin-left:10px;
	font-family:"Verdana";
	font-size:12px;
	color:#333333;
        width:510px;
}
#prawy h1{
	font-family:"Verdana";
	font-size:30px;
	font-weight:normal;
}
#prawy h2{
	font-family:"Verdana";
	font-size:20px;
		font-weight:normal;
}
#prawy h3{
	font-family:"Verdana";
	font-size:18px;
		font-weight:normal;
}
#prawy p{
	margin:1.5em 0;
}
#prawy a{
	font-weight:bold;
	color:#fff;
}	
	
#prawy a:hover{	
	color:#d2c9b3;
	background-color:#2c0000;
}
#prawy img{
	border:1px solid #d2c9b3;
}
#prawy a:hover img{
	border:1px solid #fff;
}

/* duże menu -----------------------------------------------------------*/
#prawy #duze-menu{
	display:block;
	height:260px;
}
#prawy #duze-menu li{
	width:145px;
	height:260px;
	display:inline-block;
	float:left;
	margin-left:10px;
	list-style:none;
}
#prawy #duze-menu li a{
	display:block;
	width:145px;
	height:260px;
	text-indent:-10000px;
	font-size:1px;
}


#prawy #duze-menu li.pierwszy a{
	background: url("obrazek1.jpg") no-repeat;
}
#prawy #duze-menu li.pierwszy a:hover{
	background: url("obrazek1a.jpg") no-repeat;
}

#prawy #duze-menu li.drugi a{
	background: url("obrazek2.jpg") no-repeat;
}
#prawy #duze-menu li.drugi a:hover{
	background: url("obrazek2a.jpg") no-repeat;
}


#prawy #duze-menu li.trzeci a{
	background: url("obrazek3.jpg") no-repeat;
}
#prawy #duze-menu li.trzeci a:hover{
	background: url("obrazek3a.jpg") no-repeat;
}



#tabela {
   border: 1px solid black;
   border-collapse: collapse;
   background-color: #ffc;
}
#tabela {
   font-family:"Verdana";
   font-size:12px;
   color: #000;
}
#tabela td {
   border: 1px solid black;
   padding: 10px;
}
td.inny_wyglad {
   background-color: #70A229;
   vertical-align: top;
   font-weight: bold;
   color: white;
}






#kropelka {
	background: url("kropelka.gif") no-repeat center top #fff;
	height:66px;
	color:#fff;
	text-align:center;
	vertical-align:bottom;
}



#menu {
	background:#fff;
	margin:0px;
	text-align:center;
	color:#999999;
	font-size: 10px;
	font-family:"Verdana";
	width:970px;
	padding-bottom:0px;
	padding-top:10px;
}



#menu a{
	font-weight:normal;
	color:#999999;
}	

#menu .active, #menu a:hover{
color:#000;
text-decoration:none;
}