@media screen and (max-width: 1000px) /*Ekran do 1000px - mobile*/
{
	body {width: 100%; min-height: 1000px; background: whitesmoke; color: #444;}
	#content {width: 84%; height: 100%; border: none; float: left;}
	#prawa {width: 15%; height: 100%; float: left; }
	#fUstDat {width: 99%; position: relative; top: 0%;}
	#naver {width: 99%; position: relative; top: 8%;}
	#bNowyDz {width: 50%; margin-left: 40%; border-radius: 16px 16px 16px 16px; border: none; background: #327EC6; color: #fff;}
	#bUstawDz {width: 70px; margin-left: 4%; border-radius: 16px 16px 16px 16px; border: none; background: #327EC6; color: #fff;}
	#lbNaver {border-radius: 16px 1px 1px 16px;}
	#pbNaver {float: right; border-radius: 16px 1px 1px 16px;}
	#bDzis {border: none; border-radius: 16px 16px 16px 16px; width: 70px; color: #fff;}
	.cNav {width: 15%; background: #555; border: none; color: cyan; font-weight: bold; font-size: 12pt; width: 63px;}
	p.nagDat {height: 15px;}
	span.nagDatText {font-size: 20pt; font-family: Arial;}
	.tabulka {width: 90%; margin-left:5%;}
	.dzn {border: none; margin-bottom: 10px; }
	.dNag {border-radius: 10px 10px 0px 0px;  text-align: center;  background: skyblue;}
	.div_line {min-height: 100px; background: #fff; border: solid 1px blue;}
	.navtop {margin-left: 10px;}
	.kolumna {min-height: 1000px;}
	#frmA {background: #fff; width: 70%; margin-left: 10%; border: solid 1px #ccc; height: 320px; margin-top: 10%; padding-top: 3%; padding-left: 2%;}
	#frmIh {margin-top: 10%;width: 70%; height: 15%; margin-left: 2%; font-size: 27pt;}
	#frmIl {margin-top: 10%; width: 70%; height: 15%; margin-left: 3%; font-size: 27pt;}
	#divA {top: 0px;}
	#bAu {background: #ddd;}
	.labL {font-size: 30pt;}
	#zalg {width: 30%; margin-left: 32%; margin-top: 4%; height: 15%; font-size: 27pt; border-radius: 47%; border: none; background: #327EC6; color: #fff;}
	li {list-style-type: none;}
}

@media screen and (min-width: 1001px) /* ekran większy od 1000px komputer*/
{
    body {width: 100%; min-height: 1400px; background: #bbb; color: #444;}
 	#content {width: 70%; height: 100%; background: #bbb; float: left; margin-left: 10%;}
	#prawa {width: 20%; height: 100%; float: left;}   
	#pbNaver {float: right;}
	#bNowyDz {width: 50%; margin-left: 40%; border-radius: 16px 16px 16px 16px; border: none; height: 23px; background: #327EC6; color: #fff;}
	#bDzis {border: none; border-radius: 16px 16px 16px 16px; width: 70px; height: 23px; color: #fff;}
	#bUstawDz {width: 70px; margin-left: 5px; border-radius: 16px 16px 16px 16px; border: none; height: 23px; background: #327EC6; color: #fff;}
	#lbNaver {border-radius: 16px 1px 1px 16px;}
	#pbNaver {border-radius: 1px 16px 16px 1px;}
	.cNav {background: #555; border: none; color: cyan; font-weight: bold; font-size: 12pt; width: 63px;}
	p.nagDat {height: 12px;}
	span.nagDatText {font-size: 20pt; font-family: Arial;}
	.tabulka {width: 74%; margin-left:5%;}
	.dzn {margin-bottom: 12px;}
	.dNag {border-radius: 6px 6px 0px 0px; text-align: center;  background: skyblue;}
	.div_line {min-height: 100px; background: #ccc; border: solid 3px #aaa;}
	.navtop {margin-left: 10px;}
	.kolumna {min-height: 1400px;}
	#frmA {background: #fff; width: 25%; margin-left: 25%; border: solid 1px #ccc; height: 100px; margin-top: 10%; padding-top: 3%; padding-left: 2%;}
	#frmIh {margin-top: 1%;}
	#frmIl {}
	#divA {top: 0px;}
	#bAu {background: #ddd;}
	#sek1 {background: #bbb;}
	.topt {width: 35%; float: left; height: 150px; margin-left: 8%;}
	div#sek3 {margin-top: 30px;}
	#modTr  {position: absolute; width: 29.3%;}
	#dodawTr {position: absolute; width: 29.3%;}
	#ppst {position: absolute; width: 29.3%;}
	#nzwKli { margin-top: 10%;}
}

body {font-family: sans-serif;}
td.pom  {text-align: right; border: solid 1px #555;}
td.pomEnv {width: 60px;}
table.pom {border-collapse: collapse;}
td {font-family: sans-serif;}
td.nagMontTabDzien {width: 3%;border: solid 1px #000; text-align: center; background: #333; color: #fff;}
td.nagMontTabGodz{width: 3%;border: solid 1px #000; text-align: center; background: #333; color: #fff;}
td.nagMontTabNazwa {width: 15%;border: solid 1px #000; text-align: center; background: #333; color: #fff;}
td.nagMontTabAdres {width: 20%;border: solid 1px #000; text-align: center; background: #333; color: #fff;}
td.nagMontTabTelefon {width: 10%;border: solid 1px #000; text-align: center; background: #333; color: #fff;}
td.nagMontTabUwagi {width: 28%;border: solid 1px #000; text-align: center; background: #333; color: #fff;}
td.nagMontTabKoszt {width: 5%;border: solid 1px #000; text-align: center; background: #333; color: #fff;}


td.montTabDzien {width: 3%;border: solid 2px #000; border-bottom: solid 2px #bbb; background: #fff;}
td.montBoxDay {width: 97%; border: solid 2px #000; border-bottom: solid 2px #bbb; background: #fff;}

td.montTabNazwa {width: 26%; border: solid 1px #ccc; background: #fff;}
td.montTabAdres {width: 20%; border: solid 1px #ccc; background: #fff;}
td.montTabTelefon {width: 10%; border: solid 1px #ccc; background: #fff;}
td.montTabUwagi {width: 28%; border: solid 1px #ccc; background: #fff; font-size: 10pt;}
td.montTabKoszt {width: 5%; border: solid 1px #ccc; background: #fff;}
td.montTabOpcje {width: 5%; border: solid 1px #ccc; background: #fff;}