body {
	background-image:url('../grafika/b1.jpg');
	background-repeat:repeat-x;
}
#st1{
	width:1200px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	
}
#baner{
	text-align:center;
	height:162px;
}
#baner img{
	margin-top:40px;
}
#baner:hover{
	cursor:pointer;
}
#nav1{
	height:28px;
	padding-top:8px;
}
#licznik{
	height: 20px;
	color: #CCCCCC;
	font-size: 18px;
	font-family: Calibri;
	text-align: right;
	padding-right: 20px;
}
#licz{
	color: #0066CC;
}
#nav1 ul{
	margin:0px;
	padding-left:320px;
	float:left;
}
#nav1 a{
	color: #D2D2D2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration:none;
}
#nav1 a:hover{
	animation-name: anim1;
	animation-duration: 2s;

}
#nav1 li:hover{
	cursor:pointer;
	animation-name: anim1;
	animation-duration: 2s;

}
#nav1 li{
	width: 130px;
	height: 20px;
	list-style-image: url('../grafika/b2.png');
	float: left;
	color: #D2D2D2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin-left:30px;
}
#nav2{
	width:300px;
	height:600px;
	background-image:url('../grafika/b5.png');
	background-repeat:repeat-x;
	float:left;
}
#nav2a{
	color: #0066CC;
	font-family: Arial, Helvetica, sans-serif;
	width: 260px;
	margin: auto;
}
#nav2a div{
	height:38px;
	margin-top:10px;
	margin-left:5px;
	margin-right:5px;
	border:2px solid #CC0000;
	border-radius:5px;
	padding-top:18px;
	padding-left:20px;
	background-color:white;
	box-shadow:3px 3px 5px red;
	
	}
#nav2a a{
	color:#0066CC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
}

@keyframes example {
  0%   {color: red;}
  25%  {color: #0066CC;}
}
@keyframes anim1 {
  0%   {color: red;}
  25%  {color: white;}
}


#nav2a a:hover{
	text-decoration:underline;
	padding-left:2px;
	text-shadow:2px 1px 2px #c0c0c0;
	animation-name: example;
	animation-duration: 2s;

	
}


#article{
	float:left;
	width:890px;
	min-height:650px;
	border:1px solid #D8D8D8;
	border-radius:5px;
	margin-left:5px;
	margin-bottom:5px;
	
}
#logo{
	clear:both;
	height:150px;
	width:1200px;
	margin:auto;
	font-family:Calibri;
	font-size:14px;
	text-align:center;
}
#st2{
	height:120px;
	background:linear-gradient(#333333 20%, #666666,#7F7F7F);
	color:#E1E1E1;
	font-family:Calibri;
	font-size:14px;
}

#st2a{
	color:#E1E1E1;
	font-family:Calibri;
	font-size:14px;
	width:1200px;
	margin:auto;
	height:120px;
}
#stopka1{
	text-align:left;
	line-height:150%;
	float:left;
	width:400px;
	padding-left:20px;
	padding-top:10px
}
#stopka2{
	text-align:center;
	line-height:150%;
	float:left;
	width:360px;
	padding-top:10px
}
#stopka3{
	text-align:right;
	float:left;
	line-height:150%;
	width:400px;
	padding-right:20px;
	padding-top:10px
}
#nag1, #nag1 p 	{
	color: #333333;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	font-family:Arial;
	font-size: 15px;
	text-align: justify;
	padding: 8px;
	line-height: 150%;
}
#nag1 p {
	margin-top:1px;
	margin-bottom:1px;
	text-indent: 25px; 
}
.span1 {
	text-align: center;
	color: #0066cc;
	font-family:Georgia;
	line-height: 120%;
	background-image:url('../grafika/b7.png');
	background-repeat:repeat-x;
	
}
#lista{
	margin:30px;
}
#lista dd{
	margin-bottom:5px;
	height:25px;
	padding-left:15px;
}
#lista dd:hover{
	cursor:pointer;
	color:#000000;
	background-image:url('../grafika/b9.gif');
	background-repeat:no-repeat;
}
#lista dt{
	color: #0066cc;
	font-weight:bold;
	
}
#ciasteczka{
	color:#CCCCCC;
	font-family:Calibri;
	font-size:18px;
	background-color:#333333;
	position:fixed;
	height:80px;
	bottom:20px;
	width:100%;
	padding:20px;
	text-align:center;
}
#cookie_ok{
	width:110px;
	height:26px;
	color:#FF0000;
	background-color:#CCCCCC;
	border-radius:3px;
	cursor:pointer;
	margin:auto;
}