.plan {
  margin:10px auto 10px auto;
  width:420px;
  border-collapse:collapse;
}

.plan th {
  height:40px;
  font-weight:normal;
  color: #FF9900;
  text-align:center;
  background: url('images/plan.png') repeat-x 0% 0%;
}

.plan .godzina {
  width:120px;
  text-align:center;
  color: #999999;
  background:#eeeeee;
  border-bottom:1px solid #999999;
}

.plan .lekcja {
  width:300px;
  padding-left:20px;
  background:#eeeeee;
  border-bottom:1px solid #999999;
}

.planStopka {
  height:40px;
  background: url('images/plan2.png') repeat-x 0% 0%;
}

.zdjeciaData {
  font:normal 11px/1.5 Arial, Helvetica, sans-serif;
  color: #999999;
  width:70px;
  float:left;
}

.zdjeciaOpis {
  font:normal 11px/1.5 Arial, Helvetica, sans-serif;
  color: #999999;  
  position:realtive;
  margin-left:70px;
  margin-bottom:10px;
}

.zdjeciaDiv {
	text-align: center;
	background:#eeeeee;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	overflow:hidden;
}

.zdjeciaMenu {
	color:#eeeeee;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 30px;
	margin-right: 30px;
	font-size: 85%;
}

.zdjeciaMenu ul li {
  display: inline-block;
  list-style: none;
	text-align: center;
	width:22px;
	height:22px;
	zoom:1;
	*display: inline;
	}

#selected {
	background: url('images/zdjecie-menu.png') no-repeat;
	}

#link {
  background: transparent;
}

.zdjeciaMenu ul li a {
  color: #FF9900;
  text-decoration:none;
  display: block;
}

.zdjeciaMenu li a:link,.zdjeciaMenu li a:visited,.zdjeciaMenu li a:active {
	color:#FF9900;
	text-decoration:none;
	}
	
.zdjeciaMenu li a:hover {
	text-decoration:none;
	color: #FF9900;
	}

.zdjecie {
  border:2px solid #999999;
}

.zdjeciaPrev {
  position:absolute;
  left:0px;
  top:0px;
  background:transparent;
  width:200px;
  height:100%;
  overflow:hidden;
}

.zdjeciaNext {
  position:absolute;
  left:460px;
  top:0px;
  background:transparent;
  width:200px;
  height:100%;
  overflow:hidden;
}

.zdjeciaAutor {
	margin-right:30px;
  font-size:75%;
  color:#999999;
	text-align: right;
}

.galeria {
  width:600px;
  margin:10px 10px 30px 10px;
  background: url('images/galeria.png') no-repeat top;
 }

.galeriaTytul {
  font:normal 15px/1.5 Arial, Helvetica, sans-serif;
  color: #FF9900;   
}

.galeriaTytul a {
  display:block;
  text-decoration:none;
  color: #FF9900;
}

.galeriaData {
  font:normal 11px/1.5 Arial, Helvetica, sans-serif;
  color: #999999;
  width:70px;
  float:left;
}

.galeriaOpis {
  font:normal 11px/1.5 Arial, Helvetica, sans-serif;
  color: #999999;  
  width:530px;
  position:realtive;
  margin-left:70px;
}

#login {
	height:100%;
	width:300px;
	margin:50px auto 0px auto;
	padding:10px;
  background:#F0F0F0;
  position:relative;    										
	}

.news {
  width:600px;
  margin:10px 10px 30px 10px;
  background: url('images/news.png') repeat-x 0% 0%;
 }

.newsTytul {
  font:normal 15px/1.5 Arial, Helvetica, sans-serif;
  color: #FF9900;   
}

.newsDataAutor {
  font:normal 11px/1.5 Arial, Helvetica, sans-serif;
  color: #999999;
  background: url('images/news-tytul.png') no-repeat bottom;
}


#menuTlo {
	float:left;	
	width:140px;
	height:300px;
		background: url('images/menu.png') no-repeat;
		padding-top: 20px;
		padding-bottom: 20px;
	}

#menu {
	width:139px;	
	padding-top: 20px;
	padding-bottom: 20px;
	}

#menu ul li {
	list-style: none;
	text-align: right;
	}

#menu ul li a {
	width:139px;
	height:30px;
	display:block;	
	color: #333333;		
		border-bottom: 1px dotted #999999;
		border-left: 1px solid #999999;
		background: transparent;				
	}

#menu li a:link,#menu li a:visited,#menu li a:active {
	text-decoration:none;
	}

#menu ul li a:hover {color: #FF9900;}
#menu ul li a.selected {color: #FF9900;}


/*pierwszy*/
#menu ul li a#pierwszy {background: transparent;border-top: 1px solid #999999;}
#menu ul li a#pierwszy:hover {border-top: 1px solid #999999;border-bottom: 1px dotted #999999;border-left: 1px solid #999999;color: #FF9900;}
#menu ul li a#pierwszy.selected {border-top: 1px solid #999999;border-bottom: 1px dotted #999999;border-left: 1px solid #999999;color: #FF9900;}

/*ostatni*/
#menu ul li a#ostatni {background: transparent;border-bottom: 1px solid #999999;}
#menu ul li a#ostatni:hover {border-bottom: 1px solid #999999;border-left: 1px solid #999999;color: #FF9900;}
#menu ul li a#ostatni.selected {border-bottom: 1px solid #999999;border-left: 1px solid #999999;color: #FF9900;}


* {
	margin:0;
	padding:0;
	}

html {
	background: #D6EEF8;
	color: #333333;
	}

body {	
	font:15px/1.7 Arial, Helvetica, sans-serif;
  height: 101%;	
	}

h1 {	
	font:normal 21px/1.7 Arial, Helvetica, sans-serif;
	text-align:center;
	color: #FF9900;
	}
  
h4 {
  font:normal 15px/1.5 Arial, Helvetica, sans-serif;
  color: #FF9900;   
}	
	
a {
  color: #0099FF;
}
	
#calaZawartosc {
	height:101%;
	width:100%;	
	position:absolute;
	text-align:center;
		background: #transparent;
	}
	
#zawartosc {
	width:920px;
	margin: 10px auto 10px auto;
		
	}

#tresc {
	width:880px;
	text-align:left;
	background: url('images/tlo.png') repeat-y;
		padding: 20px;
	}

#glownaZawartosc {
	min-height:400px;
	width:660px;
	overflow:hidden;
	text-align: justify;	
	padding: 10px 40px 10px 40px;
		background: #FFFFFF;  											
	}
	
#stopka {
	width:920px;
	height:50px;	
	background: url('images/tlo-down.png') no-repeat bottom;
	}
	
#stopkaMenu {
	float:left;	
	width:410px;
	margin: 20px 0px 0px 30px;
	}

#stopkaMenuPoz li {
	float:left;	
	list-style:none;
	}

#stopkaMenuPoz {
	width:410px;
	font-size:75%;
	}
	
#stopkaMenuPoz li a:link,#stopkaMenuPoz li a:visited,#stopkaMenuPoz li a:active {
	color:#333333;
	text-decoration:none;
	}
	
#stopkaMenuPoz li a:hover {
	text-decoration:underline;
	color: #FF9900;
	}
	
#copyright {
	float:right;
	width:320px;
	font-size:75%;
	text-align: right;
	margin: 20px 30px 0px 0px;
	}
	
#naglowek {
	width:920px;
	height:100px;	
	background: url('images/tlo-up.png') no-repeat top;		
	position: relative;
	}

#naglowekText { 
	width:900px;
	height:10px;
	position: absolute;
	bottom: 0px;
	left:0px;
	text-align: right;
	font-size:75%;
	
}

#nav {
	width:570px;
	height:80px;
	position:absolute;
	left:300px;
	}
		
#nav ul li {
	float:left;
	list-style: none;	
	margin-top: 30px;
	}

#nav ul li a {
	width:80px;
	height:40px;
	display:block;
	}
