body, html {
	margin: 0;
    padding: 0;
	height: 100%;
	overflow: hidden;
	background:url("bg.jpg") repeat;
}
#canvas{

}

#load-percent {
	position:absolute;
	top: 0px;
	left: 0px;
	font-family: 'Nunito', sans-serif;
	font-size: 14px;
	color:white;
	/*SCHIMBAT culoare de la loading text in functie de background*/
}

#thumb-1 {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;  
	height: 100%;  
	background:url("thumb1.jpg");
	background-repeat: no-repeat;
	border: solid;
	border-radius: 15px;
	border-color: white;
	border-width: 3px;
	visibility: visible;
	/*SCHIMBAT link imagine thumb 1*/
}

#thumb-2{  
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;  
	height: 100%;  
	background:url("thumb2.jpg");
	background-repeat: no-repeat;
	border: solid;
	border-radius: 15px;
	border-color: white;
	border-width: 3px;
	visibility: visible;
	/*SCHIMBAT link imagine thumb 2*/
}

#logo-page{  
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;  
	height: 100%;  
	background:url("logo.png");
	background-repeat: no-repeat;
	border: none;
	visibility: visible;
	/*SCHIMBAT link to load the background pattern image in functie de branding.*/
}

#preload {  
	position: absolute;  
	background-color: #FFE958;  
	top: 150px;  
	left: 150px;  
	width: 500px;  
	height: 30px;  
	border: 0;
	padding: 0;
}

#preloadFill {  
	position: absolute;
    background-color: #ff59e3;
    height: 30px;
    width: 0;
}