html body {
height:100%;
}

body 
	{margin: 0px;
	 padding: 0px; 
	 font-size: 1em; 
	 text-align: center;
	 font-family: verdana;
	 font-size: 13px;
	 background-color: #DACCA9;
	 line-height: 1.7em;
	}
	
a
	{
	text-decoration: none;
	margin: 0;
	padding: 0;
	}
	
li 
	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
ul
	{
	padding: 0px;
	margin: 0px;
	}
	
	
#red
{
color: #ff0000;
}
	

/*
h1
	{
	font-family: tahoma;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	padding: 0;
	margin: 0;
	}

h2
	{
	font-family: Trebuchet MS;
	font-style: italic;
	color: #a9a9d3;
	font-size: 20px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	}
*/

h3, h4
	{
	color:#0d0d6d;
	font-weight: bold;
	font-size: 14px;
	padding: 0;
	margin: 0;
	}
	
p
	{
	text-align: justify;	
	}
	
	
.box 
	{
	position: absolute;
	top: 30px;
	left: 50px;
	display: block;
	}
	
	#wrapper	
	{
	width: 948px;
	margin: 0px auto;
	padding: 0px; 
	border: 0px solid #282873;
	text-align: left;
	}

		#header
		{
		border-bottom: 4px solid #282873;
		height: 296px;
		}

			#header_left
			{float:left;
			width: 474px;
			height: 296px;
			position: relative;
			background: #47477B;
			background-image: url('images/glowna_logo.jpg');
			}

			#header_left img
			{
			margin-left: 132.5px;
			margin-top: 14px;
			
			}
			
			
				#subtitle
				{
				position: absolute;
				bottom: 15px;
				left: 0px;
				width: 474px;
				border-bottom: 2px solid #ffffff;
				padding-bottom: 7px;
				}
				
					#subtitle h1
					{
					display: none;
					color: #ffffff;
					font-size: 18px;
					position: absolute;
					bottom: 2px;
					left: 33px;
					text-align: center;
					font-family: tahoma;
					z-index: 3;
					}
					
					#subtitle h1.cien
					{
					color: #000032;
					position: absolute;
					bottom: -1px;
					left: 35px;
					text-align: center;
					z-index: 2;
					}
				
			#header_right
			{
			background: #47477B;
			float: right;
			width: 474px;
			height: 296px;
			position: relative;
			}
			
			#header_right hr
			{
			color: #ffffff;
			border: 0px;
			position: absolute;
			bottom: 10px;
			right: 0;
			width: 190px;
			height: 2px;
			clear: both;
			background: #ffffff;
			}
			
			*html #header_right hr
			{
			bottom: 15px;
			}
			
		#middle
		{
		background: #ffffff;
		padding-top: 3px;
		height: 100%;
		overflow: hidden;
		}
		
			#middle_left
			{
			float: left;
			width: 190px;
			height: 100%;
			background: #666698 url('images/menu_bg.jpg') no-repeat;
			background-position: 0px 20px;
			padding-bottom: 10000px;
			margin-bottom: -10000px;
			}
			
				#menu
				{
				width: 190px;
				margin: 70px 0 0 0;
				}
				
				
					#menu li 
					{
					font-family: verdana;
					text-align: right;
					list-style-type: none;
					margin: 0px;
					padding: 0;
					}

					#menu ul
						{
						padding: 0px;
						margin: 0px;
						}
					
					#menu a
					{
					background: #dacca9;
					padding-bottom: 1px;
					color: #000000;
					display: block;
					width: 100%;
					padding-right: 10px;
					border-top: 3px solid #666698;
					border-left: 1px solid #666698;
					border-right: 1px solid #666698;

					}
					
					#menu a:hover 
					{
					color: #ffffff;
					font-weight: bold;
					background: #0d0d6d;
					padding-right: 0px;
					border-top: 3px solid #ffffff;
					border-left: 1px solid #666698;
					border-right: 1px solid #666698;

					} 
					
						#dyplomy_left
						{
						float: left;
						width: 190px;
						border-top: 20px solid #ffffff;
						margin-top: 125px;
						padding-left: 3px;
						padding-top: 3px;
						
						}
						
						#dyplomy_left img
						{
						float: none;
						vertical-align: top;
						border: 3px solid #0d0d6d;
						margin: 0px;
						padding: 0px;
						margin-bottom: 3px;						
						}
						
						#dyplomy_left hr
						{
						display: none;
						background: #0d0d6d;
						color: #0d0d6d;
						height: 3px;
						width: 100px;
						float: left;
						border: 0px;
						
						}
			
			#middle_center
			{
			position: relative;
			float: left;
			width: 568px;
			background: #ffffff;
			height: 100%;
			padding: 0;
			}
			
			.empty_box
			{
			height: 400px;
			}
			
			#haslo
			{
			position: absolute;
			left: 0px;
			top: 0px;
			}
			
			#middle_center h3
			{
			padding-left: 50px;
			padding-top: 70px;
			background: url(images/ozdoba.jpg) no-repeat;
			background-position: 23px 60px;
			}
			
			#middle_center h4,h5
			{
			padding-left: 50px;
			padding-top: 20px;
			padding-right: 50px;
			}
			
			#middle_center ul
			{
			margin-left: 0px;
			padding-left: 20px;
			margin-right: 50px;
			margin-bottom: 0px;
			}			
			
			
			#middle_center li
			{
			margin-left: 50px;
			margin-right: 50px;
			margin-bottom: 0px;
			list-style-type: disc;
			}
			
			#middle_center p
			{
			margin: 0 50px;
			padding-top: 10px;
			}
			
			#middle_center p.ostatni
			{
			padding-bottom: 85px;
			}
			
					#middle_center a
					{
					color: #331b5d;
					}
					
					#middle_center a:hover
					{
					text-decoration: underline; 
					}
				

				#haslo
				{
				
				margin-left: 50px;
				margin-top: 20px;
				}
				
	
				
				#kregoslup
				{
				margin-left: 50px;
				margin-top: 50px;
				}
			
			
			#middle_right
			{
			height: 100%;
			padding-bottom: 10000px;
			margin-bottom: -10000px;
			float: left;
			width: 190px;
			background: #cbb88e;
			position: relative;
			}
/* fotografie po prawej i lewej stronie */
			
			.foto_prawa_1
			{
			position: absolute;
			top: 73px;		
			border-top: 18px solid #ffffff;
			border-bottom: 2px solid #282873;
			}
			
			.foto_prawa_2
			{
			position: absolute;
			top: 845px;		
			border-top: 18px solid #ffffff;
			border-bottom: 2px solid #282873;
			}
			
			#dyplomy_right
			{
			position: absolute;
			width: 190px;
			border-top: 20px solid #ffffff;
			top: 855px;
			}
			
			#dyplomy_right img
			{
			vertical-align: top;
			border: 3px solid #0d0d6d;
			margin-top: 3px;	
			margin-left: 3px;
			float: left;
			}
			
			#dyplomy_right hr
			{
			display: none;
			background: #0d0d6d;
			color: #0d0d6d;
			height: 3px;
			width: 100px;
			border: 0px;
			clear: right;
			}
			
			/* lewa fotografia przyczepiona do lewej stopki */
			
			.foto_lewa_1
			{
			position: absolute;
			top: -465px;
			border-top: 18px solid #ffffff;
			border-bottom: 2px solid #282873;
			}
			
			
		#footer 
		{
		margin-top: 3px;
		}

.bottom_line 
{
position: absolute;
bottom: 6px;
left: 0px;
width: 100%;
z-index: 100;
height: 2px;
color: #ffffff;
background: #ffffff;
border: 0px;
padding: 0;
margin:0;
}


		
			#f_left
			{
			float: left;
			width: 190px;
			height: 160px;
			background: #b9977e url(images/logo_down.gif) no-repeat;
			background-position: center 2px;
			position: relative;
			border-top: 3px solid #331b5d;
			}
			
			#f_left h1
			{
			font-size: 9px;
			font-family: tahoma;
			line-height: 1.2em;
			color: #000032;
			position: absolute;
			bottom: 8px;
			display: block;
			width: 190px;
			margin: 0px;			
			}
			
			#f_center
			{
			float: left;
			width: 568px;
			height: 160px;
			background: #a1826a;
			position: relative;
			border-top: 3px solid #331b5d;
			margin: 0;
			padding: 0;
			}
			
			#f_center h4
			{
			clear: both;
			font-weight: 100;
			font-family: arial;
			font-size: 9px;
			color: #ffffff;
			text-align: center;
			position: absolute;
			bottom: 6px;
			display: block;
			width: 100%;
			margin: 0px;
			}
			
			.bold
			{
			font-weight: bold;
			}

			#footer_menu li
			{
			width: 13.89%;
			height: 40px;
			float: left;
			display: block;
			border: 1px solid #331b5d;
			border-bottom: 0px;
			border-top: 0px;
			text-align: center;
			}
			


/* t¹ komendê widzi tylko IE */

*html #footer_menu li
			{
			width: 14.25%;
			}
			
			#footer_menu a
			{
			font-size: 9px;
			line-height: 1.2em;
			padding-top: 6px;
			color: #331b5d;	
			width: 100%;
			height: 100%;
			display: block;
			}
			
			#footer_menu a:hover
			{
			color: #ffffff;
			font-weight: bold;
			background: #a1826a url('images/footer_menu_bg.gif');
			background-repeat: repeat-x;
			}
			
			#f_right
			{
			float: left;
			height: 160px;
			width: 190px;
			background: #b9977e;
			position: relative;
			border-top: 3px solid #331b5d;
			}
			
				#linki
				{
				position: absolute;
				top: -105px;
				font-size: 9px;
				line-height: 1.5em;
				text-align: left;
				padding-left: 5px;
				padding-right: 5px;
				}
				
					#linki ul
					{
					color: #5a2e2a;
					padding: 0;
					margin: 0;
					}
				
					
					#linki hr
					{
					height: 2px;
					background: #ffffff;
					border: 0px;
					color: #ffffff;
					width: 100%;
					}
					
					#linki a
					{
					color: #331b5d;
					line-height: 1em;
					}
					
					#linki a:hover
					{
					color: #ffffff;
					}