* {
	padding: 0;
	margin: 0;
}
div#logo,
div#logo div,
div#picture,
div#footer { behavior: url('http://www.sp3.chojnice24.pl/js/iepngfix.htc') }

a#main span,
a#szkolazklasa span,
a#intensys span {
	display: none;
}
div#menu,
div#right,
div#content2 {
	display: inline;
}

a {
	text-decoration: none;
}
body {
	text-align: center;
	background: #54A02C url('../img/bg.jpg') repeat-x;
	margin: 59px 0;
}
img, fieldset {
	border: 0;
}

div#container {
	margin: auto;
	width: 916px;
	text-align: left;
	background: url('../img/top.jpg') no-repeat left 19px;
	position: relative;
}

a#szkolazklasa {
	position: absolute;
	left: 19px;
	top: 36px;
	display: block;
	width: 118px;
	height: 100px;
}
a#main {
	position: absolute;
	left: 757px;
	display: block;
	width: 148px;
	height: 169px;
	z-index: 2;
}
div#logo {
	background: url('../img/logoa.png') no-repeat;
	width: 147px;
	height: 159px;
	margin-left: 777px;
	position: relative;
	z-index: 1;
}
	div#logo div {
		background: url('../img/logob.png') no-repeat;
		width: 32px;
		height: 140px;
		position: relative;
		top: 19px;
		left: 96px;
	}

div#container2 {
	width: 873px;
	background-image: url('../img/bg2.png');
	margin-top: -1px;
	position: relative;
}
div#container2b {
	width: 873px;
	background-image: url('../img/bg3.png');
	position: relative;
	margin-top: 3px;
}

div#menu {
	background-color: #BBD9AB;
	width: 213px;
	margin: -3px 6px 0 6px;
	float: left;
}
	div#menu ul {
		margin: 30px 0 0 18px;
	}
	div#menu li {
		list-style-type: none;
		margin-bottom: 2px;
	}
	div#menu a {
		font: bold 14px/36px tahoma, arial, sans-serif;
		height: 36px;
		color: #143502;
		display: block;
		overflow: hidden;
		padding-left: 10px;
		margin-right: 15px;
	}
	div#menu a:hover,
	a.selected {
		background-color: #D1E5C5;
		color: #83A624;
	}

	
div#middle {
	width: 359px;
	float: left;
}
div#photo img {
	display: block;
}
div#photo div {
	color: #fff;
	text-align: center;
	font: 12px/36px arial, sans-serif;
	margin-top: -36px;
}
div#content {
	margin: 5px 17px 80px 17px;
	text-align: justify;
	font: 11px/18px arial, sans-serif;
	color: #516943;
}
	div#content h1,
	div#quote h2 {
		color: #143502;
		font: 18px/30px tahoma, arial, sans-serif;
	}
	div#content a {
		color: ;
	}
	div#content a:hover {
		text-decoration: underline;
	}
	div#content ul, 
	div#content ol {
		padding-left: 30px;
		padding-bottom: 15px;
	}

div#container3 {
	position: absolute;
	bottom: -36px;
	width: 359px;
	height: 105px;
	color: #fff;
}
	div#container3 h2 {
		font: 18px/24px arial, sans-serif;
		padding: 10px 0 5px 17px;
	}
	div#container3 a {
		color: #fff;
}
	div#container3 a:hover {
		color: #A6B5FF;
	}
div#book,
div#a {
	height: 105px;
}
div#book {
	width: 173px;
	background-image: url('../img/book.jpg');
	float: left;
}
	div#book li {
		list-style-type: none;
		background: url('../img/marker.png') no-repeat left center;
		margin-left: 27px;
		font: 14px/24px arial, sans-serif;
		padding-left: 8px;
	}
div#a {
	width: 181px;
	background-image: url('../img/a.jpg');
	float: right;
	border-left: 5px solid #fff;
}

div#content2 {
	margin: 0 29px 55px 16px;
	font: 12px/20px arial, sans-serif;
	color: #5C5C5C;
	width: 603px;
	float: right;
	text-align: justify;
}
	div#content2 h1, 
	div#content2 h2, 
	div#content2 h3, 
	div#content2 h4 {
		color: #54A02C;
		margin-left: 6px;
	}
	div#content2 h1 {
		font: 24px/50px arial, sans-serif;
	}
	div#content2 h2 {
		font: 18px/35px arial, sans-serif;
		margin-top: 12px;
	}
	div#content2 h3 {
		font: 18px/25px arial, sans-serif;
		margin-top: 8px;
	}
	div#content2 h4 {
		font: 15px/20px arial, sans-serif;
		margin-top: 5px;
	}
	div#content2 a {
		color: #F4AA04;
		text-decoration: underline;
	}
	div#content2 a:hover {
		text-decoration: none;
	}
	span#sposob {
		padding: 0 30px;
	}
	
div#right {
	float: right;
	margin-right: 9px;
	width: 275px;
}
	div#quote {
		background: #E2EFDC url('../img/quote.jpg') no-repeat right;
		height: 124px;
		border-bottom: 7px solid #fff;
	}
		div#quote h2 {
			padding: 4px 0 5px 14px;
		}
		div#quote div,
		div#quote span {
			font: italic 12px/18px arial, sans-serif;
			color: #143502;
			margin: 0 33px 8px 38px;
		}
		div#quote span {
			display: block;
			text-align: right;
			margin-right: 33px;
			font-style: normal !important;
		}
	div#history {
		background: #FA7B2F url('../img/history.jpg') no-repeat left bottom;
		height: 139px;
		border-bottom: 5px solid #fff;
	}
		div#history a,
		div#info a,
		div#a a {
			display: block;
			height: 100%;
			color: #fff;
			cursor: pointer;
		}
		div#history a:hover {
			color: #FFD5BD;
		}
		div#history h2 {
			font: 24px/24px arial, sans-serif;
			text-align: right;
			padding: 33px 12px 5px 0;
		}
		div#history div {
			font: 12px/18px arial, sans-serif;
			width: 115px;
			margin-left: 148px;
		}
	div#info {
		background: url('../img/info.png') no-repeat 19px 18px;
		color: #fff;
		height: 126px;
	}
		div#info a:hover {
			color: #CEC5F0;
		}
		div#info h2 {
			width: 156px;
			padding: 13px 0 14px 107px;
			font: 18px/23px arial, sans-serif;
		}
		div#info span {
			font: 14px/18px arial, sans-serif;
			padding-top: 8px;
		}
		div#info div {
			margin-left: 18px;
			width: 160px;
			font: 12px/18px arial, sans-serif;
		}
	div#footerRight {
		position: absolute;
		bottom: -4px;
		height: 9px;
		width: 275px;
		background: url('../img/rightbottom.png') no-repeat bottom;
	}

a#intensys {
	position: absolute;
	display: block;
	width: 147px;
	height: 17px;
	bottom: -28px;
	right: 132px;
}

div#picture {
	background: url('../img/picture.png');
	width: 172px;
	height: 166px;
	position: absolute;
	right: -43px;
	bottom: -101px;
}

	
div#footer {
	clear: both;
	background: url('../img/footer.png') no-repeat;
	height: 46px;
}

.clear {
	clear: both;
	line-height: 0;
	font-size: 0;
	width: 0;
}

div.galeria {
	display: table;
	padding-top: 20px;
	padding-left: 10px;
}

a.foto {
	padding: 5px;
	display: block;
	float: left;
}

a.ordinary {
	color: #516943 !important;
	text-decoration: none;
	display: block;
}

a.ordinary:hover {
	color: #98B388 !important;
	text-decoration: none !important;
}

a.rightlink {
	margin-top: 5px;
	color: #143502;
	text-align: right;
	display: block;
	font-weight: bold;
}

h2 span {
	display: block;
	padding-left: 2px;
	color: #B9B9B9;
	font: normal 11px Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
	top: -5px;
	position: relative;
}

div.galerie a {
	display: table;
	width: 600px;
	text-indent: 10px;
	border-bottom: 1px solid #E6E6E6;
	text-decoration: none !important;
	color: #777 !important;
	clear: both;
	float: none;
	line-height: 30px;
	cursor: pointer;
}

div.galerie a.grey {
	background-color: #E6E6E6;
}

div.galerie a:hover {
	color: #EBB554 !important;
}

div.galerie a span {
	float: left;
	display: table;
}

div.galerie a em {
	font-variant: normal;
	font-style: normal;
	float: right;
	margin-right: 10px;
	display: table;
	text-align: right;
}

div.cnt {
    text-align: center;
}

div.paginator {
	padding-top: 10px;
	text-align: center;
}

a.news {
	color: #516943 !important;
	text-decoration: none !important;;
	display: block;
}

a.news:hover {
	color: #98B388 !important;
	text-decoration: none !important;
}

div.field {
    display: table;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: left;
}

div.field label {
    float: left;
    width: 120px;
    padding-top: 2px;
    position: relative;
    left: 0;
    clear: both;
}

div.field input, div.field textarea {
    width: 150px;
    border: 1px solid #51504C;
    padding: 2px;
}

div.field select {
    width: 155px;
    border: 1px solid #51504C;
    padding: 2px;
}

div.field textarea {
    overflow: auto;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
}

input.button {
    background-color: #E29813;
    border: 0;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 4px;
    color: #fff;
    cursor: pointer;
}

div#error {
    display: none;
    width: 350px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #E79898;
    color: #fff;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
}

div#message {
    width: 350px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #009631;
    color: #fff;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
}

div.green {
    width: 350px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #319600;
    color: #fff;
    text-align: center;
    font-weight: bold;
    margin: auto;
    margin-bottom: 10px;
}

div.red {
    width: 350px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #E79898 !important;
    color: #fff;
    text-align: center;
    font-weight: bold;
    margin: auto;
    margin-bottom: 10px;
}

div.field label.error {
    width: 150px !important;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #B90000;
    font-size: 10px;
    position: relative;
    padding-left: 120px;
    line-height: 12px;
    float: none;
    clear: both;
    display: block;
}

fieldset {
	padding-top: 8px;
	padding-bottom: 8px;
}

form {
	text-align: center;
	width: 350px;
	margin: auto;
}

div.guesttitle {
	width: 600px;
	text-indent: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom: 1px solid #AEAEAE;
	background-color: #efefef;
	text-align: left;
	display: table;	
}

div.guesttitle span {
	float: left;
	display: table;
}

div.guesttitle em {
	float: right;
	display: table;	
	padding-right: 10px;
}

div.guesttitle a {
	text-decoration: none !important;
	font-weight: bold;
}

div.guesttext {
	padding-top: 4px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
}

div.win img {
	padding: 10px;
}

div.win {
	display: block;
	padding-bottom: 10px;
	border-bottom: 1px dashed #d9d9d9;
}

div#content2 ol, div#content2 ul {
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 10px;
	text-align: left;
}

div#content2 table {
	border-top: 1px solid #777;
	border-left: 1px solid #777;	
}

div#content2 table td {
	border-bottom: 1px solid #777;
	border-right: 1px solid #777;	
	padding: 3px;
}