* {
    margin:0px;
    padding:0px;
}

body {
	background:url('img/bg.png') repeat-x left top;
	background-color:#6ce3e2;
	text-align:center;
	font-family:'Arial';
	font-size:12px;
}

#wrap {
	position:relative;
	margin:auto;
	width:988px;
	background:url('img/mbg.png') repeat-y left top;
}

#page {
	margin:auto;
	text-align:left;
	position:relative;
	width:964px;
}

/* main */

	#main {
		position:relative;
		float:right;
		width:745px;
		right:10px;
		margin-top:108px;
		margin-bottom:50px;
	}
	
	.sp {
		background:url('img/splash.png') no-repeat left top;
		background-color:#fff9e6;
		border:1px solid #f3e3b0;
		text-align:justify;
		margin-bottom:8px;
	}
	
	.spt {
		padding:5px;
		padding-top:1px;
	}
	
	.spt p {
		font-size:0.9em;
	}
	
	.spn {
		color:white;
		font-weight:bold;
		background:url('img/hbg.png') repeat-x left top;
		height:26px;
		padding-top:6px;
		padding-left:10px;
	}
	
		/* GAME LIST */
		
		.glist {
			position:relative;
			float:left;
			width:147px;	
			text-align:center;
			border-right:1px dotted #BEBEBE;
		}
		
		.glist img {
					margin:auto;
		}
		
		.glist a {
			font-weight:bold;
			font-size:1.1em;
			color:black;
			text-decoration:none;
		}
		
		.glist a:hover {
			text-decoration:underline;
		}
		
		.glist a img {
			width:100px;
			height:75px;
			border:1px solid #bebebe;
			display:block;
			padding:2px;	
		}

/* menu */
	
	#menu {
		position:relative;
		float:left;
		width:198px;
		margin-top:108px;
	}
	
	#menu ul li {
		position:relative;
		list-style-type:none;
		list-style-position:outside;
		background:url('img/dot.png') no-repeat 15px 8px;
	}
	
	#menu ul li a {
		position:relative;
		padding:3px 10px 3px 25px;
		color:black;
		display:block;
		height:15px;
		text-decoration:none;
	}
	
	#menu ul li a:hover {
		background:url('img/kathover.png') no-repeat 20px 7px;
	}
	
	.hb {
		padding:12px 10px 12px 25px;
		position:relative;
		background:url('img/menukats.png') no-repeat left top;
		font-weight:bold;
	}
	
	#menu p, #menu {
		z-index:1;
	}

/* head */
	
	#head {
		position:absolute;
		top:0px;
		left:0px;
		background:url('img/head.jpg') no-repeat left top;
		width:964px;
		height:108px;
	}
	
	#clogo {
		position:absolute;
		top:0px;
		left:0px;
		width:270px;
		height:108px;
	}
	
		/* TOPMENU */
		
		div#tmenu {
			position:absolute;
			top:82px;
			left:225px;
		}
		
		div#tmenu .tmenuleft {
			position:relative;
			float:left;
			width:9px;
			margin-left:3px;/* o_O */
			height:27px;
			background:url('img/topmenuleft.png') no-repeat left top;
		}
		
		div#tmenu .tmenuright {
			position:relative;
			float:left;
			width:9px;
			height:27px;
			background:url('img/topmenuright.png') no-repeat right top;
		}
		
		div #tmenu .tmenumain:hover {
			background:url('img/menuhover.png') repeat-x center center;
			background-color:white;
		}

		div #tmenu .tmenumain a:hover {
			text-decoration:none;
		}
		
		/*
				<<<<<<<<<<<<<<<<<<<<<<<<<<<<< >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
		*/
		
		.tmenumain:hover {
			background:red;
		}

		div#tmenu .tmenumain {
			position:relative;
			float:left;
			height:27px;
			background-color:white;
		}
		
		div#tmenu .tmenumain a {
			position:relative;
			color:black;
			top:5px;
		}

/* foot */

	#endfooter {
		position:relative;
		width:988px;
		height:9px;
		margin:auto;
		background:url('img/mbottom.png') no-repeat left top;
	}

	#footer {
		position:relative;
		width:964px;
		background:url('img/footer.png') no-repeat left bottom;
		height:97px;
		color:white;
		text-align:center;
	}
	
	#footer a {
		color:white;
	}
	
	#footer a:hover {
		text-decoration:none;
	}
	
	#tfoot {
		padding-top:25px;
	}
	
	#tfoot2 {
		padding-top:7px;
	}
		
	#splash {
		position:absolute;
		top:-60px;
		left:7px;
		width:181px;
		height:49px;
		background:url('img/recycle.png') no-repeat left top;
	}



/* global */

h1,h2,h3 {
	font-size:1.3em;
	padding:10px 10px 10px 25px;
	height:15px;
	margin-bottom:5px;
	border-bottom:1px dotted #bebebe;
	background:url('img/menukats.png') no-repeat left top;
}

.reset {
	clear:both;
}

strong {
	font-weight:normal;
}

p {
	text-indent:25px;
}

.l {
	text-align:left;
}

.c {
	text-align:center;
}

.r {
	text-align:right;
}

.b {
	font-weight:bold;
}

.nob {
	font-weight:normal;
}

.i {
	font-style:italic;
}

.small {
	font-size:0.8em;
}

.smaller {
	font-size:0.9em;
}

.big {
	font-size:1.6em;
}

.bigger {
	font-size:1.3em;
}

a {
	color:#DD8A00;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

.playit {
	background:url('img/play.png') no-repeat;
	padding-left:23px;
	height:18px;
	padding-bottom:12px;
	text-align:center;
	width:70px;
	margin:auto;
}

.inv {
	text-align:center;
	font-size:0.8em;
	color:#808080;
}

h2.mr, h3.mr {
	background:transparent;
	border:0px solid;
	font-size:0.9em;
	padding:2px;
	margin:2px;
	padding-left:10px;
	display:inline;
}

.vis {
	font-weight:bold;
}

.sts {
	background:url('img/star_on_light.png') repeat-x;
	height:9px;
	display:block;
	margin:auto;
	margin-top:3px;
}

.wi5 {
	width:45px;
}

.wi4 {
	width:36px;
}

.wi3 {
	width:27px;
}

.wi2 {
	width:18px;
}

.wi1 {
	width:9px;
}

.wi0 {
	width:0px;
}

.listing {
	text-align:center;
	line-height:2.3;
}

.listing a {
	border:1px solid #FFC252;
	padding:3px;
}

.listing a.act {
	background:#FFA91F;
	color:white;
}

#search {
	background:#FFA81E;
	padding:3px;
	text-align:left;
}

#search input {
	background:#FFF8D9;
	border:1px solid #AD8740;
	padding:1px;
	font-size:1em;
	width:140px;
}

#search input.submit {
	width:45px;
}

#menu p {
	padding-left:5px;
	padding-right:5px;
	text-indent:0px;
}

#gamep {
	width:750px;
	height:500px;
	position:relative;
}

#urlo {
	position:relative;
	width:750px;
	padding:5px;
	text-align:center;
	margin:auto;
}

#urlo div.my {
	position:absolute;
	top:150px;
	background:white;
	left:0px;
	width:736px;
	|width:755px;
	font-size:1.1em;
	padding:10px;
	text-align:center;
}


#urlo div.my a {
	font-weight:bold;
}

#urlo div.my p {
	padding:4px;
}

.wrapper {
  width: 750px;
  margin: 0 auto;
}

.splash {
  position: absolute;
  width: 750px;
  height: 500px;
  background-color: red;
  z-index: -1;
}

h2 a, h3 a, h4 a {
	color:black;
}

fieldset {
	border:1px solid #FFF4D0;
	padding:7px;
	margin-bottom:6px;
}

legend {
	padding:12px 150px 12px 25px;
	background:url('img/menukats.png') no-repeat left top;
}

fieldset input {
	padding:4px;
}

/* reklam */

.foet {
	position:Relative;
	border:1px solid #f0f0f0;
	cursor:pointer;

}

.etar {
	position:absolute;
	right:15px;
	top:50px;
}

img.etar3 {
	float:right;
	position:absolute;
	top:10px;
	left:660px;
}

.inr {
	font-size:1em;
	cursor:pointer;
	padding:5px;
}

a.rekl_nadpis {
	font-size:1.2em;
	font-weight:bold;
}

#news {
	padding-left:10px;
}

#news input {
	padding:3px;
}

#addh {
	text-align:right;
	padding:2px;
}

#addh2 {
	top:3px;
	left:740px;
	position:absolute;
}

#addh2 a {
	color:black;
}

a img {
	border:0px solid;
}

.mess {
	padding:5px;
	background:#FEE578;
	border:2px solid #FFA81C;
	font-size:1.15em;
	margin-top:8px;
	margin-bottom:8px;
}