*
{
	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;

}
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('http://www.ldc.edu.pl/gry/1/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('http://www.ldc.edu.pl/gry/1/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:350px;
	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;
	float: none;
}
#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%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#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 #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('http://www.ldc.edu.pl/gry/1/img/button_level_1.png');
}
#level_0 #button_level_2
{
	width:380px;
	height:269px;
	right:0;
	background:url('http://www.ldc.edu.pl/gry/1/img/button_level_2.png');
}
#level_1 #content-game, #level_2 #content-game
{
	background: url('../img/map-bg.jpg');
}
#map
{
	width:650px;
	height:600px;
	position:absolute;
	top:50px;
	left:310px;
	overflow:auto;
}
#map > div
{
	position:relative;
}
#accordion
{
	width:240px;
	position:absolute;
	top:60px;
	left:40px;
	color:#000;
}
.ui-widget 
{
	font-family: "open sans", arial;
}
#accordion h3
{
	margin-bottom: 10px;
	padding: 20px 0 20px 17px;
	border:0;
	background:url('../img/1.png') no-repeat;
	cursor:pointer;
	color: silver;
	box-shadow: 3px 3px 10px 3px black;
}
#accordion h3:hover
{
	opacity: 0.9;
}
#accordion h3 .ui-accordion-header-icon
{
	display:none;
}
#accordion > div
{
	font-size: 14px;
	width: 230px;
	height:205px;
	border:0;
	background:transparent;
	color: #fff;
}
#accordion .marker_set, #accordion .marker_notset, #accordion .marker_disabled
{
	display:inline-block;
	width:25px;
	height:25px;
	margin-right: 16px;
	z-index:99999;
	float:right;
	background:url('../img/marker_set.png') no-repeat bottom;
}
#accordion .marker_notset
{
	background:url('../img/marker_notset.png') no-repeat bottom;
	cursor:move;
}
#accordion .marker_disabled
{
	background:url('../img/marker_disabled.png') no-repeat bottom;
}
#accordion .image label
{
	display:block;
	width:160px;
	height:120px;
	line-height:60px;
	text-align:center;
}
#accordion .image .darkbox
{
	display:none;
	width:160px;
	height:120px;
	position:absolute;
	top:0;
	left:0;
	background:url('../img/camera.png') no-repeat;
	background-size:fit;
}
#accordion .image input
{
	position:absolute;
	opacity:0;
}
#accordion .image img
{
	max-width:160px;
	max-height:120px;
	vertical-align:middle;
}
#points_box
{
	display: block;
	width: 200px;
	padding: 10px;
	position: absolute;
	top: -10px;
	left: 776px;
	color: silver;
	box-shadow: 0 0 10px 3px black;
	font-size: 30px;
	text-align: center;
	background: url('../img/1.png') no-repeat;
}
#unia
{
	width: 100%;
	height: 110px;
	padding: 10px 0;
	position: fixed;
	bottom: 0;
	text-align: center;
	background: #fff;
}
#ldc_logo
{
	margin-top:21px;
	margin-right: -2px;
	float: left;
}
@media only screen and (max-width: 1100px)
{
	#content-game
	{
		-webkit-transform:scale(0.75);
		-moz-transform:scale(0.75) ;
		-o-transform:scale(0.75);
	}
}