@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
	background-image: url(../images/top_bg.png);
	background-color: #000;
	background-repeat: repeat-x;
	
}

#wrapper {
	width: 950px;
	margin: 0 auto;
	height: auto;
}

#logo_bg {
	background-image: url(../images/top_header.png);
	background-repeat:no-repeat;
	width: 950px;
	height: 126px;
	
}

#logo {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  width: 112px;
  height: 92px;
  background: ;
  position: relative;
}

#logo span {
  display: none;
  position: absolute;
  display:block;
}

ul#logo li {
		float:left;
		text-indent: -9999px;
	}

#logo li a {
  background:url(../images/ape1.png) no-repeat scroll top left;
	display:block;
	height:92px;
	position:relative;
}

ul#logo li a.logo1 {
		width:112px;
	}

ul#logo li a span {
		background:url(../images/ape1.png) no-repeat scroll bottom left;
		display:block;
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		z-index:100;
}

ul#logo li a span:hover {
		cursor:pointer;
	}
	

#featured {
	width: 908px;
	height: 243px;
	background: url(images/rotator.php) no-repeat center top;
	margin: 0 20px 0 19px;

}

#featuredd {
	width: 950px;
	height: 266px;
	background: url(../images/featured_bg.png) no-repeat;
	padding-top: 77px;

}

#menu {
	background-image: url(../images/menu_bg.png);
	background-repeat: no-repeat;
	width: 950px; 
	height: 143px;
}

#menu a {
  display: block;
  text-indent: -9999px;
  outline: none;
}


#menu ul {
	margin: 0;
	position: absolute;
}

#menu li {
	display: inline;
	color: #666;
	text-align: center;
	text-indent: -9999px;
	float: left;
	position: relative;
	top: -30px;
	
}

#menu span {
  display: none;
  position: relative;
}

#menu a {
  display: block;
  text-indent: -9999px;
  position: relative;
  outline: none;
}

#menu a:hover {
  background-position: left bottom;
}

#menu a:hover span {
  display: block;
}

#menu .label {
	width: 272px;
	height: 151px;
	margin-left: 34px;
	margin-right: 17px;
	background-image: url(../images/mbr_label.png);
	background-repeat:no-repeat;
	
}

#menu .stred {
	width: 272px;
	height: 151px;
	margin-left: 17px;
	margin-right: 17px;
	background-image: url(../images/stred_crew.png);
	background-repeat:no-repeat;
	
}

#menu .partneri {
	width: 272px;
	height: 151px;
	margin-right:;
	margin-left: 17px;
	background-image: url(../images/partners.png);
	background-repeat: no-repeat;
	
}

#bottom_menu {
	width: 950px;
	height: 124px;
	background-image: url(../images/menu_bottom_bg.png);
	float: left;
}

#bottom_menu span {
  display: none;

}

#bottom_menu a:hover {
  background-position: left bottom;
}

#bottom_menu a:hover span {
  display: block;
}

#bottom_menu a {
  display: block;
  text-indent: -9999px;
  outline: none;
}


#bottom_menu ul {
	margin: 0 ;
	position: absolute;

}

#bottom_menu ul li{
  display: inline;
  color: #666;
	text-align: center;
	text-indent: -9999px;
	float: left;
	position: relative;
	top: 30px;
}

#bottom_menu a {
	display: block;
	
}

#bottom_menu a.facebook {
	width: 107px;
	height: 79px;
	margin-left: 63px;
	margin-right: 11px;
	background-image: url(../images/facebook.png);
	background-repeat:no-repeat;
	
	
}

#bottom_menu a.bz {
	width: 108px;
	height: 79px;
	margin-right: 29px;
	background-image: url(../images/bandzone.png);
	background-repeat:no-repeat;
	
}
#bottom_menu a.mail {
	width: 72px;
	height: 79px;
	margin-right: 19px;
	background-image: url(../images/mail.png);
	background-repeat:no-repeat;
	
}
#bottom_menu a.myhh {
	width: 126px;
	height: 79px;
	margin-right: 10px;
	background-image: url(../images/myhh.png);
	background-repeat:no-repeat;
	
}
#bottom_menu a.myspace {
	width: 93px;
	height: 79px;
	margin-right:28px;
	background-image: url(../images/myspace.png);
	background-repeat:no-repeat;
	
}
#bottom_menu a.twitter {
	width: 91px;
	height: 79px;
	margin-right: 24px;
	background-image: url(../images/twitter.png);
	background-repeat:no-repeat;
	
}
#bottom_menu a.youtube {
	width: 94px;
	height: 79px;
	margin-right: 21px;
	background-image: url(../images/youtube.png);
	background-repeat:no-repeat;
	
}

/* dalsie

a { text-decoration:none; color:#788; font-weight:bold; font-size:85%; /* }
background: url("") 0px 3px no-repeat; padding-left: 11px; */ }
a:hover { text-decoration:none; color:#fff; }
.nadpis { text-align: center; padding-top:10px; }
#counter, #subfoot {clear:both; margin: 0 auto; width:900px; text-align:center; padding-top:10px; color:#888; font-size:80%; } 
#subfoot { padding:3px; background:#000 url("") repeat-y 1px 0px; }
#subfoot a, #tophead a { background:none; padding:0;  }
#subfoot a { text-decoration:none; color:#aaa; }
#subfoot div { padding:15px 15px 0 15px; }
#foot { background:#000 url("") no-repeat; height:6px; margin-left:1px; }
#left { margin:5px 0 0 32px; width:284px; float:left; }
#tl a { background-image:url(""); width:298px; height:103px; display:block; position:relative; top:-161px; left:518px;}
#tl a:hover, #tl a:active { background-position: -298px 0;}