/* http://jigsaw.w3.org/css-validator/validator?uri=http://zse.dxsystems.pl/style.css */
html, body {
	margin: 0; padding: 0;
	background: url('images/backgroundDark.gif');
}



#topContent {
	background: url('images/backgroundDark.gif');
}
	#topContent .underContent {
		width: 697px;
		height: 115px;
		padding: 1px 1px 0px 1px;
		margin: 0 auto;
		background-color: #ffffff;
		color: #000;
	}
		#topContent .content {
			width: 695px;
			height: 113px;
			padding: 0px 0px 1px 0px;
			border-top: 1px solid #ccc;
			border-right: 1px solid #ccc;
			border-left: 1px solid #ccc;
			border-bottom: none;
		}
			#topContent .logo  {
				width: 250px;
				height: 112px;
				/* padding: 1px 1px 1px 1px; 
				border-right: 1px solid #ccc; */
				float: left;
				margin: 0;
			}
				#topContent .logo {
					margin-bottom: -7px;
				}
			#topContent .info  {
				width: 445px; /*439px;*/
				height: 112px;
				float: right;
				/*margin: 1px 1px 0px 1px;   */
				background: white url('images/backgroundGrey.gif') repeat-x;
				color: #000;
			}
				#topContent .info li {
					float: right;
					margin-top: 6px;
					padding: 3px 5px 6px 7px;
					border-right: 1px solid rgb(153, 153, 153);
				}
					#topContent .info a {
						font: normal 9px/9px "Verdana", "Helvetica", "Arial", sans-serif;
						text-decoration: none;
						color: #555;
					}
					#topContent .info a:hover {
						text-decoration: underline;
					}
			#topContent .info2 {
				width: 445px; /*439px;*/
				height: 112px;
				float: right;
				/*margin: 1px 1px 0px 1px;   */
				color: #000;
				}
			#topContent .tekst_loga {
				font-family: arial;
				font-size: 12px;
				font-style: italic;
				}
			
#middleContent {
	background: url('images/backgroundLight.gif') repeat-x;
}
	#middleContent .underContent {
		width: 697px;
		height: 204px;
		padding: 0px 1px;
		margin: 0 auto;
		background-color: #fff;
		color: #000;
	}
		#middleContent .content {
			width: 695px;
			height: 202px;
			padding: 0;
			border: 1px solid #ccc;
		}
			#middleContent .topMenu  {
				display: block;
				width: 247px;
				height: 198px;
				margin: 1px 1px 1px 1px;
				padding: 1px;
				float: left;
				background: white url('images/backgroundGreyLight.gif') repeat-x;
				color: #000;
			}
				#middleContent .topMenu li {
					margin: 0; padding: 0;
					font: normal 10px/17px "Verdana", "Helvetica", "Arial", sans-serif;
					color: rgb(153, 153, 153);
					text-align: center;
				}
				#middleContent .topMenu a {
					display: block;
					width: 222px;
					background: rgb(245, 245, 245) url('images/point2.gif') no-repeat;
					margin: 5px 0px 0px 0px;
					padding: 0px 5px 0px 20px;
					font: bold 10px/17px "Verdana", "Helvetica", "Arial", sans-serif;
					text-decoration: none;
					text-transform: uppercase;
					color: rgb(153, 153, 153);
				}
				#middleContent .topMenu a:hover {
					background: rgb(235, 235, 235) url('images/point2.gif') no-repeat;
					color: rgb(255, 114, 19);
				}
			#middleContent .picture  {
				display: block;
				width: 440px;
				height: 200px;
				padding: 1px;
				float: right;
				border-left: 1px solid #ccc;
			}


#bottomContent {
	background: url('images/backgroundDark.gif');
}
	#bottomContent .underContent {
		width: 697px;
		padding: 0px 1px 1px 1px;
		margin: 0 auto;
		background-color: #fff;
		color: #000;
	}
		/*#bottomContent .content::after { content: ""; clear: both; display: block; width: 90%; height: 1px; }*/
		#bottomContent .content {
			width: 695px;
			padding: 0px 0px 0px 0px;
			border-right: 1px solid #ccc;
			border-left: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			border-top: none;
		}	
			#bottomContent .left2  {
				width: 249px;
				float: left;
				margin: 1px 1px 5px 1px;
				background: white url('images/backgroundGreyLight.gif') repeat-x;
				color: #000;
			}
			#bottomContent .menu {
				float: right;
				width: 97%;
			}
			
			#bottomContent .menu .item {
				clear: both;
			}
				#bottomContent .menu .item a {
					color: rgb(80, 80, 80);
					display: block;
					margin: 3px;
					padding: 3px 3px 3px 20px;
					background: rgb(245, 245, 245) url('images/point2.gif') no-repeat left;
					border: none;
				}
				#bottomContent .menu .item a:hover {
					background: rgb(230, 230, 230) url('images/point2.gif') no-repeat left;
				}
				#bottomContent .menu .link {
					font: normal 12px/14px Verdana, Helvetia, sans-serif;
				}
				#bottomContent .menu .dir {
					font: bold 12px/14px Verdana, Helvetia, sans-serif;
				}		
			
			#bottomContent .right2  {
				width: 440px;
				float: right;
				padding: 1px;
				border-left: 1px solid #ccc;
			}	
				#bottomContent .box  {
					width: 440px;
					float: right;
					background: white url('images/backgroundGreyLight.gif') repeat-x;
					color: #000;
					padding-bottom: 10px;
				}
			
			#bottomContent .footer {
				width: 695px;
				height: 65px;
				background: white url('images/backgroundFooter.gif') repeat-x;
				color: #000;
				border-top: 1px solid #ccc;
				clear: both;
			}
				#bottomContent .footer ul {
					float: left;
					padding-left: 25px;
					font: normal 3px/8px "Verdana", "Helvetica", "Arial", sans-serif;
					color: rgb(255, 114, 19);
				}
					#bottomContent .footer li {
						margin: 7px 5px 0px 0px;
						font: normal 9px/9px "Verdana", "Helvetica", "Arial", sans-serif;
						color: rgb(255, 114, 19);
					}
						#bottomContent .footer li img {
							border: none;
						}
				#bottomContent .footer .valid {					
					float: right;
					margin: 6px 0px 0px 0px;
					padding: 0;
				}
					#bottomContent .footer .valid li {					
						margin: 15px 10px 0px 0px;
						text-align: right;
					}
						#bottomContent .footer .valid li a {	
							padding: 10px 5px 6px 5px;
							margin-bottom: 10px;
							border-right: 1px solid rgb(255, 114, 19);
						}


/*
GLOBALNE
*/

/* the class designed by KK & KK for the top menu of link category*/
.menu_kategorie {
display: block;
width: 213px;
	background: rgb(245, 245, 245) url('images/point2.gif') no-repeat;
	margin: 5px 0px 0px 0px;
	padding: 0px 5px 0px 20px;
	font: bold 12px/17px "Verdana", "Helvetica", "Arial", sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	color: rgb(80, 80, 80);

}

img { border: none;}

ul, ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-indent: 0;
}

h2 {
	background: url('images/point1.gif') no-repeat;
	margin: 7px 0px 10px 5px;
	padding: 2px 0px 5px 28px;
	font: bold 11px/16px "Verdana", "Helvetica", "Arial", sans-serif;
	text-decoration: none;
	color: rgb(255, 114, 19);
}
h3 {
	margin: 7px 0px 3px 10px;
	font: bold 15px/20px "Verdana", "Helvetica", "Arial", sans-serif;
	text-decoration: none;
	color: #555;
	clear: both;
}
h4 {
	margin: 7px 0px 3px 10px;
	font: bold 14px/20px "Verdana", "Helvetica", "Arial", sans-serif;
	text-decoration: none;
	color: #555;
	clear: both;
}
	h3 a:link {
		text-decoration: none !important;
	color: #555;
	}
	h3 a:hover {
		text-decoration: underline;
	color: #555;
	}
	h3 a:visited {
		text-decoration: none !important;
	color: #555;
	}
hr {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #ccc;
}



ol li {
	font: normal 12px/20px "Verdana", "Helvetica", "Arial", sans-serif;
	color: rgb(80, 80, 80);
	margin: 0px 5px 5px 5px;
}

p img {
	vertical-align: middle;
}

a:link {
	color: rgb(255, 114, 19);
		text-decoration: none;
}
a:visited {
	color: rgb(255, 114, 19);
		text-decoration: none;
}
a:hover {
		text-decoration: underline;
	color: rgb(255, 114, 19);
}


/* Style globalne */

.description {
	font: normal 12px/20px "Verdana", "Helvetica", "Arial", sans-serif;
	color: rgb(80, 80, 80);
	margin-left: 10px;
	clear: both;
}
	.description h3 {
		margin-left: 0px;
	}
	.description p {
		margin-left: 5px;
	}
.article {
	font: normal 12px/20px "Verdana", "Helvetica", "Arial", sans-serif;
	color: rgb(80, 80, 80);
	margin: 0px 6px 5px 10px;
	clear: both;
}
	.article h2 {
		font: inherit;
		color: inherit;
		background: inherit;
	}
	.article h3 {
		margin-left: 0px;
	}
	.article p {
		margin-left: 5px;
	}
	.article .text {
		margin-left: 5px;
	}

.history {
	display: block;
	font: normal 12px/20px "Verdana", "Helvetica", "Arial", sans-serif;
	margin: 4px 0px 0px 10px;
}

.error {
	font: normal 12px/20px "Verdana", "Helvetica", "Arial", sans-serif;
	color: red;
}

form {
	clear: both;
}

p {
	font: normal 12px/20px "Verdana", "Helvetica", "Arial", sans-serif;
	color: rgb(80, 80, 80);
	margin: 0px 6px 5px 10px;
	clear: both;
}



/* form */

.form {
	margin-left: 10px;
}

.form .label {

        font: bold 12px/20px "Verdana", "Helvetica", "Arial", sans-serif;
	color: rgb(80, 80, 80);
}
.form input {
	border: 1px solid rgb(110, 110, 110);
}

.form li {
	display: block;
	margin: 7px 0px;
}

.form select {
	border: 1px solid rgb(110, 110, 110);
}

.form textarea {
	width: 95%;
	border: 1px solid rgb(110, 110, 110);
}

/* adminPanel */

.adminPanel {
	margin: 6px 0px 6px 6px;
	padding: 5px 3px 3px 3px;
	float: right;
	background-color: #6387FF;
	border: 1px solid #461BBB;
	display: block;
	clear: both;
}
.adminPanel::after { content: ""; clear: both; display: block; width: 90%; height: 1px; }

	.adminPanel .left {
		float: left;
		width: 60%;
	}
	.adminPanel .left li {
		width: 26px;
		float: left;
	}
		.adminPanel .left .adminButton {
			border: none;
			margin: 0px 3px;
			float: left;
		}

	.adminPanel	.extra {
		display: block;
		float: right;
		width: 10%;
	}
	
		.adminPanel	.extra .adminButton {
			border: none;
			margin: 0px 3px;
			float: right;
		}

	.adminPanel .right {
		float: right;
		width: 20%;
	}
	.adminPanel .right li {
		float: right;
		width: 26px;
	}

		.adminPanel .right .adminButton {
			border: none;
			margin: 0px 3px;
			float: right;
		}
	
.adminSmallPanel {
	margin: 0px 5px;
	padding: 0px;
}

	.adminSmallPanel .adminSmallButton {
		border: none;
		margin: 0px 2px;
	}
	
/* style admin_menu */
	
.menuManager {
	float: right;
	width: 97%;
}

.menuManager .item {
	margin: 3px;
	padding: 3px;
	background-color: #5DB6FF;
	border: 1px solid #461BBB;
	clear: both;
}
.menuManager .link {
	font: normal 12px/22px Verdana, Helvetia, sans-serif;
}
.menuManager .dir {
	font: bold 12px/22px Verdana, Helvetia, sans-serif;
}

.menuManager li::after { content: ""; clear: both; display: block; width: 90%; height: 1px; }

	.menuManager img {
		float: left;
		margin-right: 10px;
	}
	
	.menuManager .label {
		display: block;
		width: 50%;
		float: left;
	}	
		.menuManager .label a {
			color: inherit;
			text-decoration: underline;

		}
	
	.menuManager .adminSmallPanel {
		float: right;
		width: 35%;
		margin: 0px 2px;
		padding: 0px;
	}
	
		.menuManager .adminSmallPanel .adminSmallButton {
			float: right;
			margin: 2px;
		}		

form .submit {
	font: 14px/14px Verdana, Helvetica, sans-serif;
	border: 1px solid #461BBB;
	padding: 3px 3px 3px 24px;
	background: #58CDFF url('./images/icons/16x16/accept.png') no-repeat 5px;
	cursor: pointer;
}	
form .reset {
	font: 14px/14px Verdana, Helvetica, sans-serif;
	border: 1px solid #461BBB;
	padding: 3px 3px 3px 24px;
	background: #58CDFF url('./images/icons/16x16/cancel.png') no-repeat 5px;
	cursor: pointer;
}

.pages {
	text-align: center;
	clear: both;
}

	.pages img {
		border: none;
	}


/* galerie */

.gal_miniPic {
	padding: 0;
}

	.gal_miniPic li {
		float: left;
		margin: 4px;
		padding: 5px;
		border-left: 1px solid gray;
		border-top: 1px solid gray;
		border-right: 1px solid black;
		border-bottom: 1px solid black;
		background-color: #eee;
	}
		.gal_miniPic img {
			border: 1px solid black;
		}
	
	.gal_miniPic .adminSmallPanel {
		display: block;
		margin-top: 5px;
		text-align: center;
	}
	
.gal_bigPic {
	width: 420px;
	padding: 0;
	margin: 10px auto;
}

	.gal_bigPic li {
		margin: 4px 0px;
		padding: 10px;
		border-left: 1px solid gray;
		border-top: 1px solid gray;
		border-right: 1px solid black;
		border-bottom: 1px solid black;
		background-color: #eee;
	}
		.gal_bigPic img {
			border: 1px solid black;
		}
	
	
	.gal_bigPic .navigation {
			text-align: center;
			padding: 5px 0px 0px 0px;
		}
		.gal_bigPic .navigation img {
			border: none;
			margin: 0px 5px;padding:0;
		}


/* STYLE KOSZA */
.bin {
}

	.bin li {
		display: block;
		margin: 10px 15px;
		padding: 3px 5px 1px 5px;
		background-color: #eee;
		font: normal 12px/20px "Verdana", "Helvetica", "Arial", sans-serif;
		color: black;
	}
	.bin li::after { content: ""; clear: both; display: block; width: 90%; height: 1px; }
	
		.bin .label {
			display: block;
			float: left;
		}
		
		.bin select {
			display: block;
			float: right;
		}
		
		.bin .adminSmallPanel {
			display: block;
			width: 20px;
			float: right;
			margin: 0px 5px;
			padding: 0px;
		}
	
			.bin .adminSmallPanel .adminSmallButton {
				display: inline;
				border: none;
				margin: 0px 2px;
			}

.picBin {
}

	.picBin li {
		display: block;
		width: 180px;
		float: left;
		margin: 5px;
		padding: 3px 5px 1px 5px;
		background-color: #eee;
		border: 1px solid;
	}
	
		.picBin .label {
			display: block;
		}
		
		.picBin select {
			display: block;
		}
		
		.picBin .adminSmallPanel {
			display: block;
			width: 20px;
			float: right;
			padding: 0px;
		}
	
			.picBin .adminSmallPanel .adminSmallButton {
				display: inline;
				border: none;
			}


/* style wgrywania zdjęć */

.uploadedFiles {
	width: 98%;
	padding:0; margin:0;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
}

	.uploadedFiles td, .uploadedFiles th {
		padding:6px; margin:0;
		border-left: 1px solid gray;
		border-top: 1px solid gray;
	}
	
	.uploadedFiles th {
		font: bold 12px/12px Verdana, Helvetica, Arial, sans-serif;
		text-align: left;
	}
	
	.uploadedFiles td {
		font: normal 12px/12px Verdana, Helvetica, Arial, sans-serif;
		color: black;
	}
	
	.uploadedFiles .filename {
		width: 20%;
	}
	
	.uploadedFiles .size {
		width: 13%;
	}
	
	.uploadedFiles .width {
		width: 12%;
	}
	
	.uploadedFiles .height {
		width: 12%;
	}
	
	.uploadedFiles .type {
		width: 8%;
	}
	
	.uploadedFiles .att {
		width: 35%;
	}
	
	/* ---------- */
	.uploadedFiles .error {
		background-color: red;
	}
	
	.uploadedFiles .warning {
		background-color: #FFAC74;
	}