/* CSS Document */

html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	background-color: #343434;
	color: #333333;
	margin: 0px;
	padding: 0px;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	color: #333333;
	margin: 0px;
}

.padding {
	padding: 0 4 0 4;
}

.bar {
	font-weight: bold;
	color: #FFFFFF;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.small {
	font-size: 9px;
}

.smallGrey {
	font-size: 9px;
	color: #999999;
}

.smallFooter {
	font-size: 9px;
	color: #999999;
	text-align: center;
}

.blue {
	color: #0075BB;
}

.grey {
	color: #999999;
}

.smallRed {
	font-size: 9px;
	color: #ff9999;
}

.smallContent {
	font-size: 10px;
	color: #b3b3d0;
	line-height: 13px;
}


.redAlert {
	color: #FF3333;
	font-weight: bold;
}

.red {
	color: #FF3333;
	font-weight: bold;
}


.blueInfo {
	color: #3333CC;
	font-weight: bold;
}

.info {
	color: #3333CC;
	font-weight: bold;
}

a.normal:link {
	color: #666666;
	text-decoration: none;
}

a.normal:visited {
	color: #666666;
	text-decoration: none;
}

a.normal:active {
	color: #666666;
	text-decoration: none;
}

a.normal:hover {
	color: #333333;
	text-decoration: underline;
}

a.underline:link {
	color: #000000;
	text-decoration: underline;
}

a.underline:visited {
	color: #000000;
	text-decoration: underline;
}

a.underline:active {
	color: #000000;
	text-decoration: underline;
}

a.underline:hover {
	color: #000000;
	text-decoration: underline;
}

a.smallgreylink:link {
	font-size: 10px;
	color: #999999;
	text-decoration: none;
}

a.smallgreylink:visited {
	font-size: 10px;
	color: #999999;
	text-decoration: none;
}

a.smallgreylink:active {
	font-size: 10px;
	color: #999999;
	text-decoration: none;
}

.input1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	height: 20px;
	border: 1px solid;
	border-color: #999999;
	padding: 2px 4px 0px 4px;
	background-color: #EEEEEE;
}

.input2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	height: 20px;
	border: 1px solid;
	border-color: #999999;
	padding: 2px 4px 0px 4px;
	background-color: #EEEEEE;
}

.select1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	height: 20px;
	border: 1px solid;
	border-color: #999999;
	padding: 1px 0px 0px 2px;
	background-color: #EEEEEE;
}

#ALL {
	width: 100%;
	height: 100%;
	text-align: center;
	background-image:  url('images/gradient.jpg');
	background-repeat: repeat-x;
}

#TOP {
	width: 907px;
	margin: 0px auto;
	text-align: left;
}

#LOGGING {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -215px;
	margin-top: -99px;
	width: 430px;
	height: 197px;
	text-align: left;
	background-image:  url('images/logging.jpg');
}

#LOGGING #ip {
	position: absolute;
	top: 72px;
	left: 10px;
	width: 410px;
	text-align: center;
}

#LOGGING #loginText {
	position: absolute;
	top: 101px;
	left: 80px;
}

#LOGGING #passText {
	position: absolute;
	top: 127px;
	left: 80px;
}	

#LOGGING #loginInput {
	position: absolute;
	top: 99px;
	left: 130px;
}

#LOGGING #passInput {
	position: absolute;
	top: 125px;
	left: 130px;
}

#LOGGING #submit {
	position: absolute;
	top: 101px;
	left: 310px;
}

#LOGGING #alert {
	position: absolute;
	top: 155px;
	left: 10px;
	width: 410px;
	text-align: center;
}

#HEADER {
	width: 100%;
	height: 202px;
}

#HEADER #topheader {
	position: relative;
	top: 0px;
	left: 0px;	
	width: 907px;
	height: 202px;
}

#HEADER #topheader #logo {
	position: absolute;
	top: 0px;
	left: 0px;
}

#HEADER #topheader #logout {
	position: absolute;
	top: 0px;
	left: 779px;
}

#HEADER #topheader #topmenu {
	position: absolute;
	top: 128px;
	left: 0px;	
	width: 907px;
	height: 65px;
	background-image: url('images/menu.jpg');
}

#HEADER #topheader #topmenu #menu1 {
	position: absolute;
	top: 0px;
	left: 250px;
}

#HEADER #topheader #topmenu #menu2 {
	position: absolute;
	top: 0px;
	left: 380px;
}

#HEADER #topheader #topmenu #menu3 {
	position: absolute;
	top: 0px;
	left: 510px;
}

#HEADER #topheader #topmenu #menu4 {
	position: absolute;
	top: 0px;
	left: 640px;
}

#HEADER #topheader #topmenu #menu5 {
	position: absolute;
	top: 0px;
	left: 770px;
}

#LEFTCONTENT {
	background-image: url('images/leftright.jpg');
	background-repeat: repeat-y;
}

#LEFT {
	width: 250px;
	float: left;
	overflow: hidden;
}

#LEFT #title {
	padding: 0 0 0 0;
	height: 87px;
}

#LEFT #text {
	padding: 0 19 0 16;
}

#CONTENT {
	width: 657px;
	float: right;
	overflow: hidden;
}

#CONTENT #title1 {
	padding: 0 0 0 0;
	width: 657px;
	height: 87px;
	background-image: url('images/title_tresci.jpg');
	z-index: 10;
}

#CONTENT #title1 #button1 {
	margin: 20 20 0 0;
	width: 40px;
	height: 41px;
	z-index: 11;
	float: right;
}

#CONTENT #title1 #button2 {
	margin: 20 5 0 0;
	width: 40px;
	height: 41px;
	z-index: 11;
	float: right;
}

#CONTENT #title2 {
	padding: 0 0 0 0;
	width: 657px;
	height: 87px;
	background-image: url('images/title_moduly.jpg');
	z-index: 10;
}

#CONTENT #title2 #button1 {
	margin: 20 20 0 0;
	width: 40px;
	height: 41px;
	z-index: 11;
	float: right;
}

#CONTENT #title2 #button2 {
	margin: 20 5 0 0;
	width: 40px;
	height: 41px;
	z-index: 11;
	float: right;
}

#CONTENT #title3 {
	padding: 0 0 0 0;
	width: 657px;
	height: 87px;
	background-image: url('images/title_administracja.jpg');
	z-index: 10;
}

#CONTENT #title3 #button1 {
	margin: 20 20 0 0;
	width: 40px;
	height: 41px;
	z-index: 11;
	float: right;
}

#CONTENT #title3 #button2 {
	margin: 20 5 0 0;
	width: 40px;
	height: 41px;
	z-index: 11;
	float: right;
}

#CONTENT #title4 {
	padding: 0 0 0 0;
	width: 657px;
	height: 87px;
	background-image: url('images/title_logowania.jpg');
	z-index: 10;
}

#CONTENT #title5 {
	padding: 0 0 0 0;
	width: 657px;
	height: 87px;
	background-image: url('images/title_pomoc.jpg');
	z-index: 10;
}

#CONTENT #text {
	padding: 0 21 0 15;
}

#CLEAR {
	clear: both;
	width: 100%;
}

#FOOTER {
	clear: both;
	width: 100%;
	height: 80px;
	text-align: center;
}

#FOOTER #bottom {
	padding: 0 0 0 0;
}

#FOOTER #text {
	width: 907px;
	padding: 0 0 0 520;
}
