/* zerowanie  */

html, body, /*div,*/ span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, img, ins, kbd, q, s, samp, small, strike, strong, dl, dt, dd, /*ol, ul, li,*/ fieldset, form, label, legend,  caption, tfoot, thead, th,  {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; line-height: 1.5em; vertical-align: baseline; background: transparent;}
div {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; /*line-height: 1.5em;*/ vertical-align: baseline; background: transparent;}

p {FONT-SIZE: 12px; COLOR:#666768; FONT-FAMILY: Arial, sans-serif; font-weight: none;}
h2 {font-size:14px; color:#1397E6; font-style:normal;}

/*ol, ul {list-style: none;}*/

blockquote, q {quotes: none;}

blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

table {border-collapse: collapse; border-spacing: 0;}


body { background: url("tlo.jpg") repeat-x; background-color: #ffffff; height: 553px; MARGIN: 0px; PADDING: 0px; }

a { COLOR:#b20000; font-weight: none; text-decoration:underline; }
a:hover { COLOR:#b20000; font-weight: none; text-decoration:underline; }

img {border:none}

.odstep1 {margin-bottom: 11px}


/* kontener */
.container {overflow: hidden; margin: 0 auto; width: 930px;}


/* naglowek */
#header {min-width: 900px;}
	#header .container {position: relative; height: 192px; width: 930px; margin: 0 auto; margin-top:10px}
	#header .container .header_text {height: 13px; text-align: center; FONT-SIZE: 11px; FONT-FAMILY: Arial, sans-serif; COLOR:#022446; font-weight: none; TEXT-DECORATION: none;}
	
/* menu */	
#menu {width: 930px; margin: 0 auto;}
	#menu .container {background: url("tlo_menu_poziomAll.jpg") no-repeat; width: 930px; height: 46px; margin: 0 auto; text-align: center;}
		#menu .container .container1 { overflow: hidden; width: 930px; height: 46px; text-align: center;}
		
				
			#menu .container .container1 .menu_poziom {padding: 0px 2px 0px 2px; float: left;}
			#menu .container .container1 .menu_poziom .menu_poziom1 {width: 100%; height: 16px;}
			#menu .container .container1 .menu_poziom .menu_poziom2 {width: 100%; height: 30px;}
			#menu .container .container1 .menu_poziom .menu_poziom2 a{
	font-size: 13pt;
	color: #FFF;
	FONT-FAMILY: Garamond, Arial, sans-serif;
	TEXT-DECORATION: none;
	PADDING: 4px 12px 8px 12px;
	TEXT-DECORATION: none
			}
			#menu .container .container1 .menu_poziom .menu_poziom2 a:hover{
	background-color:#5BA9D7;
	COLOR: #ffffff;
	FONT-FAMILY: Garamond, Arial, sans-serif;
				}


/* text */	
#text {width: 928px;  margin: 0 auto; border-left: 1px #878889 solid; border-right: 1px #878889 solid; /*background: url("tlo_znak.png") no-repeat bottom left; padding-top: 24px;*/}
	#text .container {width: 900px; height: 100%; margin: 0 auto; text-align: left;}
		
		#text .container #lewa{
							width: 240px;
							height: 100%;
							float: left;
							overflow: hidden;
							padding: 0px 0px 0px 0px;
						}
			
			#text .container #lewa h1 a.dlaczego {
				overflow: hidden; 
				display: block; 
				width: 240px; 
				height: 195px; 
				background: url("images/dlaczego.png") no-repeat;
				font-size:12px;
				color:#333;
				text-decoration:none;}
			

			
			#text .container #lewa .bg_blue{
				background: url("tlo_blue.png") no-repeat; width: 220px; height: 170px; 
				margin-top: 11px; text-align: left; padding: 10px 10px 10px 10px;
				FONT-SIZE: 12px; COLOR:#ffffff; FONT-FAMILY: Arial, sans-serif; font-weight: none;
				line-height: 15px;
			}
			
			#text .container #lewa .bg_blue p {
				color:#FFF;
				margin:0;
			}
			
			#text .container #lewa .bg_blue a {
				color:#FFF;
				margin:0;
			}
			
			
		#text .container #srodek{
	width: 460px;
	height: 100%;
	float: left;
	overflow: hidden;
	padding: 0px;
	margin-left:20px
						}
						
		#text .container #srodek2{
	width: 640px;
	height: 100%;
	float: left;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin-left:18px
						}				
						
						
		#text .container #prawa{
	width: 170px;
	height: 100%;
	float: right;
	overflow: hidden;
	padding: 0px;
	margin-left:5px
						}	
			
		

/* text footer */
#tekst_footer
{
	width: 928px; height: 59px; margin: 0 auto; border-left: 1px #878889 solid; border-right: 1px #878889 solid; border-bottom: 1px #878889 solid;
	background: url("tlo_logo_footer.jpg") no-repeat bottom center;
}

#tekst_footer1
{
	width: 928px; height: 9px; margin: 0 auto;
}

#footer
{
	background: url("bg_footer.jpg") 0 100% repeat-x;
	height: 120px;
}

	#footer .container {
		width: 900px; text-align: center; padding-top: 25px;
		FONT-SIZE: 12px; COLOR:#666768; FONT-FAMILY: Arial, sans-serif; font-weight: none; line-height: 12px;		
	}
	
	#footer .container a{
		font-weight: none;  FONT-SIZE: 12px;  COLOR:#666768; FONT-FAMILY: Arial, sans-serif; TEXT-DECORATION: none; 		
	}
	
	#footer .container a:hover{
		font-weight: none;  FONT-SIZE: 12px;  COLOR:#ffffff; FONT-FAMILY: Arial, sans-serif; TEXT-DECORATION: none; 		
	}


/*menu */
.menu_poziom {
	padding: 0px 2px 0px 2px;
	}

.menu_poziom2 {
	background: url("bg_menu_poziom_top.jpg") repeat-x; width: 100%; height: 30px;
	}

A.menu {
	font-size: 13pt; color: #666768; FONT-FAMILY: Garamond, Arial, sans-serif; TEXT-DECORATION: none;
	PADDING: 4px 12px 8px 12px; TEXT-DECORATION: none
	}
	
A.menu:hover {
	BACKGROUND: #878889; COLOR: #ffffff; FONT-FAMILY: Garamond, Arial, sans-serif;
	}
/* koniec menu */

