body {
background-image:URL("images/bg23.jpg");
background-size:200px;
margin:0px;
}
#ta {
position:static;
padding:0px;
line-height:0%;
background-color:#000000;
display:inline-block;
opacity:1;
height:100%;
}

#ta div {
width:100%;
}

#ta div div {

height:100%%;
display:inline-block;
opacity:0;
background-size:100%;
}

.t1 {
background-image:URL("images/floor2.jpg");
}

.t0{
background-image:URL("images/wall32.jpg");

}

.t2{
background-image:URL("images/water.jpg");
}

.t3{
background-image:URL("images/food.jpg");
}
.t4{
background-image:URL("images/bush2.jpg");
}

.t5{
background-image:URL("images/torch.jpg");
}

.t6{
background-image:URL("images/finish.jpg");
}

#playa{
background-image:URL('images/char2.png');
background-size:45%;
background-repeat:no-repeat;
background-position:center top;
z-index:1000;
position:absolute;
margin:0px 0px 0px 0px;
}



#container{
position:static;
border-style: solid; border-width: 25px 25px 25px 25px; -moz-border-image: url(images/bord.jpg) 45 50 44 round; -webkit-border-image: url(images/bord.jpg) 45 50 44 round; -o-border-image: url(images/bord.jpg) 45 50 44 round; border-image: url(images/bord.jpg) 45 50 44 round;}

#ui{
height:100%;
display:inline-block;
position:relative;
float:right;
background-color:#666666;
background-image:URL('images/bordop.png');
background-size:150px;
margin:0px;
border-style: solid; border-width: 0px 0px 0px 25px; -moz-border-image: url(images/bord.jpg) 45 50 44 round; -webkit-border-image: url(images/bord.jpg) 45 50 44 round; -o-border-image: url(images/bord.jpg) 45 50 44 round; border-image: url(images/bord.jpg) 45 50 44 round;}

#ui p {
margin-left:15px;
color:#EEEECC;
font-weight:bold;
}

#ui a {
color: #CCCCAA;
font-weight:normal;
font-size:90%;
}

#ui span {
	font-size:100%;
	font-weight:bold;
	color: #FFDD44;
}

#ui li {
	font-size:100%;
	font-weight:bold;
	color: #FFDD44;
}

#pkod {
margin: 0px 0px 0px 90px;
display:inline;
}

#menu{
	background-color:#BBAA99;
	z-index:2000;
	position:absolute;
	height:100%;
	overflow:auto;
}

h1{
font-size:150%;
text-align:center;
}

h2{
text-align:center;
}

#menu p {
font-size:90%;
vertical-align:middle;
text-indent:20px;
margin-left:10px;
}

#menu img{
width:10%;
}

ul{
list-style-type:none;
}



li span {
 vertical-align:top;
 font-size:105%;
 font-weight:bold;
 }


.hidden{
visibility:hidden;
}


#toMenu{
left:0px;
}

.gomb{
width:50%;
height:10%;
background-color:#554444;
border-color:#776666;
font-size:120%;
position:absolute;
bottom:3px;
}


#share{
right:0px;

}


#hpBar{

background-color:green;
}

#timeBar{

background-color:yellow;

}

.barholder{
width:80%;
border:2px solid black;
height:5%;
margin-left:10%;
margin-bottom:20px;
}

.barholder div {
position:relative;
display:inline-block;
height:100%;
}

#ui p{
	font-size:130%;
	margin-bottom:10px;
}

#mapselect{
	width:75%;
	height: 50px;
	text-align:center;
	margin:auto;
	margin-bottom:10px;
}

#mapselect div {
	width:25%;
	height:100%;
	margin-left:10px;
	margin-right:10px;
	border:1px solid black;
	display:inline-block;
	background-color:#554444;
	color:#998888;
	cursor:pointer;
}

#signature {
color:#AAAAFF;
text-align:right;
position:fixed;
right:5px;
bottom:3px;
z-index:-3;
}

#signature:hover {
color:#BBDDCC;
background-color:#665555;
}