.ui_title {
	
	position:				absolute;
	left:					0%;
	top:					0%;
	width:					100%;
	height:					100%;
	
	opacity:				0;
	pointer-events:			none;
	
	transition:				opacity 1.5s ease;	
	
	background-image:		url('../media/sysimg/bg_main.png');
	background-size:		cover;
	background-position:	50% 50%;
	background-repeat:		no-repeat;
	
}

.ui_title.active {
	
	opacity:				1;
	pointer-events:			auto;
	
}

.ui_title_logo {
	
	position:				absolute;
	left:					40%;
	top:					10%;
	width: 					50%;
	height: 				40%;
	
	pointer-events:			none;
	
	background-image:		url('../media/sysimg/title_logo.png');
	background-size:		contain;
	background-position:	50% 50%;
	background-repeat:		no-repeat;
	
}



.ui_title_guitar {
	
	position:				absolute;
	left:					5%;
	top:					10%;
	width: 					35%;
	height: 				90%;
	
	pointer-events:			none;
	
	background-image:		url('../media/sysimg/title_guitar.png');
	background-size:		contain;
	background-position:	50% 50%;
	background-repeat:		no-repeat;
	
}



.ui_title_buttons {
	
	position:				absolute;
	left:					43%;
	top:					60%;
	width: 					45%;
	height: 				30%;
	
}