*
{
	margin:0;
	padding:0;
}
body
{
	overflow:hidden;
	font-family:'Open Sans', sans-serif;
	background:url('../img/green_blur_bg.jpg') top center;
	color:#FFF;
}
textarea
{
	width:100%;
	height:60px;
	border:0;
	outline:0;
	background:transparent;
	color:#333;
	resize:none;
}
.active
{
	transform:translateX(-20px);
	-webkit-transform:translateX(-20px);
	-moz-transform:translateX(-20px);
	-o-transform:translateX(-20px);
	-webkit-filter:sepia(0.5);
	-moz-filter:sepia(0.5);
	-o-filter:sepia(0.5);
	color: black;
}
#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
{
    float: left;
	width:180px;
	margin:21px 0;
	padding:10px;
	border:3px solid #fff;
	border-radius:2px;
	font-size:2.3em;
	font-weight:500!important;
	text-transform:uppercase;
}
h2
{
	margin:13px 0;
	font-weight:100;
	font-size:1.2em;
}
h3
{
	font-size:1.4em;
	font-weight:400;
}
p
{
	text-align:justify;
}
.w220px
{
	width:220px!important;
}
#content
{
	width: 800px;
	height: 600px;
	margin-left: -400px;
	margin-top: -340px;
	position: absolute;
	top: 50%;
	left: 50%;
}

#innerContent {
	overflow: auto;
	color: #fff;
}

#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;
}
#awards div
{
	overflow: auto;
}
.award
{
	float:left;
	margin-top: -5px;
	padding: 10px;
	width: 30px;
	height: 33px;

}
.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_1 #content-game
{
	background:url('../img/content.png') no-repeat center;
}
#level_1 #board > *
{
	position:absolute;
}
#level_1 h2
{
	width:474px;
	height:92px;
	top:-40px;
	left:230px;
	font-size:30px;
	font-weight:500;
	line-height:92px;
	text-align:center;
	background:url('../img/header.png') no-repeat;
}
#tabs
{
	display:block;
	width:250px;
	top:-8px;
	left:10px;
}
#tabs li
{
	display:block;
	padding-left: 21px!important;
	font-size:15px;
	list-style-type:none;
	line-height:32px;
	cursor:pointer;
	transform: all 0.04s ease-out;
	-webkit-transition: all 0.04s ease-out;
	-moz-transition: all 0.04s ease-out;
	-o-transition: all 0.04s ease-out;
}
#tabs li:hover
{
	-webkit-transform:scale(1.05) rotate(-1deg);
	-moz-transform:scale(1.05) rotate(-1deg);
	-o-transform:scale(1.05) rotate(-1deg);
	-webkit-filter: sepia(1);
	-moz-filter: hue-rotate(250deg);
	-o-filter: hue-rotate(250deg);
	color: black;
}
#tabs li img
{
	width:16px;
	height:16px;
	margin:0 0 -3px 6px;
	position:relative;
}
#tabs .tab_1
{
	height:62px;
	padding:12px 0 0 3px;
	background:url('../img/tab_1.png') no-repeat;
}
#tabs .tab_2
{
	height:61px;
	padding:4px 0 0 5px;
	background:url('../img/tab_2.png') no-repeat;
}
#tabs .tab_3
{
	height:67px;
	padding:13px 0 0 12px;
	background:url('../img/tab_3.png') no-repeat;
}
#tabs .tab_4
{
	height:69px;
	padding:13px 0 0 5px;
	background:url('../img/tab_4.png') no-repeat;
}
#tabs .tab_5
{
	height:65px;
	padding:5px 0 0 10px;
	background:url('../img/tab_5.png') no-repeat;
}
#tabs .tab_6
{
	height:65px;
	padding:5px 0 0 8px;
	background:url('../img/tab_6.png') no-repeat;
}
#image
{
	width:610px;
	height:237px;
	padding:10px;
	top:90px;
	left:300px;
	background:url('../img/image.png') no-repeat;
}
#image p
{
	margin:0 40px;
	-webkit-transform:rotate(2.1deg);
	transform:rotate(3.1deg);
}
#image div
{
	width:490px;
	height:180px;
	margin:-5px 45px;
}
#image label
{
	display:block;
	width:490px;
	height:180px;
	line-height:180px;
	text-align:center;
}
#image #darkbox {
	position: absolute;
	top: 32px;
	left: 6px;
	display: none;
	background:url('../img/camera.png') no-repeat;
	width:490px;
	height:180px;
}
#image input
{
	position:absolute;
	opacity:0;
}
#image img
{
	max-width:490px;
	max-height:180px;
	vertical-align:middle;
}
#location
{
	width:298px;
	height:338px;
	padding:15px 12px;
	top:340px;
	left:280px;
	background:url('../img/location.png') no-repeat;
}
#location p
{
	margin:0 0 0 12px;
	-webkit-transform:rotate(5deg);
	transform:rotate(5deg);
}
#location #map
{
	width:255px;
	height:255px;
	margin: 19px 0 0 9px;
	opacity:0.8;
}
#description
{
	width:270px;
	height:212px;
	padding:10px;
	top:340px;
	left:620px;
	background:url('../img/description.png') no-repeat;
}
#description p
{
	margin:0 10px;
	-webkit-transform:rotate(-3deg);
	transform:rotate(-3deg);
	line-height: 1.2;
}
#description textarea
{
	width:210px;
	height:142px;
	margin:12px 25px;
}
#finish
{
	display:block;
	width:330px;
	height:65px;
	top:600px;
	left:670px;
	line-height:65px;
	font-size:30px;
	text-align:center;
	background:url('../img/finish.png') no-repeat;
	cursor:pointer;
}
#finish:hover {
	-webkit-transform:scale(1.05) rotate(-1deg);
	-moz-transform:scale(1.05) rotate(-1deg);
	-o-transform:scale(1.05) rotate(-1deg);
	-webkit-filter: sepia(1);
	-moz-filter: hue-rotate(250deg);
	-o-filter: hue-rotate(250deg);
	color: black;
}
#points_box
{
	display:block;
	width:315px;
	height:73px;
	top:-30px;
	left:720px;
	line-height:73px;
	font-size:30px;
	text-align:center;
	background:url('../img/points.png') no-repeat;
}

#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);
	}

  }