*
{
	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/Lalka/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/Lalka/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:114px;
	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%;
}
#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');
}
#level_1 #content-game, #level_2 #content-game
{
	background:url('../img/content.png') no-repeat center;
}
#tabs
{
	width:600px;
	border:0;
	position:absolute;
	top:50px;
	left:310px;
	background:transparent;
}
#tabs ul
{
	border:0;
	background:transparent;
}
#tabs li
{
	display:inline-block;
	width:200px;
	height:60px;
	margin:0 10px;
	border:0;
	list-style-type:none;
	background:transparent;
}
#tabs li a
{
	font-size:30px;
	line-height:60px;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	padding-left: 10px;
}
#tabs li.ui-state-active a
{
	color:gold;
}
#tabs > div > div
{
	height:500px;
}
#accordion
{
	width:240px;
	position:absolute;
	top:60px;
	left:60px;
	color:#000;
}
#accordion h3
{
	height:91px;
	margin-bottom: -28px;
	padding: 28px 0 0 32px;
	border:0;
	background:url('../img/quote_header.png') no-repeat;
	cursor:pointer;
}
#accordion h3:hover
{
	aopacity: 0.8;
}
#accordion h3 .ui-accordion-header-icon
{
	display:none;
}
#accordion > div
{
	height:205px;
	border:0;
	width: 220px;
	text-align: justify;
	font-size: 11px;
	background:transparent;
	color: #fff;
}
#accordion .marker_set, #accordion .marker_notset, #accordion .marker_disabled
{
	display:inline-block;
	width:25px;
	height:25px;
	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:220px;
	max-height:120px;
	vertical-align:middle;
}
#points_box
{
	display: block;
	width: 200px;
	height: 75px;
	position: absolute;
	top: 39px;
	left: 776px;
	line-height: 73px;
	color: black;
	font-size: 30px;
	text-align: center;
	background: url('../img/points.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);
	}
}