/* CSS Document */

/* KLASY ZASTĄPIONE (USUNIĘTE Z CSS)

class='button_przeglady'					->	class='button_nportal'
class='button_przeglady_sort' 				->	class='button_sort'
class='button_przeglady_sort_choose'		->	class='button_sort_choose'
class='n_karta_opis'						->	class='nportal_opis'
class='n_karta_wartosc'						->	class='nportal_wartosc'
class='nportal' 							->	class='nportal_ew'
class='nportal_b' 							->	class='nportal_opis'
class='nportal_dis'							->	class='nportal_ew_dis'
class='nportal_ec' 							->	class='nportal_ew'
class='nportal_err'							->	class='nportal_ew_err'
class='nportal_es' 							->	class='nportal_ew'
class='nportal_eu' 							->	class='nportal_ew'
class='nportal_ewp'							->	class='nportal_ew'
class='nportal_n' 							->	class='nportal_wartosc'
class='nportal_nf' 							->	class='nportal_wartosc'
class='nportal_nfp'							->	class='nportal_wartosc'
class='nportal_oj'							->	class='nportal_opis'
class='nportal_ou'							->	class='nportal_opis'
class='nportal_ow'							->	class='nportal_opis'
class='nportal_wym'							->	class='nportal_ew_wym'
class='p_edycja' 							->	class='nportal_ew'
class='p_edycja2'							->	class='nportal_ew'
class='p_lista0' 							->	class='lista_std0'
class='p_lista0b'							->	class='lista_std0b'
class='lista_std1' 							->	class='lista_std1'
class='lista_std1b'							->	class='lista_std1b'
class='lista_std2'							->	class='lista_std2'
class='lista_std2b'							->	class='lista_std2b'
class='p_lista3'							->	class='lista_std0'
class='p_lista3b'							->	class='lista_std0b'
class='p_listared1'							->	class='lista_red1'
class='p_listared2'							->	class='lista_red2'
class='p_listayel1'							->	class='lista_yel1'
class='p_listayel2'							->	class='lista_yel2'
class='przeglady_ramka'						->	class='nportal_ramka_1'
class='nportal_ramka'						->	class='nportal_ramka_2'
class='p_naglowek1'							->	class='naglowek_1'
class='n_karta_naglowek'					->	class='naglowek_2'
class='p_naglowek2'							->	class='naglowek_2'
class='n_sekcja_naglowek'					->	class='naglowek_2'
class='n_sekcja_naglowek2'					->	class='naglowek_2'
class='n_sekcja_naglowek3'					->	class='naglowek_2'
class='n_sekcja_naglowek4'					->	class='naglowek_3'
class='n_sekcja_naglowek5'					->	class='naglowek_3'
class='przeglady_ramka3'					->	class='nportal_podtabela'
class='s_lista0' 							-> 	class='lista_std0'
class='s_lista1' 							-> 	class='lista_std1' 
class='s_lista1_b' 							-> 	class='lista_std1b'
class='s_lista2'							-> 	class='lista_std2'
class='s_lista2_b' 							-> 	class='lista_std2b' 

 
*/                                              

/* ######################################################################################## */
/* ####################################  STYLE OGÓLNE  #################################### */
/* ######################################################################################## */

/* GŁÓWNE USTAWIENIA HTML I BODY */
html, body {
	background-image:				url('001.png');
	color:							#000000;
	margin:							0px 0px 0px 0px;	/* top right bottom left */	
	padding:						0px 0px 0px 0px;	/* top right bottom left */	
	font-size:						8pt;
	font-family:					tahoma;	
	height:							100.1%;				/* .1 dla włąćzenia prawego paska przewijania na stałe*/
}

/* GŁÓWNE USTAWIENIA TABEL */
table {
	border:							0px;
	border-collapse:				collapse;
	border-spacing:					0px;
	margin:							0px 0px 0px 0px;	/* top right bottom left */	
	padding:						0px 0px 0px 0px;	/* top right bottom left */	
	color:							#000000;
	font-size:						8pt;
	text-align:						center;	
}

/* GŁÓWNE USTAWIENIA TABEL */
td {
	height:							20px;
	white-space:					nowrap;
	text-align:						left;
}

/* GŁÓWNE USTAWIENIA DLA SPAN */
span {
	display:						inline-block;
}

/* GŁÓWNE USTAWIENIA DLA A HREF */
a {
	font-size:						12px;
	color:							#333333;
}

/* GŁÓWNE USTAWIENIA DLA INPUT */
input { 
	font-family: 					inherit;
	font-size: 						inherit;
	border:							0px;
}

/* GŁÓWNE USTAWIENIA DLA SELECT */
select {
	font-family: 					inherit;
	font-size: 						inherit;
	border:							0px;
	float: 							right;	
}

textarea { 
	font-family:					inherit;
	font-size:						inherit;
	font-size:						8pt;
	min-height:						30px;	/*40px;*/
	resize:							vertical;
	border:							0px;
	/*white-space:					normal;*/
}

/* //////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////  STYLE OGÓLNE  //////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////// */



/* ######################################################################################## */
/* #####################################  LOGOWANIE  ###################################### */
/* ######################################################################################## */

/* TABELA Z POLAMI LOGOWANIA */
table.logowanie {
	background:						#ebebeb;
	border:							1px solid #dddddd;	
	border-spacing:					10px;
	padding:						25px;
	margin:							20px;
	box-shadow: 					2px 3px 3px #aaaaaa;
}

/* KOMÓRKA DLA TABELI Z POLAMI LOGOWANIA */
td.logowanie{
	border:							0px solid #999999;	
	padding:						25px;
}

/* POLA INPUT */
input.logowanie {
	font-weight:					bold;
	width:							176px;
	height:							25px;
	border:							1px solid #CCCCCC;	
}

/* LOGO ORANGE */
.logo{
	margin-top:						100px;
	margin-bottom:					100px;	
}

/* BUTTON LOGOWANIA DO PORTALU */
.buttonlogowanie {
	text-align:						center;
	border:							0px solid #006;
	background:						#fe6a00;
	padding:						4px;
	width:							180px;
	border-top-left-radius:			0px 0px;	
	border-top-right-radius: 		0px 0px;
	border-bottom-left-radius:		0px 0px;	
	border-bottom-right-radius: 	0px 0px;
	font-weight:					bold;
	color: 							#FFFFFF;
}
.buttonlogowanie:hover {
	text-align:						center;
	border:							0px solid #f00;
	background:						#ffb888;
	font-weight:					bold;
	color: 							#FFFFFF;	
}

/* KOMUNIKAT O BŁĘDNYM LOGOWANIU, ZMIANIE HASŁA.... */
h6.error { 
	color:							#FF0000;
	font-size:						9pt;	
}

/* KOMUNIKAT O BŁĘDNYM LOGOWANIU, ZMIANIE HASŁA.... */
td.error { 
	color:							#FF0000;
	font-weight:					bold;	
}

/* //////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////  LOGOWANIE  ////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////// */



/* ######################################################################################## */
/* ################################  MENU GŁÓWNE PORTALA  ################################# */
/* ######################################################################################## */

/* ??????? */
table.menu {
	padding:						0px  0px  0px  0px;
	font-size:						9pt;
	font-family:					tahoma,sans-serif;
	text-align:						center;
}

/* ??????? */
table.menu2 {
	padding:						0px  0px  0px  0px;
	font-size:						9pt;
	font-family:					tahoma,sans-serif;
	text-align:						center;
}

/* ??????? */
td.menu {
	padding:						 0px  0px  0px  0px;	
}

/* LINIA MENU Z WSZYSTKIMI KNEFLAMI POZIOMU 1 */
td.menu_1 {
	background:						#BBB;
	width:							1200px;
	height: 						100%;						/* dodane dla zmniejszenia wysokości dla pustej linii */		
	padding:						10px  0px  0px  0px;
	border-top:						0px solid #fff;
	box-shadow: inset				0px -5px 5px -5px #444;
}

/* LINIA MENU Z WSZYSTKIMI KNEFLAMI POZIOMU 2 */
td.menu_2 {
	background:						#DDD;
	width:							1200px;
	height: 						100%;						/* dodane dla zmniejszenia wysokości dla pustej linii */
	padding:						4px  0px  0px  0px;
	border-top:						0px solid #fff;
	box-shadow: inset				0px -5px 5px -5px #666;
}

/* LINIA MENU Z WSZYSTKIMI KNEFLAMI POZIOMU 3 */
td.menu_3 {
	background:						#FFF;
	width:							1200px;
	height: 						100%;						/* dodane dla zmniejszenia wysokości dla pustej linii */
	padding:						4px  0px  0px  0px;
	border-bottom:					0px solid #999;
}

/* KNEFLE MENU POZIOM 1 */
.button_menu {
	border:							0px;
	border-top:						1px solid #777;
	border-left:					1px solid #777;
	border-right:					1px solid #777;
	background:						#BBB;
	margin:							0px  0px  0px  0px;
	padding:						2px 15px  2px 15px; /* top right bottom left */	
	width:							100%; /*098px;*/
	height:							20px;
	font-size:						11px;
	font-weight:					bold;
	color: 							#000;
	box-shadow: inset				0px -5px 5px -5px #444;
	border-top-right-radius: 		3px 5px;
	border-top-left-radius:			3px 5px;	
	text-align:						center;
}
.button_menu:hover {
	border:							0px;
	border-top:						1px solid #555;
	border-left:					1px solid #555;
	border-right:					1px solid #555;
	background:						#BBB;
	margin:							0px  0px  0px  0px;
	padding:						2px 15px  2px 15px; /* top right bottom left */	
	width:							100%; /*098px;*/
	height:							20px;
	font-size:						11px;
	font-weight:					bold;
	color: 							#fff;
	border-top-right-radius: 		3px 5px;
	border-top-left-radius:			3px 5px;	
	text-align:						center;
}
.button_menu_choose {
	border:							0px;
	border-top:						1px solid #555;
	border-left:					1px solid #555;
	border-right:					1px solid #555;
	background:						#DDD;
	margin:							0px  0px  0px  0px;
	padding:						2px 15px  2px 15px; /* top right bottom left */	
	width:							100%; /*098px;*/
	height:							20px;
	font-size:						11px;
	font-weight:					bold;
	color: 							#000;
	box-shadow: inset				0px 5px 5px -5px #777 ;
	border-top-right-radius: 		3px 5px;
	border-top-left-radius:			3px 5px;	
	text-align:						center;
}

/* KNEFLE MENU POZIOM 2 */
.button_menu2 {
	border:							0px;
	border-top:						1px solid #888;
	border-left:					1px solid #888;
	border-right:					1px solid #888;
	background:						#DDD;
	margin:							1px  0px  0px  0px;
	padding:						2px 15px  2px 15px; /* top right bottom left */	
	width:							100%; /*098px;*/
	height:							20px;
	font-size:						10px;
	color: 							#000;
	box-shadow: inset				0px -5px 5px -5px #666;
	border-top-right-radius: 		3px 5px;
	border-top-left-radius:			3px 5px;	
	text-align:						center;
}
.button_menu2:hover {
	border:							0px;
	border-top:						1px solid #666;
	border-left:					1px solid #666;
	border-right:					1px solid #666;
	background:						#DDD;
	margin:							1px  0px  0px  0px;
	padding:						2px 15px  2px 15px; /* top right bottom left */	
	width:							100%; /*098px;*/
	height:							20px;
	font-size:						10px;
	color: 							#fff;
	border-top-right-radius: 		3px 5px;
	border-top-left-radius:			3px 5px;	
	text-align:						center;
}
.button_menu2_choose {
	border:							0px;
	border-top:						1px solid #666;
	border-left:					1px solid #666;
	border-right:					1px solid #666;
	background:						#FFF;
	margin:							1px  0px  0px  0px;
	padding:						2px 15px  2px 15px; /* top right bottom left */	
	width:							100%; /*098px;*/
	height:							20px;
	font-size:						10px;
	font-weight:					normal; /*bold;*/
	color: 							#000;
	box-shadow: inset				0px 5px 5px -5px #999 ;
	border-top-right-radius: 		3px 5px;
	border-top-left-radius:			3px 5px;	
	text-align:						center;
}

/* KNEFLE MENU POZIOM 3 */
.button_menu3 {
	border:							0px;
	border-bottom:					1px solid #999;
	background:						#fff;
	margin:							1px  0px  0px  0px;
	padding:						1px 20px  1px 20px; /* top right bottom left */	
	width:							100%; /*098px;*/
	height:							20px;
	font-size:						10px;
	color: 							#444;
	text-align:						center;
}

.button_menu3:hover {
	border:							0px;
	border:							0px solid #fff;
	background:						#555;
	margin:							1px  0px  0px  0px;
	padding:						1px 20px  1px 20px; /* top right bottom left */	
	width:							100%; /*098px;*/
	height:							20px;
	font-size:						10px;
	color: 							#fff;
	text-align:						center;
}

.button_menu3_choose {
	border:							0px;
	border-top:						1px solid #777;
	border-left:					1px solid #777;
	border-right:					1px solid #777;
	background:						#fff;
	margin:							1px  0px  0px  0px;
	padding:						1px 20px  1px 20px; /* top right bottom left */	
	width:							100%; /*098px;*/
	height:							20px;
	font-weight:					bold;
	font-size:						10px;
	color: 							#000;
	box-shadow: inset				0px 5px 5px -5px #999 ;
	border-top-right-radius: 		3px 5px;
	border-top-left-radius:			3px 5px;	
	text-align:						center;
}

/* KNEFLE MENU POZIOM 0 (WYLOGUJ, MOJE KONTO)*/
.button_wyloguj {
	border:							1px solid #BBBBBB;
	background:						#EEEEEE;
	margin:							0px;
	padding:						0px  1px  0px 1px;
	width:							100px;
	font-size:						9px;
	text-align:						center;
	font-weight:					bold;
	color: 							#343434;
	border-top-left-radius:			0px 0px;	
	border-top-right-radius: 		0px 0px;
	border-bottom-left-radius:		0px 0px;	
	border-bottom-right-radius: 	0px 0px;
}
.button_wyloguj:hover {
	border:							1px solid #BBBBBB;
	background:						#BBBBBB;
	margin:							0px;
	padding:						0px  1px  0px 1px;
	width:							100px;
	font-size:						9px;
	text-align:						center;
	font-weight:					bold;
	color: 							#343434;
	border-top-left-radius:			0px 0px;	
	border-top-right-radius: 		0px 0px;
	border-bottom-left-radius:		0px 0px;	
	border-bottom-right-radius: 	0px 0px;
}

/* LINK DO STRON DLA ADMINÓW W GÓRNYM PASKU: ŚRODOWISKA, MYADMIN ITP */
a.srodowisko {
	color:							#555555;
	font-weight:					bold;	
	font-size:						9pt;
	text-decoration:				none;
}

/* INFORMACJA O PODŁĄCZONEJ BAZIE */
h5.bazainfo { 
	color:							#999999;
	font-size:						9pt;
	font-weight:					normal;
	position:						absolute; left: 0px;
}

/* //////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////  MENU GŁÓWNE PORTALA  ///////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////// */



/* ######################################################################################## */
/* #######################################  FILTRY  ####################################### */
/* ######################################################################################## */

/* PODTABELA DLA PÓL FILTRÓW ORAZ BUTTONÓW WYBORU */
table.filtry_podtabela {
	
}

/* KOMÓRKA DLA PODTABELI FILTRÓW */
td.filtry_podtabela {
	vertical-align: 				top;
}

/* KOMÓRKA BIAŁA Z NAZWĄ FILTRA (ETYKIETA POLA) */
td.filtry_opis {
	text-align:						right;
	padding:						 0px  5px  0px  5px;	/* top right bottom left */
	height:							20px;
	width:							100px;	 /*+10px padding*/
}

/* KOMÓRKA BIAŁA Z NAZWĄ FILTRA (ETYKIETA POLA) */
td.filtry_button {
	text-align:						left;
	padding:						 0px  0px  0px  0px;	/* top right bottom left */
	height:							20px;
	width:							50px;	 /*+10px padding*/
}

/* KOMÓRKA SZARA Z WARTOŚCIĄ NIEEDYTOWALNĄ */
td.filtry_wartosc {
	background-color:				#DDDDDD;
	border:							1px solid #FFFFFF;
	padding:						 0px  5px  0px  5px;	/* top right bottom left */
	width:							150px; /*+10px padding*/
}

/* KOMÓRKA BŁEKITNA DLA PÓL EDYTOWALNYCH */
td.filtry_ew {
	border:							1px solid #FFFFFF;
	background-color:				#ccccf5;
	padding:						 0px  5px  0px  5px;	/* top right bottom left */
	height:							20px;
	width:							150px; /*+10px padding*/
}

/* POLE BŁĘKITNE TEKSTOWE INPUT */
input.filtry_ew {
	background-color:				#ccccf5;
	width:							calc(100% - 0px); /*-10px padding*/
	border:							0px;
}

/* POLE BŁĘKITNE LISTY ROZWIJALNEJ */
select.filtry_ew {
	background-color:				#ccccf5;
	width:							calc(100% - 0px);
	float: 							right;	
	border:							0px;
/*	-webkit-appearance: 			none;
	-moz-appearance: 				none; 
	text-indent: 					-1px; 
	text-overflow: 					'';*/
}

.button_filtr {
	text-align:						center;
	border:							1px solid #e18942;
	background:						#fff;
	margin:							0px;
	padding:						0px;
	font-size:						8pt;
	height:							20px;
	width:							100px;
	font-weight:					bold;
	color: 							#000;
	border-top-left-radius:			0px 0px;	
	border-top-right-radius: 		0px 0px;
	border-bottom-left-radius:		0px 0px;	
	border-bottom-right-radius: 	0px 0px;
	box-shadow:         1px 3px 3px -3px #ffa500;">
}
.button_filtr:hover { 
	text-align:						center;
	border:							1px solid #e18942;
	background:						#ffb888;
	margin:							0px;
	padding:						0px;
	font-size:						8pt;
	height:							20px;
	width:							100px;
	font-weight:					bold;
	color: 							#343434;
	border-top-left-radius:			0px 0px;	
	border-top-right-radius: 		0px 0px;
	border-bottom-left-radius:		0px 0px;	
	border-bottom-right-radius: 	0px 0px;
}

/* //////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////  FILTRY  /////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////// */



/* ######################################################################################## */
/* ##################################  BUTTONY WSZELAKIE  ################################# */
/* ######################################################################################## */

/* STANDARDOWY BUTTON AKCJI: ZAPISZ, DODAJ, SZUKAJ... */
.button_nportal {
	text-align:						center;
	border:							1px solid #e18942;
	background:						#fff;
	margin:							0px;
	padding:						0px;
	font-size:						8pt;
	height:							18px;
	width:							50px;
	font-weight:					bold;
	color: 							#000;
	border-top-left-radius:			0px 0px;
	border-top-right-radius: 		0px 0px;
	border-bottom-left-radius:		0px 0px;
	border-bottom-right-radius: 	0px 0px;
	box-shadow:         			1px 3px 3px -3px #ffa500;
}
.button_nportal:hover { 
	text-align:						center;
	border:							1px solid #e18942;
	background:						#ffb888;
	margin:							0px;
	padding:						0px;
	font-size:						8pt;
	height:							18px;
	width:							50px;
	font-weight:					bold;
	color: 							#343434;
	border-top-left-radius:			0px 0px;
	border-top-right-radius: 		0px 0px;
	border-bottom-left-radius:		0px 0px;
	border-bottom-right-radius: 	0px 0px;
}

/* CZERWONY KRÓTKI BUTTON AKCJI: X - USUŃ */
.button_nportalx { 
	text-align:						center;
	border:							1px solid #006;
	background:						#FF5555;
	margin:							0px;
	padding:						0px;
	font-size:						8pt;
	height:							20px;
	width:							15px;
}
.button_nportalx:hover { 
	text-align:						center;
	border:							1px solid #006;
	background:						#CC2222;
	margin:							0px;
	padding:						0px;
	font-size:						8pt;
	height:							20px;
	width:							15px;
}

/* SZARY KRÓTKI BUTTON AKCJI NA KARTACH: ROZWIŃ, ZAMKNIJ, ODŚWIEŻ... */
.button_nportalv { 
	border:							1px solid #006;
	background:						#888888;
	margin:							0px;	/* top right bottom left */
	padding:						0px;
	font-size:						8pt;
	height:							18px;
	width:							18px;
	text-align:						center;
	vertical-align: 				middle;
}
.button_nportalv:hover { 
	border:							1px solid #006;
	background:						#555555;
	margin:							0px;	/* top right bottom left */
	padding:						0px;
	font-size:						9pt;
	height:							18px;
	width:							18px;
	text-align:						center;
	vertical-align: 				middle;
}

/* STANDARDOWY KRÓTKI BUTTON KOLOROWANIA KARTACH: ZGŁOSZENIA... */
.button_nportalv_std { 
	border:							1px solid #006;
	background:						#EEEEEE;
	color:							#EEEEEE;
	margin:							2px  1px  2px  1px;	/* top right bottom left */
	padding:						0px;
	font-size:						1pt;
	height:							18px;
	width:							18px;
	text-align:						center;
	vertical-align: 				middle;
}
.button_nportalv_std:hover { 
	border:							1px solid #006;
	background:						#555555;
	color:							#EEEEEE;
	margin:							2px  1px  2px  1px;	/* top right bottom left */
	padding:						0px;
	font-size:						1pt;
	height:							18px;
	width:							18px;
	text-align:						center;
	vertical-align: 				middle;
}

/* CZERWONY KRÓTKI BUTTON KOLOROWANIA KARTACH: ZGŁOSZENIA... */
.button_nportalv_red { 
	border:							1px solid #006;
	background:						#888888;
	color:							#FF7777;
	margin:							2px  1px  2px  1px;	/* top right bottom left */
	padding:						0px;
	font-size:						1pt;
	height:							18px;
	width:							18px;
	text-align:						center;
	vertical-align: 				middle;
}
.button_nportalv_red:hover { 
	border:							1px solid #006;
	background:						#555555;
	color:							#DD7777;
	margin:							2px  1px  2px  1px;	/* top right bottom left */
	padding:						0px;
	font-size:						1pt;
	height:							18px;
	width:							18px;
	text-align:						center;
	vertical-align: 				middle;
}

/* ŻÓŁTY KRÓTKI BUTTON KOLOROWANIA KARTACH: ZGŁOSZENIA... */
.button_nportalv_yel { 
	border:							1px solid #006;
	background:						#FFFF22;
	color:							#FFFF22;
	margin:							2px  1px  2px  1px;	/* top right bottom left */
	padding:						0px;
	font-size:						1pt;
	height:							18px;
	width:							18px;
	text-align:						center;
	vertical-align: 				middle;
}
.button_nportalv_yel:hover { 
	border:							1px solid #006;
	background:						#FFFF22;
	color:							#FFFF22;
	margin:							2px  1px  2px  1px;	/* top right bottom left */
	padding:						0px;
	font-size:						1pt;
	height:							18px;
	width:							18px;
	text-align:						center;
	vertical-align: 				middle;
}

/* NIEBIESKI KRÓTKI BUTTON KOLOROWANIA KARTACH: ZGŁOSZENIA... */
.button_nportalv_blu { 
	border:							1px solid #006;
	background:						#3333FF;
	color:							#3333FF;
	margin:							2px  1px  2px  1px;	/* top right bottom left */
	padding:						0px;
	font-size:						1pt;
	height:							18px;
	width:							18px;
	text-align:						center;
	vertical-align: 				middle;
}
.button_nportalv_blu:hover { 
	border:							1px solid #006;
	background:						#3333FF;
	color:							#3333FF;
	margin:							2px  1px  2px  1px;	/* top right bottom left */
	padding:						0px;
	font-size:						1pt;
	height:							18px;
	width:							18px;
	text-align:						center;
	vertical-align: 				middle;
}

/* ZIELONY KRÓTKI BUTTON KOLOROWANIA KARTACH: ZGŁOSZENIA... */
.button_nportalv_gre { 
	border:							1px solid #006;
	background:						#33FF33;
	color:							#33FF33;
	margin:							2px  1px  2px  1px;	/* top right bottom left */
	padding:						0px;
	font-size:						1pt;
	height:							18px;
	width:							18px;
	text-align:						center;
	vertical-align: 				middle;
}
.button_nportalv_gre:hover { 
	border:							1px solid #006;
	background:						#33FF33;
	color:							#33FF33;
	margin:							2px  1px  2px  1px;	/* top right bottom left */
	padding:						0px;
	font-size:						1pt;
	height:							18px;
	width:							18px;
	text-align:						center;
	vertical-align: 				middle;
}

/* FIOLETOWY KRÓTKI BUTTON KOLOROWANIA KARTACH: ZGŁOSZENIA... */
.button_nportalv_vio { 
	border:							1px solid #006;
	background:						#CC33FF;
	color:							#CC33FF;
	margin:							2px  1px  2px  1px;	/* top right bottom left */
	padding:						0px;
	font-size:						1pt;
	height:							18px;
	width:							18px;
	text-align:						center;
	vertical-align: 				middle;
}
.button_nportalv_vio:hover { 
	border:							1px solid #006;
	background:						#CC33FF;
	color:							#CC33FF;
	margin:							2px  1px  2px  1px;	/* top right bottom left */
	padding:						0px;
	font-size:						1pt;
	height:							18px;
	width:							18px;
	text-align:						center;
	vertical-align: 				middle;
}

/* POMARAŃCZOWY KRÓTKI BUTTON KOLOROWANIA KARTACH: ZGŁOSZENIA... */
.button_nportalv_ora { 
	border:							1px solid #006;
	background:						#FF6633;
	color:							#FF6633;
	margin:							2px  1px  2px  1px;	/* top right bottom left */
	padding:						0px;
	font-size:						1pt;
	height:							18px;
	width:							18px;
	text-align:						center;
	vertical-align: 				middle;
}
.button_nportalv_ora:hover { 
	border:							1px solid #006;
	background:						#FF6633;
	color:							#FF6633;
	margin:							2px  1px  2px  1px;	/* top right bottom left */
	padding:						0px;
	font-size:						1pt;
	height:							18px;
	width:							18px;
	text-align:						center;
	vertical-align: 				middle;
}

/* BUTTON W NAGŁÓWKU: REKLAMACJA ZMIANA TYPU... */
.button_naglowek {
	text-align:						center;
	border:							0px solid #e18942;
	background:						rgba(0, 0, 0, 0);
	margin:							0px;
	padding:						0px;
	font-size:						8pt;
	height:							18px;
	width:							100%;
	font-weight:					bold;
	color: 							#FFFFFF;
	border-top-left-radius:			0px 0px;	
	border-top-right-radius: 		0px 0px;
	border-bottom-left-radius:		0px 0px;	
	border-bottom-right-radius: 	0px 0px;
}
.button_naglowek:hover { 
	text-align:						center;
	border:							0px solid #e18942;
	background:						rgba(0, 0, 0, 0);
	margin:							0px;
	padding:						0px;
	font-size:						8pt;
	height:							18px;
	width:							100%;
	font-weight:					bold;
	color: 							#000000;
	border-top-left-radius:			0px 0px;	
	border-top-right-radius: 		0px 0px;
	border-bottom-left-radius:		0px 0px;	
	border-bottom-right-radius: 	0px 0px;
}

/* BUTTONY "SWITCH" AKCJI ON/OFF: UKRYWANIE NOTATEK, ZAŁĄCZNIKÓW, WŁACZANIE UPRAWNIEŃ... */
.button_switch_on {
	border:							1px solid #444;
	background: 					linear-gradient(90deg, #22CC22 60%, #444444 40%);
	margin:							0px;
	padding:						0px;
	font-size:						0pt;
	text-align:						right;
	height:							12px;
	width:							30px;
	border-top-left-radius:			6px 6px;	
	border-top-right-radius: 		6px 6px;
	border-bottom-left-radius:		6px 6px;	
	border-bottom-right-radius: 	6px 6px;
}
.button_switch_on:hover {
	border:							1px solid #444;
	background: 					linear-gradient(90deg, #444444 40%, #CC2222 20%);
	margin:							0px;
	padding:						0px;
	font-size:						0pt;
	text-align:						left;
	height:							12px;
	width:							30px;
	border-top-left-radius:			6px 6px;	
	border-top-right-radius: 		6px 6px;
	border-bottom-left-radius:		6px 6px;	
	border-bottom-right-radius: 	6px 6px;
}
.button_switch_on:disabled {
	border:							1px solid #444;
	background: 					linear-gradient(90deg, #22AA22 60%, #444444 40%);
	margin:							0px;
	padding:						0px;
	font-size:						0pt;
	text-align:						right;
	height:							12px;
	width:							30px;
	border-top-left-radius:			6px 6px;	
	border-top-right-radius: 		6px 6px;
	border-bottom-left-radius:		6px 6px;	
	border-bottom-right-radius: 	6px 6px;
}

.button_switch_off {
	border:							1px solid #444;
	background: 					linear-gradient(90deg, #444444 40%, #CC2222 20%);
	margin:							0px;
	padding:						0px;
	font-size:						0pt;
	text-align:						left;
	height:							12px;
	width:							30px;
	border-top-left-radius:			6px 6px;	
	border-top-right-radius: 		6px 6px;
	border-bottom-left-radius:		6px 6px;	
	border-bottom-right-radius: 	6px 6px;
}
.button_switch_off:hover {
	border:							1px solid #444;
	background: 					linear-gradient(90deg, #22CC22 60%, #444444 40%);
	margin:							0px;
	padding:						0px;
	font-size:						0pt;
	text-align:						right;
	height:							12px;
	width:							30px;
	border-top-left-radius:			6px 6px;	
	border-top-right-radius: 		6px 6px;
	border-bottom-left-radius:		6px 6px;	
	border-bottom-right-radius: 	6px 6px;
}
.button_switch_off:disabled {
	border:							1px solid #444;
	background: 					linear-gradient(90deg, #444444 40%, #AA2222 20%);
	margin:							0px;
	padding:						0px;
	font-size:						0pt;
	text-align:						left;
	height:							12px;
	width:							30px;
	border-top-left-radius:			6px 6px;	
	border-top-right-radius: 		6px 6px;
	border-bottom-left-radius:		6px 6px;	
	border-bottom-right-radius: 	6px 6px;
}

/* MAŁE BUTTONY SORTOWANIA LISTY WYNIKÓW */
.button_sort {
	border:							0px;
	background:						#ccccf5;	
	margin:							0px;
	padding:						0px;
	width:							12px;
	font-size:						8pt;
}
.button_sort_choose {
	border:							0px;
	background:						#FF7700;	
	margin:							0px;
	padding:						0px;
	padding:						0px;
	width:							12px;
	font-size:						8pt;
}

/* //////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////  BUTTONY WSZELAKIE  ///////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////// */



/* ######################################################################################## */
/* ##########################  DWUODCIENIOWE POLA LIST ELEMENTÓW  ######################### */
/* ######################################################################################## */

/* POLA SZARE - STANDARDOWE */
td.lista_std0 { 			/* bardzo ciemne dla nagłowka */
	background-color:				#DDDDDD;
	padding:						 0px  5px  0px  5px;	/* top right bottom left */
}
td.lista_std0b { 		/* bardzo ciemne dla nagłowka bold */
	background-color:				#DDDDDD;
	font-weight:					bold;
	padding:						 0px  5px  0px  5px;	/* top right bottom left */
}
td.lista_std0r { 		/* bardzo ciemne dla nagłowka do prawej */
	background-color:				#DDDDDD;
	text-align:						right;
	padding:						 0px  5px  0px  5px;	/* top right bottom left */
}
td.lista_std0br { 		/* bardzo ciemne dla nagłowka bold do prawej */
	background-color:				#DDDDDD;
	font-weight:					bold;
	text-align:						right;
	padding:						 0px  5px  0px  5px;	/* top right bottom left */
}
td.lista_std1 { 			/* ciemne */
	background-color:				#EEEEEE;
	padding:						 0px  5px  0px  5px;	/* top right bottom left */
}
td.lista_std1b { 		/* ciemne bold */
	background-color:				#EEEEEE;
	font-weight:					bold;
	padding:						 0px  5px  0px  5px;	/* top right bottom left */
}
td.lista_std1r { 		/* ciemne do prawej */
	background-color:				#EEEEEE;
	text-align:						right;
	padding:						 0px  5px  0px  5px;	/* top right bottom left */
}
td.lista_std1br { 		/* ciemne bold do prawej */
	background-color:				#EEEEEE;
	font-weight:					bold;
	text-align:						right;
	padding:						 0px  5px  0px  5px;	/* top right bottom left */
}
td.lista_std2 { 			/* jasne */
	background-color:				#FFFFFF;
	padding:						 0px  5px  0px  5px;	/* top right bottom left */
}
td.lista_std2b { 		/* jasne  bold*/
	background-color:				#FFFFFF;
	font-weight:					bold;
	padding:						 0px  5px  0px  5px;	/* top right bottom left */
}
td.lista_std2r { 		/* jasne do prawej */
	background-color:				#FFFFFF;
	text-align:						right;
	padding:						 0px  5px  0px  5px;	/* top right bottom left */
}
td.lista_std2br { 		/* jasne bold do prawej*/
	background-color:				#FFFFFF;
	font-weight:					bold;
	text-align:						right;
	padding:						 0px  5px  0px  5px;	/* top right bottom left */
}
td.lista_std3 { 			/* bardzo ciemne dla nagłowka */
	background-color:				#CCCCCC;
	padding:						 0px  5px  0px  5px;	/* top right bottom left */
}
td.lista_std3b { 		/* bardzo ciemne dla nagłowka bold */
	background-color:				#CCCCCC;
	font-weight:					bold;
	padding:						 0px  5px  0px  5px;	/* top right bottom left */
}
td.lista_std3r { 		/* bardzo ciemne dla nagłowka do prawej */
	background-color:				#CCCCCC;
	text-align:						right;
	padding:						 0px  5px  0px  5px;	/* top right bottom left */
}
td.lista_std3br { 		/* bardzo ciemne dla nagłowka bold do prawej */
	background-color:				#CCCCCC;
	font-weight:					bold;
	text-align:						right;
	padding:						 0px  5px  0px  5px;	/* top right bottom left */
}
td.lista_std3bc { 		/* bardzo ciemne dla nagłowka bold do CENTRUM */
	background-color:				#CCCCCC;
	font-weight:					bold;
	text-align:						center;
	padding:						 0px  5px  0px  5px;	/* top right bottom left */
}

/* POLA CZERWONE - PRZETERMINOWANE... */
td.lista_red1 { 		/* ciemne */
	background-color:				#DD7777;
	padding:						 0px  5px  0px  5px;	/* top right bottom left */
}	
td.lista_red2 { 		/* jasne */
	background-color:				#FF7777;
	padding:						 0px  5px  0px  5px;	/* top right bottom left */
}

/* POLA ŻÓŁTE */
td.lista_yel1 { 		/* ciemne */
	background-color:				#FFFF66;
	padding:						 0px  5px  0px  5px;	/* top right bottom left */
}
td.lista_yel2 { 		/* jasne */
	background-color:				#FFFF99;
	padding:						 0px  5px  0px  5px;	/* top right bottom left */
}

/* POLA NIEBIESKIE */
td.lista_blu1 { 		/* ciemne */
	background-color:				#6666FF;
	padding:						 0px  5px  0px  5px;	/* top right bottom left */
}	
td.lista_blu2 { 		/* jasne */
	background-color:				#9999FF;
	padding:						 0px  5px  0px  5px;	/* top right bottom left */
}

/* POLA ZIELONE */
td.lista_gre1 { 		/* ciemne */
	background-color:				#66FF66;
	padding:						 0px  5px  0px  5px;	/* top right bottom left */
}	
td.lista_gre2 { 		/* jasne */
	background-color:				#99FF99;
	padding:						 0px  5px  0px  5px;	/* top right bottom left */
}

/* POLA FIOLETOWE */
td.lista_vio1 { 		/* ciemne */
	background-color:				#9933FF;
	padding:						 0px  5px  0px  5px;	/* top right bottom left */
}	
td.lista_vio2 { 		/* jasne */
	background-color:				#CC66FF;
	padding:						 0px  5px  0px  5px;	/* top right bottom left */
}

/* POLA POMARAŃCZOWE */
td.lista_ora1 { 		/* ciemne */
	background-color:				#FF6633;
	padding:						 0px  5px  0px  5px;	/* top right bottom left */
}	
td.lista_ora2 { 		/* jasne */
	background-color:				#FF9966;
	padding:						 0px  5px  0px  5px;	/* top right bottom left */
}

/* POLA STANDARDOWE Z OPISEM TEKSTOWYM - ŁAMANIE WIERSZA */
td.lista_tekst_std0 {
	background-color:				#DDDDDD;
	padding:						 0px  5px  0px  5px; /* top right bottom left */
	white-space:					pre-wrap;
}

td.lista_tekst_std1 {
	background-color:				#EEEEEE;
	padding:						 0px  5px  0px  5px; /* top right bottom left */
	white-space:					pre-wrap;
}

td.lista_tekst_std2 {
	background-color:				#FFFFFF;
	padding:						 0px  5px  0px  5px; /* top right bottom left */
	white-space:					pre-wrap;
}

td.lista_tekst_std0b {
	background-color:				#DDDDDD;
	font-weight:					bold;
	padding:						 0px  5px  0px  5px; /* top right bottom left */
	white-space:					pre-wrap;
}

td.lista_tekst_std1b {
	background-color:				#EEEEEE;
	font-weight:					bold;
	padding:						 0px  5px  0px  5px; /* top right bottom left */
	white-space:					pre-wrap;
}

td.lista_tekst_std2b {
	background-color:				#FFFFFF;
	font-weight:					bold;
	padding:						 0px  5px  0px  5px; /* top right bottom left */
	white-space:					pre-wrap;
}

/* //////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////  DWUODCIENIOWE POLA LIST ELEMENTÓW  ///////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////// */



/* ######################################################################################## */
/* ##########################  POLA INPUT FORMULARZY WSZELAKICH  ########################## */
/* ######################################################################################## */

/* ################  INPUT  ################ */

/* BŁĘKITNE POLE INPUT - EDYTOWALNE */
input.nportal_ew { 
	background-color:				#ccccf5;
	width:							100%;
	border:							0px;
}

/* CZERWONE POLE INPUT - BŁĘDNA WARTOŚĆ / BRAK WYPEŁNIENIA */
input.nportal_ew_err { 
	background-color:				#FF6666;
	width:							100%;
	border:							0px;
}

/* CZERWONE POLE INPUT - POLE WYMAGANE */
input.nportal_ew_wym { 
	background-color:				#FF6666;
	width:							100%;
	border:							0px;
}

/* #########  INPUT JAK POLA LISTY ########## */

/* POLA SZARE - STANDARDOWE */
input.lista_std0 { 			/* bardzo ciemne dla nagłowka */
	background-color:				#DDDDDD;
	width:							100%;
}
input.lista_std0b { 		/* bardzo ciemne dla nagłowka bold */
	background-color:				#DDDDDD;
	font-weight:					bold;
	width:							100%;
}
input.lista_std0r { 		/* bardzo ciemne dla nagłowka do prawej */
	background-color:				#DDDDDD;
	text-align:						right;
	width:							100%;
}
input.lista_std0br { 		/* bardzo ciemne dla nagłowka bold do prawej */
	background-color:				#DDDDDD;
	font-weight:					bold;
	text-align:						right;
	width:							100%;
}
input.lista_std1 { 			/* ciemne */
	background-color:				#EEEEEE;
	width:							100%;
}
input.lista_std1b { 		/* ciemne bold */
	background-color:				#EEEEEE;
	font-weight:					bold;
	width:							100%;
}
input.lista_std1r { 		/* ciemne do prawej */
	background-color:				#EEEEEE;
	text-align:						right;
	width:							100%;
}
input.lista_std1br { 		/* ciemne bold do prawej */
	background-color:				#EEEEEE;
	font-weight:					bold;
	text-align:						right;
	width:							100%;
}
input.lista_std2 { 			/* jasne */
	background-color:				#FFFFFF;
	width:							100%;
}
input.lista_std2b { 		/* jasne  bold*/
	background-color:				#FFFFFF;
	font-weight:					bold;
	width:							100%;
}
input.lista_std2r { 		/* jasne do prawej */
	background-color:				#FFFFFF;
	text-align:						right;
	width:							100%;
}
input.lista_std2br { 		/* jasne bold do prawej*/
	background-color:				#FFFFFF;
	font-weight:					bold;
	text-align:						right;
	width:							100%;
}
input.lista_std3 { 			/* bardzo ciemne dla nagłowka */
	background-color:				#CCCCCC;
	width:							100%;
}
input.lista_std3b { 		/* bardzo ciemne dla nagłowka bold */
	background-color:				#CCCCCC;
	font-weight:					bold;
	width:							100%;
}
input.lista_std3r { 		/* bardzo ciemne dla nagłowka do prawej */
	background-color:				#CCCCCC;
	text-align:						right;
	width:							100%;
}
input.lista_std3br { 		/* bardzo ciemne dla nagłowka bold do prawej */
	background-color:				#CCCCCC;
	font-weight:					bold;
	text-align:						right;
	width:							100%;
}
input.lista_std3bc { 		/* bardzo ciemne dla nagłowka bold do CENTRUM */
	background-color:				#CCCCCC;
	font-weight:					bold;
	text-align:						center;
	width:							100%;
}

/* POLA CZERWONE - PRZETERMINOWANE... */
input.lista_red1 { 		/* ciemne */
	background-color:				#DD7777;
	width:							100%;
}	
input.lista_red2 { 		/* jasne */
	background-color:				#FF7777;
	width:							100%;
}

/* POLA ŻÓŁTE */
input.lista_yel1 { 		/* ciemne */
	background-color:				#FFFF66;
	width:							100%;
}
input.lista_yel2 { 		/* jasne */
	background-color:				#FFFF99;
	width:							100%;
}

/* POLA NIEBIESKIE */
input.lista_blu1 { 		/* ciemne */
	background-color:				#6666FF;
	width:							100%;
}	
input.lista_blu2 { 		/* jasne */
	background-color:				#9999FF;
	width:							100%;
}

/* POLA ZIELONE */
input.lista_gre1 { 		/* ciemne */
	background-color:				#66FF66;
	width:							100%;
}	
input.lista_gre2 { 		/* jasne */
	background-color:				#99FF99;
	width:							100%;
}

/* POLA FIOLETOWE */
input.lista_vio1 { 		/* ciemne */
	background-color:				#9933FF;
	width:							100%;
}	
input.lista_vio2 { 		/* jasne */
	background-color:				#CC66FF;
	width:							100%;
}

/* POLA POMARAŃCZOWE */
input.lista_ora1 { 		/* ciemne */
	background-color:				#FF6633;
	width:							100%;
}	
input.lista_ora2 { 		/* jasne */
	background-color:				#FF9966;
	width:							100%;
}

/* ################  SELECT  ############### */

/* BŁĘKITNE POLE SELECT - EDYTOWALNE */
select.nportal_ew {
	background-color:				#ccccf5;
	width:							100%;
	border:							0px;
}

/* CZERWONE POLE SELECT - BŁĘDNA WARTOŚĆ / BRAK WYPEŁNIENIA */
select.nportal_ew_err  {
	background-color:				#FF6666;
	width:							100%;
	border:							0px;
}

/* CZERWONE POLE SELECT - POLE WYMAGANE */
select.nportal_ew_wym  {
	background-color:				#FF6666;
	width:							100%;
	border:							0px;
}

/* BŁĘKITNE POLE SELECT BEZ SZCZAŁKI - EDYTOWALNE */
select.nportal_ewwa {
	background-color:				#ccccf5;
	width:							100%;
	border:							0px;
	-webkit-appearance: 			none;
	-moz-appearance: 				none; 
	text-indent: 					-1px; 
	text-overflow: 					'';
}

/* CZERWONE POLE SELECT BEZ SZCZAŁKI - BŁĘDNA WARTOŚĆ / BRAK WYPEŁNIENIA */
select.nportal_ewwa_err  {
	background-color:				#FF6666;
	width:							100%;
	border:							0px;
	-webkit-appearance: 			none;
	-moz-appearance: 				none; 
	text-indent: 					-1px; 
	text-overflow: 					'';
}

/* CZERWONE POLE SELECT BEZ SZCZAŁKI - POLE WYMAGANE */
select.nportal_ewwa_wym  {
	background-color:				#FF6666;
	width:							100%;
	border:							0px;
	-webkit-appearance: 			none;
	-moz-appearance: 				none; 
	text-indent: 					-1px; 
	text-overflow: 					'';
}

/* ################  TEXTAREA  ############# */

/* BŁĘKITNE POLE TEXTAREA - EDYTOWALNE */
textarea.nportal_ew{ 
	background-color:				#ccccf5;
	font-family:					inherit;
	font-size:						inherit;
	border:							0px;
	width:							calc(100% - 4px);	
	height:							30px;
	min-height:						30px; /*40px;*/
	resize:							vertical;
	/*white-space:					normal;*/ /* wyłączone bo jeb*** FF od wersji 36 nie przyjmuje enterów */
}

/* SZARE POLE TEXTAREA - WYŁĄCZONE Z EDYCJI */
textarea.nportal_ew_dis{
	background-color:				#DDDDDD;
	font-family:					inherit;
	font-size:						inherit;
	border:							0px;
	width:							calc(100% - 4px);
	height:							30px;
	min-height:						30px;
	resize:							vertical;
	/*white-space:					normal;*/
}

/* CZERWONE POLE TEXTAREA - BŁĘDNA WARTOŚĆ / BRAK WYPEŁNIENIA */
textarea.nportal_ew_err{
	background-color:				#FF6666;
	font-family:					inherit;
	font-size:						inherit;
	border:							0px;
	width:							calc(100% - 4px);
	height:							30px;
	min-height:						30px;
	resize:							vertical;
	/*white-space:					normal;*/
}

/* CZERWONE POLE TEXTAREA - POLE WYMAGANE */
textarea.nportal_ew_wym{
	background-color:				#FF6666;
	font-family:					inherit;
	font-size:						inherit;
	border:							0px;
	width:							calc(100% - 4px);
	height:							30px;
	min-height:						30px;
	resize:							vertical;
	/*white-space:					normal;*/
}

/* //////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////  POLA INPUT FORMULARZY WSZELAKICH  ////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////// */



/* ######################################################################################## */
/* ####################  TABELE FORMULARZY ORAZ INFORMACJI WSZELAKICH  #################### */
/* ######################################################################################## */

/* ################  TABLE  ################ */

/* GŁÓWNE TABELE Z CZARNYMI NAGŁÓWKAMI */
table.nportal_ramka_1 {
	border:							1px solid #AAAAAA;
	background-color:				#F7F7F7;
	margin:							10px  10px 10px  10px; /* top right bottom left */
}

/* TABELE KART */
table.nportal_ramka_2 {
	border:							1px solid #AAAAAA;
	background-color:				#F7F7F7;
	margin:							5px 5px 5px 5px;
}

/* TABELE NP WYNIKÓW PRZY WYKRESACH */
table.nportal_ramka_3 {
	border:							1px solid #AAAAAA;
	background-color:				#F7F7F7;
	margin:							 5px  5px  5px  5px;
}

/* TABELE UŻYWANE W KOMÓRKACH BEZ RAMEK MARGINESÓW - NIEWIDZIALNE */
table.nportal_podtabela { 
}

/* TABELA ZMIENNYCH SYSTEMOWYCH W RAMCE */
table.system_ramka { 
	border:							3px solid #FF0000;
}


/* ###############  TD - NAGŁÓWKI  ######### */

/* CZARNY NAGŁÓWEK: FILTRY, EDYCJA, LISTY WYNIKÓW */
td.naglowek_1 {
	border:							1px solid #333;
	background-color:				#333;
	padding:						0px  0px  0px 10px; /* top right bottom left */
	font-size:						10pt;
	font-weight:					bold;
	color:							#fff;
	height:							25px;
	width:							1180px;
	text-align:						center;
}

/* SZARY NAGŁÓWEK TABELI KART ZGŁOSZENIA, OBIEKTU... */
td.naglowek_2 {
	border:							1px solid #666;
	background-color:				#666;
	padding:						0px  0px  0px 10px; /* top right bottom left */
	font-weight:					bold;
	height:							25px;
	width:							1050px;
	color:							#fff;
}

/* SZARY NAGŁÓWEK TABELI SEKCJI NA KARCIE: PRZYPISANIE, SKRYPTY, ZAŁĄCZNIKI... */
td.naglowek_3{
	border:							1px solid #fff;
	background-color:				#bbb;
	padding:						0px  0px  0px 10px; /* top right bottom left */
	font-weight:					bold;
	height:							22px;
	width:							1050px;
	color:							#000;
}

/* ###############  TD - POLA  ############# */

/* BŁĘKITNE POLE - EDYTOWALNE */
td.nportal_ew { 
	border:							1px solid #FFFFFF;
	background-color:				#ccccf5;
	padding:						 0px  5px  0px  5px; /* top right bottom left */
	height:							20px;
}

/* CZERWONE POLE - BŁĘDNA WARTOŚĆ / BRAK WYPEŁNIENIA */
td.nportal_ew_err { 
	border:							1px solid #FFFFFF;
	background-color:				#FF6666;
	padding:						 0px  5px  0px  5px; /* top right bottom left */
	height:							20px;
}

/* CZERWONE POLE - POLE WYMAGANE */
td.nportal_ew_wym { 
	border:							1px solid #FFFFFF;
	background-color:				#FF6666;
	padding:						 0px  5px  0px  5px; /* top right bottom left */
	height:							20px;
}

/* BŁĘKITNE POLE DLA SELECTA BEZ SZCZAŁKI - EDYTOWALNE */
td.nportal_ewwa { 
	border:							1px solid #FFFFFF;
	background-color:				#ccccf5;
	padding:						 0px  5px  0px  5px; /* top right bottom left */
	height:							20px;
}

/* CZERWONE POLE DLA SELECTA BEZ SZCZAŁKI - BŁĘDNA WARTOŚĆ / BRAK WYPEŁNIENIA */
td.nportal_ewwa_err { 
	border:							1px solid #FFFFFF;
	background-color:				#FF6666;
	padding:						 0px  5px  0px  5px; /* top right bottom left */
	height:							20px;
}

/* CZERWONE POLE DLA SELECTA BEZ SZCZAŁKI - POLE WYMAGANE */
td.nportal_ewwa_wym { 
	border:							1px solid #FFFFFF;
	background-color:				#FF6666;
	padding:						 0px  5px  0px  5px; /* top right bottom left */
	height:							20px;
}

/* BIAŁE POLE ETYKIETY POLA */
td.nportal_opis {
	padding:						 0px  5px  0px  5px; /* top right bottom left */
}

/* BIAŁE POLE ETYKIETY POLA */
td.nportal_opis_c {
	padding:						 0px  5px  0px  5px; /* top right bottom left */
	text-align:						center;
}

/* BIAŁE POLE ETYKIETY POLA */
td.nportal_opis_r {
	padding:						 0px  5px  0px  5px; /* top right bottom left */
	text-align:						right;
}

/* BIAŁE POLE ETYKIETY POLA BOLD*/
td.nportal_opis_b {
	padding:						 0px  5px  0px  5px; /* top right bottom left */
	font-weight:					bold;
}

/* BIAŁE POLE Z OPISEM TEKSTOWYM */
td.nportal_tekst {
	padding:						 2px  5px  2px  5px; /* top right bottom left */
	white-space:					pre-wrap;
}

/* BIAŁE POLE Z OPISEM TEKSTOWYM BOLD */
td.nportal_tekst_b {
	padding:						 2px  5px  2px  5px; /* top right bottom left */
	font-weight:					bold;
	white-space:					pre-wrap;
}

/* SZARE POLE WARTOŚCI NIEEDYTOWALNEJ */
td.nportal_wartosc {
	background-color:				#ddd;
	border:							1px solid #FFFFFF;
	padding:						 0px  5px  0px  5px; /* top right bottom left */
}

/* SZARE POLE WARTOŚCI NIEEDYTOWALNEJ */
td.nportal_wartosc_b {
	background-color:				#ddd;
	font-weight:					bold;	
	border:							1px solid #FFFFFF;
	padding:						 0px  5px  0px  5px; /* top right bottom left */
}

/* SZARE POLE WARTOŚCI NIEEDYTOWALNEJ */
td.nportal_wartosc_r {
	background-color:				#ddd;
	border:							1px solid #FFFFFF;
	padding:						 0px  5px  0px  5px; /* top right bottom left */
	text-align:						right;
}

/* SZARE POLE WARTOŚCI NIEEDYTOWALNEJ */
td.nportal_wartosc_br {
	background-color:				#ddd;
	font-weight:					bold;	
	border:							1px solid #FFFFFF;
	padding:						 0px  5px  0px  5px; /* top right bottom left */
	text-align:						right;
}

/* SZARE POLE WARTOŚCI NIEEDYTOWALNEJ - BŁĘDNA WARTOŚĆ / BRAK WYPEŁNIENIA */
td.nportal_wartosc_err {
	background-color:				#FF6666;
	border:							1px solid #FFFFFF;
	padding:						 0px  5px  0px  5px; /* top right bottom left */
}

/* //////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////  TABELE FORMULARZY ORAZ INFORMACJI WSZELAKICH  //////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////// */


/* CZERWONY NAGŁÓWEK TABELI BŁĘDU */
td.naglowek_error{
	border:							0px solid #fff;
	background-color:				red;
	padding:						0px  0px  0px 10px; /* top right bottom left */
	font-weight:					bold;
	height:							22px;
	width:							1050px;
	color:							#000;
}

/* TREŚĆ ERROR */
td.error { 
	padding:						30px;
	font-weight:					bold;
	color:							red;
	font-size:						12pt;
}



/* ######################################################################################## */
/* ########################################  DIVY  ######################################## */
/* ######################################################################################## */

#TOP {
	background-color:				#FFFFFF; /* #002577; */
	border:							1px solid #DDDDDD;
	max-width:1200px;
	position:unset;
	margin:auto;
	/*position:						absolute;
	left:							50%;
	margin-left:					-600px;*//*490 poziom 0*/
	/*margin-top:						0px;
	width:							1200px;	*/			/*980 poziom 0*/ 
}

#MENU {
	background-color:				#FFFFFF;
	border-bottom:					0px solid #999999;
	padding:						0px 0px 0px 0px; 		/* top right bottom left */
	text-align:						center;
	width:							1200px; /*980px;*/		/*poziom -2*/
}

#PORTAL {
	background-color:				#FFFFFF;
	background-image:				url('gfx/siatka.png');
	color:							#111111;
	width:							1200px; /*980px;*/		/*poziom -2*/
	height:							auto;	
}

#NPORTAL_SZUKAJ {
	text-align:						center;
	padding:						 0px 10px  0px 10px;	/* top right bottom left */
	width:							1200px; /*980;*/		/*poziom -4*/	
}

#NPORTAL_FORMATKI {
	text-align:						center;
	width:							100%;				/*poziom -4* 976px;*/	
}

#STOPKA {
	background-color:				#FFFFFF;
	font-size:						11px;
	color:							#999999;
	border-top:						1px solid #CCCCCC;
	text-align:						center;
	position:						fixed;
	left:							0px;
	bottom:							0px;
    width: 							100%;
    height: 						1px;		
}

#SYSTEM {
	background-color:				#FFFFFF;
	color:							#FFA500;
	width:							1200px; /*980px;*/		/*poziom -2*/
}

#ERROR {
	border: 						solid 2px red;
	width:							1000px;
	background:						white;
	position:						absolute;
	top:							100px;
	left:							100px;
	text-align:						center;
}

#TLO_USUN {
	width:							100%;
	height:							100%;
	background-color:				rgba(255,255,255,0.5);
	position:						fixed;
	z-index:						999;
	text-align:						center;
}

#USUN {
	border: 						solid 2px red;
	width:							calc(100% - 4px);
	background:						white;
	position:						fixed;
	z-index:						1000;
	top:							40%;
	left:							50%;
	margin-left:					-50%;/*490 poziom 0*/
	text-align:						center;
}

#NAGLOWEK1 {
	position:						relative;
	text-align:						center;
}

#NAGLOWEK2 {
	position:						relative;
	text-align:						left;
}

#G_POWER {
	width:							18px;
	height:							18px;
	position:						absolute;
	top:							7px;
	left: 							calc(100% - 20px);
	font-size:						1px;
	background:						rgba(0, 0, 0, 0);
}

#G_MENU {
	width:							18px;
	height:							18px;
	position:						absolute;
	top:							32px;
	left: 							calc(100% - 20px);
	font-size:						1px;
	background:						rgba(0, 0, 0, 0);
}

#G_CLOSE {
	width:							18px;
	height:							18px;
	position:						absolute;
	top:							0px;
	left: 							calc(100% - 20px);
	font-size:						1px;
	background:						rgba(0, 0, 0, 0);
}

#G_REFRESH {
	width:							18px;
	height:							18px;
	position:						absolute;
	top:							0px;
	left: 							calc(100% - 40px);
	font-size:						1px;
	background:						rgba(0, 0, 0, 0);
}

#G_STAR {
	width:							18px;
	height:							18px;
	position:						absolute;
	top:							0px;
	font-size:						1px;
}

#G_VIS {
	width:							18px;
	height:							18px;
	position:						absolute;
	top:							-3px;
	left: 							calc(100% - 20px);
	font-size:						1px;
	background:						rgba(0, 0, 0, 0);
}

#G_TEKST {
	/*border:							1px solid grey;*/
	height:							18px;
	position:						absolute;
	top:							-2px;	
	left: 							calc(100% - 40px);
	font-size:						1px;
	background:						rgba(0, 0, 0, 0);
}

/* //////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////  DIVY  //////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////// */


/* ######################################################################################## */
/* #######################################  ROCCO  ######################################## */
/* ######################################################################################## */
table.rocco_filtr{
	border:							1px solid #343434;
	border-collapse:separate;
	background-color:				#F7F7F7;
	margin:							0px  0px 5px 0px;
	width:							1200px;
	box-shadow: 					2px 3px 3px #aaaaaa;
}

table.rocco_filtr tr{
	border:							0px solid #343434;
}

table.rocco_filtr td{
	border:							0px solid #343434;
	padding:						1px 5px 0px 5px;
}

table.rocco{
	width:							1200px;
	background-color:				#FFFFFF;
	border:							1px solid #343434;
}

table.rocco tr{
	border:							0px solid #343434;
}

table.rocco td{
	padding:						0px 0px 0px 0px;
	margin:							0px 0px 0px 0px;
}

table.rocco_under { 			
	border-collapse:				collapse;
	border-spacing:					10px;
	margin:							0px 0px 0px 0px;
	padding:						0px 5px 0px 5px;
	font-size:						8pt;
	font-family:					tahoma;	
	text-align:						left;
}

table.rocco_dok { 			
	width:							98%;
	border:							1px solid #343434;
	border-top:						2px solid #000;
	background-color:				#F7F7F7;
	border-collapse:				collapse;
	font-size:						8pt;
	font-family:					tahoma;	
	text-align:						left;
	box-shadow: 					3px 3px 2px #aaaaaa;
}

table.rocco_dok td{
	padding:						0px 0px 0px 0px;
	margin:							0px 0px 0px 0px;
}

table.rocco_dok_prod { 			
	width:							1000px;
	background-color:				#efefef;
	border:							1px solid #DDDDDD;
	border-bottom-style:			none;
	border-top-style:				none;
	border-collapse:				collapse;
	border-spacing:					10px;
	margin:							0px 0px 0px 0px;
	padding:						0px 0px 0px 0px;
	font-size:						8pt;
	font-family:					tahoma;	
	text-align:						left;
	box-shadow: 					3px 3px 2px #aaaaaa;
}

table.rocco_foot {
	width:							100%;
	border:							1px dotted #FFFFFF;
	border-collapse:				collapse;
	border-spacing:					10px;
	margin:							0px 0px 0px 0px;
	padding:						0px 0px 0px 0px;
	font-size:						7pt;
	font-family:					tahoma;	
}

.pliki_explorer {
	width:							100%;
	background-color:				#fff;
	border:							0px solid #999;
	margin:							10px 0px 10px 0px;
}

.explorer {
	width:							100%; 
	height:							100%; 
	margin:							0px; 
	padding:						0px 5px 0px 5px;
	border:							0px;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.explorer_n {
	border-top:						1px solid #999;
	border-bottom:					1px solid #999;
	background: 					linear-gradient(#ccc, #ddd, #ddd);
	color:							#555;
	font-weight:					bold;
	height:							14px;
}

.explorer_w {
	border-bottom:					1px solid #999;
	background-color:				#eee;
	height:							20px;
	margin:							0px; 
	padding:						0px;
}

table.umowa_dok{
	width:							100%;
	background-color:				#FFFFFF;
	border:							0px solid #999;
	margin:0px;
	background-color:				#ccf;
}

table.umowa_dok td{
	border:							1px solid #999;
	height:							30px;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.select_u {
	width:							100%; 
	height:							100%;
	background-color:				#ccf;
}

.input_u {
	width:							100%; 
	height:							100%;
	padding-left:					5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	background-color:				#ccf;
}
.textarea_u {
	width:							100%; 

	padding-left:					5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	background-color:				#ccf;
}

.umowa_n {
	background-color:				#ddd;
}

.align_c {
	text-align: center;
}

.umowa_i {
	background-color:				#FFFFFF;
}

.odstep_u {
 width:040px;
 max-width: 40px;
 min-width: 40px;
 background-color:#F7F7F7;
 border-right: 1px solid #999;
 display: table-cell;
}


td.naglowek_filtr {
	border:							1px solid #FFFFFF;
	background-color:				#888888;
	border-collapse:				collapse;
	margin:							0px 0px 0px 0px;
	padding:						0px 2px 0px 30px;
	font-weight:					bold;
	font-size:						10pt;
	height:							25px;
	width:							870px;
	text-align:						left;
}

td.naglowek_dok1 {
	border:							0px solid #555555;
	background-color:				#888888;
	border-collapse:				collapse;
	margin:							0px 0px 0px 0px;
	padding:						0px 2px 0px 30px;
	font-weight:					bold;
	font-size:						10pt;
	height:							25px;
	width:							870px;
	text-align:						left;
}

td.naglowek_dok2 {
	border:							0px solid #FFFFFF;
	background-color:				#bbbbbb;
	border-collapse:				collapse;
	margin:							0px 0px 0px 0px;
	padding:						0px 2px 0px 30px;
	font-weight:					bold;
	font-size:						8pt;
	height:							25px;
	width:							870px;
	text-align:						left;
	border-top-left-radius:			4px 4px;
	border-top-right-radius: 		4px 4px;	
}

td.naglowek_dok3 {
	border:							0px solid #FFFFFF;
	background-color:				#cccccc;
	border-collapse:				collapse;
	margin:							0px 0px 0px 0px;
	padding:						0px 2px 0px 30px;
	font-weight:					bold;
	font-size:						8pt;
	height:							25px;
	width:							870px;
	text-align:						left;
	border-top-left-radius:			4px 4px;
	border-top-right-radius: 		4px 4px;	
}

td.naglowek1 {
	border:							1px solid #343434;
	background:						#343434;
	height:							25px;
	font-weight:					bold;
	font-size:						11pt;
	color:							#efefef;
}

td.naglowek2 {
	border:							1px solid #343434;
	background:						#676767;
	height:							25px;
	font-weight:					bold;
	font-size:						10pt;
	color:							#efefef;
}

td.naglowek3 {
	border:							1px solid #343434;
	background:						#898989;
	height:							25px;
	font-weight:					bold;
	font-size:						9pt;
	color:							#efefef;
}

td.naglowek_new {
	border:							1px solid #343434;
	background-color:				#ff9900;
	height:							25px;
	font-weight:					bold;
	font-size:						9pt;
}

td.naglowek_sep {
	border-top:						1px solid #666;
	border-bottom:					1px solid #666;
	background-color:				#cdcdcd;
	margin:							0px 0px 0px 0px;
	padding:						0px 0px 0px 10px;
	font-weight:					bold;
	font-size:						8pt;
	height:							16px;
	width:							100%;
	text-align:						left;
	color:							#555;
	box-shadow: 					0px 5px 3px -3px #aaaaaa;
}

td.label {
	height:							18px;
	margin:							0px;
	padding-left:					15px;
	border:							0px;
	text-align:						right;
	color:							#333333;

}

td.label_id {
	height:							20px;
	padding: 						0px 5px 0px 0px;
	text-align:						right;
	color:							#333333;	
}

td.kom_wa {
	background-color:				#DDDDDD;
	border:							1px solid #FFFFFF;
	padding: 						0px 0px 0px 7px;
	margin:							1px 1px 1px 1px;	
	text-align:						left;
	font-size:						9pt;
	color:							#000000;	
	height:							18px;
	font-family:					tahoma;	
}

td.kom_ew {
	background-color:				#ccccf5;
	border:							1px solid #FFFFFF;	
	height:							20px;
	padding: 						0px 0px 0px 3px;
	text-align:						left;
	font-size:						9pt;
	color:							#000000;
	font-family:					tahoma;
}

td.kolumna {
	font-weight:					bold;
}

td.kom_file {
	background-color:				#DDDDDD;
	border:							1px;
	border-bottom-style:			dotted;
	border-top-style:				none;
	border-left-style:				none;
	border-right-style:				none;	
	border-color: 					#FFFFFF;	
	height:							16px;
	padding: 						0px 0px 0px 5px;
	text-align:						left;
	font-size:						8pt;
	color:							#000000;
	font-family:					tahoma;	
	text-align:						left;
}

td.foot_wa {
	height:							15px;
	padding: 						0px 0px 0px 5px;
	font-size:						7pt;
	color:							#555555;
	font-family:					arial;		
}

td.belka {
	border:							0;
	background-color:				#CCCCCC;
	border-collapse:				collapse;
	border-spacing:					0mm;
	height:							20px;
	white-space:					nowrap;
}

td.lista1 {
	border:							0;
	background-color:				#DFDFDF;
	border-collapse:				collapse;
	border-spacing:					0mm;
	height:							20px;
	white-space:					nowrap;
}

td.lista2 {
	border:							0;
	background-color:				#CCCCCC;
	border-collapse:				collapse;
	border-spacing:					0mm;
	height:							20px;
	white-space:					nowrap;
}

input.input_ew {
	background-color:				#ccccf5;
	border:							0px solid #FFFFFF;
	padding: 						0px 0px 0px 5px;
	text-align:						left;
	font-size:						9pt;
	color:							#000000;	
	width:							calc(100% - 5px);
	height:							18px;
	font-family:					tahoma;	
}

input.file{
	background-color:				#ccccf5;
	border:							0px solid #FFFFFF;
	padding: 						0px 0px 0px 5px;
	text-align:						left;
	font-size:						7pt;
	color:							#000000;	
	width:							calc(100% - 5px);
	height:							18px;
	font-family:					tahoma;	
}

input.input_ewd {
	background-color:				#DDDDDD;
	border:							0px solid #FFFFFF;
	padding: 						0px 0px 0px 5px;
	text-align:						left;
	font-size:						9pt;
	color:							#000000;	
	width:							100%;
	height:							18px;
	font-family:					tahoma;	
}

input.input_ew_err {
	background-color:				#FF0000;
	border:							0px solid #FFFFFF;
	padding: 						0px 0px 0px 5px;
	text-align:						left;
	font-size:						9pt;
	color:							#000000;	
	width:							calc(100% - 5px);
	height:							18px;
	font-family:					tahoma;	
}

textarea.text_op {
	background-color:				#ccccf5;
	border:							0px solid #AAAAAA;
	padding: 						0px 0px 0px 5px;
	text-align:						left;
	font-size:						9pt;
	color:							#000000;	
	width:							calc(100% - 5px);
	height:							36px;
	min-height:						36px;
	max-height:						300px;
	font-family:					tahoma;
	word-wrap:						normal;
	resize:							vertical;
}

textarea.text_opd {
	background-color:				#DDDDDD;
	border:							0px solid #AAAAAA;
	padding: 						0px 0px 0px 5px;
	text-align:						left;
	font-size:						9pt;
	color:							#000000;	
	width:							calc(100% - 5px);
	height:							36px;
	min-height:						36px;
	max-height:						300px;
	font-family:					tahoma;
	word-wrap:						normal;
	resize:							vertical;
}

select.select_ew {
	background-color:				#ccccf5;
	border:							0px solid #FFFFFF;
	padding: 						0px 0px 0px 5px;
	text-align:						left;
	font-size:						9pt;
	color:							#000000;	
	width:							100%;
	height:							18px;
	font-family:					tahoma;
}

select.select_ewd {
	background-color:				#DDDDDD;
	border:							0px solid #AAAAAA;
	padding: 						0px 0px 0px 5px;
	text-align:						left;
	font-size:						9pt;
	color:							#000000;	
	width:							100%;
	height:							18px;
	font-family:					tahoma;
}

select.select_ew_err{
	background-color:				#FF0000;
	padding: 						0px 0px 0px 5px;
	text-align:						left;
	font-size:						9pt;
	color:							#000000;	
	width:							100%;
	height:							18px;
	font-family:					tahoma;
}

.button_roccoz {
	border:							1px solid #343434;
	background:						#343434;
	margin:							0px 10px 0px 10px;
	padding:						0px;
	font-size:						8pt;
	height:							20px;
	width:							50px;
	color: 							#fe6804;
#	border-top-left-radius:			4px 4px;	
#	border-top-right-radius: 		4px 4px;
#	border-bottom-left-radius:		4px 4px;	
#	border-bottom-right-radius: 	4px 4px;
	cursor: 						pointer;
}
.button_roccoz:hover { 
	border:							1px solid #343434;
	background:						#343434;
	margin:							0px 10px 0px 10px;
	padding:						0px;
	font-size:						8pt;
	height:							20px;
	width:							50px;
	color: 							#888888;
#	border-top-left-radius:			4px 4px;	
#	border-top-right-radius: 		4px 4px;
#	border-bottom-left-radius:		4px 4px;	
#	border-bottom-right-radius: 	4px 4px;
	cursor: 						pointer;
}

.button_roccox {
	border:							1px solid #006;
	background:						#FF5555;
	margin:							0px 10px 0px 10px;
	padding:						0px;
	font-size:						8pt;
	height:							18px;
	width:							15px;
#	border-top-left-radius:			4px 4px;	
#	border-top-right-radius: 		4px 4px;
#	border-bottom-left-radius:		4px 4px;	
#	border-bottom-right-radius: 	4px 4px;
	cursor: 						pointer;
}
.button_roccox:hover { 
	border:							1px solid #006;
	background:						#FF5555;
	margin:							0px 10px 0px 10px;
	padding:						0px;
	font-size:						8pt;
	height:							18px;
	width:							15px;
#	border-top-left-radius:			4px 4px;	
#	border-top-right-radius: 		4px 4px;
#	border-bottom-left-radius:		4px 4px;	
#	border-bottom-right-radius: 	4px 4px;
	cursor: 						pointer;
}

/* //////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////  MAG    //////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////// */

table.mag_table_dok {
	width:							100%;
	margin:							10px 0px 0px 0px;
	background-color:				#ffffff;
#    border-radius: 					6px;
	border-left:					1px solid #aaaaaa;
	border-right:					1px solid #aaaaaa;
	box-shadow: 					2px 3px 3px #aaaaaa;
}

td.mag_table_dok_n {
	background-color:				#eeeeee;
	font-weight:					bold;
#	border-top:						1px solid #efefef;
	border-right:					1px solid #aaaaaa;
	border-bottom:					1px solid #aaaaaa;
#	border-left:					1px solid #efefef;
	height:							20px;
	padding: 						0px 0px 0px 5px;
	font-size:						7pt;
	color:							#555555;
#    box-shadow: 					inset 0px 0px 8px 1px #dedede;
}

td.mag_table_dok_w {

	font-weight:					bold;

#	border-top:						1px solid #eeeeee;
	border-right:					1px solid #dddddd;
	border-bottom:					1px solid #bbbbbb;
#	border-left:					1px solid #eeeeee;
	height:							20px;
	padding: 						0px 5px 0px 5px;
	font-size:						7pt;
	color:							#555555;
}

table.mag_table_sys {
	width:							1100px;
	margin:							10px 0px 0px 0px;
	border:							1px solid grey;
	background-color:				#ffffff;
    box-shadow: 					3px 3px 3px 4px #aaaaaa;
}

td.mag_table_sys_n {
	background-color:				#eeeeee;
	font-weight:					bold;
	border:							1px solid grey;
	font-size:						7pt;
	color:							#555555;
#   box-shadow: 					inset 0px 0px 8px 1px #dedede;
}

td.mag_table_sys_w {
	font-weight:					normal;
	border:							1px solid grey;
	padding: 						0px 0px 0px 5px;
	font-size:						7pt;
	color:							#555555;
}

td.mag_table_dok_blank {
	border-top:						0px solid #555555;
	border-right:					0px solid #aaaaaa;
	border-bottom:					0px solid #aaaaaa;
	border-left:					0px solid #aaaaaa;
	height:							 8px;
	padding: 						0px 0px 0px 5px;
	font-size:						5pt;
	color:							#555555;
}

td.mag_table_button {
#	border-top:						0px solid #555555;
#	border-right:					0px solid #ccc;
#	border-bottom:					2px solid #ccc;
#	border-left:					0px solid #ccc;
	height:							 6px;
	padding: 						0px 0px 0px 5px;
	font-size:						5pt;
	color:							#555555;
#    box-shadow: 					inset 0px 0px 8px 1px #dedede;
}

table.mag_table_grp {
	width:							1050px;
	margin:							3px 0px 0px 0px;
	background-color:				#ffffff;
#   border-radius: 					6px;
	border-left:					1px solid #aaaaaa;
	border-right:					1px solid #aaaaaa;
	border-bottom:					1px solid #aaaaaa;
	box-shadow: 					2px 3px 3px #aaaaaa;
}

table.mag_table_aud {
	color: 							#888888;
	width:							600px;
	margin:							3px 0px 0px 0px;
	background-color:				#ffffff;
    border-collapse: 				separate;
    border-style: 					hidden;
}

td.mag_naglowek_dok {
	border:							1px solid #343434;
	color:							#ffc125;
	background-color:				#343434;

	margin:							0px 0px 0px 0px;
	padding:						0px 2px 0px 30px;
	font-weight:					bold;
	font-size:						10pt;
	height:							25px;
	width:							870px;
	text-align:						left;
#	border-top-left-radius:			4px 4px;
#	border-top-right-radius: 		4px 4px;	
}

td.mag_naglowek_grp {
	border:							1px solid #343434;
	color:							#ffc125;
	background-color:				#343434;

	margin:							0px 0px 0px 0px;
	padding:						0px 2px 0px 30px;
	font-weight:					bold;
	font-size:						9pt;
	height:							20px;
	width:							870px;
	text-align:						left;
#	border-top-left-radius:			4px 4px;
#	border-top-right-radius: 		4px 4px;	
}

input.mag_input_ew {
	border:							0px solid #ff0000;
	padding: 						0px 0px 0px 0px;
	text-align:						left;
	font-size:						8pt;
	color:							#000000;	
	width:							100%;
	height:							20px;
	font-family:					tahoma;	

}

input.mag_input_filtr {
	border:							1px solid #ffaaaa;
	padding: 						0px 0px 0px 0px;
	text-align:						left;
	font-size:						8pt;
	color:							#000000;	
	width:							100%;
	height:							25px;
	font-family:					tahoma;	
}

select.mag_select_ew {
	border:							0px solid #FFFFFF;
	padding: 						0px 0px 0px 0px;
	text-align:						left;
	font-size:						8pt;
	color:							#000000;	
	width:							100%;
	height:							25px;
	font-family:					tahoma;

	margin:							0px 0px 0px 0px;
	padding: 						0px 0px 0px 0px;
}

input:disabled {
    color:							#666;
	background: 					#fff;
}

.button_mag_f {
	border:							1px solid #ffc125;
	background:						#dddddd;
	margin:							5px 0px 5px 0px;
	padding:						0px;
	font-size:						7pt;
	height:							20px;
	width:							100%;
	font-weight:					bold;
	color: 							#343434;
	cursor: 						pointer;
#   box-shadow: 					inset 0px 0px 8px 1px #dedede;
}
.button_mag_f:hover { 
	border:							1px solid #fe6804;
	background:						#ffb888;
	margin:							0px;
	padding:						0px;
	font-size:						7pt;
	height:							16px;
	width:							100%;
	font-weight:					bold;
	color: 							#343434;
	cursor: 						pointer;
#    box-shadow: 					inset 0px 0px 8px 1px #dedede;
}

#INFO {
	border:							1px solid #ff0000;
	padding:						5px 5px  5px 5px;
  z-index: 1000;
  position: fixed;   
	top: 							0;
	left: 							0;
	width: 							280px;
	background-color: 				white;	
}

#INFO_error {
	border:							1px solid #black;
	padding:						5px 5px  5px 5px;
	z-index: 						1000;
	position: 						fixed;   
	top: 							0;
	left: 							0;
	width: 							280px;
	background-color: 				red;
	color:							white;
}

/* /////////////////////////////////////////////////////////////////////////////// */

.xtable {display: table;}

.xrow {display:table-row; width: calc(100%);}

.xcell {display:table-cell;}

.opu { 
 border: 0px solid #f00;
 padding: 2px;
 font-size: 10pt;
 height: 20px;
 color: #343434;
}

.sep { 
 border: 0px solid #f00;
 background: #222;
 margin: 0px;
 padding: 3px;
 font-size: 10pt;
 height: 22px;
 width: calc(100%);
 font-weight: bold;
 color: #fff;
}

.opuin {
 border-bottom: 1px solid #dadada;
 width: calc(100%);
 cursor: pointer;
 height: 20px;
 font-size: 10pt;
 }

.opuin:hover {
 border-bottom: 1px solid #dadada;
 width: calc(100%);
 cursor: pointer;
 height: 20px;
 font-size: 10pt;
 background-image: linear-gradient(to bottom, #fff, #dadada);
 }
 
.ac {text-align:center;}
.al {text-align:left;}
.ar {text-align:right;}

.fr {float:right;}

.vat {vertical-align:top;}
.vam {vertical-align:middle;}
.vab {vertical-align:bottom;}

.bt {border-bottom: 1px solid #dadada;}
.br {border-bottom: 1px solid #dadada;}
.bb {border-bottom: 1px solid #dadada;}
.bl {border-bottom: 1px solid #dadada;}
.border {border: 1px solid #dadada;}

.bold {font-weight: bold;}

.cl000 {color: #000;}
.cl888 {color: #888;}
.clfff {color: #fff;}

.bg555 {background: #555;}
.bgddd {background: #ddd;}
.bgfff {background: #fff;}

.mt20 {margin: 20px 0px 0px 0px;}
.mb20 {margin: 0px 0px 20px 0px;}
.mtb20 {margin: 20px 0px 20px 0px;}

.pt5 {padding: 5px 0px 0px 0px;}
.pr5 {padding: 0px 5px 0px 0px;}
.pb5 {padding: 0px 0px 5px 0px;}
.pl5 {padding: 0px 0px 0px 5px;}

.h12 {height:12px;}
.h14 {height:14px;}
.h16 {height:16px;}
.h18 {height:18px;}
.h20 {height:20px;}

.upload {
 width: 200px;
 height: 100%;
 background: #fff;
 overflow: hidden;
}
.upload input {
 display: block !important;
 width: 200px !important;
 height: 100% !important;
 opacity: 100 !important;
 overflow: hidden !important;
}

.gt:hover {background-image: linear-gradient(to top, #fff, #fff, #fff, #dadada);}

.gr:hover {background-image: linear-gradient(to right, #fff, #fff, #fff, #dadada);}

.gb:hover {background-image: linear-gradient(to bottom, #fff, #fff, #fff, #dadada);}

.gl:hover { background-image: linear-gradient(to left, #fff, #fff, #fff, #dadada);}

.glr:hover {background-image: linear-gradient(to left, #dadada, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #dadada);}

.max   {	width:100%;		min-width:  100%; }
.w0010 {	width:0006px;	min-width:0006px; }
.w0015 {	width:0011px;	min-width:0011px; }
.w0020 {	width:0016px;	min-width:0016px; }
.w0025 {	width:0021px;	min-width:0021px; }
.w0030 {	width:0026px;	min-width:0026px; }
.w0035 {	width:0031px;	min-width:0031px; }
.w0040 {	width:0036px;	min-width:0036px; }
.w0045 {	width:0041px;	min-width:0041px; }
.w0050 {	width:0046px;	min-width:0046px; }
.w0055 {	width:0051px;	min-width:0051px; }
.w0060 {	width:0056px;	min-width:0056px; }
.w0065 {	width:0061px;	min-width:0061px; }
.w0070 {	width:0066px;	min-width:0066px; }
.w0075 {	width:0071px;	min-width:0071px; }
.w0080 {	width:0076px;	min-width:0076px; }
.w0085 {	width:0081px;	min-width:0081px; }
.w0090 {	width:0086px;	min-width:0086px; }
.w0095 {	width:0091px;	min-width:0091px; }
.w0100 {	width:0096px;	min-width:0096px; }
.w0110 {	width:0106px;	min-width:0106px; }
.w0120 {	width:0116px;	min-width:0116px; }
.w0130 {	width:0126px;	min-width:0126px; }
.w0140 {	width:0136px;	min-width:0136px; }
.w0150 {	width:0146px;	min-width:0146px; }
.w0160 {	width:0156px;	min-width:0156px; }
.w0170 {	width:0166px;	min-width:0166px; }
.w0180 {	width:0176px;	min-width:0176px; }
.w0190 {	width:0186px;	min-width:0186px; }
.w0200 {	width:0196px;	min-width:0196px; }
.w0210 {	width:0206px;	min-width:0206px; }
.w0220 {	width:0216px;	min-width:0216px; }
.w0230 {	width:0226px;	min-width:0226px; }
.w0240 {	width:0236px;	min-width:0236px; }
.w0250 {	width:0246px;	min-width:0246px; }
.w0260 {	width:0256px;	min-width:0256px; }
.w0270 {	width:0266px;	min-width:0266px; }
.w0280 {	width:0276px;	min-width:0276px; }
.w0290 {	width:0286px;	min-width:0286px; }
.w0300 {	width:0296px;	min-width:0296px; }
.w0310 {	width:0306px;	min-width:0306px; }
.w0320 {	width:0316px;	min-width:0316px; }
.w0330 {	width:0326px;	min-width:0326px; }
.w0340 {	width:0336px;	min-width:0336px; }
.w0350 {	width:0346px;	min-width:0346px; }
.w0360 {	width:0356px;	min-width:0356px; }
.w0370 {	width:0366px;	min-width:0366px; }
.w0380 {	width:0376px;	min-width:0376px; }
.w0390 {	width:0386px;	min-width:0386px; }
.w0400 {	width:0396px;	min-width:0396px; }
.w0410 {	width:0406px;	min-width:0406px; }
.w0420 {	width:0416px;	min-width:0416px; }
.w0430 {	width:0426px;	min-width:0426px; }
.w0440 {	width:0436px;	min-width:0436px; }
.w0450 {	width:0446px;	min-width:0446px; }
.w0460 {	width:0456px;	min-width:0456px; }
.w0470 {	width:0466px;	min-width:0466px; }
.w0480 {	width:0476px;	min-width:0476px; }
.w0490 {	width:0486px;	min-width:0486px; }
.w0500 {	width:0496px;	min-width:0496px; }
.w0510 {	width:0506px;	min-width:0506px; }
.w0520 {	width:0516px;	min-width:0516px; }
.w0530 {	width:0526px;	min-width:0526px; }
.w0540 {	width:0536px;	min-width:0536px; }
.w0550 {	width:0546px;	min-width:0546px; }
.w0560 {	width:0556px;	min-width:0556px; }
.w0570 {	width:0566px;	min-width:0566px; }
.w0580 {	width:0576px;	min-width:0576px; }
.w0590 {	width:0586px;	min-width:0586px; }
.w0600 {	width:0596px;	min-width:0596px; }
.w0610 {	width:0606px;	min-width:0606px; }
.w0620 {	width:0616px;	min-width:0616px; }
.w0630 {	width:0626px;	min-width:0626px; }
.w0640 {	width:0636px;	min-width:0636px; }
.w0650 {	width:0646px;	min-width:0646px; }
.w0660 {	width:0656px;	min-width:0656px; }
.w0670 {	width:0666px;	min-width:0666px; }
.w0680 {	width:0676px;	min-width:0676px; }
.w0690 {	width:0686px;	min-width:0686px; }
.w0700 {	width:0696px;	min-width:0696px; }
.w0710 {	width:0706px;	min-width:0706px; }
.w0720 {	width:0716px;	min-width:0716px; }
.w0730 {	width:0726px;	min-width:0726px; }
.w0740 {	width:0736px;	min-width:0736px; }
.w0750 {	width:0746px;	min-width:0746px; }
.w0760 {	width:0756px;	min-width:0756px; }
.w0770 {	width:0766px;	min-width:0766px; }
.w0780 {	width:0776px;	min-width:0776px; }
.w0790 {	width:0786px;	min-width:0786px; }
.w0800 {	width:0796px;	min-width:0796px; }
.w0810 {	width:0806px;	min-width:0806px; }
.w0820 {	width:0816px;	min-width:0816px; }
.w0830 {	width:0826px;	min-width:0826px; }
.w0840 {	width:0836px;	min-width:0836px; }
.w0850 {	width:0846px;	min-width:0846px; }
.w0860 {	width:0856px;	min-width:0856px; }
.w0870 {	width:0866px;	min-width:0866px; }
.w0880 {	width:0876px;	min-width:0876px; }
.w0890 {	width:0886px;	min-width:0886px; }
.w0900 {	width:0896px;	min-width:0896px; }
.w0910 {	width:0906px;	min-width:0906px; }
.w0920 {	width:0916px;	min-width:0916px; }
.w0930 {	width:0926px;	min-width:0926px; }
.w0940 {	width:0936px;	min-width:0936px; }
.w0950 {	width:0946px;	min-width:0946px; }
.w0960 {	width:0956px;	min-width:0956px; }
.w0970 {	width:0966px;	min-width:0966px; }
.w0980 {	width:0976px;	min-width:0976px; }
.w0990 {	width:0986px;	min-width:0986px; }
.w1000 {	width:0996px;	min-width:0996px; }
.w1010 {	width:1006px;	min-width:1006px; }
.w1020 {	width:1016px;	min-width:1016px; }
.w1030 {	width:1026px;	min-width:1026px; }
.w1040 {	width:1036px;	min-width:1036px; }
.w1050 {	width:1046px;	min-width:1046px; }
.w1060 {	width:1056px;	min-width:1056px; }
.w1070 {	width:1066px;	min-width:1066px; }
.w1080 {	width:1076px;	min-width:1076px; }
.w1090 {	width:1086px;	min-width:1086px; }
.w1100 {	width:1096px;	min-width:1096px; }
.w1110 {	width:1106px;	min-width:1106px; }
.w1120 {	width:1116px;	min-width:1116px; }
.w1130 {	width:1126px;	min-width:1126px; }
.w1140 {	width:1136px;	min-width:1136px; }
.w1150 {	width:1146px;	min-width:1146px; }
.w1160 {	width:1156px;	min-width:1156px; }
.w1170 {	width:1166px;	min-width:1166px; }
.w1180 {	width:1176px;	min-width:1176px; }
.w1190 {	width:1186px;	min-width:1186px; }
.w1200 {	width:1196px;	min-width:1196px; }
/* stała szerokość rozciągana */
.m0010 {					min-width:0006px; }
.m0015 {					min-width:0011px; }
.m0020 {					min-width:0016px; }
.m0025 {					min-width:0021px; }
.m0030 {					min-width:0026px; }
.m0035 {					min-width:0031px; }
.m0040 {					min-width:0036px; }
.m0045 {					min-width:0041px; }
.m0050 {					min-width:0046px; }
.m0055 {					min-width:0051px; }
.m0060 {					min-width:0056px; }
.m0065 {					min-width:0061px; }
.m0070 {					min-width:0066px; }
.m0075 {					min-width:0071px; }
.m0080 {					min-width:0076px; }
.m0085 {					min-width:0081px; }
.m0090 {					min-width:0086px; }
.m0095 {					min-width:0091px; }
.m0100 {					min-width:0096px; }
.m0110 {					min-width:0106px; }
.m0120 {					min-width:0116px; }
.m0130 {					min-width:0126px; }
.m0140 {					min-width:0136px; }
.m0150 {					min-width:0146px; }
.m0160 {					min-width:0156px; }
.m0170 {					min-width:0166px; }
.m0180 {					min-width:0176px; }
.m0190 {					min-width:0186px; }
.m0200 {					min-width:0196px; }
.m0210 {					min-width:0206px; }
.m0220 {					min-width:0216px; }
.m0230 {					min-width:0226px; }
.m0240 {					min-width:0236px; }
.m0250 {					min-width:0246px; }
.m0260 {					min-width:0256px; }
.m0270 {					min-width:0266px; }
.m0280 {					min-width:0276px; }
.m0290 {					min-width:0286px; }
.m0300 {					min-width:0296px; }
.m0310 {					min-width:0306px; }
.m0320 {					min-width:0316px; }
.m0330 {					min-width:0326px; }
.m0340 {					min-width:0336px; }
.m0350 {					min-width:0346px; }
.m0360 {					min-width:0356px; }
.m0370 {					min-width:0366px; }
.m0380 {					min-width:0376px; }
.m0390 {					min-width:0386px; }
.m0400 {					min-width:0396px; }
.m0410 {					min-width:0406px; }
.m0420 {					min-width:0416px; }
.m0430 {					min-width:0426px; }
.m0440 {					min-width:0436px; }
.m0450 {					min-width:0446px; }
.m0460 {					min-width:0456px; }
.m0470 {					min-width:0466px; }
.m0480 {					min-width:0476px; }
.m0490 {					min-width:0486px; }
.m0500 {					min-width:0496px; }
.m0510 {					min-width:0506px; }
.m0520 {					min-width:0516px; }
.m0530 {					min-width:0526px; }
.m0540 {					min-width:0536px; }
.m0550 {					min-width:0546px; }
.m0560 {					min-width:0556px; }
.m0570 {					min-width:0566px; }
.m0580 {					min-width:0576px; }
.m0590 {					min-width:0586px; }
.m0600 {					min-width:0596px; }
.m0610 {					min-width:0606px; }
.m0620 {					min-width:0616px; }
.m0630 {					min-width:0626px; }
.m0640 {					min-width:0636px; }
.m0650 {					min-width:0646px; }
.m0660 {					min-width:0656px; }
.m0670 {					min-width:0666px; }
.m0680 {					min-width:0676px; }
.m0690 {					min-width:0686px; }
.m0700 {					min-width:0696px; }
.m0710 {					min-width:0706px; }
.m0720 {					min-width:0716px; }
.m0730 {					min-width:0726px; }
.m0740 {					min-width:0736px; }
.m0750 {					min-width:0746px; }
.m0760 {					min-width:0756px; }
.m0770 {					min-width:0766px; }
.m0780 {					min-width:0776px; }
.m0790 {					min-width:0786px; }
.m0800 {					min-width:0796px; }
.m0810 {					min-width:0806px; }
.m0820 {					min-width:0816px; }
.m0830 {					min-width:0826px; }
.m0840 {					min-width:0836px; }
.m0850 {					min-width:0846px; }
.m0860 {					min-width:0856px; }
.m0870 {					min-width:0866px; }
.m0880 {					min-width:0876px; }
.m0890 {					min-width:0886px; }
.m0900 {					min-width:0896px; }
.m0910 {					min-width:0906px; }
.m0920 {					min-width:0916px; }
.m0930 {					min-width:0926px; }
.m0940 {					min-width:0936px; }
.m0950 {					min-width:0946px; }
.m0960 {					min-width:0956px; }
.m0970 {					min-width:0966px; }
.m0980 {					min-width:0976px; }
.m0990 {					min-width:0986px; }
.m1000 {					min-width:0996px; }
.m1010 {					min-width:1006px; }
.m1020 {					min-width:1016px; }
.m1030 {					min-width:1026px; }
.m1040 {					min-width:1036px; }
.m1050 {					min-width:1046px; }
.m1060 {					min-width:1056px; }
.m1070 {					min-width:1066px; }
.m1080 {					min-width:1076px; }
.m1090 {					min-width:1086px; }
.m1100 {					min-width:1096px; }
.m1110 {					min-width:1106px; }
.m1120 {					min-width:1116px; }
.m1130 {					min-width:1126px; }
.m1140 {					min-width:1136px; }
.m1150 {					min-width:1146px; }
.m1160 {					min-width:1156px; }
.m1170 {					min-width:1166px; }
.m1180 {					min-width:1176px; }
.m1190 {					min-width:1186px; }
.m1200 {					min-width:1196px; }

.h0010 {					min-height:0008px; }
.h0015 {					min-height:0013px; }
.h0020 {					min-height:0018px; }
.h0025 {					min-height:0023px; }
.h0030 {					min-height:0028px; }

/* //////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////  ROCCO  //////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////// */