@import "reset.css";

body {
	background: #fff url(img/bodybg.gif) repeat-x;
	font-family: "Trebuchet MS";
	font-size: 11px; line-height: 1.2;

}
a { text-decoration: none; }
a:visited { color: blue; }

#container { position:relative; width: 980px; margin: 0 auto; }
	#header {
		float: left;
		width: 980px;
		height: 181px;
		position: relative;
		}
		#header p {
			position: absolute;
			color: #505050;
			left: 45px;
			top: 9px;
			
		
		}
			#header p strong {
				color: #f2302b;
				font-weight: bold;
				}
		#header h1 {
			position: absolute;
			color: #151515;
			font-size: 17px;
			font-weight: bold;
			left: 30px;
			line-height: 20px;
			top: 136px;
			}
		#header img.photo {
			position: absolute;
			right: 3px;
			top: 9px;
			}
		#header img.logo {
			position: absolute;
			left: 75px;
			top: 51px;
			}
		#header #icons {
			position: absolute;
			top: 30px;
			left: 75px;
			}
			#header #icons a {
				float: left;
				height: 9px;			
			}
				#header #icons a.mail { background:url(img/mail.gif) no-repeat; width: 17px; }
				#header #icons a.stmp { background: url(img/stmp.gif) no-repeat; width: 28px; }
				#header #icons a.files { background: url(img/fldr.gif) no-repeat; width: 29px; }
				#header #icons a.user { background: url(img/user.gif) no-repeat; width: 19px; }
				
		#header ul {
			position: absolute;
			left: 392px;
			bottom: 7px;
			}
			#header ul li { float: left; }
			
				#header ul li a { 
					float: left; 
					background: url(img/ullink.gif) no-repeat;
					width: 106px; 
					height: 20px;
					font-weight: bold;
					color: #f4f4f4;
					text-align: center;
					padding-top: 7px;
				}
					#header ul li a:hover {
						background: url(img/ulhover.gif);
						color: #4c4c4c;
						}
	#content {
		float: left;
		height: auto;
		width: 980px;
		}
		#content #left {
			float: left;
			width: 173px;
			height: auto;
			margin-left: 15px;
			display: inline;
			overflow: hidden;
			}
			#content #left ul {
				float: left;
				width: 173px;
				}
				#content #left ul li {
					float: left;
					width: 173px;
					}
					#content #left ul li a {
						float: left;
						width: 133px; height: 20px;
						padding-top: 8px;
						border-bottom: 1px solid #cfcfcf;
						color: #1c1c1c;
						font-size: 11px;
						margin-left: 6px;
						padding-left: 25px;
						margin-top: 1px;
						display: inline;
						
						}
						#content #left ul li a:hover {
							color: #fff;
							background: #f13d3d url(img/leftulhv.gif) repeat-x;
							}
			#content #left h3 {
				float: left;
				width: 160px;
				margin-top: 13px;
				height: 20px;
				padding-left: 13px;
				padding-top: 5px;
				color: #0a6796;
				font-size: 14px;
				font-weight: bold;
				background:url(img/h3.gif) no-repeat left;
				}
		#content #middle {
			float: left;
			width: 531px;
			margin-left: 12px;
			margin-right: 12px;
			overflow: hidden;
			display: inline;
		
			}
			#content #middle h2 {
				background: url(img/h2bckgr.gif) no-repeat;
				width: 510px;
				height: 20px;
				float: left;
				padding-top: 8px;
				padding-left: 21px;
				padding-bottom: 4px;
				color: #0a6796;
				font-size: 15px;
				font-weight: bold;
				margin-top: 10px;
				margin-bottom: 4px;
				}
			#content #middle .news {
				float: left;
				width: 522px;
				background: url(img/newsbg.jpg) repeat;
				height: auto;
				margin-top: 15px;
				font-size: 12px;				
				}
				
			#content #middle .page {
				float: left;
				width: 502px;
				height: auto;
				margin-top: 15px;
				font-size: 13px;
				border: dashed 0px;
				padding-right: 10px;
				padding-left: 10px;
				}
				#content #middle .news div {
					float: left;
					width: 360px;
					height: auto;
					margin-top: 8px;
					line-height: 13px;
					font-size: 12px;
					color: #606060;
					display: inline;

					
					}
					#content #middle .news div p { margin-top: 10px; }
				#content #middle .news img.newimg {
					float: left;
					margin-left: 18px; 
					width: 100px;
					height: 100px;
					clear: left;
					margin-top: 8px;
					display: inline;
				}
				#content #middle .news p.lel {
					float: left;
					width: 130px;
				
					}
#content #middle .news span {
					float: left;
					color: #9d9d9d;
					clear: left;
					margin-left: 31px;
					margin-top: 2px;
					width: 300px;
					display: inline;
					width: 465px;
					
					}
					#content #middle .news span.bottom {
						margin: 0;
						float: left;
						padding: 0;
						clear: left;
						display: inline;

						width: 400px;
						height: 33px;
						padding-left: 122px;
						padding-top: 6px;
						background: url(img/bottom.gif) no-repeat bottom left;
						
						}
				#content #middle .news a.komm {
					float: left;
					clear: left;
					width: 120px;
					font-size: 11px;
					color: #606060;
					margin-top: 10px;
					margin-left: 18px;
					display: inline;
				}
					#content #middle .news a.komm b { font-weight: bold; }
 				#content #middle .news a.title {
					float: left;
					color: #ed0101;
					font-size: 12px;
					font-weight: bold;
					margin-left: 31px;
					margin-top: 7px; 
					display: inline;	
					width: 465px;		
					}
					#content #middle .news span.bottom a {
						float: left;
						background: url(img/red.gif) no-repeat; 
						width: 113px;	
						height: 18px;
						text-align: center;
						font-weight: bold;
						color: #fff;
						padding-top: 4px;
						margin-left: 243px;
						}
						#content #middle .news span.bottom a:hover { text-decoration: underline;}
						#content #middle .news span.bottom a.komentuj { 
							width: 113px;	
							background: url(img/red.gif) no-repeat; 
							}
		#content #right {
			float: left;
			width: 233px;
			display: inline;
			
			}
			#content #right .bot {
				float: left;
				background: url(img/both4.gif) no-repeat;
				width: 188px;
				height: 25px;
				clear: left;
				
				}
			#content #right div {
            width: 210px; 
            margin-left: 10px; 
            margin-top: 50px;
         }
			#content #right form {
				float: left;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #0a6796;
				
				}
				#content #right form p {
					float: left;
					color: #606060;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 11px;
					margin-left: 25px;
					margin-top: 30px;
					margin-bottom: 10px;
					display: inline;
					}
				#content #right form label {
					float: left;
					clear: left;
					margin-left: 40px;
					display: inline;
					margin-top: 5px;
					width: 150px;
					}
					#content #right form label input {
						margin-top: 2px;
						}
			#content #right h4 {
				float: left;
				width: 222px;
				height: 20px;
				display: inline;
				background: url(img/h4right.gif) no-repeat;				
				padding-left: 13px;
				padding-top: 7px;
				margin-top: 10px;
				color: #0a6796;
				font-size: 14px;
				font-weight: bold;
				
				}
			#content #right form input.but {
				float: left;
				width: 62px;
				height: 21px;
				background: url(img/glosuh.gif) no-repeat;
				text-align: center;
				border: none;
				color: #fff;
				font-weight: bold;
				font-size: 11px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				margin-left: 90px;
				margin-top: 20px;
				display: inline;
				}
			#content #right form input.szuk {
				float: left;
				background: url(img/formbg.gif) no-repeat;
				width: 138px;
				height: 19px;
				border: 0;
				font-size: 11px;
				color: #606060;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				padding-left: 10px;
				padding-top: 3px;
				margin-left: 50px;
				margin-top: 10px;
				display: inline;
				
				}
			#content #right form input.wysz {
				float: left;
				width: 79px;
				height: 20px;
				color: #fff;
				padding-top: 1px;
				line-height: 10px;
				clear: left;
				text-align: center;
				font-size: 11px;
				border: 0;
				margin-left: 50px;
				margin-top: 10px;
				font-weight: bold;
				display: inline;
				background: url(img/szukaj.gif) no-repeat;
				}
	#footer {
		float: left;
		width: 950px;
		height: 25px;
		color: #ededed;
		text-align: right;
		padding-top: 26px;
		padding-right: 24px;
		margin-top: 70px;
		background: #ef3518 url(img/footer.gif) no-repeat top; 
		}
		#footer a { color: #ededed; }
			#footer a:hover { text-decoration: underline; }