/* ogólne ustawienia */
html {height:100%; background-image: url("images/tlo7.png");}
html.a {background-image: url("images/tlo_biel.png");}
body {width: 779px;
			height: 100%;                       /* tu nalezy wpisac 100% jesli strona jest krótsza od ekranu, a wyrzucic 100% jesli dluzsza */
			margin-left: auto;
			margin-right: auto;
			margin-top: 0px;
			margin-bottom: 0px; 
			padding: 0px; 
			font-family: Arial, Helvetica, sans-serif; 
			font-size: 12px; 
/*			border-left: 2px solid #808080; 
			border-right: 2px solid #808080; */
			background-color: #ffffff;
			/*overflow-down: scroll;*/}
table {padding: 0px; 
				margin: 0px; 
				border-collapse: collapse;}
td {padding: 0px; 
		margin: 0px; 
		border-collapse: collapse; 
		border: 0px;}
div {padding: 0px; 
			border: 0px; 
			margin: 0px;}
img {display: block;}

/* ../ */
table#root {width: 779px; height: 100%; margin-left: auto; margin-right: auto; position: relative; background-image: url("images/kreska_tlo.png"); _background-image: url("images/kreska_tlo_exp.png"); background-repeat: repeat-y; vertical-align: top; padding: 0px 0px 0px 0px; border-left: 2px solid #808080; 
			border-right: 2px solid #808080;}

table#root td.header {width: 100%; height: 132px; vertical-align: top; background-image: url("images/tlo_biel.png"); background-repeat: repeat;}
table#root td.middler {width: 100%; height: expression(document.getElementById("root").clientHeight - 204 + 'px'); vertical-align: top;}
table#root td.footer {width: 100%; height: 62px; vertical-align: bottom;}

	/* ../root/header */
	div.header {
							height: 100%;
							background-color: #ffffff;
							position: relative;
							top: 0px;
							left: 0px;
							padding: 2px 0px 2px 0px;
							margin: 0px 2px 0px 2px;}

  div.header img {display: block; 
									width: 100%; 
									height: 100%;}
	div.logo {width: 120px;
						height: 100px;
						position: absolute;
						top: 2px;																/* tu jest dodane Npx aby byl u góry margines Npx */
						left: 0px;}
	div.kreska_1 {width: 2px;
								height: 132px;
								padding: 0px 2px 0px 2px;
								position: absolute;
								top: 2px;														/* tu jest dodane Npx aby byl u góry margines Npx */
								left: 120px;}	
	div.tytul {height: 100px;
							_width: 635px;												/* tu jest podana szerokosc tytulu, bo explorer wymaga */
							padding: 0px 0px 0px 10px; 						/* tu sie ustawia odleglosc napisów od lewej krawedzi szarosci */
							background: url("images/tlo_1.png");
							position: absolute;
							top: 2px;															/* tu jest dodane Npx aby byl u góry margines Npx */
							left: 126px;
							right: 0px;}
	div.tytul span {font-size: 24px; 									/* span jest po to, bo tylko on w css'ie chwyta vertical-align */
									line-height: 27px;								/* tu sie ustawia odleglosc duzego napisu od góry */
									font-weight: 500;
									text-align: left;
									padding: 0px 0px 0px 0px;
									vertical-align: bottom;} 		
	div.tytul span.p1 {font-size: 12px;
											line-height: 14px;							/* tu sie ustawia odleglosc pierwszego malego napisu od duzego napisu */
											font-weight: 500;
											text-align: left;
											padding: 0px 0px 0px 0px;
											vertical-align: middle;} 		
	div.tytul span.p2 {font-size: 12px;
											line-height: 14px;						/* tu sie ustawia odleglosc drugiego malego napisu od pierwszego */
											line-height: 40px;						/* tu sie ustawia odleglosc drugiego malego napisu od pierwszego w IE */
											font-weight: 500;
											text-align: left;
											padding: 0px 0px 0px 0px;
											vertical-align: top;}
	div.ikonka {height: 90px;
							_width: 110px;												/* tu jest podana szerokosc tytulu, bo explorer wymaga */
							padding: 0px 0px 0px 10px; 						/* tu sie ustawia odleglosc napisów od lewej krawedzi szarosci */
							position: absolute;
							top: 10px;															/* tu jest dodane Npx aby byl u góry margines Npx */
							left: 635px;
							right: 0px;
							/*background-color: red;*/}
	div.ikonka  img {display: block; 
									width: 110px; 
									height: 80px;
									border-width: 0px;}
	div.jezyk {right: 655px;
								top: 112px;													/* tu jest dodane Npx aby byl u góry margines Npx */
								position: absolute;
								height: 20px;
								_width: 80px;											/* tu jest podana szerokosc menu_up, bo explorer wymaga */
								padding: 0px 0px 0px 0px;
								/*background-color: red;*/
								padding: 0px 0px 0px 0px;}
	div.jezyk a {display: block;
											color: black;
											text-decoration: none;
											font-size: 11px;
											font-weight: 500;}
	div.jezyk a:hover {text-decoration: underline;}
	div.menu_up {left: 126px;
								right: 0px;
								top: 104px;													/* tu jest dodane Npx aby byl u góry margines Npx */
								position: absolute;
								height: 30px;
								_width: 645px;											/* tu jest podana szerokosc menu_up, bo explorer wymaga */
								padding: 0px 0px 0px 0px;
								background: url("images/tlo_2.png");}
								/*background-color: red;}*/
	div.menu_up table {width: 100%;
											height: 100%;
											font-size: 11px;
											font-weight: 600;
											white-space: nowrap;
											vertical-align: middle;
											text-align: center;
											color: white;}
	div.menu_up table a {display: block;
												color: white;
												text-decoration: none;}
	div.menu_up a:hover {text-decoration: underline;}
	div.menu_up td.separator {font-size: 14px;
														font-weight: 900;}/**/


	/* ../root/middler */
	div.middler {
								display: block;
								min-height: 173px;
								_height: 173px;
								position: relative;
								left: 0px; 
								top: 0px;
								padding: 0px 0px 2px 0px;
								margin: 0px 2px 0px 2px;}

	div.menu_left {width: 124px;
									position: absolute;
									top: 0px;
									left: 0px;
									background-color: #ffffff;
									padding: 0px 2px 0px 0px;}
	div.box a {display: block;
							text-align: right;
							color: black;
							background: url('images/tlo_3_w.png') no-repeat;
							font-size:11px;
							font-weight:700;
							line-height:11px;
							text-decoration:none;
							margin-bottom:2px; 
							padding-right:4px; 
							padding-top:9px; 
							padding-bottom:9px;} 
	div.box a:hover {color: white;
										background: url('images/tlo_4_w.png');}
	div.stat {width: 88px;
	          height: 49px;
						position: absolute;
						left: 0px;
						top: -49px;
						background-color: #ffffff;
						padding: 0px 0px 0px 0px;}
	
	div.tresc {width: 645px;
	            position: relative;
							top: 0px;
							left: 126px;
							right: 0px;}			

	/* ../root/footer */		
	div.footer {
							height: 62px;
							background-color: #ffffff;
							position: relative;
							left: 0px; 
							top: 0px;
							padding: 0px 0px 4px 0px;
							margin: 0px 2px 0px 2px;}

  div.footer img {display: block; 
									width: 100%; 
									height: 100%;}
	div.prost {left: 0px;
							top: 2px;
							position: absolute;
							width: 124px;
							height: 30px;
							padding: 0px 0px 0px 0px;}
	div.menu_down {left: 126px;
									right: 0px;
									top: 2px;
									position: absolute;
									height: 30px;
									_width: 645px;											/* tu jest podana szerokosc menu_up, bo explorer wymaga */
									padding: 0px 0px 0px 0px;
									background: url("images/tlo_3_s_n.png");}
	div.menu_down table {width: 100%;
												height: 100%;
												font-size: 11px;
												font-weight: 600;
												white-space: nowrap;
												vertical-align: middle;
												text-align: center;
												color: black;}
	div.menu_down table a {display: block;
													color: black;
													text-decoration: none;}
	div.menu_down a:hover {text-decoration: underline;}
	div.menu_down td.separator {font-size: 14px;
															font-weight: 900;}/**/
	div.adres {left: 128px;
							top: 34px;
							position: absolute;
							width: 400px;
							font-size: 9px;
							line-height: 12px;
							color: black; }
	div.info {right: 2px;
						top: 34px;
						position: absolute;
						font-size: 10px;
						line-height: 9px;
						line-height: 12px;
						color: black;
						text-align: right;}	/**/
						
/* prawa.php */
table.prawa {width: 100%; height: 100%}
table.prawa td.tytul div {font-size: 26px; line-height: 40px; font-weight: 600;}
table.prawa td.tytul {width: 100%; height: 72px; background-image: url(images/tlo_1.png); font-size: 12px; line-height: 14px; font-weight: 500; padding: 28px 0px 2px 10px;}

a.menu_up {display: block; vertical-align: middle; text-align: center; padding: 0px; color: white; font-size: 11px; font-weight: 600; text-decoration: none;}
a.menu_up:hover {text-decoration: underline;}
p.menu_up {vertical-align: middle; text-align:center; font-size: 14px; color: white; font-weight: 900 }


/* tresc */
table.gal {height: 100%; margin: 0px 40px 0px 40px;}  /* wysokosc gornego marginesu reguluje sie w pliku gal.php poprzez dodanie wiersza do tabeli inaczej w operze sie sypie */
table.gal td {padding: 5px 10px 5px 10px;}
table.text {height: 100%; margin: 0px 0px;}
table.text td {padding: 40px 0px 20px 60px;}
table.text td.numer {padding: 0px 0px 20px 40px; _padding: 0px 0px 20px 45px;}
table.text td.wew {padding: 0px 0px 0px 40px;}
table.text li {padding: 0px 60px 10px 0px;}
table.text div.tyt1 {font-size: 24px; line-height: 24px; font-weight: 600; padding: 0px 60px 10px 0px;}
table.text div.tyt2 {font-size: 18px; line-height: 18px; font-weight: 500; padding: 30px 60px 0px 0px;}
table.text div.tyt3 {font-size: 12px; line-height: 12px; font-weight: 600; padding: 20px 60px 0px 0px;}
table.text div.tresc1 {font-size: 12px; line-height: 16px; font-weight: 500; padding: 10px 60px 0px 0px; text-align: left;}
table.text div.tresc2 {font-size: 11px; line-height: 14px; font-weight: 500; padding: 0px 60px 0px 0px; text-align: left;}
table.text div.tresc3 {font-size: 12px; line-height: 16px; font-weight: 500; padding: 0px 60px 0px 0px; text-align: left;}
table.text div.budki {font-size: 11px; line-height: 14px; font-weight: 500; padding: 5px 60px 0px 0px; text-align: left;}
table.text div.budki input {margin: 0px 0px 5px 0px;}
table.text div.budki textarea {margin: 0px 0px 5px 0px;}
table.text div.tresc3 a {text-decoration: none;}
table.text div.tresc3 a:hover {text-decoration: underline;}
table.text div.obraz1 {padding: 10px 0px 0px 0px; font-size: 11px; line-height: 9px; font-weight: 500;}
table.text p {padding: 0px 0px 0px 0px; font-size: 11px; line-height: 11px; font-weight: 500;}
table.text div.obraz1 img.c {width: 497px;}
table.text div.kreska {font-size: 12px; font-weight: 500; padding: 0px 60px 0px 0px; text-align: left;}
table.text img.a {width: 220px;}
table.text img.b {height: 150px;}
table.text img.d {height: 240px;}
table.text img.e {height: 215px;}
table.text img.f {height: 29px;}
table.text div.obraz2 {float: left; padding: 10px 57px 0px 0px; font-size: 11px; line-height: 9px; font-weight: 500;}
table.text div.obraz3 {padding: 10px 0px 0px 0px; font-size: 11px; line-height: 9px; font-weight: 500;}

table.cam {height: 100%; margin: 0px 0px 20px 60px;}
table.cam td {padding: 0px 10px 0px 0px; text-align: left;}
table.cam span.dane {font-size: 12px; font-weight: 500; line-height: 23px;}
table.cam span.dane1 {font-size: 30px; font-weight: 500; line-height: 12px;}
table.cam span.dane2 {font-size: 12px; font-weight: 500; line-height: 32px;}
table.cam td a {font-size: 11px; font-weight: 900; color: black; line-height: 23px; text-decoration: none;}
table.cam td a:hover {text-decoration: underline;}
table.cam div.kreska {font-size: 12px; font-weight: 500; padding: 0px 230px 0px 0px; text-align: left;}

a {font-size: 11px; font-weight: 900; color: black; line-height: 23px; text-decoration: none;}
a:hover {text-decoration: underline;}


/* tabelka */

table.tabelka {width: 497px; border: 1px solid #000000; font-size: 11px; text-align: left; font-weight: 500;}
table.tabelka th {padding: 3px 0px 0px 5px; vertical-align: top; text-align: left; color: white; background-color: #000000; font-weight: 400; line-height: 14px; }
table.tabelka th.num {padding: 3px 0px 4px 0px; vertical-align: top; text-align: center; color: white; background-color: #000000;}
table.tabelka tr.num {padding: 0px;}
table.tabelka td.str {width: 120px; padding: 4px 0px 1px 5px; background-color: #c0c0c0; text-align: left;}
table.tabelka td {width: 70px; padding: 4px 0px 1px 0px;; background-color: #ffffff; text-align: center;}
table.tabelka td.num {width: 92px; padding: 4px 0px 1px 0px; background-color: #ffffff; text-align: center;}

.galeria table {margin-left: auto;
							margin-right: auto;}
.galeria td {padding: 5px 5px 10px 5px;}
.galeria td img {border: 1px solid black;}
p {font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: left; font-weight: 500;}


*.aaa {
    width: 30px; 
    padding: 1px 2px; 
    }

*.rok {
    border: 1px solid #8B8B84; 
    font: 12px arial; 
    color: black; 
    width: 30px; 
    padding: 1px 2px; 
    }

*.mies { 
    border: 1px solid #8B8B84; 
    font: 12px arial; 
    color: black; 
    width: 90px; 
    padding: 1px 0px; 
    }

*.dzien { 
    border: 1px solid #8B8B84; 
    font: 12px arial; 
    color: black; 
    width: 15px; 
    padding: 1px 2px; 
    }

*.miejsce { 
    border: 1px solid #8B8B84; 
    font: 12px arial; 
    color: black; 
    width: 59px; 
    padding: 1px 0px; 
    }


*.godzina { 
    border: 1px solid #8B8B84; 
    font: 12px arial; 
    color: black; 
    width: 80px; 
    padding: 1px 2px; 
    }

*.pomiar { 
    border: 1px solid #8B8B84; 
    font: 12px arial; 
    color: black; 
    width: 70px; 
    padding: 1px 2px; 
    }



input.przycisk { 
    border: 1px solid #8B8B84; 
    font: 12px arial; 
    color: black; 
    width: 57px; 
    padding: 1px 2px; 
    }

select.przycisk { border: 1px solid #8B8B84; font: 12px arial; color: black; width: 75px; padding: 1px 2px; }

*.wykresy { 
    border: 0px solid #8B8B84; 
    font: 12px arial; 
    color: black; 
    width: 550px; 
    padding: 1px 2px; 
    text-align : left;
    }