/* CSS Document */

/*-------------- Main ----------------*/
body {
	background-color:	#F3F3F3;
	margin:				10px;
	margin-top:			25px;
}

#page {
	position:			absolute;
	width:				770px;
	left:				50%;
	background-color:	#FFFFFF;
	border:				1px solid #cccccc;
	margin-left:		-385px;
	padding:			0px;
}

/*-------------- header ----------------*/

#header {
	width:				770px;
	margin:				0px;
	padding:			0px;
}

#header2 {
	position:			absolute;
	top:				-18px;
	left:				0px;
}

/*-------------- wstep ----------------*/

#wstep {
	float:				left;
	width:				484px;
	margin:				5px;
	margin-top:			0px;
	padding:			5px;
	clear:				none;
	border:				1px solid #cccccc;
	background-color:	#ffffff;
	background-image:	url(../images/box_bg.gif);
	background-position:bottom;
	background-repeat:	repeat-x;
}

#wstep h1 {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#950007;
	border-bottom:		1px solid #e5e5e5;
	margin-top:			2px;
	margin-bottom:		2px;
}

#wstep h2 {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	font-weight:		bold;
	color:				#666666;
	margin-top:			5px;
	margin-bottom:		0px;
}

#wstep p {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#837b77;
	margin-top:			0px;
	margin-bottom:		5px;
}

#wstep a, #wstep a:link {
	text-decoration:	none;	
	color:				#837b77;
}

#wstep a:hover {
	text-decoration:	none;	
	color:				#950007;
}

#wstep .date {
	font-weight:		bold;
	color:				#666666;
}

#wstep .red {
	color:				#880000;
}

#wstep img {
	margin:				5px;
}

/*-------------- extra ----------------*/

#extra {
	float:				right;
	width:				246px;
	height:				285px;
	margin:				5px;
	margin-left:		0px;
	margin-top:			0px;
	padding:			5px;
	clear:				none;
	border:				1px solid #cccccc;
	background-color:	#ffffff;
	background-image:	url(../images/box_bg.gif);
	background-position:bottom;
	background-repeat:	repeat-x;
}

#extra h1 {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#950007;
	border-bottom:		1px solid #e5e5e5;
	margin-top:			2px;
	margin-bottom:		2px;
}

#extra p {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#837b77;
	margin-top:			5px;
	margin-bottom:		2px;
}

#extra li {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#837b77;
	text-indent:		0px;
	margin-bottom:		2px;
	margin-top:			0px;
}

#extra ul {
	margin-top:			0px;
}

#extra a, #extra a:link {
	text-decoration:	none;	
	color:				#837b77;
}

#extra a:hover {
	text-decoration:	none;	
	color:				#950007;
}

#extra h1 a, #extra h1 a:link {
	text-decoration:	none;	
	color:				#950007;
}

#extra h1 a:hover {
	text-decoration:	none;	
	color:				#837b77;
}

#extra .date {
	font-weight:		bold;
	color:				#666666;
}

#extra .red {
	color:				#880000;
}

#extra img {
	margin-right:		3px;
	margin-top:		3px;
}

/*-------------- schools ----------------*/

#schools {
	float:				left;
	width:				482px;
	height:				216px;
	margin:				5px;
	margin-top:			0px;
	padding:			6px;
	clear:				none;
	border:				1px solid #cccccc;
	background-color:	#ffffff;
	background-image:	url(../images/box_schools_bg.gif);
	background-position:bottom;
	background-repeat:	repeat-x;
}

#schools img {
	border:				1px solid #e5e5e5;
}

#schools img:hover {
	border:				1px solid #950007;
}

#schools h1 {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			25px;
	color:				#950007;
	font-weight:		normal;
	text-indent:		-15px;
	padding-left:		25px;
	margin-top:			10px;
}

/*-------------- news ----------------*/

#news {
	float:				right;
	width:				246px;
	height:				219px;
	margin:				5px;
	margin-left:		0px;
	margin-top:			0px;
	padding:			5px;
	clear:				none;
	border:				1px solid #cccccc;
	background-color:	#ffffff;
	background-image:	url(../images/box_bg.gif);
	background-position:bottom;
	background-repeat:	repeat-x;
}

#news h1 {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#950007;
	border-bottom:		1px solid #e5e5e5;
	margin-top:			2px;
	margin-bottom:		2px;
}

#news p {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#837b77;
	margin-top:			5px;
	margin-bottom:		2px;
}

#news a, #news a:link {
	text-decoration:	none;	
	color:				#837b77;
}

#news a:hover {
	text-decoration:	none;	
	color:				#950007;
}

#news h1 a, #news h1 a:link {
	text-decoration:	none;	
	color:				#950007;
}

#news h1 a:hover {
	text-decoration:	none;	
	color:				#837b77;
}

#news .date {
	font-weight:		bold;
	color:				#666666;
}

#news .red {
	color:				#880000;
}

#news img {
	margin-right:		3px;
	margin-top:		3px;
}

/*-------------- articles ----------------*/

#articles {
	float:				left;
	width:				234px;
	height:				220px;
	margin:				5px;
	margin-top:			0px;
	padding:			5px;
	clear:				none;
	border:				1px solid #cccccc;
	background-color:	#ffffff;
	background-image:	url(../images/box_bg.gif);
	background-position:bottom;
	background-repeat:	repeat-x;
}

#articles h1 {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#950007;
	border-bottom:		1px solid #e5e5e5;
	margin-top:			2px;
	margin-bottom:		2px;
}

#articles h2 {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	font-weight:		bold;
	color:				#666666;
	margin-top:			5px;
	margin-bottom:		0px;
}

#articles p {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#837b77;
	margin-top:			0px;
	margin-bottom:		5px;
}

#articles a, #articles a:link {
	text-decoration:	none;	
	color:				#837b77;
}

#articles a:hover {
	text-decoration:	none;	
	color:				#950007;
}

#articles .date {
	font-weight:		bold;
	color:				#666666;
}

#articles .red {
	color:				#880000;
}

#articles h1 a, #articles h1 a:link {
	text-decoration:	none;	
	color:				#950007;
}

#articles h1 a:hover {
	text-decoration:	none;	
	color:				#837b77;
}

#articles img {
	margin-right:		3px;
	margin-top:		3px;
}

/*-------------- imprezy ----------------*/

#imprezy {
	float:				left;
	width:				234px;
	height:				220px;
	margin:				5px;
	margin-left:		0px;
	margin-top:			0px;
	padding:			5px;
	clear:				none;
	border:				1px solid #cccccc;
	background-color:	#ffffff;
	background-image:	url(../images/box_bg.gif);
	background-position:bottom;
	background-repeat:	repeat-x;
}

#imprezy h1 {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#950007;
	border-bottom:		1px solid #e5e5e5;
	margin-top:			2px;
	margin-bottom:		2px;
}

#imprezy h2 {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	font-weight:		bold;
	color:				#666666;
	margin-top:			5px;
	margin-bottom:		0px;
}

#imprezy p {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#837b77;
	margin-top:			5px;
	margin-bottom:		2px;
}

#imprezy a, #imprezy a:link {
	text-decoration:	none;	
	color:				#837b77;
}

#imprezy a:hover {
	text-decoration:	none;	
	color:				#950007;
}

#imprezy .date {
	font-weight:		bold;
	color:				#666666;
}

#imprezy .red {
	color:				#880000;
}

#imprezy img {
	margin:				5px;
}

#imprezy h1 a, #imprezy h1 a:link {
	text-decoration:	none;	
	color:				#950007;
}

#imprezy h1 a:hover {
	text-decoration:	none;	
	color:				#837b77;
}

/*-------------- programs ----------------*/

#programs {
	float:				left;
	width:				245px;
	height:				220px;
	margin:				5px;
	margin-left:		0px;
	margin-top:			0px;
	padding:			5px;
	clear:				none;
	border:				1px solid #cccccc;
	background-color:	#ffffff;
	background-image:	url(../images/kdd.jpg);
	background-position:right bottom;
	background-repeat:	repeat-x;
}

#programs h1 {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#950007;
	border-bottom:		1px solid #e5e5e5;
	margin-top:			2px;
	margin-bottom:		2px;
}

#programs h2 {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	font-weight:		bold;
	color:				#666666;
	margin-top:			5px;
	margin-bottom:		0px;
}

#programs p {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#837b77;
	margin-top:			5px;
	margin-bottom:		2px;
}

#programs a, #programs a:link {
	text-decoration:	none;	
	color:				#837b77;
}

#programs a:hover {
	text-decoration:	none;	
	color:				#950007;
}

#programs .date {
	font-weight:		bold;
	color:				#666666;
}

#programs .red {
	color:				#880000;
}


#programs h1 a, #programs h1 a:link {
	text-decoration:	none;	
	color:				#950007;
}

#programs h1 a:hover {
	text-decoration:	none;	
	color:				#837b77;
}

/*-------------- kids ----------------*/

#kids {
	float:				none;
	width:				757px;
	height:				230px;
	margin:				5px;
	margin-top:			0px;
	padding:			0px;
	clear:				none;
	border:				1px solid #cccccc;
	background-color:	#ffffff;
	background-image:	url(../images/box_bg.gif);
	background-position:bottom;
	background-repeat:	repeat-x;
}

/* ---------- menu_l ---------- */

#menu_l {
	float:				left;
	width:				200px;
	margin:				5px;
	margin-top:			0px;
	padding:			5px;
	clear:				none;
	border:				1px solid #cccccc;
	background-color:	#ffffff;
	background-image:	url(/schools/images/box_bg.gif);
	background-position:bottom;
	background-repeat:	repeat-x;
}

#menu_l h1 {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#950007;
	border-bottom:		1px solid #e5e5e5;
	margin-top:			2px;
	margin-bottom:		2px;
}

#menu_l h2 {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	font-weight:		bold;
	color:				#666666;
	margin-top:			5px;
	margin-bottom:		0px;
}

#menu_l p {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#837b77;
	margin-top:			5px;
	margin-bottom:		2px;
}

#menu_l a, #menu_l a:link {
	text-decoration:	none;	
	color:				#837b77;
}

#menu_l a:hover {
	text-decoration:	none;	
	color:				#950007;
}

#menu_l .date {
	font-weight:		bold;
	color:				#666666;
}

#menu_l select {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#837b77;
	border:				1px solid #a0a0a0;
}

#menu_l img {
	border:				1px solid #e5e5e5;
}

#menu_l img:hover {
	border:				1px solid #950007;
}

#menu_l ul {
	padding:			0px;
	margin:				0px;
	list-style:			none;
}

#menu_l ul li {
	margin:				0px;
	padding:			0px;
	float:				none;
}

#menu_l ul li a {
	font-family:		Arial, Helvetica, sans-serif;
	font-weight:		normal;
	font-size:			11px;
	color:				#696f8c;
	text-align:			left;
	padding:			5px 5px 5px 10px;
	margin:				0px;
	background-image:	none;
	border:				none;
	float:				none;
	display:			block;
	width:				185px;
}

#menu_l ul li a:hover {
	color:				#003366;
	background-color:	#eeeeee;
	padding:			5px 5px 5px 10px;
	margin:				0px;
	width:				185px;
	background-image:	url(../images/arrow.gif);
	background-repeat:	no-repeat;
	background-position: left center;
	font-weight:		bold;
}

/*-------------- content ----------------*/

#content {
	float:				right;
	width:				530px;
	margin:				0px;
	margin-right:		5px;
	margin-bottom:		5px;
	padding:			5px;
	clear:				none;
	border:				1px solid #cccccc;
	background-color:	#ffffff;
	background-image:	url(../images/box_bg.gif);
	background-position:bottom;
	background-repeat:	repeat-x;
}

#content h1 {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			16px;
	color:				#950007;
	border-bottom:		1px solid #e5e5e5;
	margin-top:			2px;
	margin-bottom:		2px;
}

#content h2 {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
	font-weight:		bold;
	color:				#666666;
	margin-top:			5px;
	margin-bottom:		0px;
	text-indent:		20px;
}

#content h3 {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	font-weight:		bold;
	color:				#666666;
	margin-top:			15px;
	margin-bottom:		0px;
	text-indent:		20px;
}

#content p {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#57524F;
	margin-top:			5px;
	margin-bottom:		2px;
	text-indent:		10px;
}

#content pre {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#57524F;
}

#content th {
	background-color:	#0066CC;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			13px;
	color:				#ffffff;
}

/*#content table {
	border:	#d0d0d0 solid 1px;
}*/

#content td {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#57524F;
	padding:			2px;
}

#content td.weekdays {
	background-color:	#cccccc;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				#57524F;
	font-weight:		bold;
}

#content td.pubhols {
	background-color:	#ffcccc;
	text-align:			center;
}

#content td.wakacje {
	background-color:	#66CC00;
	text-align:			center;
}

#content td.lekcje {
	background-color:	#505050;
	color:				#ffffff;
	text-align:			center;
	font-weight:		bold;
}

#content td.sem1 {
	background-color:	#FFFF66;
	text-align:			center;
}

#content td.sem2 {
	background-color:	#CC9933;
	text-align:			center;
}

#content td.sem3 {
	background-color:	#99FFFF;
	text-align:			center;
}

#content td.sem4 {
	background-color:	#9999FF;
	text-align:			center;
}

#content p.gallery {
	margin-top:			5px;
	margin-bottom:		2px;
	text-indent:		0px;
}

#content li {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#57524F;
	text-indent:		0px;
	margin-bottom:		2px;
	margin-top:			0px;
}

#content ul {
	margin-top:			0px;
}

#content img {
	margin-top:			5px;
	margin-bottom:		5px;
	margin-left:		10px;
	margin-right:		10px;
}

#content a, #content a:link {
	text-decoration:	none;	
	color:				#003399;
}

#content a:hover {
	text-decoration:	none;	
	color:				#950007;
}

#content .date {
	font-weight:		bold;
	color:				#666666;
}

#content .blue {
	font-weight:		bold;
	color:				#6666ff;
}

#content .red {
	font-weight:		bold;
	color:				#ff6666;
}

/*-------------- thumbnails ----------------*/

#thumbnails {
	float:				right;
	width:				530px;
	/*height:				105px;*/
	margin:				0px;
	margin-right:		5px;
	margin-bottom:		5px;
	padding:			5px;
	clear:				none;
	border:				1px solid #cccccc;
	background-color:	#ffffff;
	background-image:	url(../images/box_bg.gif);
	background-position:bottom;
	background-repeat:	repeat-x;
	overflow:			auto;
	scrollbar-base-color: #ffffff;
	scrollbar-arrow-color: #cc4444;
	scrollbar-3dlight-color: #bbbbbb;
	scrollbar-darkshadow-color: #bbbbbb;
	scrollbar-face-color: #cccccc;
	scrollbar-highlight-color: #cccccc;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-track-color: #eeeeee;
}

#thumbnails h1 {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			16px;
	color:				#950007;
	border-bottom:		1px solid #e5e5e5;
	margin-top:			2px;
	margin-bottom:		2px;
}

#thumbnails p {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#333333;
	margin-top:			5px;
	margin-bottom:		2px;
	text-indent:		20px;
	text-align:			center;
}

#thumbnails a, #thumbnails a:link {
	text-decoration:	none;	
	color:				#003399;
}

#thumbnails a:hover {
	text-decoration:	none;	
	color:				#950007;
}

#thumbnails img {
	border:				none;
	margin-left:		2px;
}

#thumbnails select {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#837b77;
	border:				1px solid #a0a0a0;
}

/*-------------- footer ----------------*/

#footer {
	width:				770px;
	text-align:			center;
	background-color:	#f3f3f3;
	border-top:			1px solid #e0e0e0;
	padding:			0px;
	margin:				0px;
}

#footer p {
	font-family:		Arial, Helvetica, sans-serif;
	font-weight:		normal;
	font-size:			11px;
	color:				#696f8c;
	padding:			2px;
	margin:				0px;
}

#footer a {
	color:				#43466B;
	text-decoration:	none;
}

#footer a:hover {
	color:				#6B4343;
	text-decoration:	none;
}

/*-------------- pop-up ----------------*/

#popup_bg {
	position:			absolute;
	width:				700px;
	heigh:				300px;
	left:				50%;
	top:				50%;
	background-color:	#ffffff;
	border:				1px solid #999999;
	margin-left:		-350px;
	margin-top:			-150px;
	padding:			5px;
	filter:				alpha(opacity=85);
	opacity:			0.85;
	-moz-opacity:		0.85;
	z-index:			100;
}

#popup {
	position:			absolute;
	width:				500px;
	heigh:				300px;
	left:				50%;
	top:				50%;
	background-color:	#ffffff;
	margin-left:		-250px;
	margin-top:			-120px;
	padding:			20px;
	z-index:			100;
}

#popup h1 {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			16px;
	color:				#950007;
	border-bottom:		1px solid #e5e5e5;
	margin-top:			5px;
	margin-bottom:		15px;
}

#popup h2 {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			14px;
	font-weight:		bold;
	color:				#666666;
	margin-top:			5px;
	margin-bottom:		15px;
}

#popup p {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				#837b77;
	margin-top:			0px;
	margin-bottom:		15px;
}

#popup_bg p {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
	text-align:			right;
	color:				#837b77;
	margin:				0px;
}

#popup a, #popup a:link, #popup_bg a, #popup_bg a:link {
	text-decoration:	none;	
	color:				#880000;
}

#popup a:hover, #popup_bg a:hover {
	text-decoration:	none;	
	color:				#FF3300;
}

#popup img {
	margin:				5px;
}

/*-------------- clear ----------------*/

div.clear {
     clear:				both;
     font-size:			1px;
     line-height:		1px;
     overflow:			hidden;
     visibility:		hidden;
     width:				0;
     height:			0;
}