@import url(reset.css);
body {
	background-color: #070600;
	background-image: url(../images/intro.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 900px;
}
#container {
	width: 900px;
	float: left;
}
#intro {
	background-image: url(../images/intro2.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	width: 900px;
	height: 760px;
	float: left;
}
#button_area {
	width: 760px;
	height: 360px;
	float: left;
	padding-left: 140px;
}
#button_divider {
	width: 760px;
	height: 20px;
	float: left;
}
#button_area a {
	width: 205px;
	height: 170px;
	float: left;
	background-repeat: no-repeat;
	background-position: top center;
}
/* side buttons start */
#button_area a.oklube {
	background-image: url(../images/buttons/oklube.jpg);
}
#button_area a.oklube:hover {
	background-image: url(../images/buttons/oklube_hover.jpg);
}
#button_area a.gymnastika {
	background-image: url(../images/buttons/gymnastika.jpg);
}

#button_area a.gymnastika:hover {
	background-image: url(../images/buttons/gymnastika_hover.jpg);
}

#button_area a.tance {
	background-image: url(../images/buttons/tance.jpg);
}
#button_area a.tance:hover {
	background-image: url(../images/buttons/tance_hover.jpg);
}

/* side buttons end */

/* divided button start */

#button_area a.hryb {
  width: 103px;
	background-image: url(../images/buttons/hryb.jpg);

}

#button_area a.hryb:hover {
	background-image: url(../images/buttons/hryb_hover.jpg);
}


#button_area a.hryf {
  width: 102px;
	background-image: url(../images/buttons/hryf.jpg);
		background-position: top left;
}

#button_area a.hryf:hover {
	background-image: url(../images/buttons/hryf_hover.jpg);
}

/* divided button end */

/* center buttons start */
#button_area a.prevsetkych {
	width: 213px;
	background-image: url(../images/buttons/prevsetkych.jpg);
}

#button_area a.prevsetkych:hover {
	width: 213px;
	background-image: url(../images/buttons/prevsetkych_hover.jpg);
}

#button_area a.vodne {
	width: 213px;
	background-image: url(../images/buttons/vodne.jpg);
}

#button_area a.vodne:hover {
	width: 213px;
	background-image: url(../images/buttons/vodne_hover.jpg);
}

/* center buttons end */
#logo {
  text-align: center;
	width: 900px;
	height: 307px;
	padding-top: 20px;
	float: left;
}
#logo a {
  font-size:48px;
  font-family: trebuchet MS, tahoma;
  color:#fff;
	width: 900px;
	height: 307px;
	float: left;
	line-height: 52px;
	text-decoration: none;
}
#footer {width: 900px;
       text-align: center;
       float: left;
         font-size:18px;
  font-family: trebuchet MS, tahoma;
  color:#fff;
  padding-top: 32px;
}