body {
    margin: 0;
	background-color: #00903d;
	background-image: url("../gfx/top_tlo.jpg");
	background-repeat: repeat-x;
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: black;
	}
	
a:link { color: blue;}
a:visited { color: green;}
a:hover { text-decoration: none;}
a:active { color: black;}
	
img {
	border: 0 none;
	}
	
ul {
	line-height: 1.4;
	list-style-image: url("../gfx/strzalka.gif");
	}

#content {
	margin: 0 auto;
	width: 950px;
	}

#header {
	position: relative;
	margin-top: 10px;
	width: 950px;
	height: 220px;
	background: url("../gfx/header_tlo.png") no-repeat;
    }
	
#logo h1 {
	position: absolute;
	margin-left: 30px;
	top: 20px;
	height: 160px;
	width: 440px;
	background: url("../gfx/tarcza.png") no-repeat;
	}
	
#logo h1 a {
	display: block;
	height: 160px;
	text-indent: -9999px;
	}

#menu {
    width: 950px;
	height: 30px;
	text-align: left;
	background: url("../gfx/menu_tlo.png") no-repeat;
    }

#menu ul {
	position: absolute;
	margin: 0px 0px 0px 15px;
	padding: 0;
    }

#menu ul li {
	float: left;
	list-style: none;
    }

#menu ul li a {
	display: block;
	padding: 6px;
	height: 18px;
	width: 172px;
	text-align: center;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
	color: black;
    }

#menu ul ul {
	overflow:hidden;
	margin: 0;
	height: 0;
    }

#menu li li {
	float: none;
}

#menu ul li ul li a {
	background: url("../gfx/item_tlo.png");
	border-bottom: 1px #a7aeb6 solid;
	white-space: nowrap;
	}

#menu ul li:hover ul {
	height: auto;
}

#menu ul li a:hover {
	background: url("../gfx/itemhover_tlo.png");
}

#menu2 {
    width: 950 px;
	height: 30px;
	text-align: left;
	background: url("../gfx/menu_tlo.png") no-repeat;
    }

#menu2 ul {
	position: absolute;
	margin: 0px 0px 0px 15px;
	padding: 0;
    }

#menu2 ul li {
	float: left;
	list-style: none;
    }

#menu2 ul li a {
	display: block;
	padding: 1px;
	height: 28px;
	width: 130px;
	text-align: center;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
	color: black;
    }

#menu2 ul ul {
	overflow:hidden;
	margin: 0;
	height: 0;
    }

#menu2 li li {
	float: none;
}

#menu2 ul li ul li a {
	background: url("../gfx/item_tlo.png");
	border-bottom: 1px #a7aeb6 solid;
	white-space: nowrap;
	}

#menu2 ul li:hover ul {
	height: auto;
}

#menu2 ul li a:hover {
	background: url("../gfx/itemhover_tlo.png");
}

#informations {
	float: none;
	overflow: auto;
	width: 950px;
	background: url("../gfx/informations_tlo.png") repeat-y;
	overflow: hidden;

    }

#informations h2 {
	margin: 0.1em 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	font-size: 1.2em;
	color: #a52a2a;
	}

#informations h3 {
	margin-left: 2em;
	font-size: 1em;
	}
	
#informations h4 {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 1em;
	}
	
#informations p {
	margin: 0;
	padding: 0.5em;
	line-height: 1.5;
	font-size: 1.2em;
	text-align: center;
	}
	
#informations img {
	width: auto;
	height: auto;
    }
	
#informations #column1 {
	float: left;
    	margin-left: 15px;
	width: 190px;
	height: 1175px;
	border-right: 2px #f3de74 dotted;
    }
	
#informations #column1 table {
	margin: 25px 55px;
	text-align: center;
    }
	
#informations #column1 table tr td img:hover {
	width: 98px;
	height: 98px;
	border: 1px #a7aeb6 solid;
	background: #daabb4;
    }
	
#informations #column2 {
	float: left;
	width: 496px;
	text-align: center;
    }
	
#informations #column2 table{
	margin: 20px;
	width: 456px;
	text-align: center;
	text-indent: inherit;
	font-weight: bold;
    }


#informations #column2 table tr td a{
	text-decoration: none;
}
	
#informations #column3 {
	float: right;
	margin-right: 15px;
	width: 220px;
    	height: 1175px;
	border-left: 2px #f3de74 dotted;
    }
	
#informations #column3 table {
	margin: 0px 25px 25px 25px;
	text-align: center;
    }
	
#informations #column3 #strony {
	margin: 0px 25px 25px 15px;
	text-align: center;
    }
	
#informations #column3 tr td img:hover {
	width: 73px;
	height: 73px;
	border: 1px #a7aeb6 solid;
	background: #daabb4;
    }
	
#informations #column3 #strony tr td img:hover {
	width: 165px;
	height: 73px;
	border: 1px #a7aeb6 solid;
	background: #daabb4;
    }

#informations #column4 {
	float: left;
	width: 496px;
	text-align: center;
    }
	
#informations #column4 table{

	text-align: center;
	text-indent: inherit;
    }


#informations #column4 table tr td a{
	text-decoration: none;
}

#informations #column5 {
	float: left;
	width: 496px;
	text-align: center;
    }
	
#informations #column5 table{
	margin: 20px;
	text-align: center;
	text-indent: inherit;
	font-weight: bold;
    }


#informations #column5 table tr td a{
	text-decoration: none;
}
	

#imienia {
	font-style: italic;
    }
	
#programy {
	margin-top: 25px;
    }

#footer {
	padding: 10px;
	margin-bottom: 10px;
	width: 950px;
	height: 110px;
	text-align: center;
	background: url("../gfx/footer_tlo.png") no-repeat;
    }
	
#footer table{
	margin: -45px 460px 35px 460px;
	font-size: 1.2em;
	font-weight: bold;
    }

/*PRACOWANIE & BIBLIOTEKA & ZAPISY STYLE*/

#pracownie {
	padding: 0;
	text-align: center;
	}
	
#pracownie tr td img {
    margin: 8px;
	width: auto;
	height: auto;
	border: 2px #a7aeb6 solid;
	}
	
#pracownie tr td img:hover {
	margin: 6px;
	width: auto;
	height: auto;
	border: 4px #daabb4 solid;
	}

/*WIZJA STYLE*/
	
#informations #wizja {
	float: left;
	width: 496px;
	text-align: center;
    }
	
#informations #wizja ul {
	text-align: left;
    }
	
#cytat {
	font-style: italic;
	font-weight: bold;
    }
	
#tekst {
	color: blue;
    }
	
#haslo {
	font-style: italic;
	font-weight: bold;
    }
	
/*HISTORIA STYLE*/

#informations #historia {
	float: left;
	width: 496px;
	text-align: center;
    }
	
#informations #historia ul {
	text-align: left;
    }
	
#first {
	font-weight: bold;
    }
	
#second {
	font-weight: bold;
    }
	
#third {
	font-weight: bold;
    }

/*PEDAGOG I PSYCHOLOG & ZAJECIA POZALEKCYJNE STYLE*/

#informations #pedagog {
	float: left;
	width: 496px;
	text-align: center;
    }
	
#informations #pedagog table {
	margin: 0px 20px;
	width: 456px;
	text-align: center;
	text-indent: inherit;
	background: #daabb4;
    }
	
#informations #pedagog table tr td {
	padding: 4px;
	background: white;
    }
	
/*NAUCZYCIELE & KLASY STYLE*/

#informations #nauczyciele {
	float: left;
	width: 496px;
	text-align: center;
    }
	
#informations #nauczyciele table {
	margin: 0px 20px;
	width: 456px;
	text-align: center;
	text-indent: inherit;
	background: #f3de74;
    }
	
#informations #nauczyciele table tr td {
	padding: 4px;
	background: white;
    }
	
/*ADMINISTRACJA & NAJLEPSI UCZNIOWIE STYLE*/

#informations #administracja {
	float: left;
	width: 496px;
	text-align: center;
    }
	
#informations #administracja table {
	margin: 0px 20px;
	width: 456px;
	text-align: center;
	text-indent: inherit;
	background: #a9dc93;
    }
	
#informations #administracja table tr td {
	padding: 4px;
	background: white;
    }
	
/*AKTUALNOSCI STYLE*/

#informations #aktualnosci {
	margin: 0px 15px 0px 14px;
	width: 920px;
	text-align: center;
	margin-right: 0px;
    }

#informations #aktualnosci ul {
	text-align: left;
    }
	
#informations #aktualnosci h3 {
	text-align: left;
	font-weight: normal;
    }
	
#informations #aktualnosci table {
	padding: 1.2em;
	text-align: center;
	}
	
#informations #aktualnosci table tr td img {
    margin: 8px;
	width: auto;
	height: auto;
	border: 2px #a7aeb6 solid;
	}
	
#informations #aktualnosci table tr td img:hover {
	margin: 6px;
	width: auto;
	height: auto;
	border: 4px #daabb4 solid;
	}

#informations #aktualnosci2 {
	margin: 0px 15px 0px 0px;
	width: 950px;
	text-align: center;
	margin-right: 0px;
    }

#informations #aktualnosci2 ul {
	text-align: left;
    }
	
#informations #aktualnosci2 h3 {
	text-align: left;
	font-weight: normal;
    }
	
#informations #aktualnosci2 table {
	padding: 1.2em;
	text-align: center;
	}
	
#informations #aktualnosci2 table tr td img {
    margin: 8px;
	width: auto;
	height: auto;
	border: 2px #a7aeb6 solid;
	}
	
#informations #aktualnosci2 table tr td img:hover {
	margin: 6px;
	width: auto;
	height: auto;
	border: 4px #daabb4 solid;
	}
	
#informations #aktualnosci #msKlasy {
	margin: 0px 14px, 14px, 14px;
	}
	
#informations #aktualnosci #msNauczyciele {
	margin: 12px;
	}

a, a:visited {
	background-color: transparent;
	color: #0000FF;
}

a:hover {
	background-color: transparent;
	color: #FF0000;
}

/* Header */
div#header h1 {
	font-family: tahoma, arial, helvetica, sans-serif;
	text-align: center;
	background-color: transparent;
	color: #000000;
}

/* Thumbnail Index */
div#index {
	margin: 1ex 0 1ex 0;
	text-align: center;
}

div#index table {
	text-align: center;
	margin: 0 auto 0 auto;
}

div#index td.thumbcell {
	width: 100px;
	border-style: solid;
	border-color: #28ABE9;
	border-width: 1px;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}

div#index td.thumbcell img {
	border-style: none;
}

div#index div.pages {
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 0.8em;
	text-align: right;
}

/* Photo Navigation */
div#navigation {
	text-align: center;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 0.8em;
	margin: 1ex 0 1ex 0;
}

div#navigation table {
	text-align: center;
	margin: 0 auto 0 auto;
}

div#navigation td.previous {
	text-align: left;
	width: 100px;
}

div#navigation td.index {
	text-align: center;
}

div#navigation td.next {
	text-align: right;
	width: 100px;
}

div#navigation td.thumbcell {
	width: 100px;
	border-style: solid;
	border-color: #28ABE9;
	border-width: 1px;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}

div#navigation td.thumbcell img {
	border-style: none;
}

div#navigation td.selected {
	border-style: outset;
	border-width: 2px;
}

div#navigation span.home {
	display: block;
	padding-bottom: 1em;
}

/* Photograph */
div#photograph {
	text-align: center;
	margin: 1ex 0 1ex 0;
}

div#photograph img {
	margin: 0 auto 0 auto;
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 1px;
}

/* Photograph Title */
h1.title {
	text-align: center;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	margin: 0px;
}

/* Photograph Caption */
p.caption, p.description {
	font-family: tahoma, arial, helvetica, sans-serif;
	text-align: center;
	font-size: 0.8em;
	display: block;
	width: 1024px;
	margin: auto;
}

/* Footnote */
p.footnote {
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 0.6em;
	text-align: right;
	padding: 0 2em 0 0;
}