@import "reset.css";

body {
	font-family: tahoma, sans-serif;
	font-size: 11px;
	
}
a { text-decoration: none;}
em {font-style: italic;}
#container { position:relative; width: 980px; margin: 0 auto; }
	#header {
		float: left;
		background: url(../img/headerimg.jpg) no-repeat;
		height: 150px; width: 980px;
		position: relative;
		}
		#header img.warstwa {
			position: absolute;
			top: 12px; left: 0;}
		#header p {
			position: absolute;
			color: #7c91c2;
			line-height: 13px;
			bottom: 8px;
TABLE {
	font-family: Arial, Helvetica, sans-serif; font-size: 12px;
	border : 0 none;
	height: 12px
}
TR {
	font-family: Arial, Helvetica, sans-serif; font-size: 12px;
	border : 0 none;
	border-bottom : 1px solid;
	height: 12px
}
TD {
	font-family: Arial, Helvetica, sans-serif; font-size: 12px;
	border : 0 none;
	border-bottom : 1px solid;
	height: 12px
}
			left: 20px;
			}
			#header p strong { font-weight: bold; }
		/* Panel uzytkownika */
		div#panel a { color: #fff }
		div#panel { font-family: sans-serif }
		#header form#panel, div#panel {
			position: absolute;
			width: 198px;
			height: 80px; color: #fff;
			background: url(../img/panel.gif) no-repeat;
			padding: 10px 0 0 14px;
			right: 13px;
			top: 14px;
			
			}
			#panel input {
				float: left;
				width: 106px;
				height: 15px;
				color: #fff;
				font-family: tahoma;
				font-size: 11px;
				background: #758ebe;
				border: 1px solid #305192;
				padding: 3px 0 0 12px;
				margin: 4px 9px 0 0;
				}
				#panel input.but {
					padding: 0;
					width: 58px; height: 22px;
					text-align: center;
					cursor: pointer;
					}
				#panel input#ok { font-weight: bold;}
			#panel label {
				float: left;
				background:url(../img/panel_adm.gif) no-repeat;
				font-weight: bold;
				padding-left: 20px;
				margin-bottom: 5px;
				}
		/* Wyszukiwarka */
		#search {
			position: absolute;
			width: 200px;
			height: 18px;
			bottom: 2px; right: 25px;
			}
			#search input {
				float: left;
				height: 14px;
				width: 137px;
				padding: 2px 0 0 11px;
				color: #7c91c2;
				font-size: 11px;
				line-height: 11px;
				font-family: tahoma;
				margin-left: 5px;
				border: 1px solid #d7deed;
				}
				#search input.but { 
					border: 0;
					padding: 0;
					padding-top: 2px;
					height: 18px;
					width: 24px;
					text-align: center;
					font-weight: bold;
					cursor: pointer;
					background: none; 
					}
	#content {
		float: left;
		width: 980px;
		margin-top: 10px;
		}
		#content #left {
			float: left;
			width: 450px;
			overflow: hidden;
			min-height: 500px;
		}
			#left h3 {
				float: left; color: #fff;
				font-weight: bold;
				padding: 11px 0 0 70px;
				background: url(../img/leftbarr.gif) no-repeat;
				width: 380px;
				height: 31px;
				margin-top: 4px;
				}
			#left .day {
				float: left;
				width: 450px;
				min-height: 232px !important;
				height: 232px;
				position: relative;
				}
				#left .day h3 { 
					z-index: 2; margin: 0;
					position:absolute; 
					top: 0; right: 0;
					background: url(../img/leftbar.gif) no-repeat;
					}
				#left .day img.obr { 
					position: absolute; top: 33px;
					}
					
					#left .day img.tlo { position: absolute; bottom: 0px; }
				#left .day a { 
					position: absolute; 
					width: 430px;
					height: 50px; 
					bottom:0; left: 0;
					color: #fff;
					text-decoration: none;
					padding: 10px;
					line-height: 16px;
					
					}
				
					#left .day a:hover { text-decoration: underline;}
					#left .day a strong {
						display: block; 
						color: #ffeb00; 
						font-size: 12px;
						font-weight: bold;
						margin: 0 0 5px 8px;
						
						}
					#left .day a b { display: block; color: #fff; font-weight: normal; }
			#left .ad450 {
				float: left;
				width: 450px;
				height: 72px;
				margin-top: 0px;
				
				}
				#left .ad450 span {
						display: block;
						font-size: 10px; text-transform: uppercase;
						color: #8296c8; line-height: 12px;
				}
			#left .akt {
				float: left;
				width: 450px;
				overflow: hidden;
				margin-top: 4px;
				padding:  0 0 19px 0;
				margin-bottom: 9px;
				background: url(../img/aktbg.gif) repeat-x bottom;
				}
				#left .akt img { 
					float: left;
					}

				#left .akt p {
					float: left;
					width: 440px;
					margin-left: 10px;
					color: #787878;
					line-height: 16px;
					}
					#left .akt p strong {
						font-weight: bold;
						}
					#left .akt p a {
						display: block;
						color: #2a549c;
						font-weight: bold;
						text-decoration: none;
						margin-bottom: 4px;
						margin-top: 3px;
						}
						#left .akt p br {
						line-height: 5px;
							}
					#left .autor {
						float: left;
						color: #bbb;
						width: 250px;
						margin-top: 18px;
						margin-left: 1px;
						line-height: 12px;
						}
						#left .autor strong { font-weight: bold;}
					#left a.wiecej {
						float: right; font-weight: bold;
						text-align: center; color: #fff;
						text-decoration: none;
						line-height: 12px;
						padding-top: 2px;
						background: url(../img/aktbut.gif) no-repeat;
						width: 80px; height: 17px;
						margin-top: 10px;
						}
						#left a.wiecej:hover { color: #ffeb00; }
				#left #arch {
					float:left;
					width: 450px;
				}
					#left #arch ul {
						float: left;
						width: 450px;
					}
						#left #arch ul li {
							float: left;
							width: 446px;
							margin-left: 2px;
							background: url(../img/libg.gif) repeat-x bottom;
							padding-bottom: 7px;
							padding-top: 8px;
							font-weight: bold;
							color: #bbbbbb;
							}
							#left #arch ul li a {
								color: #787878;
								font-size: 11px;
								font-weight: normal;
								margin-left: 17px;
							}
							
		#content #center {
			float: left;
			width: 200px;
			overflow: hidden;
			margin-left: 10px;
			}
			#content #center h4 {
				float: left; color: #fff;
				font-weight: bold;
				padding-top: 11px;
				padding-left: 60px;
				background: url(../img/center.gif) no-repeat;
				width: 140px;
				height:27px; 
				margin-top: -4px;
			
			}
			#content #center .bottom {
				float: left;
				width: 200px;
				background: url(../img/bottom.gif) no-repeat;
				height: 3px; line-height: 3px; font-size: 3px;
				margin-top: -3px;
				}
			#content #center ul {
				float: left;
				width: 200px;
				margin-top: 0;
				background: url(../img/cenulbg.gif) repeat-y left top;
				padding-bottom: 12px;
				}
				#content #center ul.last { padding-bottom: 30px;}
				#content #center ul li {
					float: left;
					margin-left: 12px;
					width: 188px;
					padding-top: 8px;
					padding-bottom: 4px;
					}
					#content #center ul li a {
						color: #fff;
						font-weight: normal;
						}
						
						#content #center ul li a:hover {
							font-weight: bold;
							color: #fdeb01;
					}
							#content #center  h4.top { 
								background-image:url(../img/centeri.gif);
								margin-top: 0; 
								}
		#content #right {
			float: left;
			width: 310px;
			margin-left: 10px;
			}
			#content #right h4 {
				float: left;
				width: 310px;
				background: url(../img/rightbel.gif) no-repeat;
				height: 38px;
				font-weight: bold; color: #fff;
				position: relative;
				line-height: 12px;
				}
			#content #right .cols {
				float: left;
				width: 310px; height: 126px;
				background: url(../img/cols.gif) no-repeat;
				position: relative;
				}
				#content #right .cols .zesp1,
				#content #right .cols .zesp3,
				#content #right .cols .zesp4, 
				#content #right .cols .zesp2 {
					position: absolute;
					top: 12px;
					left: 24px;
					color: #787878;
					line-height: 14px;
					}
					#content #right .cols .zesp3 { left: 170px;}
					#content #right .cols .zesp4 { left: 265px;}
					#content #right .cols .zesp1 b, #content #right .cols .zesp3 b,
					#content #right .cols .zesp4 b, #content #right .cols .zesp2 b {
						display:block; font-weight: bold; }
					#content #right .cols .zesp2 { left: 90px;}
				#content #right .cols img.logo1, #content #right .cols img.logo2,
				#content #right .cols img.logo3, #content #right .cols img.logo4 {
					position: absolute;
					top: 50px;
					left: 20px;}
				#content #right .cols img.logo2 {
					left: 90px;}
				#content #right .cols img.logo3 {
					left: 180px;}
					
				#content #right .cols img.logo4 {
					left: 250px;}
				#content #right .cols .data, #content #right .cols a.rap {
					position: absolute;
					bottom: 10px;
					width: 150px;
					left: 0;
					text-align: center;
					color: #2b5399;
					font-weight: bold;
					line-height: 12px;
					}
					#content #right .cols a.rap { left: 160px; }
				#content #right .cols p.wynik {
					position: absolute;
					color: #2b5399;
					font-weight: bold;
					font-size: 14px;
					top: 18px;
					left: 220px;
				}
					#content #right .cols p.wynik span {
						display: inline; margin-left: 10px;}
				#content #right h4 b, #content #right h4 strong {
					position: absolute;
					top: 11px;
					left: 34px;}
				#content #right h4 strong {
					left: 194px;
					}
					#content #right h4.part {
						background: url(../img/parnt.gif);
						height: 26px;
						padding-left: 70px;
						width: 240px;
						padding-top: 12px;
						margin-top: 8px;
						
					}
				#content #right .ad310 {
					float: left;
					width: 310px;
					padding-top: 4px;
					padding-bottom: 7px;
					}
					#content #right .ad310 span {
						display: block;
						font-size: 10px; text-transform: uppercase;
						color: #8296c8; line-height: 12px;
						}
					
					h3,h4,h5 {
						line-height: 13px;}
					#content #right .tab {
						float: left;
						width: 310px;
						height: auto;
						background: url(../img/tabs.gif) no-repeat bottom;
						padding-bottom: 8px;
					}
						#content #right .tab #tabela {
							float: left;
							width: 150px;
						}
						#content #right .tab #linki {
							float: left;
							width: 130px;
							margin-left: 20px;
							display: inline;
							text-align: center;
							line-height: 22px;
							padding-top: 5px;
						}
							#content #right .tab #linki a {
								color: #787878;
								}
								#content #right .tab #linki a.pod {
									text-decoration: underline;
									}
						#content #right .tab #tabela a {
							float: left;
							width: 150px;
							text-align: center;
							font-size: 11px; color: #2b5399;
							font-weight: bold;
							margin-top: 15px;
							line-height: 12px;
							}
							#content #right .tab #tabela ul {
								float: left;
								width: 150px;
								}
								#content #right .tab #tabela ul li {
									float: left;
									margin-left: 10px;
									width: 130px;
									color: #787878;
									padding-top: 9px;
									line-height: 12px;
									position: relative;
									display: inline;
									
									}
									#content #right .tab #tabela ul li.last {
										padding-bottom: 13px;
										background: url(../img/lastbg.gif) repeat-x bottom;
										}
									#content #right .tab #tabela ul li b {
											position: absolute; 
											right: 0px;
											font-weight: normal;
											width: 10px;
											text-align: left;
											}
									#content #right .tab #tabela ul li strong {
										font-weight: bold;
										}
										#content #right .tab #tabela ul li strong b {
											font-weight: bold;}
							#content #right #part, #content #right .parti {
								float: left;
								width: 308px;
								overflow: hidden;
								background: url(../img/partbg.gif) no-repeat bottom;
								padding-bottom: 10px;
								padding-top: 5px;
								padding-left: 2px;
								}
								#content #right $part {
								    padding-left:0px;
								}
								#content #right #part img {
									margin: 0px ;
									}
	#footer {
		float: left;
		width: 980px;
		height: 137px;
		background: url(../img/footer.png) no-repeat;
		position: relative;
		line-height: 15px;
		color: #787878;
		clear: both;
		}
		#footer strong { font-weight: bold; }
		#footer a {font-weight: bold; color: #2b5399;}
		#footer p, #footer span {
			position: absolute;
			bottom: 10px;
			}
			#footer p { left:15px ;}
			#footer span { right: 20px; }
			
.pagination,.notice{border:1px solid #CBCBCB;width:95%;margin:10px auto;padding:10px;background:#E8E8E8}
/**
 * Forms
 */
fieldset {
	width: 93%;
	padding: 15px;
	background: #FFF;
	border: 1px solid #AAA;
	margin: 10px auto;
	color:#787878;
}

fieldset small {
	font-size: 9px;
	color:#787878;
}

legend {
	font-size: 13px;
	font-weight: bold;
	margin-left: 5px;
	padding: 0px 10px;
}

fieldset div {
	overflow: hidden;
	/*background: #F4F4F7;
	border: 1px solid #B7B9D1;*/
	padding: 5px;
	width: 95%;
	margin: 10px auto;
}

fieldset label {
	float: left;
	width: 25%;
	font-size: 12px;
	border-right: 1px solid #aaa;
	margin-right: 30px;
}

fieldset input, fieldset textarea {
	float: left;
	padding: 5px;
	border: 1px solid #CCC;
	color: #000;
	font-size: 11px;
	font-family: Verdana;
	width: 60%;
	background: #fff;
}

fieldset select {
	float: left;
	padding: 5px;
	border: 1px solid #CCC;
	color: #000;
	font-size: 11px;
	font-family: Verdana;
}

fieldset input.submit, fieldset input.checkbox, fieldset input.radio {
	width: auto;
}

fieldset input.submit {
	background: #eee;
}
table.wrextable{border:1px solid #C4C4C4;width:100%;margin:10px auto}
table.wrextable td{padding:10px;background:#E8E8E8}
table.wrextable thead td{color:#000;background:url(acp_images/table_thead.gif)}
table.wrextable tr.highlight td{background:#E1E1E1;font-weight:bold}
.comment_box{width:100%;clear:both;margin:10px auto;overflow:hidden; border-bottom: 1px solid #AAAAAA;text-align:left}
.comment_sub{padding: 10px; background: #DFDFDF; margin-bottom: 10px}
.comment_sub img{vertical-align: middle}
.comment_info {background: #CFCFCF; padding: 5px; margin-bottom: 5px; overflow: hidden}

ul.shoutbox {
	list-style: none;
	clear: both;
	padding: 5px;
	overflow: auto;
	height: 100px;
}

.wrexlist {
	overflow: hidden;
	clear: both;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #999;
}

.wrexlist .left {
	float: left;
	margin-right: 20px;
}

.wrexlist .left img {
	border: 1px solid #999;
	padding: 1px;
}

.wrexlist .right {
	float: left;
	text-align: left;
}

.wrexlist .right h3 {
	font-size: 13px;
}

.wrexlist .right div {
	margin-bottom: 3px;
}

.gallery_image {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 120px;
	height: 90px;
}

.wrexbox p{line-height:18px; margin-bottom: 5px; color:#787878;}
.wrexbox{/*padding:10px;*/overflow:hidden;margin-bottom:10px; /*border: 1px solid #aaa*/}
/*.wrexbox h1{color:#787878;font-size:15px;font-weight:normal;font-family:serif; margin-bottom: 10px}*/
.wrexbox h1
{
color: #fff;
				font-weight: bold;
				padding: 11px 0 0 70px;
				background: url(../img/leftbarr.gif) no-repeat;
				width: 380px;
				height: 31px;
				margin-top: 4px;
				font-size: 11px;
}
.wrexbox h2{color:#787878;font-size:11px;font-weight:bold; margin:10px}
.wrexbox a, .pagination a, .notice a { color: #222 }
ul.list{list-style:none;line-height:20px;margin:10px;padding:0}
ul.list li{padding-left:20px;background:url(../img/bullet.png) no-repeat 0 50%}