body{
	font-family: Tahoma;
	color: #506347;
	font-size: 12px;
	background: black;
	text-align: center;
}

a{
  text-decoration: none;
}

*{
  margin: 0px;
  padding: 0px;
}

hr{
  margin: 5px 0px 5px 0px;
  height: 1px;
  background-color: #353535;
  padding: 0px;
  width: 100%;
  border: none;
}
.container{
  width: 780px;
  margin: 0px auto 0px auto;
}

#header{
  width: 780px;
  color: #353535;
  height: 80px;
  background: url('obrazki/logo.gif') 0px 20px no-repeat;
}
#header span{
  display: block;
  float: right;
  height: 15px;
  margin-right: 10px;
  margin-top: 5px;
}
#header span a{
  color: #353535;
}
#header span a:hover{
  color: white;
}

#menulist{
  width: 780px;
  max-width: 740px;
  margin: 0px 20px;
}

#middle{
  width: 100%;
  background: white;
  clear: both;
  position: relative;
  top: -2px;
}

#inmenu{
  display: inline;
  float: left;
  width: 160px;
  text-align: left;
  margin-top: 70px;
  margin-bottom: 50px;
}
#inmenu ul{
  list-style: none;
  width: 160px;
}
#inmenu ul li{
  width: 160px;
  display: block;
  border-bottom: 1px solid #ACACAC;
  color: #87CC03;
  padding: 3px 0px 3px 3px;
  max-width: 157px;
}
#inmenu ul li a{
  color: black;
}
#inmenu ul li a:hover{
  color: #87CC03;
}

#maincontentbox{
  display: inline;
  float: right;
  width: 465px;
  margin-top: 40px;
  text-align: left;
  color: black;
  text-align: justify;
}
#maincontentbox .tocontent{
  font-weight: 100;
}
#maincontentbox h1{
  font-size: 18px;
  color: black;
}
#maincontentbox a{
  color: black;
  text-decoration: underline;
}
#maincontentbox ul{
  margin-left: 20px;
}
#maincontentbox li{
  padding: 2px 0;
}
.newsbox{
  width: 415px;
  text-align: left;
  border-bottom: 1px solid #ACACAC;
  background: url('obrazki/news.gif') 0px 0px no-repeat;
  font-size: 14px;
  color: black;
  margin-bottom: 15px;
}
.newsbox .header{
  margin-left: 45px;
  margin-bottom: 30px;
  font-size: 12px;
  color: #C2C2C2;
}
.newsbox .header h3{
  font-size: 18px;
  margin: 0px;
  padding: 0px;
  color: black;
}
.newsbox .header span{
  color: black;
}
.newsbox .title{
  font-weight: bolder;
  margin-bottom: 20px;
}
.newsbox .foot{
  width: 415px;
  text-align: right;
  font-size: 12px;
}
.newsbox .foot a{
  color: #ACACAC;
}

#konMat, #konHum, #konRed{
  display: inline;
  float: left;
  padding-top: 134px;
  min-height: 100px;
  height: auto !important;
  height: 100px;
  text-align: center;
}
#konMat a, #konHum a, #konRed a{
  font-weight: normal;
  color: black;
  text-decoration: underline;
}
#konMat a:hover, #konHum a:hover, #konRed a:hover{
  color: #777777;
}
#konMat{
  width: 118px;
  background: url('obrazki/big_mat.gif') 0px 0px no-repeat;
}
#konRed{
  width: 119px;
  background: url('obrazki/big_red.gif') 10px 0px no-repeat;
  padding-right: 10px;
  padding-left: 10px;
  margin-left: 10px;
  border-right: 1px solid #D9D5D6;
  border-left: 1px solid #D9D5D6;
}
#konHum{
  width: 121px;
  background: url('obrazki/big_hum.gif') 0px 0px no-repeat;
  margin-left: 10px;
}

#foot1, #foot2, #foot3{
  display: inline;
  float: left;
  text-align: justify;
  width: 260px;
  color: #3B3B3B;
  margin-bottom: 15px;
  font-size: 12px;
}
#foot3{
  width: 170px;
}
#foot2, #foot3{
  margin-left: 40px;
}
#foot1 h2, #foot2 h2, #foot3 h2{
  width: 115px;
  border-bottom: 1px solid #353535;
  padding: 0px 0px 3px 2px;
  color: #8C8C8C;
  font-size: 12px;
  margin-bottom: 15px;
}
#foot2 ul{
  list-style: none;
  width: 240px;
}
#foot2 ul>li:first-child{
  padding-top: 0px;
}
#foot2 ul li{
  width: 240px;
  max-width: 238px;
  border-bottom: 1px solid #353535;
  padding: 3px 0px 3px 2px;
  height: 14px;
}
#foot2 ul li a{
  color: #3B3B3B;
  display: inline;
  float: left;
}
#foot2 ul li a:hover{
  color: white;
  display: inline;
  float: left;
}
#foot3 a{
  color: #3B3B3B;
}
#foot3 a:hover{
  color: white;
}
#foot2 ul li span{
  display: inline;
  float: right;
  margin-right: 10px;
  color: white;
}
#foot4{
  text-align: center;
  font-size: 12px;
  margin-bottom: 10px;
}
#foot4 a{
  color: #3B3B3B;
}
#foot4 a:hover{
  color: white;
}


/*MENU style here*/
.menulist, .menulist  ul {
 list-style: none;
 z-index: 666;
}
.menulist li.mat{
  background: url('obrazki/matematyczne.gif') -2px 0px no-repeat;
  border: none;
  width: 104px;
  height: 24px;
}
.menulist li.jez{
  background: url('obrazki/jezykowe.gif') 0px 0px no-repeat;
  border: none;
  width: 104px;
  height: 24px;
}
.menulist li.hum{
  background: url('obrazki/humanistyczne.gif') 0px 0px no-repeat;
  border: none;
  width: 104px;
  height: 24px;
}
.menulist ul {
 display: none;
 position: absolute;
 left: 0px;
 top: 24px;
 width: 150px;
}
.menulist ul ul {
 top: -1px;
 left: 149px;
 width: 50px;
}
.menulist ul ul ul {
 left: 49px;
 width: 100px;
}
.menulist li {
 float: left;
 display: block;
 position: relative;
 background: #F5FAF0;
 border: 1px solid black;
 margin-right: -1px;
}
.menulist .mat li{
  background: #F07C2E;
}
.menulist .jez li{
  background: #C92121;
}
.menulist .hum li{
  background: #2C8DC2;
}
.menulist ul li {
 float: none;
 margin-bottom: -1px;
}
.menulist ul>li:last-child {
 margin-bottom: 1px;
}
.menulist a {
 display: block;
 padding: 3px;
 color: #FFF;
 text-decoration: none;
}
/*.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 font-weight: bold;
}
.menulist a.highlighted {
 font-weight: bold;
}*/
.menulist a#topOne {
	background: transparent;
	color: white;
}
.menulist a#topOne:hover, .menulist a.highlighted#topOne, .menulist a:focus {
	background: transparent;
}
.menulist a .subind {
 display: none;
}
.menulist ul a .subind {
  border: none;
 display: block;
 float: right;
}
.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}
.menulist a {
 float: none;
}
*:first-child+html .menulist ul li {
 float: left;
 width: 100%;
}
* html .menulist ul li {
 float: left;
 height: 1%;
}
* html .menulist ul a {
 height: 1%;
}
.menulist li:hover>ul {
 display: block;
}