@import url("reset.css");
@import url("form.css");
@import url("data.css");

/* ---------------------------------------------------- */
/*		Basic Elements
/* ---------------------------------------------------- */

html {
  height: 100%;
  overflow-y: scroll;
}

body {
	height: 100%;
	color: #525252;
	font:11px/18px Verdana, Geneva, sans-serif;
}

a {
	color: #d24c22;
	text-decoration: none;
}

	a:hover {
		color: #37556F;
		text-decoration: underline;
	}
	
li {margin-left:30px;}	

ul, ol {padding:0 30px;	margin-bottom:15px;}

ol li,
ul ol li {list-style-type: decimal;}
ul li {list-style-type: disc;}
ul ul li {list-style-type: circle;}
ul ul ul li {list-style-type: square;}
ol ol li {list-style-type: lower-alpha;}
ol ol ol li {list-style-type: lower-roman;}

li ul, li ol {
  padding-right: 0;
  padding-left: 0;
}

td {
	vertical-align:middle;
}

/* ---------------------------------------------------- */
/*		Generic Classes
/* ---------------------------------------------------- */


.left {	float: left; }

.right { float: right; }

.txtCenter { text-align: center; }

.txtLeft { text-align: left; }

.txtRight { text-align: right; }


/* ---------------------------------------------------- */
/*		Box
/* ---------------------------------------------------- */


#container2 {
	clear:left;
	float:left;
	width:100%;
	background:#fff; /* column 2 background colour */
}

#container1 {
	float:left;
	width:100%;
	position:relative;
	right:78%; 
	background:#f9f8f3 url(/images/bg_menu.gif) repeat-y right; /* column 1 background colour */
}

#col1 {
	float:left;
	width:18%;
	position:relative;
	left:80%;
	overflow:hidden;
}

#col2 {
	float:left;
	width:74%;
	position:relative;
	left:84%;
	overflow:hidden;
}

/* ---------------------------------------------------- */
/*		Menu
/* ---------------------------------------------------- */

#wazne {
	margin:10px 0;
}

#wazne ul, #wazne li {
	margin:0;
	padding:0;
	list-style-type:none;
}

#wazne ul li a {
	display:block;
	padding:3px;
	color:#FF1A00;
	text-decoration:none;
	text-shadow: 1px 1px 1px #f1f1f1;
	font: Verdana, Geneva, sans-serif;
}

#wazne ul li a:hover {
	color:#525252;
	background-color:#f2ecea;
}

#wazne ul li img {
	vertical-align:middle;
	padding:0 3px 5px 0;
}

#serwis {
	margin:10px 0;
}

#serwis ul, #serwis li {
	margin:0;
	padding:0;
	list-style-type:none;
}

#serwis ul li a {
	display:block;
	padding:3px;
	color:#FF1A00;
	text-decoration:none;
	text-shadow: 1px 1px 1px #f1f1f1;
	font: Verdana, Geneva, sans-serif;
}

#serwis ul li a:hover {
	color:#525252;
	background-color:#f2ecea;
}

#menu {
	display:block;
}

#menu ul, #menu li {
	margin:0;
	padding:0;
	list-style-type:none;
}

#menu ul li a {
	display:block;
	padding:5px;
	color:#FF1A00;
	text-decoration:none;
	text-shadow: 1px 1px 1px #f1f1f1;
	line-height:1.4em;
	font-family: "Arial Black", Verdana, Geneva, sans-serif;
}

#menu ul li ul li a {
	color:#333;
	font-family:Verdana, Geneva, sans-serif;
	border-bottom:1px solid #eceade;
	border-top:1px solid #fff;

}

#menu ul li ul li a:hover {
	background-color:#f2ecea;
}

/* ---------------------------------------------------- */
/*		Wyszukiwarka
/* ---------------------------------------------------- */


#wyszukiwarka {
	margin-bottom:10px;
}

#wyszukiwarka p {
	padding-bottom:0;
}

 .open{
	 font-size:10px;
	 margin-bottom:6px;
}


/* ---------------------------------------------------- */
/*		Top Header Bar
/* ---------------------------------------------------- */

#header_bar {
	padding:20px 0;
	border-bottom:1px solid #ffeeee;
}

	#header_left {
		font-family: "Arial Black", Verdana, Geneva, sans-serif;
	}
	
		#header_left img {
			float:left;
			padding-right:5px;				
		}
	
		.bip {
			color:#FF1A00;
			font-size:12px;
			line-height:16px;
		}
		
		.nazwa_bip {
			font-size:18px;
			line-height:24px;
		}
		
		.www {
			color:#356AA0;
			font-size:12px;
			line-height:18px;
			font-weight:bold;
			font-family:Arial, Helvetica, sans-serif;
		}

#news {
	position:absolute;
	top:12px;
	z-index:10;
	right:2%;
}

#news li {
	margin-left:0;
	padding:3px 0;
	border-top:1px solid #FFF;
	border-bottom:1px solid #eceade;
}

#news_disp {
	float:right;
	width:350px;
	background:#f9f8f3;
	-webkit-border-radius: 4px;
  	-moz-border-radius: 4px;
  	border-radius: 4px;
  	-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
  	-moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
  	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
}

	
a.button, input.button {
  font-size: 1em !important;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-weight: bold;
  padding: .4em 1.25em;
  color: #4c4c4c;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
  background: #f6f6f6;
  background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#d4d4d4));
  background: -webkit-linear-gradient(#f6f6f6, #d4d4d4);
  background-image: -moz-linear-gradient(top, #f6f6f6, #d4d4d4);
  background-image: -moz-gradient(top, #f6f6f6, #d4d4d4);
  border: 1px solid #a1a1a1;
}
a.button:hover, input.button:hover {
  background: #f6f6f6;
  background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#ececec));
  background: -webkit-linear-gradient(#f6f6f6, #ececec);
  background-image: -moz-linear-gradient(top, #f6f6f6, #ececec);
  background-image: -moz-gradient(top, #f6f6f6, #ececec);
}
a.button:active, input.button:active {
  top: 1px;
  background: #ececec;
  background: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#f6f6f6));
  background: -webkit-linear-gradient(#ececec, #f6f6f6);
  background-image: -moz-linear-gradient(top, #ececec, #f6f6f6);
  background-image: -moz-gradient(top, #ececec, #f6f6f6);
  -webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.4), 0 1px 0 0 #ffffff;
  -moz-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.4), 0 1px 0 0 #ffffff;
  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.4), 0 1px 0 0 #ffffff;
}

a.button.red, input.button.red {
  background: #e84545;
  background: -webkit-gradient(linear, left top, left bottom, from(#e84545), to(#c62323));
  background: -webkit-linear-gradient(#e84545, #c62323);
  background-image: -moz-linear-gradient(top, #e84545, #c62323);
  background-image: -moz-gradient(top, #e84545, #c62323);
  color: #ffefef;
  border: 1px solid #930000;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
a.button.red:hover, input.button.red:hover {
  background: #e84545;
  background: -webkit-gradient(linear, left top, left bottom, from(#e84545), to(#de3b3b));
  background: -webkit-linear-gradient(#e84545, #de3b3b);
  background-image: -moz-linear-gradient(top, #e84545, #de3b3b);
  background-image: -moz-gradient(top, #e84545, #de3b3b);
}
a.button.red:active {
  background: #de3b3b;
  background: -webkit-gradient(linear, left top, left bottom, from(#de3b3b), to(#e84545));
  background: -webkit-linear-gradient(#de3b3b, #e84545);
  background-image: -moz-linear-gradient(top, #de3b3b, #e84545);
  background-image: -moz-gradient(top, #de3b3b, #e84545);
}				
	
/* ---------------------------------------------------- */
/*		Logo Bar
/* ---------------------------------------------------- */

#logo_bar {
	margin:20px 0;
}
		
 
/* ---------------------------------------------------- */
/*		BOI Bar
/* ---------------------------------------------------- */

#boi_bar {
	min-width:700px;
	height:40px;
	background:url(/images/bg_eboi_bar-center.gif);
}

	.item {
		height:40px;
		float:left;
		line-height:40px;
		padding:0 20px 0 10px;
		background:url(/images/bg_eboi_bar-separator.gif) no-repeat right;
	}
	
	.boi {
		color:#FF1A00;
		font-family: "Arial Black", Verdana, Geneva, sans-serif;
	}

#boi_bar_left {
	float:left;
	width:6px;
	height:40px;
	background:url(/images/bg_eboi_bar-left.gif);
}

#boi_bar_right {
	float:right;
	width:6px;
	height:40px;
	background:url(/images/bg_eboi_bar-right.gif);
}	

/* ---------------------------------------------------- */
/*		Dokument Head
/* ---------------------------------------------------- */

.druk {
	text-align:right;
}

#info {
	width:325px;
	height:55px;
	text-align:center;
	margin:20px 0;
	display:none;
}

	.succes {
		background-image:url(/images/succes.gif);
	}

#dok_head {
	margin:20px 0;
}

	#dok_head img {
		padding:10px 5px 5px 5px;
	}
	
	#dok_head h6 {
		padding:8px;
		font-size:16px;
		line-height:22px;
		background-color:#fff6f6;
		border-top:2px solid #f5f5f5;
		border-left:2px solid #f5f5f5;
		border-right:1px solid #ffeeee;
		border-bottom:1px solid #ffeeee;
	}

#path {
	color:#BBB;
	padding:4px 8px 3px 8px;
	margin-bottom:10px;
	font-size:11px;
	background-color:#f6fafb;
	border-top:2px solid #f5f5f5;
	border-left:2px solid #f5f5f5;
	border-right:1px solid #e6f1f5;
	border-bottom:1px solid #e6f1f5;
}

	#path a {
		color:#999;
	}

/* ---------------------------------------------------- */
/*		Lista Dokumentow
/* ---------------------------------------------------- */

#lista {
	margin:0;
}

#lista table {
	width:100%;
}
.th_head {
	padding:8px;
	font-size:11px;
	text-align:center;
	background-color:#f7f7f7;
	border:1px solid #e0e0e0;
}

.odd {
	background-color:#f6fafb;
	border-top:1px solid #f5f5f5;
	border-bottom:1px solid #e6f1f5;
}

.lista {
	padding:4px;
	border:1px solid #e0e0e0;

}

.num {
	width:20px;
	font-size:12px;
	text-align:center;
	background-color:#f7f7f7;
	font-family: "Arial Black", Verdana, Geneva, sans-serif;
}

.image {
	width:20px;
	text-align:center;
}

.data {
	width:150px;
	text-align:center;
}

	.data span {
		font-size:9px;
		color:#777;
	}

.termin {
	width:180px;
	text-align:center;
}

.nazwa {}

.zmiana {
	width:150px;
	text-align:center;
}

.order {
	width:30px;
	text-align:center;
}

.actions {
	width:80px;
	text-align:center;
}

.disabled {
	color:#999;
}

/* ---------------------------------------------------- */
/*		Dokument
/* ---------------------------------------------------- */

.admin {
	padding:10px;
	background-color:#f9f9f9;
	border-top:2px solid #f5f5f5;
	border-left:2px solid #f5f5f5;
	border-right:1px solid #e6f1f5;
	border-bottom:1px solid #e6f1f5;
}

.border_bottom {
	margin-bottom:18px;
	border-bottom:1px solid #d8dcdf;
}

#tresc {
	margin:10px 0;
	font-size:12px;
}

#tresc p {
	padding-bottom:12px;
}

#tresc h1, #tresc h2, #tresc h3, #tresc h4, #tresc h5, #tresc h6 {
	padding-bottom:24px;
	font-family: Verdana, Arial, sans serif;
}

#tresc h1 {
	font-size:36px;
	line-height:36px;
}

#tresc h2 {
	font-size:24px;
	line-height:24px;	
}

#tresc h3 {
	font-size:18px;
	line-height:18px;	
}

#tresc h4 {
	font-size:16px;
	line-height:16px;
}

#tresc h5 {
	font-size:14px;
	line-height:14px;	
}

#tresc h6 {
	font-size:12px;
	line-height:12px;	
}

#tresc table {
	border:1px solid #dadada;	
}

#tresc td {
	padding:5px;
	border:1px solid #dadada;	
}

#tresc th {
	padding:5px;
	border:1px solid #dadada;	
}

#zalaczniki {
	margin:20px 0;
}

	#zalaczniki h6 {
		color:#356AA0;
		font-family: "Arial Black", Verdana, Geneva, sans-serif;
	}
	
	.pobrano {
		width:100px;
	}

#rejestr {
	margin:0;
	padding:20px 0;
	border-top:1px solid #ffeeee;
}

	#rejestr h6 {
		color:#356AA0;
		font-family: "Arial Black", Verdana, Geneva, sans-serif;
	}

	#rejestr table {
		width:550px;
	}
	
	.osoba {
		width:140px;
		font-size:11px;
		text-align: left;
		background-color:#f5f5f5;
		font-family: "Arial Black", Verdana, Geneva, sans-serif;
	}

/* ---------------------------------------------------- */
/*		Tabele zestawien
/* ---------------------------------------------------- */

.zakres {
	margin:20px 0;
}

.zestawienie_head {
	font-size:13px;
	line-height:23px;
	background-color:#efefef;
}

.zestawienie {
	font-size:12px;
	line-height:22px;
}

.yellow {
	font-weight:bold;
	font-size:14px;
	background-color:#ffffca;
}

/* ---------------------------------------------------- */
/*		Pagination
/* ---------------------------------------------------- */

#pager {
	font-size:12px;
	margin:20px 0;
	background-color:#f5f5f5;
	font-family:"Arial Black", Gadget, sans-serif;
}

	#pager a {
		line-height:30px;
		padding:0 10px;
	}

	#pager img {
		vertical-align: text-bottom;
	}

	#pager span {
		color:#FF1A00;
		padding:0 10px;
	}


/* ---------------------------------------------------- */
/*		Messages
/* ---------------------------------------------------- */

blockquote {
	margin:40px;
	padding:20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

	.icon {
		float:left;
		padding: 0 10px 10px 0;
	}

	.info {
		background-color:#c9deff;
		border:1px solid #6b91cc;
	}

/* ---------------------------------------------------- */
/*		Footer
/* ---------------------------------------------------- */


#container4 {
	clear:left;
	float:left;
	width:100%;
	background:#fff; /* column 2 background colour */
}

#container3 {
	float:left;
	width:100%;
	position:relative;
	right:78%;
	background:#f9f8f3 url(/images/bg_menu.gif) repeat-y right; /* column 1 background colour */
}

#col3 {
	float:left;
	width:18%;
	position:relative;
	left:80%;
	overflow:hidden;
}

#col4 {
	float:left;
	width:74%;
	position:relative;
	left:84%;
	overflow:hidden;
	border-top:1px solid #dad8cb;
}

#alfa {
	font-size:10px;
	margin:20px 0;
	line-height:14px;
}

	#alfa img {
		padding-right:3px;
	}
	
	#alfa a {
		color:#777;
	}
	
.footer_item {
	color:#777;
	font-size:10px;
	margin:20px 10px;
}

/* ---------------------------------------------------- */
/*		Login form
/* ---------------------------------------------------- */

#horizon {
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
}
 
#content {
	margin-left: -225px;
	position: absolute;
	top: -110px;
	left: 50%;
	width: 450px;
	height: 220px;
	visibility: visible
}