html {font-size: 100.01%; height: 100%;}
body {
	margin: 0 0 30px 0;
	padding: 0 0 120px 0;
	font-size: 62.5%;
	text-align: center;
	font-family: "Arial CE", Arial, "Verdana CE", Verdana, sans-serif;
	color: #FFF;
	background: url(../img/bg_body.jpg) repeat-x #14181B;
	}
	
	#bodyImg {background: url(../img/bg_body_image.jpg) no-repeat;}
	#homepage #bodyImg {height: 700px;}

* {	margin: 0; padding: 0;}

h1 {font-size: 2em; margin-bottom: 1.5em;}
h2 {font-size: 1.3em; margin-bottom: 10px; color: #FFF;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5, h6, h7 {font-size: 1em;}

h3, h4, h5, h6, h7 {margin-bottom: 10px; color: #63BBEB;}

.left	{text-align: left;}
.center	{text-align: center;}
.right	{text-align: right;}
.clr	{
	clear: both;
	margin-top: -1px;
	position: relative;
	padding: 0;
	height: 0;
	border: none;
	overflow:hidden;
	visibility: hidden;
	}
	
hr {
  	border: 0;
  	width: 80%;
  	color: #FF0000;
	background-color: #FF0000;
	height: 1px;
	}
	


a {color: #4accff;}
a:hover {color: #fff;}
img {border: none;}
p {margin-bottom: 15px;}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none;}

img.lft {
	float: left;
	margin: 0 10px 10px 0;
	}

img.rgt {
	float: right;
	margin: 0 0 10px 10px;
	}

#content ul, #content ol {margin: 0 0 15px 15px;}
	#content ul ul, #content ol ol {margin: 0 0 0 15px;}
	
/* ***** IE6 italic bug hack ***** */

/* \*/

.WYSIWYGContentBody {
	overflow: hidden;
	o\verflow: visible;
	width: 100%;
	w\idth: auto;
	he\ight: 1%;
}

/* */

/* IE button fix */
	
input.button {
	width: 0;
	overflow: visible;
}
input.button[class] {width: auto;}

/* tabulka bezna */
table {
	border: 1px solid gray;
	border-collapse: collapse;
	font-size: 1em;
	margin-bottom: 15px;
	}	
	th, td {
		padding: 5px 10px;
		vertical-align: top;
		border: 1px solid gray;
		}
/* tabulka bez formatovani */
table.noformat {
	border: 0;
	border-collapse: collapse;
	}
	table.noformat th, table.noformat td {
		padding: 5px 10px;
		vertical-align: top;
		border: 0;
		}
table.hraci {font-size: 0.9em; width: 280px;}		
table.hraci td {padding: 1px 5px; border-bottom: 1px solid #105C8E;}

table.slozeni {width: 350px; margin: 15px auto 0 auto;}		
table.slozeni td, table.slozeni th {padding: 3px 5px; border-bottom: 1px solid #105C8E;}
table.slozeni td.hodnota, table.slozeni th.hodnota {font-weight: bold; text-align: right;}


		
/* nahrada obrazkem */

#h_menu span, #homepage h2 a span, .chcihrat span, #planeta a span, #novyTVspot a span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	}
	

/**********obsah**********/

#all {
margin: 0 auto;
text-align: left;
width: 988px;
font-size: 1.2em;
background: url(../img/bg_all_line.gif) repeat-y;
top: 85px;
position: relative;
line-height: 1.5em;
}
#allTop {background: url(../img/frame-top.gif) no-repeat; position: relative; top: -53px;  position: relative; width: 100%; }
#allGphx {background: url(../img/bg-graphix.jpg) no-repeat 0 30px; margin: 0 25px 0 33px; position: relative; _display: inline-block; }

#homepage #allGphx {background: url(../img/bg_graphix_home.jpg) no-repeat 0 30px; height: 610px; margin-bottom: -170px;}

#planeta a {
	position: absolute;
	top: -85px;
	left: 790px;
	width: 121px;
	height: 26px;
	overflow: hidden;
	}
	#planeta a span {background: url(../img/planeta.gif) no-repeat; cursor: pointer;}
	
#novyTVspot a {
	position: absolute;
	top: -85px;
	left: 660px;
	width: 121px;
	height: 26px;
	overflow: hidden;
	}
	#novyTVspot a span {background: url(../img/novytvspot.gif) no-repeat; cursor: pointer;}

#frame-left, #frame-right {
	position: absolute;
	top: -23px;
	height: 536px;
	}
	#frame-left {
		width: 33px;
		background: url(../img/frame-left.gif) no-repeat;
		left: 0;
		}
	#frame-right {
		width: 30px;
		background: url(../img/frame-right.gif) no-repeat;
		left: 958px;
		}
		
		
.stahni, .gamesy, .souteze, .maxiking, .kdoje, #flashStahni, #flashGamesy, #flashKdoje, #flashSouteze {
	position: absolute;
	display: block;
	z-index: 1500;
	}
	.stahni, #flashStahni {
		width: 220px;
		height: 238px;
		top: 170px;
		left: 92px;
		}
		#homepage h2 a.stahni span {background: url(../img/but_stahnisi.jpg) no-repeat; cursor: pointer; z-index: 1600;}
	.gamesy, #flashGamesy {
		width: 256px;
		height: 168px;
		top: 370px;
		left: 363px;
		}
		.gamesy span {background: url(../img/but_gamesy.jpg) no-repeat; cursor: pointer;}
	.souteze, #flashSouteze {
		width: 261px;
		height: 254px;
		top: 51px;
		left: 333px;
		}
		.souteze span {background: url(../img/but_souteze.jpg) no-repeat; cursor: pointer;}
	.kdoje, #flashKdoje {
		width: 339px;
		height: 481px;
		top: 101px;
		left: 651px;
		}
		.kdoje span {background: url(../img/kdoje.jpg) no-repeat; cursor: pointer;}
		
		
	.novinka {
		position: absolute;
		top: 408px;
		left: 45px;
		width: 304px;
		height: 148px;
		background: url(../img/bg_novinky.jpg) no-repeat;
		font-size: 0.9em;
		line-height: 1.3em;
		}
		.novinka div {
			margin: 37px 0 0 45px;
			}
		.novinka h2 {
			font-size: 1em;
			color: #74ccfe;
			margin-bottom: 4px;
			}
		.novinka a {
			font-weight: bold;
			margin: 0 0 0 145px;
			color: #FFF;
			}
		.novinka p {margin-bottom: 11px;}
		
	


/* ******* hlavicka ******* */

#top {
	height: 100px;
	position: relative;

	}
	.logo {
		position: absolute;
		top: -35px;
		left: 15px;
		}
	
/* ******* menu ******* */

#h_menu {
	position: absolute;
	top: 30px;
	right: 45px;
	width: 551px;
	}
	#h_menu ul {
		list-style: none;
		position: relative;
		width: 100%;
		}
		#h_menu ul li {
			display: inline;
			}
			#h_menu ul li a {
				display: block;
				float: left;
				height: 46px;
				text-decoration: none;
				color: #FFF;
				position: relative;			
				}
				#h_menu ul li a span {background: url(../img/bg_menu.jpg) no-repeat; cursor: pointer;}
				.m1 {width: 182px;}
				.m2 {width: 124px;}
				.m3 {width: 116px;}
				.m4 {width: 129px;}
				
				#h_menu .m1 span {background-position: 0 -46px;}
				#h_menu .m2 span {background-position: -182px -46px;}
				#h_menu .m3 span {background-position: -306px -46px;}
				#h_menu .m4 span {background-position: -422px -46px;}
				
				#h_menu .m1:hover span, #h_menu .selected .m1 span {background-position: 0 0;}
				#h_menu .m2:hover span, #h_menu .selected .m2 span {background-position: -182px 0;}
				#h_menu .m3:hover span, #h_menu .selected .m3 span {background-position: -306px 0;}
				#h_menu .m4:hover span, #h_menu .selected .m4 span {background-position: -422px 0;}
				
				#h_menu a:hover {color: #FFFFFF;}

	#h_menu p {
		padding: 0 10px 0 0;
		margin: 0;
		float: right;
		}
		#h_menu p input {
			position: relative;
			top: 2px;
			}
			
/* **** hlavni cast **** */

#main {
	padding: 0;
	}
	
/* **** leve menu **** */

#navi {
	float: left;
	width: 330px;	
	height: 480px;
	}
	#souteze #navi {background: url(../img/img1.jpg) no-repeat 0 70px;}
	#hry #navi {background: url(../img/img3.jpg) no-repeat 0 70px;}
	#stahnisi #navi {background: url(../img/img2.jpg) no-repeat 0 70px;}
	#kdoje #navi {background: url(../img/img4.jpg) no-repeat 0 70px;}
		
/* **** obsah **** */

#content_container {
	float: right;
	width: 595px;
	}
	#content {
		margin: 70px 25px 15px 0;
		}
		
.game {
	border-bottom: 1px solid #105C8E;
	margin-bottom: 25px; padding-bottom: 15px; clear:both; position: relative; overflow: hidden; _display: inline-block;}
		
.gamebox {
	float: right;
	width: 222px;
	margin-left: 25px;
	margin-bottom: 10px;
	}
	.gamebox img, .wallpaper, .tube {
		background: url(../img/bg_game.gif) no-repeat;
		padding: 11px 11px 10px 7px;
		}	
	.chcihrat {
		position: relative;
		width: 222px;
		height: 46px;
		display: block;
		overflow: hidden;
		}
		.chcihrat span {background: url(../img/but_soutezit1.gif) no-repeat 0 0; cursor: pointer;}
		.soutezit span {background: url(../img/but_soutezit.gif) no-repeat 0 0; cursor: pointer;}
		.dotoho span {background: url(../img/but-dejsedotoho.gif) no-repeat 0 0; cursor: pointer;}
			.chcihrat:hover span {background-position: 0 -46px;}
			
#hodnoty {
	background: url(../img/hodnoty_bg2.jpg) no-repeat bottom left;
	padding-bottom: 20px;
	color: #404040;	
	font-size: 0.9em;
	}
	#hodnoty div {
		padding: 15px 25px 0 25px;
		background: url(../img/hodnoty_bg.jpg) no-repeat;
		overflow: hidden;
		_display: inline-block;
		}
	#hodnoty h3 {color: #404040;}
	#hodnoty p {margin-bottom: 0;}
	#hodnoty strong {
		display: block;
		width: 6em;
		float: left;
		font-weight: normal;
		}
		#hodnoty .rightcol strong {width: 10em;}
	#hodnoty br {
		clear: both;
		}

		
#footer {
	width: 100%;	
	background: url(../img/bg_ender.png) no-repeat;
	position: relative;
	clear: both; 
	height: 180px;
	top: 80px;
	}
		
/* **** paticka **** */

#ender {
	clear: both;
	width: 100%;
	font-size: 0.9em;
	position: relative;
	text-align: center;
	color: #4d4f51;
	margin-top: 150px;
	}
	#ender p {margin-bottom: 0;}
	#ender a {color: #6e7071;}
	#ender a:hover {color: #FFF;}	
	.copyright {
		padding: 0 0 10px 10px;
		}