#poczatek {
	width: 1220px;
	margin: 0 auto;
}

#account_val {
	position: absolute; 
	top: 30px; 
	right: 0; 
	width: 300px; 
	height: 50px;
	padding-top: 10px; 
	border: 1px solid gray;
	text-align: center;
	line-height: 22px;	
	font-size: 11pt; 
	font-weight: bold;
}

#mikolaj {
	position: absolute; 
	top: -2px; 
	left: 100px; 
	width: 102px; 
	height: 100px;
}

#account_val a {color: blue; font-size: 9pt; font-weight: normal;}

#hfonas {
  width: 1220px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 8px;
	z-index: 4;
	position: relative;
	text-align: right;
	color: #000080;
}

#hfonas table.top_header {
  width: 100%;
  margin-bottom: 12px;
}

#hfonas table.top_header td {
  text-align: left;
  color: black;
  vertical-align: top;
}

#hfonas table.top_header td.title {
  padding-left: 18px;
  color: black;
  font: bold 16pt tahoma, arial, sans-serif;
}

#hfonas table.top_header td.logout {
  text-align: right;
}

#hfonas table.top_header td.logout a {
  padding: 2px;
}

#hfonas table.top_header td input {
  vertical-align: text-bottom;
}

#hftopline {
  width: 1200px;
  height: 58px;
	padding: 12px 0 0 20px;

	z-index: 4;
	margin: 0 auto;
	position: relative;
    background: #61bff3; 
    border-radius: 15px 15px 0px 0px;
	text-align: left;
}

#hftopline a {
  color: white;
  text-decoration: none;
}

#hftopline a:hover {
  text-decoration: underline;
}

#hftopline table {
  color: white;
  font: bold 12pt tahoma, arial, sans-serif;
}

#hftopline table td {
  padding: 4px 20px;
}

#hftopline table td.top_line {
	border-top: 2px solid white;
}

#hftopline table td.selected {
	background-color: #0074c5;
}

#hftopline div.menu_title {
  float: left;
  color: white;
  font: bold 12pt tahoma, arial, sans-serif;
  padding: 4px 20px;
}

#hftopline div.selected {
  background-color: #0074c5;
}


#hfbottomline {
  width: 1220px;
  height: 30px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	z-index: 4;
	position: relative;
	text-align: center;
    background: #61bff3; 
    border-radius: 0px 0px 15px 15px;
}


#hfroot {
  width: 1212px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	z-index: 4;
	border-left: 4px solid #61bff3;
	border-right: 4px solid #61bff3;
  background: url(images/hf_menu_background2.gif) top left repeat-y #fff;
}

#hfroot div.hf_child {
  margin-bottom: 16px;
  text-align: center;
}

#hfroot_menu {
  width: 176px;
	background: #e1e4f1;
  color: white;
  font: bold 9pt tahoma, arial, sans-serif;
  text-align: left;
  padding-left: 24px;
  padding-top: 20px;
}

#hfroot_menu div.title {
  color: #000;
  font: bold 13px tahoma,verdana, sans-serif;
  text-align: left;
}

#hfroot_menu span {
  color: #fff;
  font: bold 12px tahoma,verdana, sans-serif;
  padding-left: 8px;
}

#hfroot_menu ul {
  list-style-position: outside;
  list-style-type: none;
  padding: 12px 0;
  margin: 0;
}

#hfroot_menu li {
  margin-right: 32px;
  margin-top: 4px;
  padding-top: 6px;
  padding-bottom: 4px;
  padding-left: 8px;
  background:transparent url('images/hf_menuline.png') repeat-x 0 100%;
}

#hfroot_menu li.dept {
  background: #90a0e6;
}

#hfroot_menu li.selected {
  background: #010180;
  color: #65819b;
}

#hfroot_menu li.selectedm {
  background: #fa8d00;
}

#hfroot_menu li.selected a {
  color: #fff;
}

#hfroot_menu li a {
  color: #555;
  font: normal 12px tahoma,verdana, sans-serif;
  text-decoration: none;
}

#hfroot_menu li a.master {
	color: #f00;
}

#hfroot_menu li.selected a.master {
	color: #ffdfda;
}

#hfroot_menu li a.supermaster {
	color: #f0f;
}

#hfroot_menu li.selected a.supermaster {
	color: #ffdfda;
}

#hfroot_menu li a:hover {
  text-decoration: none;
}

#hfroot_menu hr {
  margin-right: 28px;
}