body{
	margin: 0; padding: 0;
	background-color:#e0e0e0;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}
p{
	font-size: 0.8em;
}
h2,h3,h4,h1{
	font-weight: normal;
	margin: 5px 0;
}
h1{
	font-size: 1.6em;
	color: #999999;
}
h2{
	font-size: 1.5em;
	color: #C00;
}
h3{
	font-size: 1.35em;
	color: #696969;
}
h4{
	font-size: 1.2em;
	color: #C00;
}

.zoznam{
	margin: 0;	padding: 0;
	list-style: none;
}
.zoznam li{
	margin: 3px 0;
	padding: 6px 6px 6px 25px;
	background: url(images/li.png) no-repeat left top;
	background-position: 2px 6px;
	font-size: 0.8em;
	border: 1px solid #EEE;
}
.zoznam li strong{
	display: block;
	font-size: 1.3em;
	font-weight: normal;
	color: Gray;
}
.zoznam li:hover{
	border: 1px solid #A9A9A9;
}
.zoznam li:hover strong{
	color: #CC0000;
}

.backgroundtop{
	width: 945px;
	height: 350px;
	position: absolute;	
	top: 0;	left: 50%;
	margin-left: -552px;
	background: url(images/backgroundtop.png) no-repeat; 
}
#container{	
	position: relative;
	width: 778px;
	margin: 0 auto;
}
#top{
	width: 778px;	height: 107px;
}
#top h2{
	margin: 20px 0 0 0;	padding: 0;
	width: 205px;
	float: right;
	color: #1E1E1E;
	line-height: 0.85em;
	font-size: 1.6em;
	font-weight: normal;
	text-align: right;
}
#top h2 strong{
	font-size: 1.3em;
	font-weight: normal;
}
#top .logo{
	margin: 0;	padding: 0;
	width: 202px;	height: 92px;	
	position: relative;
	overflow: hidden;
	float: left;
	
}
#top .logo a{
	text-decoration: none;
	color: #696969;
	cursor: pointer;
}
#top .logo span{
	width: 202px;	height: 92px;
	position: absolute;
	top: 0;	left: 0;
	background: url(images/logo.png);
}

.menu-cont{
	width: 778px;
	height: 200px;
	position: relative;
	border-bottom: 1px solid black;
	background: #33322D;
}
.bg-ban1{
	background: url(images/ban-1.jpg);
}
.menu-cont ul{
	margin: 0 6px 0 0;	padding: 0;
	float: right;
	list-style: none;
	
}
.menu-cont ul li{
	font-size: 0.75em;
	border-right: 1px solid #1F1F1F;
	float: left;
}
.menu-cont ul li:first-child{
	border-left: 1px solid #1F1F1F;
}
.menu-cont ul li a{
	float: left;
	padding: 15px 10px 5px;
	margin: 8px 0 0 0;
	background: Black;
	text-decoration: none;
	color: White;
}
.menu-cont ul li a:hover{
	background: #CC0000;
}
.menu-cont .nadpis{
	position: absolute;
	left: 0;	bottom: 0;
	color: White;
	margin: 0 0 10px 15px;	padding: 0;
}
#content{
	background: White;
	margin-top: 5px;
	width: 778px;
	float: left;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #666;
}
#content #left{
	width: 543px;
	float: left;
	padding: 5px;
}

#content #right{
	width: 215px;
	float: left;
	padding: 5px;
}
.submenu{
	margin: 0;	padding: 0;
	list-style: none;
}
.submenu li{
	font-size: 0.8em;
}
.submenu li a{
	display: block;
	width: 179px;
	padding: 13px 5px 11px 27px;
	margin: 3px 0;
	background: url(images/bg-li-h.png) no-repeat top;
	text-decoration: none;
	position: relative;
	color: White;
}
.submenu li a:hover{
	background: url(images/bg-li.png) no-repeat top;
	color: Black;
}
.submenu li a span{
	background: url(images/bg-li-h-bot.png) no-repeat bottom;
	width: 211px;
	height: 9px;
	display: block;
	position: absolute;
	left: 0;	bottom: 0;
	font-size: 1px;
}
.submenu li a:hover span{
	background: black url(images/bg-li-bot.png) no-repeat bottom;
}

#pata{
	width: 100%;
	float: left;
	padding: 8px 0;
	font-size: 0.9em;
}
#pata img{
	border: 0;
}
#pata .c-by{
	float: right;
}
#left a {
	color: #C00;
}
.empty {
	width: 5%;
}
.big_sphere{
  position:relative;
  margin:0 auto;
  top:70px;
  width:451px;
  height:451px;
  background-image:url(big_sphere-trans.png);
  z-index:2;
}
.jazz {
  position:absolute;
  top:260px;
  left:140px;
	width: 160px;
	height: 160px;
	z-index:1;
}
.jazz span {
	display: none;
}
.jazz a {
	position: absolute;
	width: 160px;
	height: 160px;
	background-image: url(jazz_sphere-trans.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.jazz a:hover {
	background-image: url(jazz_sphere_hover-trans.png);
}
.marathon {
  position:absolute;
  top:380px;
  left:580px;
	width: 160px;
	height: 160px;
	z-index:3000;
}
.marathon span {
	display: none;
}
.marathon a {
  position:absolute;
	width: 160px;
	height: 160px;
	background-image: url(marathon_sphere-trans.png);
	background-repeat: no-repeat;
	background-repeat: no-repeat;
	background-position: center center;
	z-index:3001;
}
.marathon a:hover {
	background-image: url(marathon_sphere_hover-trans.png);
}
.dendeti {
  position:absolute;
  top:230px;
  right:140px;
	width: 160px;
	height: 160px;
	z-index:1;
}
.dendeti span {
	display: none;
}
.dendeti a {
	position: absolute;
	width: 160px;
	height: 160px;
	background-image: url(dendeti_sphere-trans.png);
	background-repeat: no-repeat;
	background-repeat: no-repeat;
	background-position: center center;
}
.dendeti a:hover {
	background-image: url(dendeti_sphere_hover-trans.png);
}
.becool {
  position:absolute;
  top:400px;
  left:330px;
	width: 160px;
	height: 160px;
	z-index:3;
}
.becool span {
	display: none;
}
.becool a {
	position: absolute;
	width: 160px;
	height: 160px;
	background-image: url(becool_sphere-trans.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.becool a:hover {
	background-image: url(becool_sphere_hover-trans.png);
}
.clear {
	background-image: none;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: center top;
}
.title_becool {
	position: relative;
	width:1000px;
	height:768px;
	margin:0 auto;
	z-index: 1;
	background-image:url(main_bkg.png);
}
.title_becool_balls1{
  position:absolute;
  left:0px;
  width:443px;
  height:178px;
  background:url(balls-trans.png) no-repeat;
  z-index:10;
}
.title_becool_balls2{
  position:absolute;
  left:0px;
  width:793px;
  height:665px;
  background:url(balls1-trans.png) no-repeat;
  bottom:0px;
}
.title_becool_logos {
	position: relative;
	width:800px;
	top:-200px;
	margin:0 auto;
	z-index:2000;
}
.title_becool_logos div {
}
.title_table {
	width: 100%;
}
.bottom_menu{
  position:relative;
  margin:0 auto;
  text-align:center;
  border-top:#aaa solid 1px;
  width:990px;
  top:280px;
  padding:5px;
}
.bottom_menu ul{
  padding:0;
  margin:0;
  list-style:none;
}
.bottom_menu ul li{
  display:inline;
  padding:0 40px;
}
.bottom_menu a{
  color:#aaa;
  font-size:13px;
  text-decoration:none;
}
.bottom_menu a:hover{
  text-decoration:underline;
}