html, body, div, ul, li, p, form, hr { margin: 0; padding: 0; }
form { display: inline }
ul, li {	display: block; } img { border: none; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

html {
	background: #0d0d0d;  /* Grafit */
	color: white;

	font-family: Verdana;
}

body {
	width: 1000px;
	margin: auto;
}

	a {
		text-decoration: none;
		color: #9a10b3;
	}

#jezyki {
	position: absolute;
	right: 0; top: 0;
}

	#jezyki li {
		display: inline;
		
		padding-left: 24px;
		margin: 10px;
		background: no-repeat 0 3px;
		
		font-size: 12px;
	}

#identyfikacja {
	position: absolute;
	left: 0; top: 0;
}

	#identyfikacja:hover img, #identyfikacja:hover input {
		visibility: visible;
	}
	
	#identyfikacja img, #identyfikacja input {
		visibility: hidden;
	}
	
	#identyfikacja img  {
		margin: 5px 0 0 5px;
	}

#guest .odtwarzacz {
	padding: 10px;
}

#guest #gora, #guest #srodek, #guest #dol {
	margin-left: -50px;
}

#guest #gora {
	background: url(img/gora.png) repeat-y;
	height: 219px;
}

	#guest #menu {
		position: relative;
		padding: 15px 0;
		top: 126px;
		left: 26px; /* 85px */
		overflow: hidden;
		width: 660px;
		text-align: center;
	}
	
		#guest #menu li {
			display: inline;
			margin-right: 19px;
		}
		
		#guest #menu li.legacyimagemagick {
			margin-right: 12px;
		}

		#guest #menu li.backLava, #guest #menu .podkresl img {
			border-bottom: 3px solid #dd18d6;
		}
		
		#guest #menu .podkresl img {
			margin-bottom: -3px;	
		}
		
		#guest #menu li.backLava {
			position: absolute;
			z-index: 1;
			padding-bottom: 2px;
		}
		
		#guest #menu a {
			position: relative;
			z-index: 2;
		}

#guest #srodek {
	background: url(img/srodek.png) repeat-y;
	padding-left: 160px;
	width: 490px;
	padding-right: 160px;
}

	#guest #tresc em {
		font-weight: bold;
	}

	#guest #panienka {
		position: relative;
		left: 400px;
		float: right;
	}

	#guest #tresc {
		position: relative;
		top: -5px;
	}	
	
	#guest #tresc > :first-child {
		margin-top: 0;
	}
	
	#guest #tresc > :last-child {
		margin-bottom: -20px;
	}
	
	#guest #tresc > :last-child :last-child {
		margin-bottom: 0px;
	}

		#guest #komunikaty p {
			font-weight: bold;
		}
		
			#guest #komunikaty p.blad {
				font-weight: normal;
				color: red;
			}	
			
			#guest #komunikat #potwierdzenie {
				background-color: #fff;
				padding: 5px;
				color: black;
			}			
						
		#guest #tresc p, #guest #tresc li {
			line-height: 150%;
			font-size: 15px;
		}
		
		#guest #tresc ul ul {
			margin-bottom: 5px;
		}
		
		#guest #tresc p, #guest #tresc ul, #guest #tresc .zdjecie {
			padding-bottom: 10px;
		}
		
		#guest #tresc ul ul li {
			padding-left: 30px;
			background-repeat: no-repeat;
		}
		
			#guest #tresc ul ul li {
				background: url(img/kropka.png) no-repeat 10px 7px;
				background-position: 10px 7px;
			}
	
			#guest .mail {
				background-image: url(lib/ikony/email.png);
				background-position: 4px 4px;
				padding-left: 27px;
				background-repeat: no-repeat;
			}
				
				#guest #tresc ul.rozwijane li span {
					visibility: hidden;
					color: #444;
				}
			
				#guest #tresc ul.rozwijane li:hover span {
					visibility: visible;	
				}
	
		#guest #tresc .zdjecie {
			text-align: center;	
		}
	
		#guest #tresc hr {
			display: block;
			margin: 20px 0;
			height: 1px;
			border: none;
			background-color: #333;
		}
	
#guest #dol {
	background: url(img/dol.png) no-repeat;
	clear: both;
	padding: 80px 0 60px 200px;
}

#guest #list {
	text-align: center;
	margin-top: 10px;
}

	#guest #list textarea {
		width: 100%;
		color: #666;
	}

	#guest #list textarea, .podglad {
		font-style: italic;
		font-size: 12px;
	}

	#guest #list textarea:focus {
		color: black;
	}
	
	#guest #list input {
		width: 50%;
	}

#guest .portrety {
	margin-left: 26px;
	padding: 20px 0;
	margin-top: 20px;
}

	#guest .portrety div {
		float: left;
		width: 220px;
		text-align: center;
	}
	
	#guest .portrety img {
		width: 150px;
		height: 170px;
		background-color: #222;
	}


#admin {
	padding-top: 30px;
}

#admin #lewa {
	float: left;
	width: 21%;
}

#admin #prawa {
	float: right;
	width: 76%;
}

	.ui-icon-closethick {
		float: right;
		content: "x";
		padding-right: 6px;
		color: white;
	}
	
	.ui-dialog-titlebar, .ui-dialog-content, .ui-dialog-buttonpane {
		background-color: #70D;
		margin: 2px;
		padding: 5px;
	}
	.ui-dialog-titlebar input, .ui-dialog-content input, .ui-dialog-buttonpane input {
		margin: 0;
	}
	
	.ui-dialog-titlebar {
		background-color: #70D;
	}		
	
	.ui-dialog-titlebar:hover {
		background-color: #990099;
	}	
	
	#admin #wysylanie {
		border: 2px solid #104;
		padding: 0 5px 4px 3px;
	}
	
	#admin #wysylanie input[type="file"] {
		width: 90%;
	
	}
	
	#admin ul {
		padding-bottom: 6px;
	}	
	
	#admin ul ul {
		padding-left: 6px;
	}
	
	#admin .elementy li:hover {
		color: #990099;
	}
	
	#admin #materialy, #admin #materialy li {
		color: red;
	}
	
	#admin .lewa > ul > li > ul {
		padding-bottom: 8px;
	}
	
	#admin ul ul ul li {
		font-size: small;
		clear: both;
	}
	
	#admin #lewa .grafika, #admin #lewa .zdjecie, #admin #lewa .piosenka, #admin #lewa .tekst {
		padding-left: 22px;
	}	
	
	#admin #lewa .grafika {
		background: url(lib/ikony/palette.png) no-repeat 0px 2px;
	}

	#admin #lewa .zdjecie {
		background: url(lib/ikony/camera.png) no-repeat 0px 2px;
	}

	
	#admin #lewa .piosenka {
		background: url(lib/ikony/music.png) no-repeat 0px 3px;
	}
	
	#admin #lewa .tekst {
		background: url(lib/ikony/text_dropcaps.png) no-repeat 0px 3px;
	}	
	
	#admin #lewa .tlumaczenie {
		background-position: right 2px;
		padding-left: 0;
		padding-right: 22px;
	} 
	
	#admin textarea {
		font-size: 15px;
		font-family: verdana;
		width: 660px;
		padding: 20px;
		height: 450px;
	}
	
	#admin .elementy li span {
		visibility: hidden;
		float: right;
	}
	
	#admin .elementy li:hover span {
		visibility: visible;
	}

.dziedziczenie {
	color: grey;
}

.placeholder {
	background: #dd18d6;
	padding: 2px; margin: 2px;
}

.tlumaczenie {
	color: white;
	float: right;
	margin-bottom: -20px;
}

input.logowanie {
	background-color: #dd18d6; border: 0;
	margin: 0; padding: 0;
	width: 80px;
	vertical-align: text-top;
	position: relative;
	top: 3px;
	padding: 0 2px;
}

input.logowanie:focus {
	visibility: visible !important;
}

.logo {
	width: 14px;
	position: relative;
	top: 57px;
	left: 220px;
	padding-top: 4px;
} 

.logo div {
	height: 3px;
	width: 4px;
	margin: 1px;
	float: left;
	background: black;
}

.logo .oswietl {
	background: red;
}

::-moz-selection{
	background: #dd18d6;
	color: black;
}

::selection {
	background: #dd18d6;
	color: black;
}