html, body, div, ul, li, p, form, hr, h1, h2 { 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: url(img/stopka.png) center bottom no-repeat #29477f;  /* Niebieski */
	background-attachment: fixed;
	color: white;

	font-family: Verdana;
	height: 100%;
}

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

	a {
		text-decoration: none;
	}

	h1 {
		margin-bottom: 10px;
	}

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

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

		font-size: 12px;
	}
	
	#jezyki a {
		color: white;
	}

#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 {

}

#guest .odtwarzacz {
	padding: 10px;
}

#guest #gora, #guest #srodek, #guest #dol {

}

#guest #gora {
	background: 0px 0px url(img/aegee.png) no-repeat;
	min-height: 140px;
}

	#guest #menu {
		text-align: center;
		font-size: 14px;
		padding-top: 92px;
		padding-left: 286px;
	}
	
		#guest #menu li span {
			background: url(img/przycisk_yy.png) center right no-repeat;
			padding-right: 15px;
			padding-top: 4px;
			padding-bottom: 5px;
			padding-left: 4px;
		}
		
		#guest #menu li {
			float: left;
			margin-right: 8px;
			padding-left: 15px;
			background: 0px 1px url(img/skowka_yy.png) no-repeat;
			padding: 5px 0px 10px 10px;
		}
		
		#guest #menu li a {
			color: #003461;	
		}
		
		#guest #menu .podswietlone a {
			color: red;
		}

		#guest #podmenu .podswietlone a {
			color: red;
		}

		#guest #menu li a:hover {
			color: red;	
		}

		#guest #menu li img {
			vertical-align: middle;
		}

#guest .propaganda {
	background: 0px -140px url(img/aegee.png) no-repeat;
	min-height: 46px;
	
	font-size: 26px;
	padding-right: 25px;
	padding-top: 85px;
	text-align: right;
	color: #043460;
}

#guest #srodek {
	background: 0px -271px url(img/aegee.png) no-repeat;
	min-height: 302px;
	padding: 20px 0px;
	padding-left: 32px;
}

	#guest #tresc .nawigacja {
		text-align: center;	
		border-bottom: 1px solid #FFFF00;
		margin-bottom: 18px;
		margin-top: -8px;
	}

	#guest #tresc .nawigacja li {
		display: inline;
		margin: 0px 6px;
	}

	#guest #tresc .nawigacja li a {
		color: blue;
		white-space: nowrap;
	}

	#guest #tresc .nawigacja li.podswietlone a {
		color: #A52A2A;	
	}

	#guest #tresc .x2 {
		margin-top: 2px;
		margin-left: 8px;
		float: left;
		width: 595px;
		height: 270px;
		padding: 0 10px;
		background: url(img/poczatek.png) no-repeat;
	}

	#guest #tresc .x2 .tresc {
		margin-top: 20px;
		margin-left: -7px;
		padding: 0 20px;
		padding-bottom: 10px;
		padding-top: 8px;
		background: url(img/continuum.png);
	}
	
	#guest #tresc .x2 .koniec {
		height: 40px;
		width: 608px;
		background: url(img/koniec.png) no-repeat;
		position: relative;
		bottom: 13px;
		left: -10px;
		visibility: hidden;
	}

	#guest #tresc .x3 {
		margin-right: 14px;
		width: 268px;
		background: url(img/x3.png) no-repeat;
		padding: 14px 11px 14px 19px;
	}
	
	#guest #tresc .x3 h2 {
		margin: 0;
		font-size: 18px;		
	}

	#guest #tresc .x3 p {
		padding: 2px 0px;
		font-size: 12px;
	}
	
	#guest #tresc .x3 .data {
		color: white;
		font-weight: bold;
		float: left;
		width: 38px; height: 38px;
		margin-left: -17px; margin-top: 4px; margin-right: 8px;
		text-align: center;
	}
	
	#guest #tresc .x3 .data div {
		font-size: 10px;
		margin-top: -2px;
	}


	#guest #tresc {
		color: black;	
	}

	#guest #tresc em {
		font-weight: bold;
	}
						
		#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 .galeria {
			clear: both;
		}
	
		#guest #tresc .galeria .zdjecie {
			float: left;
			width: 160px;
			height: 110px;
			display: table-cell;
			vertical-align: middle;
			background: black;
			border: 8px solid white;
			padding: 5px;
		}
		
		#guest #tresc .galeria p {
			clear: both;
		}
		
		#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 #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%;
	}


#admin {
	padding-top: 30px;
}

#admin #lewa {
	float: left;
	width: 220px;
}

#admin #lewa #admin_menu {
	height: 94%;
	width: 220px;
	margin-left: 30px;
	position: absolute;
	overflow: auto;	
}

#admin #prawa {
	float: right;
	width: 710px;
	height: 94%;
}

	.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.wciecie {
		font-size: small;
		padding-left: 14px;
	}	

	#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;
		margin-right: 6px;
	} 
	
	#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: #E6E6FA; 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;
}

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

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

#transparent {
	position: absolute;
	top: 60px;
	left: 30px;
	width: 250px;
	height: 75px;
}

pre {
	white-space: pre;
	font-family: courier new, monospace;
}

.pomoc {
	text-align: right;
	margin-right: 60px;
}

.pomoc a {
	color: white;
}

.pomoc img {
	vertical-align: middle;
}