@font-face
{
font-family: Baron;
src: url(baron.otf);
}

body{
	background:#222;
  margin:0;
  font-family: Baron;
}
.container{
	width:960px;
	height:960px;

  margin:0 auto;
  background-image:url('images/bg-01.png');
	background-repeat:no-repeat;
	}

a{
  text-decoration:none;
}

.leftBox{
	
	}
  
.leftBox{
  float:left;
	width:171px;
	height:960px;
  }

.leftMenu{
  width:171px;
  position:relative;
  top:222px;
  list-style-type:none;
  color:#fff;
  font-size:25px;
  text-align:center;
}

.leftMenu li{
  display:block;
  width:171px;
  height:125px;
  margin-top:15px;
  background-image:url('images/menu-static.png');
}

.leftMenu li a{
  text-decoration:none;
  color:#fff;
  z-index:1000;
  text-align:center;
  position:relative;
  top:5px;
  display:block;
  padding:45px 0;
  font-size:18px;
}


.leftMenu li:last-child{
  position:relative;
  top:22px;

}


.leftMenu li:last-child:hover{
  opacity:0.2;
}

.leftMenu li:hover{
  background:url('images/el-menu.png');
  background-repeat:no-repeat;
  color:#000;
  width:171px;  
}

.leftMenu li:hover a{
  color:#000;
  }
  


.mainBox{
  float:left;
  height:600px;
  width:740px;
  z-index:100;
  position:relative;
  top:220px;
  left:50px;
  font-family: 'Lato', sans-serif;
  color:#fff;
}


.MBIndex{
  background:url('images/program.png');
  background-repeat:no-repeat;
  z-index:1000;
  font-family:Baron;
  color:#222;
  height:400px;
  margin-left:30px;
}  



.footer{
  float:left;
  height:110px;
  width:740px;
  z-index:10000;
  position:relative;
  top:240px;
  left:50px;
  font-size:14px;
  letter-spacing:0.5px;
  color:#fff;
  font-weight:100;
}

.footer a{
  text-decoration:none;
  letter-spacing:1px;
  color:#ddd;
  font-family: Baron;
}

.ukryte{
  font-size:15px;
}