*
{
	margin:0;
	padding:0;
	outline: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor:default;
}
body
{
	overflow:hidden;
	font-family:'Open Sans', sans-serif;
	background:url('../img/blur.jpg') no-repeat;
	color:#FFF;
}
#arrow, #x, #home
{
	position:fixed;
	top:20px;
	display:block;
	width:48px;
	height:48px;
	cursor:pointer;
}
#arrow
{
	left:20px;
	background:url('../img/arrow_blue.ico');
}
#home
{
	left:20px;
	background:url('../img/home_blue.png');
}
#x
{
	right:20px;
	background:url('../img/x_red.ico');
}
#arrow:hover
{
	background:url('../img/arrow_blue_hover.ico');
}
#home:hover
{
	background:url('../img/home_blue_hover.png');
}
#x:hover
{
	background:url('../img/x_red_hover.ico');
}
h1
{
	width:187px;
	margin:21px 0;
	padding:10px;
	border:3px solid #fff;
	border-radius:2px;
	font-size:2.3em;
	font-weight:500!important;
	text-transform:uppercase;
	float: left;
}
h2
{
	margin:13px 0;
	font-weight:100;
	font-size:1.2em;
}
h3
{
	font-size:1.4em;
	font-weight:400;
}
p
{
	text-align:justify;
}
#innerContent 
{
	overflow: auto;
	color: #fff;
}
.w220px
{
	width:220px!important;
}
#content
{
	width: 800px;
	height: 600px;
	margin-left: -400px;
	margin-top: -300px;
	position: absolute;
	top: 50%;
	left: 50%;
}
#content-game
{
	width: 1000px;
	height: 700px;
	margin-left: -500px;
	margin-top: -350px;
	position: absolute;
	top: 50%;
	left: 50%;
}
#start, #help, #red
{
	width:180px;
	display:block;
	padding:18px;
	text-transform:uppercase;
	float:left;
	text-decoration:none;
	border-radius:2px;
	margin-right:4px;
	font-size:1.0em;
	color: #fff;
}
#start
{
	background:#27ae60;
}
#start:hover
{
	background:#2ecc71;
}
#help
{
	background:#2980b9;
}
#help:hover
{
	background:#3498db;
}
#red
{
	background:#c0392b;
}
#red:hover
{
	background:#e74c3c;
}
.award
{
	float:left;
	padding:20px;
}
.icon-play, .icon-info
{
	display:inline;
	width:24px;
	height:24px;
	float:left;
	padding-right:8px;
	margin-top:-1px;
}
.icon-play
{
	background:url('../img/play_ico.png') no-repeat;
}
.icon-info
{
	background:url('../img/info_ico.png') no-repeat;
}
#level_0 #content-game
{
	background:url('../img/start.jpg') no-repeat;
}
#level_0 #button_level_1, #button_level_2
{
	display:block;
	position:absolute;
	bottom:0;
	font-size:50px;
	font-weight:bold;
	line-height:300px;
	text-align:center;
	text-decoration:none;
	color:#FFF;
}
#button_level_1:hover
{
	transform: all 0.1s ease-out;
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	opacity: 0.8;
	transform: scale(1.02) translate(10px, -7px);
	-ms-transform: scale(1.02) translate(10px, -7px); /* IE 9 */
	-webkit-transform: scale(1.02) translate(3px, -2px); /* Safari and Chrome */
}
#button_level_2:hover
{
	transform: all 0.1s ease-out;
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	opacity: 0.8;
	transform: scale(1.02) translate(-3px, -2px);
	-ms-transform: scale(1.02) translate(-3px, -2px); /* IE 9 */
	-webkit-transform: scale(1.02) translate(-3px, -2px); /* Safari and Chrome */
}
#level_0 #button_level_1 span, #button_level_2 span
{
	margin:0 0 0 -150px;
	position:absolute;
	font-size:140px;
	opacity:0.5;
}
#level_0 #button_level_1
{
	width:414px;
	height:278px;
	left:0;
	background:url('../img/button_level_1.png');
}
#level_0 #button_level_2
{
	width:380px;
	height:269px;
	right:0;
	background:url('../img/button_level_2.png');
}
#stage
{
	height:500px;
	overflow:hidden;
	position:relative;
	border: 6px solid #000;
	background:url("../img/background-l12.jpg") center 0;
}
#board .element:hover, #menu li:hover
{
	opacity: 0.9;
	transform: scale(1.08,1.08);
	-ms-transform: scale(1.08,1.08); /* IE 9 */
	-webkit-transform: scale(1.08,1.08); /* Safari and Chrome */
}
#instruction {
	width: 170px;
	margin: 10px 18px 0 18px;
	font-size: 18px;
}
#board
{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background:url("../img/background-l12.jpg") 0 40px; 
}
#board .element, #menu li
{
	min-width:100px;
	max-width:300px;
	padding:0 10px;
	height:30px;
	border-radius:2px;
	position:absolute;
	top:-30px;
	font-size:15px;
	line-height:30px;
	text-align:center;
	white-space:nowrap;
	background:sienna;
	cursor:pointer;
	box-shadow: 0 0 3px 2px black;
}

#menu li {
	position: relative!important;
	top: 6px!important;
	margin: 10px 14px!important;
	list-style: none;
}
#containers
{
	text-align:center;
	background: black;
}
#containers > div:hover 
{
	opacity: 0.5;
}
#containers > div
{
	display:inline-block;
	height:200px;
	width:200px;
	margin:0 25px;
	overflow:hidden;
	font-size:18px;
	text-transform: uppercase;
	font-weight:bold;
	line-height:200px;
	color: beige!important;
	opacity: 0.8;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background:url("../img/1 (1).png");
	-moz-box-shadow:    inset 0 0 40px #000000;
	-webkit-box-shadow: inset 0 0 40px #000000;
	box-shadow:         inset 0 0 40px #000000;
}
#image
{
	height:700px;
	margin:0 0 0 200px;
	position:relative;
	overflow-x: hidden;
	overflow-y: hidden;
}
#image img
{
	height:680px;
}
#image .word {
	position: absolute;
	cursor: pointer;
}
#image > div
{
	position:absolute;
	left: -100px;
}
#menu
{
	width:200px;
	float:left;
	list-style: none;
}
#menu .active
{
	font-weight:bold;
}
#menu .disabled
{
	color:gray;
	opacity: 0.5;
}
#level_1 #points_box, #level_2 #points_box
{
	display: block;
	width: 150px;
	height: 40px;
	padding: 10px 0;
	position: absolute;
	top: 10px;
	right: 10px;
	color: silver;
	text-shadow:#fff 0px 1px 0, #000 0 -1px 0;
	font-size: 25px;
	text-align: center;
	background: sienna;
	box-shadow: 0 0 10px 3px black;
}
#level_3 #points_box, #level_4 #points_box
{
	display: block;
	width: 150px;
	height: 40px;
	padding: 10px 0;
	position: absolute;
	bottom: 30px;
	left: 24px;
	color: silver;
	text-shadow:#fff 0px 1px 0, #000 0 -1px 0;
	font-size: 25px;
	text-align: center;
	background: sienna;
	box-shadow: 0 0 10px 3px black;
}
#unia {
    text-align: center;
    background: #fff;
    width: 100%;
    height: 110px;
    position: fixed;
    bottom: 0;
    padding: 10px 0;
}

#ldc_logo {
    float: left;
    margin-top:21px;
    margin-right: -2px;
}
@media only screen and (max-width: 1100px)
{
	#content-game
	{
		-webkit-transform:scale(0.75);
		-moz-transform:scale(0.75) ;
		-o-transform:scale(0.75);
	}
}