html {
  height: 100%;
  min-height: 100%;
  font-size: 0.74em; 
}
body          {
  text-align: center; 
  color: #5C6468;
  height: 100%;
  min-height: 100%;
  margin-top: 0px;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  background: #E7E9EB url('images/gran1.jpg') repeat-x;
}

#container {
  height: auto !important;
  min-height: 600px;
  width: 750px; /* 770px */
  padding: 0;
  position: relative;
  background-color: #fff; 	
  /*border-right: 2px solid #D0D4D8;*/
  border-bottom: 2px solid #D0D4D8; margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:0
      
}

/*STRONA GLOWNA MAPA SERWISU KONTAKT*/
#top {
  font-family: Tahoma, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  color: #777;
  padding: 0px;
  margin: 0px;
  width: 300px;
  height: 20px;
  text-align: right;
  right: -10px;
  top: -22px;
  position: absolute;
}
#header       {
  width: 750px; /* 750px */
  height: 75px;
  top: 0px;
  right: 0px;
  background: #94ADCE url('images/hor_menu1.gif') 0 0 no-repeat;
  position: relative;
  margin: 0;
  font-size: 11px;
  list-style: none;
}

#header ul {
	margin: 0px;
	list-style: none;
	width: 100%;
	float: right;
}
#header ul li {
  float: left;
  width: 125px;
  height: 75px;
  display: inline;
  position: relative;
}
#header ul li a {
  float: left;
  width: 125px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  padding: 55px 0 5px 0;
  position: absolute;
  left: 0px; top: 0px; 
  background: transparent none 37px 0 no-repeat;
}
/* FIREFOX*/
/*#header ul li a { background-image: url('images/szkol.gif'); }
#header ul li+li a { background-image: url('images/kadr.gif'); }
#header ul li+li+li a { background-image: url('images/ucznio.gif'); }
#header ul li+li+li+li a { background-image: url('images/rodzic.gif'); }
#header ul li+li+li+li+li a { background-image: url('images/akt.gif'); }
#header ul li+li+li+li+li+li a { background-image: url('images/for.gif'); }*/

#header ul li a:hover {
  color: #BFD8F9;
  background-position: 37px -75px;
}

/* IE  */
#header #m1 a {
	background-image: url(images/szkol2.jpg)
}
#header #m2 a {
	background-image: url(images/kadr2.jpg)
}
#header #m3 a {
	background-image: url('images/ucznio2.jpg')
}
#header #m4 a {
	background-image: url('images/rodz2.jpg')
}
#header #m5 a {
	background-image: url('images/akt2.jpg')
}
#header #m6 a {
	background-image: url('images/for2.jpg')
}


#subheader {
  clear: both;
  width: 100%;
  height: 220px;
  position: relative;
  background: url('images/mapa_.jpg') center no-repeat;
  border-bottom-style: dotted; border-bottom-width: 2px; border-bottom-color: #064980;
  border-top-style: dotted; border-top-width: 2px; border-top-color: #064980;
}




#menutopheader {
	/*clear: both;*/
	float: left;
	height: 50px;
	width: 179px; /* 200px */
    padding:  0px;
	display: inline;
}

/*NAGLOWEK TRESCI*/
#contentheader {
	border-bottom:2px dotted #4C81AD; 
	float:  right;
	height: 50px;
	width: 520px;
    padding:  0px;
	/*background: transparent url('images/text-bc.gif') bottom repeat-x;*/
    font-family: Verdana, Helvetica, sans-serif;
	display: inline;
}
#contentheaderframe {
	float:  right;
	height: 50px;
	width: 520px;
    padding:  0px;
	/*background: transparent url('images/text-bc.gif') bottom repeat-x;*/
    font-family: Verdana, Helvetica, sans-serif;
	display: inline;
}


/*LEWE MENU*/
#left {
  clear: both;
  float: left;
  display: inline;
  width: 180px; /* 200px */
  height: auto !important;
  height: 60px;
  min-height: 60px;
  background: #f0e7d7 ;
  padding:  0 10px 0 10px;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  text-align: center;
  text-transform: lowercase;
  background: url('images/menu.gif') top center no-repeat;
}

/*STOPKA LEWEGO MENU*/
#menutopfooter {
	float: left;
	height: 15px;
	width: 180px; /* 200px */
    background: #f0e7d7;
    margin 0;
    padding:  0 10px 0 10px;
	display: inline;
	background:  url('images/menu_b.gif') bottom center no-repeat;
}

#leftframe {
	float: left;
	position: relative;
	height: auto !important;
	min-height: 30px;
	height: 30px;
	width: 158px;
	padding: 30px 30px 20px 20px;
	font-size: 9px;
	text-align: justify;
}

/*TRESC*/
#content {
  float: right;
  width: 500px;
  height: auto !important;
  min-height: 250px;
  height: 250px;
  padding:  20px 20px 20px 20px;
  line-height: 1.3em;
  background: #fff;
  /*background: transparent url('images/content_b.gif') bottom center no-repeat;*/
  font-family: Verdana, sans-serif;
  font-size: 11px;
  text-align: justify;
  display: inline;
  position: relative;
}

#contentframe {
  float: right;
  width: 500px;
  height: auto !important;
  min-height: 250px;
  height: 250px;
  padding:   13px 20px 20px 20px;
  margin-bottom: 20px;
  line-height: 1.3em;
  background: #fff;
  background: transparent url('images/backgr_cont.jpg') bottom center no-repeat;
  font-family: Tahoma, sans-serif;
  font-size: 11px;
  text-align: justify;
  display: inline;
  position: relative;
}
#contentframe1 {
  float: right;
  width: 500px;
  height: auto !important;
  min-height: 351px;
  height: 351px;
  padding:   12px 20px 20px 20px;
  margin-bottom: 20px;
  line-height: 1.3em;
  background: #fff;
  background: transparent url('images/backgr_cont1.jpg') bottom center no-repeat;
  font-family: Tahoma, sans-serif;
  font-size: 11px;
  text-align: justify;
  display: inline;
  position: relative;
}



#nav {
	position: absolute;
	width: 80px;
	height: 25px;
	bottom: 10px;
	right: 10px;
	font-size: 8px;
	list-style: none;
}
/*
#nav ul {
	margin: 0px;
	list-style: none;
	width: 100%;
	float: right;
}
#nav li {
  float: left;
  width: 25px;
  height: 30px;
  	color: #fff;

  display: inline;
  position: relative;
}

#nav ul li a {
  float: center;
  width: 25px;
  color: #fff;
  text-align: bottom;
  position: absolute;
  background: none  no-repeat;
}

#nav #p1 a { background: url('images/mail.png') no-repeat; }
#nav #p2 a { background: url('images/home.png') no-repeat; }
#nav #p3 a { background: url('images/back.png') no-repeat; }
#nav #p4 a { background: url('images/up.png') no-repeat ; }


*/




#footer {
  clear: both;
  width: 750px;
  height: 15px;
  text-align: right;
  font-size: 9px;
  font-family: Verdana, sans-serif;
}

#footer a:link, #footer a:visited, #footer a:active {
	color: #777;
	font-family: Verdana, sans-serif;;
	font-size: 9px;
	text-decoration : none;
	font-weight: normal;
	display: inline;
	padding-left: 5px;
	padding-right: 10px;
}
#footer a:hover {
	color: #800000;
	font-family: Verdana, sans-serif;
	font-size: 9px;
	text-decoration : none;
	font-weight: normal;
	display: inline;
	padding-left: 5px;
	padding-right: 10px;
}




#bottom {
  clear: both;
  width: 750px;
  height: 30px;
  text-align: center;
  font-size: 11px;
  font-family: Verdana, Helvetica, sans-serif;
  word-spacing: 0.5em;
  background: transparent url('images/menu-bc.gif') bottom repeat-x;


}
.menutop {
	background-color: transparent;
	font-family: Tahoma;
	font-size: 11px;
	color: #777;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}
.menubottom {
	background-color: #f0e7d7;
	font-family: Tahoma;
	font-size: 11px;
	color: #777;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}
.menutop a:link, .menutop a:visited, .menutop a:active, .menubottom a:link, .menubottom a:visited, .menubottom a:active {
	color: #777;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;;
	font-size: 11px;
	text-decoration : none;
	font-weight: normal;
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
}
.menutop a:hover, .menubottom a:hover{
	color: #800000;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration : none;
	font-weight: normal;
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
}
#navlist {
	margin: 5px;
	padding: 0;
	list-style: none;
	background-color: #f0e7d7;
	/*list-style: url("images/2.png") inside;*/
	/*background: transparent url("images/2.png") 7% center no-repeat;*/
	text-align: left;
	height: auto !important;
	height: 60px;
	min-height: 60px;

}
#navlist li a {
	display: block;
	padding: 0.7em 0 0.7em 3.5em;
	width: 130px; 
	text-align: left;
	text-decoration: none;
	background-color: #f0e7d7;
	border-bottom: 1px solid #ffe;
	/*list-style: url("images/2.png") inside;*/
	background: transparent url("images/2.png") 7% center no-repeat;
}
#navlist a:link, #navlist a:visited {
	color: #777;
	text-decoration: none;
}
#navlist a:hover{
	margin-left: 0;
	background-color: #f7f2ea;
	color: #800000;
}
.title {
	font-size: 14px;
	font-family: Tahoma, sans-serif;
	/*font-weight: bolder;*/
	color: #800000;
	text-transform: uppercase;
	padding-left: 10px;
	padding-top: 15px;
	text-align: left;
}
.maincontent {
	font-size: 12px;
	font-family: Tahoma, sans-serif;
	line-height: 150%;
	text-align: center;
}
.maincontent a:link, .maincontent a:visited {
	text-decoration : none;
	color: #800000;
}
.maincontent a:hover{
	color: #5C6468;
	text-decoration : underline;
}


ol {
	list-style-type: none;
	list-style-position: outside;
	margin-left: 0;
	padding: 0;
}
ol ol {
	list-style-type: none;
	list-style-position: outside;
	margin-left: 1.5em;
	padding: 0;
}
ol ol ol {
	list-style-type: none;
	list-style-position: outside;
	margin-left: 1.5em;
	padding: 0;
}

.decoration {
	color: #7E9AC0;
	font-weight: bold;
	font-size: 16px;
}
.blue {
	color: #7E9AC0;
	font-weight: bold;
	font-size: 12px;
	font-family: Tahoma, sans-serif;
	text-align: center;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.article {
	color: #7E9AC0;
	font-size: 12px;
	font-family: Tahoma, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	padding-bottom: 0.5em;
}
.news {
	color: #7E9AC0;
	font-size: 12px;
	font-family: Tahoma, sans-serif;
	padding-top: 1.5em;
	padding-bottom: 0.5em;
}

#content ul {
	list-style-type: none;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	color: #7E9AC0;
	margin: 0;
	padding: 0;
}

#content ul ul {
	font-family: Helvetica, sans-serif;
	list-style-type: disc;
	font-weight: normal;
	color: #5C6468;
	padding: 0.7em 0em 0.7em 3em
}
#content a:link, #content a:visited {
	text-decoration : none;
	color: #7E9AC0;
}
#content a:hover{
	color: #5C6468;
	text-decoration : none;
}

.thumbnail {
	float: left;
	margin: 0 20px 20px 0;
}
.clear {
	clear: both;
}
.thumbnail_g {
	float: left;
	margin: 0 20px 20px 0;
	width: 100px;
	height: 75px;
	border-width: 0;
	border-style: none;
}


.galery{
	position:absolute;
	top:4px;
	right: 88px;
	width:400px;
	height:100px;
	z-index: 2;
}
.table {
	table-border: 0;
	table-layout: fixed;
	border-spacing: 5px;
	text-align: center;
	width: 60%;
	margin: auto;
}
th {
	color: #7E9AC0;
	font-weight: bold;
}
th, td {
	text-align: center;
}

/*	.title:first-letter{ 
	font-size: 150%; float: top left; 
}*/