#celek{
position: relative;
top: 0px;
width: 1024px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;

min-height: 100%;
height: auto !important;
height: 100%;
overflow: hidden;
}


/* Hlavička */
	#top{
	position: fixed;
	width: 1024px;
	height: 90px;
	text-align: center;
	z-index: 50;
	}
		#top_logo{
		width: 954px;
		height: 63px;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		background-repeat: no-repeat;
		z-index: 110;
		border-bottom-right-radius: 477px 63px;
		border-bottom-left-radius: 477px 63px;
		box-shadow: black 0px 1px 5px;
		}
			img.logo{
			border: none;}


			/* Hlavní navigace */
			
		#top_menu{
		position: absolute;
		top: -10px;
		width: 1000px;
		height: 95px;
		margin-left: 12px;
		margin-right: 12px;
		border-bottom-right-radius: 120px 120px;
		border-bottom-left-radius: 120px 120px;;
		box-shadow: black 0px 1px 5px;
		text-align: center;
		z-index: 55;
		-moz-transition: all 300ms linear;
		-webkit-transition: all 300ms linear;
		-o-transition: all 300ms linear;
		-ms-transition: all 300ms linear;
		transition: all 300ms linear;
		}
		
/* Patka */
#patka
{
position: fixed;
bottom: 0px;
width: 1024px;
height: 55px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
z-index: 100;
}



@media screen and (max-width: 1023px) {

	#celek{
	width: 100%;
	margin: 0px;
	padding: 0px;
	}
		#top{
		width: 100%;
		}
			#top_logo{
			width: 95%;
			border-bottom-right-radius: 50% 63px;
			border-bottom-left-radius: 50% 63px;
			}
				img.logo{
				border: none;
				max-width: 90%;
				height: auto;}
		#top_menu{
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
		border-bottom-right-radius: 12% 110%;
		border-bottom-left-radius: 12% 110%;
		top: 0px;
		}
		#top:hover #top_menu{
		top: 0px;}
			#navigace{
			height: 30px;
			max-width: 270px;
			margin: 0 auto 0 auto;
			}
					#navigace ul a li{
					width: 30px;
					position: relative;
					color: rgba(255,255,255,0)!important;
					text-decoration: none;
					display: block;
					width: 30px;
					height: 30px;
					overflow: hidden;
					}
					body.postavy #navigace ul a li.postavy{
					background-image: url('obr/menu_bg_male.png');
					text-shadow: none;}
					ul li.postavy::before{
					content:url(obr/menu-postavy.png);
					position: absolute;
					top: 0px;
					left: 0px;
					width: 30px;
					height: 30px;}
					body.svet #navigace ul a li.svet{
					background-image: url('obr/menu_bg_male.png');
					color: rgba(255,255,255,1);
					text-shadow: none;}
					ul li.svet::before{
					content:url(obr/menu-svet.png);
					position: absolute;
					top: 0px;
					left: 0px;
					width: 30px;
					height: 30px;}
					body.kroniky #navigace ul a li.kroniky{
					background-image: url('obr/menu_bg_male.png');
					color: rgba(255,255,255,1);
					text-shadow: none;}
					ul li.kroniky::before{
					content:url(obr/menu-kroniky.png);
					position: absolute;
					top: 0px;
					left: 0px;
					width: 30px;
					height: 30px;}
					body.perly #navigace ul a li.perly{
					background-image: url('obr/menu_bg_male.png');
					color: rgba(255,255,255,1);
					text-shadow: none;}
					ul li.perly::before{
					content:url(obr/menu-perly.png);
					position: absolute;
					top: 0px;
					left: 0px;
					width: 30px;
					height: 30px;}
					ul li.galerie::before{
					content:url(obr/menu-galerie.png);
					position: absolute;
					top: 0px;
					left: 0px;
					width: 30px;
					height: 30px;}
					body.galerie #navigace ul a li.galerie{
					background-image: url('obr/menu_bg_male.png');
					}
					body.vymysly #navigace ul a li.vymysly{
					background-image: url('obr/menu_bg_male.png');
					}
					ul li.vymysly::before{
					content:url(obr/menu-vymysly.png);
					position: absolute;
					top: 0px;
					left: 0px;
					width: 30px;
					height: 30px;}
					body.hlidka #navigace ul a li.hlidka{
					background-image: url('obr/menu_bg_male.png');
					}
					ul li.hlidka::before{
					content:url(obr/menu-hlidka.png);
					position: absolute;
					top: 0px;
					left: 0px;
					width: 30px;
					height: 30px;}
					body.odkazy #navigace ul a li.odkazy{
					background-image: url('obr/menu_bg_male.png');
					}
					ul li.odkazy::before{
					content:url(obr/menu-odkazy.png);
					position: absolute;
					top: 0px;
					left: 0px;
					width: 30px;
					height: 30px;}
					body.forum #navigace ul a li.forum{
					background-image: url('obr/menu_bg_male.png');
					}
					ul li.forum::before{
					content:url(obr/menu-forum.png);
					position: absolute;
					top: 0px;
					left: 0px;
					width: 30px;
					height: 30px;}
					
			#navigace:hover{
			background: rgba(0,0,0,0.5);
			color: rgba(255,255,255,0);
			text-shadow: none;}
			
			#navigace:hover ul li{
			color: rgba(255,255,255,0);
			text-shadow: none!important;
}
			#navigace ul a li:hover{
			background-image: url('obr/menu_bg_male.png');
			color: rgba(255,255,255,0);
			text-shadow: none;}
			

	#obsah{
	width: 95%;
	}
	
	#patka{
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	}
		#pocitadlo{
		left: 2%;
		max-width: 30%;
		margin-right: 3%;
		}
		#countdown{
		max-width: 30%;
		}
		#hledani{
		right: 2%;
		max-width: 30%;
		margin-left: 3%;
		}
}