body{
margin: 0;
padding: 0;
background: #99AA66;

text-align: center;
}


div#box{
background: #DDEEDD;
border: solid white 2px;
margin-top: 0;
margin-bottom: 0;
position: relative;
text-align:left;
margin-left: auto;
margin-right: auto;
width: 800px;
height: auto;
	}
	
/*tytul*/	
	div#nagl{
margin-top: 0;
margin-bottom: 0;
font-size: 175%;
letter-spacing: 3px;
text-align: center;
font-weight: bold;
background: #557733;
color: white;
padding-top: 0.25em;
padding-bottom: 0.25em;
border-top: solid 2px white;
}



div#nagl a {
	color: white;
	text-decoration: none;
	display: block;

}

/*logo*/
div#logo {
	position: relative;
float: left;
margin: 0px 2px 0px 30px;
}

	
/*naglowki*/

h2{
text-align: center;
letter-spacing: 1px;	
}

h3{
text-align: center;
line-height: 125%;
padding: 1em;
}

h4{
text-align: center;
font-weigh: bold;
	
}


/*menu*/

div#nav{
	float: left;
	text-decoration: none;
		background: #668844;
	}


div#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	
	}
	
div#nav li {
	position: relative;
	border-left: solid 1px white;
	border-right: solid 1px white;
	border-top: solid 2px white;
	border-bottom: solid 2px white;
	padding: 6px 2px 6px 6px;
 width: 125px;
white-space: nowrap;
	background: #668844;

	}

div#nav ul a{

	display: block;
		background: #668844;
	text-decoration: none;
	color: white;
	text-align: center;
	font-style: italic;
	font-weight: bold;
	font-size: 115%;
	}
div#nav ul a:hover {text-decoration: underline;}





/*glowny tekst*/

div#main{
background: #DDEEDD;
margin: 0;
padding: 0 1em 1em 150px;
line-height: 120%;

}


div#lista{
	text-decoration: none;
	list-style-image: url(haczyk.gif);	
}
div#podlista{
	text-decoration: none;
	list-style-image: url(kropka.gif);	
}


/*zdjecie na stronie glownej*/

div#obrazek_main{
	position: fixed;
}

/*tło strony glownej*/
body.home div#main{
	background: url(liceum.jpg) 0 0 no-repeat;

	margin-top: -1em;
	
}


/*wazne informacje*/

div#uwaga{
font-weight: bold;
font-size: 115%;
}


/*odnosniki w tekscie*/
div#link{
	font-style: italic;
	
}

/*opisy do zdjec*/

div.under
{
	text-align: center;
	font-style: italic;
}

/*zdjecia*/

div.img
{
  margin: 2px;

  height: auto;
  width: auto;

  text-align: center;
}	
div.img img
{

  margin: 3px;
  border: 2px solid black;
 
}  

div.img a:hover img {
border: 2px solid #DDEEDD;	
}




/*zdjecia w katalogu*/

div.img ul{
	list-style: none;
	display: inline;
}

div.img li.date{

list-style: none;
font-size: 80%;

}

div.img li.title{

list-style: none;
font-weight: bold;

}