html, body {
height: 100%;
}

* html #wrapper #middle {
height: 100%;
}


img, div, a { behavior: url('/iepngfix.htc') }

body {
		background: #ffffff url('../images/bg.jpg') top center no-repeat;
			
			margin: 0; padding: 0;
			font-size: 100%;
			font-family: verdana, tahoma, sans-serif;
			text-align: center;
			color: #3a3a3a;
	}
	
#wrapper { width: 980px;
			margin: 0 auto;
			display: block;			
		  }
		  
	#menu_left {
				margin: 0px 0 0 0;
				display: block; 
				float: left;
				width: 165px;
				height: 580px;				
				}
				
				#left_bg { width: 165px; height: 400px; display: block; background: transparent url('../images/menul.png') no-repeat; }
				
	#menu_right {
				margin: 190px 0 0 0;
				display: block; 
				float: right;
				width: 160px;
				height: 400px;
				background: transparent url('../images/menur.png') no-repeat;
				}
				
				#menu_right a { position: relative; top: -17px; }
				
				#lang { position: relative; top: -160px; text-align: right; }
					#lang img { opacity:0.75; filter:alpha(opacity=75); }
						#lang img:hover { opacity:1; filter:alpha(opacity=100); }
					
				
	#middle {  	width: 635px;
				margin: 0;
				padding: 0;
				float: left;
				display: block;

			}
			
			#mainhead { width: 100%; height: 25px; margin: 0 auto; background: url('../images/head_bg.png') no-repeat; }
			
			#mainbg { display: block; margin: 0; width: 635px; min-height: 100%;
							background: url('../images/mainbg.png') center repeat-y; text-align: left;
					}
					
					#mainbg div#content { width: 595px; margin: 0px 20px; padding: 1px 0px 1px 0px; font-size: 0.8125em; line-height: 1.5em; }
						
			#mainass { width: 100%; height: 25px; margin: 0 auto; background: url('../images/end_bg.png') no-repeat; }
			
	.clear {
		clear: both;
		height: 0; }
		
		
		/* Menu - elementy */
		
			/* LEWE */
		
			#ml_1, #ml_2, #ml_3, #ml_4, #ml_5 { display: block; width: 100%; text-indent: -5000px;  }
		
			#ml_1 {height: 58px; }
			#ml_2 {height: 50px; }
			#ml_3 {height: 45px; }
			#ml_4 {height: 45px; }
			#ml_5 {height: 50px; margin-bottom: 150px; }
			
			/* PRAWE */
			
			#mr_1, #mr_2, #mr_3, #mr_4, #mr_5 { display: block; width: 100%; text-indent: -5000px;  }
		
			#mr_1 {height: 55px; }
			#mr_2 {height: 46px; }
			#mr_3 {height: 42px; }
			#mr_4 {height: 42px; }
			#mr_5 {height: 50px; margin-bottom: 150px; }
			
		/* Menu - koniec */

		
img { border: 0px; }

			/* IKONY + tooltip */
	.icons { position: relative; top: -50px; }
	#menu_right div.icons { position: relative; top: -70px; }
		.icons img { margin: 0px 5px; }
	
	a.icon {
    position:relative; /*this is the key*/
    text-decoration:none
    }

	a.icon:hover{ z-index:25; }

	a.icon span{ display: none ;}
	
	a.icon:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    width: 95px;
    bottom: 0px; left:-5px; padding: 2px 0;
    border:1px solid #6f89cc;
    background-color:#657ec0; color:#ffffff;
    text-align: center;
    font-size: 11px;
    margin: 0;
    }
    
		/* Ikony - koniec */
		
		
#footer { 
		display: block; height: 20px; width: 635px; margin: 0 auto;
		text-align: center; color #505050; font-size: 0.625em;
}

	#footer span { text-align: right; margin: 0 0 0 10px; }