body {
	font:        		12px Arial;
	margin: 		0;
	padding:		0;
	background:		#fff url(img/tlo.gif) repeat-y center;
}

img  { 
	border: 		0;
}

p, h1, h2, input, submit {
	margin: 		0;
	padding:		0;
}

#input1 { 
	border: 		0;
	width: 			190px;
	height: 		26px;
	border:			1px solid #348ec2;
	margin-left:		30px;
}
#submit1 {
	margin-left:		6px;
	border: 		0;
	background:		url(img/submit.gif);
	width: 			66px; 
	height: 		28px;
	position:		absolute;
}

a:link, a:visited, a:active {
	text-decoration: 	none;
	color: 			#33555b;
	font-weight:		normal;
}

a:hover {
 	text-decoration: 	underline; 
	color: 			#bc5a48;
	font-weight:		bold;
}


a.orange:link, a.orange:visited, a.orange:active {
	text-decoration: 	none;
	color: 			#ff7800;
	font-weight:		normal;
}

a.orange:hover {
 	text-decoration: 	underline; 
	color: 			#bc5a48;
	font-weight:		normal;
}

a.white:link, a.white:visited, a.white:active {
	text-decoration: 	none;
	color: 			#fff;
	font-weight:		normal;
}

a.white:hover {
 	text-decoration: 	underline; 
	color: 			#fff;
	font-weight:		normal;
}

a.news-title:link, a.news-title:visited, a.news-title:active {
	text-decoration: 	none;
	font-weight:		normal;
	padding:		10px 0 7px 0;
	color:			#164751;
	font-size:		18px;
	display:		block;
}

a.news-title:hover {
 	text-decoration: 	underline; 
	padding:		10px 0 7px 0;
	color:			#164751;
	font-weight:		normal;
	font-size:		18px;
	display:		block;
}


div.folder {
	margin:			0 auto 0 auto;
	background: 		#fff;
	width:			900px;
	overflow: 		hidden;

}

div.folder-2 {
	margin:			0 auto 0 auto;
	width:			900px;
	overflow: 		hidden;
	margin-bottom:		20px;

}

img#logo {
	display:		block;
	float:			left;
}

div#number {
	float:			left;
	margin:			7px 0 0 74px;
	border:			1px solid #cbdde0;
	width:			178px;
	height:			48px;
	background:		#f4f6f0;
	color:			#728d92;
	padding:		8px;
	
} 

div#number p {
	font-size: 		18px;
	padding-bottom:		7px;
	letter-spacing: 	0.04em;

}

span#today {
	background:		#bc5a48;
	font-size:		14px;
	font-weight:		bold;
	color:			#fff;
	padding:		2px 8px 2px 8px;
	margin-right:		30px;
	margin-left:		5px;
}

span#today-2 {
	background:		#728d92;
	font-size:		14px;
	font-weight:		bold;
	color:			#fff;
	padding:		2px 7px 2px 7px;
	margin-left:		5px;
}

div#data {
	background:		url(img/tlo-data.gif);
	width:			310px;
	height:			50px;
	float:			right;
	margin-top:		7px;
	padding:		8px 0 8px 7px;
	color:			#688388;
}

div#data p {
	padding-top:		6px;
	padding-bottom:		4px;
	font-size:		17px;
	font-weight:		bold;
	color:			#33575f;
}

div#data span {
	color:			#ff7800;
}

div#top-left {
	float:			left;
	width:			575px;
	height:			166px;
	border:			1px solid #e3e3e3;
}

div#top-right {
	float:			right;
	width:			323px;
	height:			168px;
	background:		url(img/tlo-google.gif) no-repeat bottom;
}
div#top-center {
	float:			left;
	width:			513px;
	padding-left:		11px;
}

div#linki {
	width:			305px;
	height:			40px;
	padding:		25px 5px 0 5px;
	margin:			0 0 0 6px;
	background:		#f6eddf;
	border:			1px solid #e5ded4;
	text-align:		center;
	color:			#c99f79;
}

div#top-right span {
	color:			#f17a0f;
}

div#linki span {
	background:		#ffa800;
	color:			#fff;
	padding:		2px 7px 2px 7px;
}

div#top-right p {
	padding:		20px 0 0 127px;
	margin-bottom:		12px;
	font-size:		23px;
	color:			#748e90;
}

div#context-left {
	padding-top:		6px;
	float:			left;
	width:			182px;
}
div#context-right {
	padding-top:		6px;
	float:			right;
	width:			182px;
}

div#center-max {
	float:			right;
	width:			710px;
	padding-left:		5px;
}

dl.menu-left, dl.menu-important, dl.menu-right-2 {
	list-style:		none;
	margin:			0;
	padding:		0;
}
dl.menu-left dt, dl.menu-important dt {
	color:			#33555b;
	font-weight:		bold;
	font-size:		13px;
	text-align:		right;
	width:			147px;
	height:			23px;
	padding:		7px 33px 0 0;
	background:		#f1f3f4 url(img/menu-tlo.gif);
	border:			1px solid #dddddd;
}

dl.menu-left dd {
	list-style:		none;
}
dl.menu-left dd a:link, dl.menu-left dd  a:visited, dl.menu-left dd  a:active {
	clear: 			both;
 	text-decoration:	none;
	display:		block;
	overflow: 		hidden;
	position:		relative;
	list-style:		none;
	color:			#33555b;
	padding:		4px 9px 4px 5px;
	border-left:		1px solid #dddddd;
	border-right:		1px solid #dddddd;
	border-bottom:		1px solid #dddddd;
}

dl.menu-left dd a:hover {
	clear: 			both;
 	text-decoration:	none;
	display:		block;
	overflow: 		hidden;
	position:		relative;
	list-style:		none;
	color:			#33555b;
	padding:		4px 9px 4px 5px;
	background:		url(img/tlo-link-3.gif) repeat-y center;
	border-left:		1px solid #dddddd;
	border-right:		1px solid #dddddd;
	border-bottom:		1px solid #dddddd;
}
dl.menu-left dd {
	margin:			0;
}

dl.menu-important dd {
	color:			#33555b;
	background:		url(img/tlo-link.gif) no-repeat center;
	border-left:		1px solid #dddddd;
	border-right:		1px solid #dddddd;
	text-align:		center;
	padding:		5px;
	margin:			0;
}

div#top-center h1, div#center-max h1 {
	width:			503px;
	height:			26px;
	font-size:		18px;
	font-weight:		normal;
	padding:		10px 0 0 10px;
	color:			#33555b;
	background:		#fff url(img/tlo-cont.gif) no-repeat left top;
	border-bottom:		1px solid #dfdfdf;
}


div#top-center span , div#center-max span {
	color: 			#ff7800;
}

div#top-center h2 {
	width:			100%;
	font-size:		12px;
	font-weight:		normal;
	padding:		5px 0 3px 10px;
	color:			#d5d5d5;
	background:		#fff;
}

div.news-left {
	line-height:		140%;
	text-align:		right;
	width:			480px;
	border:			1px solid #dfdfdf;
	background:		#fff url(img/news-tlo-left.gif) left repeat-y;
	padding:		10px 10px 10px 23px;
	overflow: 		hidden;
	margin-bottom:		10px;
}

img.news-left {
	margin-left:		-351px;
	margin-top:		-10px;
	position:		absolute;
}

div.news-left-photo {
	float:			right;
	width: 			130px; 
	margin-left:		20px;
	border-left:		1px solid #a5b7ba;
}

div.news-left-photo img {
	padding:		10px 0 10px 10px;
	width:			120px;
	height:			75px;

}


img.news-right {
	position:		absolute;
	margin:			-10px 0 0 338px;
}

div.news-right-photo {
	float:			left;
	width: 			130px; 
	margin-right:		20px;
	border-right:		1px solid #a5b7ba;
}

div.news-right-photo img {
	padding:		10px 10px 10px 0;
	width:			120px;
	height:			75px;

}

div.news-right {
	clear: 			both;
	overflow: 		hidden;
	line-height:		140%;
	width:			480px;
	border:			1px solid #dfdfdf;
	background:		#fff url(img/news-tlo-left.gif) right repeat-y;
	padding:		10px 23px 10px 10px;
	margin-bottom:		10px;
}

p.copy {
	color:			#8a8a8a;
	padding:		0 0 5px 0;
}
div#stopka {
	overflow: 		hidden;
	float:			left;
	width:			250px;
	border:			1px solid #dfdfdf;
	background:		#fff;
	padding:		7px;
	color:			#8a8a8a;
}

div#archiwum {
	overflow: 		hidden;
	float:			left;
	width:			900px;
	border-top:		1px solid #dfdfdf;
	border-right:		1px solid #dfdfdf;
	background:		#fff;
	padding:		0;
	color:			#8a8a8a;
}
div#pole {
	overflow: 		hidden;
	float:			left;
	width:			898px;
	border-left:		1px solid #dfdfdf;
	border-right:		1px solid #dfdfdf;
	border-bottom:		1px solid #dfdfdf;
	background:		#fff;
	padding:		7px 0 7px 0;
	color:			#8a8a8a;
	text-align:		center;
}

div.stopka-2 {
	overflow: 		hidden;
	height:			23px;
	float:			left;
	border-top:		1px solid #dfdfdf;
	border-bottom:		1px solid #dfdfdf;
	border-right:		1px solid #dfdfdf;
	background:		#fff;
	padding:		6px 6px 0 6px;
	color:			#8a8a8a;
}

div.arch {
	float:			left;
	width:			149px;
	height:			30px;
	border-left:		1px solid #dfdfdf;
	overflow: 		hidden;
}

div.arch dl {
	list-style:		none;
	margin:			0;
	padding:		0;
}
div.arch dt {
	color:			#33555b;
	font-weight:		bold;
	font-size:		12px;
	text-align:		right;
	height:			23px;
	padding:		7px 33px 0 0;
	width:			116px;
	background:		#f1f3f4 url(img/menu-tlo.gif) right;
	border-bottom:		1px solid #dddddd;
}

div#pole img {
	border:			1px solid #dfdfdf;
	margin-left:		10px;
	height:			85px;
}

div.linki-top {
	overflow: 		hidden;
	float:			left;
	width:			140px;
	padding:		3px 0 3px 3px;
	margin-bottom:		3px;
	height:			29px;
	border-bottom:		1px solid #dfdfdf;
}

div.linki-top dl {
	list-style:		none;
	margin:			0;
	padding:		0;
}
div.linki-top dt {
	color:			#fff;
	font-weight:		normal;
	font-size:		12px;
	height:			22px;
	width:			101px;
	padding:		7px 33px 0 6px;
	background:		#f1f3f4 url(img/linki-top.gif) right;
}
div.linki-top dd a:link, div.linki-top dd a:visited, div.linki-top dd a:active {
 	text-decoration:	none;
	display:		block;
	overflow: 		hidden;
	color:			#fff;
	width:			150px;
	padding:		5px;
	font-size:		11px;
	background:		#3c4844;
	border-top:		1px solid #75847f;
}


div.linki-top dd a:hover {
 	text-decoration:	none;
	color:			#fff;
	display:		block;
	font-weight:		normal;
	background:		#0a3023;
	width:			150px;
	font-size:		11px;
	padding:		5px;
	border-top:		1px solid #75847f;
}

div.linki-top dd {
	margin:			0;
}

dl.menu-right-2 dt {
	color:			#33555b;
	font-weight:		bold;
	font-size:		13px;
	text-align:		right;
	width:			147px;
	height:			23px;
	padding:		7px 33px 0 0;
	background:		#f1f3f4 url(img/menu-tlo.gif);
	border-bottom:		1px solid #dddddd;
	border-right:		1px solid #dddddd;
	border-left:		1px solid #dddddd;
}

div.arch dd a:link, div.arch dd a:visited, div.arch dd  a:active {
	clear: 			both;
 	text-decoration:	none;
	display:		block;
	overflow: 		hidden;
	text-align:		left;
	list-style:		none;
	color:			#33555b;
	background:		#fff;
	width:			187px;
	padding:		4px;
	border-left:		1px solid #dddddd;
	border-right:		1px solid #dddddd;
	border-bottom:		1px solid #dddddd;
}

div.arch dd a:hover {
	clear: 			both;
 	text-decoration:	none;
	display:		block;
	overflow: 		hidden;
	position:		relative;
	text-align:		left;
	list-style:		none;
	color:			#33555b;
	width:			187px;
	padding:		4px;
	background:		#fff url(img/tlo-link-3.gif) repeat-y center;
	border-left:		1px solid #dddddd;
	border-right:		1px solid #dddddd;
	border-bottom:		1px solid #dddddd;
}

div.arch dd {
	margin:			0;
}


dl.menu-right-2 dd a:link, dl.menu-right-2 dd  a:visited, dl.menu-right-2 dd  a:active {
	clear: 			both;
 	text-decoration:	none;
	display:		block;
	overflow: 		hidden;
	position:		relative;
	list-style:		none;
	color:			#33555b;
	width:			167px;
	padding:		4px 9px 4px 5px;
	border-left:		1px solid #dddddd;
	border-right:		1px solid #dddddd;
	border-bottom:		1px solid #dddddd;
}

dl.menu-right-2 dd a:hover {
	clear: 			both;
 	text-decoration:	none;
	display:		block;
	overflow: 		hidden;
	position:		relative;
	list-style:		none;
	color:			#33555b;
	width:			167px;
	padding:		4px 9px 4px 5px;
	background:		url(img/tlo-link-3.gif) repeat-y center;
	border-left:		1px solid #dddddd;
	border-right:		1px solid #dddddd;
	border-bottom:		1px solid #dddddd;
}

dl.menu-right-2 dd {
	margin:			0;
}

div#photo-top {
	clear: 			both;
	background:		url(img/mono2.jpg) no-repeat;	
	margin-left:		3px;
	padding-top:		20px;
	height:			103px;
}

div#photo-top span {
	background:		#989c36;
	color:			#fff;
	font-size:		17px;
	font-weight:		bold;
	padding:		6px 12px 6px 12px;
	margin:			0 0 0 310px;
}

div#photo-top p {
	color:			#fff;
	margin:			30px 5px 0 10px;
}

.table_n {border-top: 1px solid #B2B2B2; border-left: 1px solid #B2B2B2; width: 100%; font-size:11px;}
.td_title {border-bottom: 1px solid #B2B2B2;border-right: 1px solid #B2B2B2; background: #EEEEEE;font-weight: bold; padding: 5px;}
.td_txt {border-bottom: 1px solid #B2B2B2; border-right: 1px solid #B2B2B2; padding: 3px;}
img.tit {
    border:			1px solid #333;
    width:			120px;
    height:			75px;
    margin:			4px 8px 0 0;
    float:			left;
}

img.newimg {
	margin:			5px 7px 6px 7px;
	border:			1px solid  #dddddd;
	float:			left;
}

p.newtitle {
	font-size:		18px;
	font-weight:		normal;
	padding:		10px 0 5px 5px;
	color:			#33555b;
}
div.content-podst {
	width:			100%;
	padding:		5px 0 5px 0;
	border-bottom:		1px solid  #dddddd;
	overflow: 		hidden;
	background:		#fff;
	margin-bottom:		5px;
}

p.akapit {
        text-indent:		0.63cm;
	margin:			0;
	padding:		3px;
        text-align:		justify;
        white-space:		normal;
}
p.indent {
        text-indent:		0.63cm;
        text-align:		justify;
        white-space:		normal;
}
p.right {
	text-align:		right;
	white-space:		normal;
}
p.left {
	text-align:		left;
	white-space:		normal;
}
p.justify {
	text-align:		justify;
	white-space:		normal;
}

.left {
	text-align:		left;
}
.right {
	text-align:		right;
}
.top {
	vertical-align: 	top;
}
.middle {
	vertical-align:		middle;
}
.bottom {
	vertical-align:		bottom;
}
.center {
	text-align:		center;
}



div.context-title {
	clear:			both;
	padding:		5px 0 5px 0;
	overflow: 		hidden;
	width:			100%;
	border-bottom:		1px solid #dddddd;
	font-weight:		bold;
}

div.context {
	clear:			both;
	padding:		5px 0 5px 0;
	overflow: 		hidden;
	width:			100%;
	border-bottom:		1px solid #dddddd;
}

img.img-right {
	float:			right;
}

div.imggaleria {
	float:			left;
	width:			170px;
	padding-right:		5px;
	margin-top:		5px;
} 
div.imggaleria img {
	height:			115px;
}

div#klasy-left {
	float:			left;
	width:			30%;
}

div#klasy-right {
	float:			right;
	width:			490px;
}

ul#klasy-numer {
	list-style:		none;
	margin:			0;
	padding:		0;
}

ul#klasy-numer li {
	margin:			0;
	padding:		2px;
	border-bottom:		1px solid #dddddd;
}

ul#klasy-info {
	list-style:		none;
	margin:			0;
	padding:		0;
}

ul#klasy-info li {
	margin:			0;
	padding:		7px;
	background:		#e8f1ee;
	border:			1px solid #b9c9c4;
	letter-spacing:		1px;
}
div#klasy-foto {
	padding:		5px;
	border:			1px solid #b9c9c4;
	border-top:		0;
	width:			350px;
	float:			right;
}

#plan-table {
	border: 		1px solid #7B7B7B;
	width:			100%;
}
.plan-dni {
	width: 			122px; 
	background: 		#efefef;
}
.plan-lekcje {
	border-bottom: 		1px solid #efefef;
	border-right: 		1px solid #efefef;
}
.plan-godz {
	background: 		#efefef;
}

div.klasa {
	float:			left;
	width:			155px;
	height:			100px;
	padding:		9px 7px 10px 15px;
	text-align:		center;
	overflow: 		hidden;
}

div#top-center-2 {
	float:			left;
	width:			513px;
	background:		url(img/monografia.gif) no-repeat;
	border-bottom: 		1px solid #d4d4d4;
	padding-bottom:		15px;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url('data:image/gif;base64,AAAA'); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }