.constructor_wrapper {
	width:100%;
	height:800px;
	/*border:1px dotted #777;*/
	margin:0 auto;
}

.constructor_canvas {
	/*margin-top:40px;*/
	/*border:1px dotted #999;*/
	overflow:hidden;
	
}

.constructor_bg_image {
	/*left:100px;*/
}

.constructor_canvas svg {
	width:1000px;
	height:802px;
}

.constructor_canvas img, .constructor_canvas svg {
	position:absolute;
}

.constructor_status_bar {
	width:100%;
	background-color:#333;
	padding:10px;
	color:#fff;
}

.constructor_item, .constructor_item_editable {
	width:48px;
	height:48px;
	border:2px solid #bbb;
	
	border-radius:24px;
	margin:4px;
	cursor:pointer;
	overflow:hidden;
	
	box-shadow:3px 3px 10px 2px rgba(100, 100, 100, 0.3);
}

.constructor_item {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;	
	
}

.constructor_institems_panel {
	height:600px;
	background-color:#fff;
	overflow-y:scroll;
}

.constructor_institem {
	display:block;
	text-decoration:none;
	color:#333;
	
	padding:4px 8px 4px 4px;
	border-bottom:1px dotted #aaa;
	font-size:12px;
	line-height:14px;
	
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;		
}

.constructor_institem:hover {
	background-color:#2feb20;
	color:#22571e;
	cursor:pointer;
	text-decoration:none;
}

.constructor_institem img {
	width:36px;
	height:36px;
	border:2px solid #bbb;
	
	border-radius:20px;
	margin:4px;
	cursor:pointer;
	overflow:hidden;	
	
	float:left;
	margin-right:10px;
}

.constructor_institem_selected {
	background-color:#2feb20;
	color:#22571e;
	cursor:pointer;
}

.constructor_institem_selected img {
	border:2px solid #24721e;
}

.constructor_item_installed {
	border:2px solid #00a8ff;
}

.constructor_item_hover {
	border-color:#2feb20 !important;
}

.constructor_about {
	width:300px;
	background-color:#fff;
	height:600px;
	padding:20px;
	display:none;
}