body {
margin: 0 auto;
padding: 0;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
background-color:#223690;
background-image:url(images/szkole2.jpg);
}
#naglowek { 
  font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size:17pt;
  color: #55AAFF;
  text-align:center;
  font-weight:bold;
padding-bottom: 20px;
}
#arty {
  
}
#arty img {
margin-right: 10px;
padding:3px;
border : 1px solid #808080;

}
#arty a:link, a:visited, a:active {
	color: #F7EEA3;
	text-decoration: none;
}
#arty a:hover {
	text-decoration: underline;
	color: #95E4F9;
}

#stopa { }
#stopa a:link, a:visited, a:active {
	color: #B7BFC5;
	text-decoration: none;
}
#stopa a:hover {
	text-decoration: underline;
	color: #A1B28D;
}

#maintable {
width:790px;
border:0px;
margin-right:auto;
margin-left:auto;
margin-top: 40px;
padding-top:0px;
/*border:1px solid #FFFFFF;*/
}
#contentcontainer {

width:799px;
height:331px;
}
#content {


 /* float: left;*/
  color:#FFFFFF;
width:750px;
height:145px;
/*overflow:auto;*/
margin-left:auto;
margin-right:auto;
margin-top:110px;

}
#navcontainer {
background-image:url(images/3.jpg);
width:431px;
height:27px;
}
#nav {
width:425px;
height:17px;
text-align:right;
overflow:auto;
vertical-align:bottom;
color:#F0F0F0;
}
img {
border:0px;
}
p {
padding-top:5px;
}
body,td,th {
	color: #333333;
}
#nav a:link,#nav a:visited,#nav a:active {
	color: #FFFFFF;
	text-decoration: none;
}
#nav a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
#headercontainer {
background-image:url(images/1_01.jpg);
width:799px;
height:131px;
}
#header {
overflow:auto;
color:#E7EEC2;
font-size:20px;
width:799px;
height:131px;
text-align:right;
}
a:link, a:visited, a:active {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}

#mmm { text-align: right;}
#bez {margin-left: 0px; margin-right: 0px; clear: both;}
		 #example2, #example3, #example4,  #example5 { 
			margin-left: 0px; margin-right: 0px; 
			clear: both;
		}
		img { border: none; }
		
		/* ---------------------------- */


				
		/* ---------------------------- */
		
		#example2 a.rollover {
			width: 136px;
			display: block;
			overflow: hidden;
		}
		
		#example2 a.rollover img {
			display: block;
		}

		#example2 a.rollover:hover img {
			margin-left: -136px;
		}
		
		/* ---------------------------- */
		
		#example3 a.rollover {
			width: 136px;
			display: block;
			overflow: hidden;
		}
		
		#example3 a.rollover {
			display: block;
		}
		
		#example3 a.rollover:hover {
			text-indent: -136px;
		}
		
				
		/* ---------------------------- */
		
		#example4 a.rollover {
			width: 136px;
			display: block;
			overflow: hidden;
		}
		
		#example4 a.rollover img {
			display: block;
		}

		#example4 a.rollover:hover img {
			margin-left: -136px;
		}
		
		/* ---------------------------- */
		
				
		/* ---------------------------- */
		
		#example5 a.rollover {
			width: 136px;
			display: block;
			overflow: hidden;
		}
		
		#example5 a.rollover img {
			display: block;
		}

		#example5 a.rollover:hover img {
			margin-left: -136px;
		}
		
		/* ---------------------------- */

.mer { margin-left: 10px; margin-top:40px;  font-size:14px ; height:60px; }

.mer ul, ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

.mer ul {
	position: absolute;
}

.mer ul li {
	float: left;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: transparent #25b #25b #9ce;
}

.mer ul a:link, ul a:visited {
  float: left;
	text-decoration: none;
	display: block;
	/*width: 95%;*/
	text-align: center;
	padding: 5px 35px 5px 35px;
	/*font-weight: bold;*/
	background-color: #27c;
	color: #def;
	border-top: 10px solid #25b;
}

.mer ul a:hover {
	background-color: #28e;
	color: #fff;
	border-top: 15px solid #26d;
}