@charset "utf-8";
/* CSS Document */

html
	{
	background-color:WhiteSmoke;
	height:100%;
	width:100%;
	}

body
	{
	text-align:center;
	margin:0px;
	padding:0px;
	height:100%;
	width:100%;
	}

.empty
	{
	display:block;
	opacity:0.5;
	background:#C0C0C0;
	z-index:0;
	}

.IconApp
	{
	border-radius:50%;
	margin-top:-32px;
	margin-left:-32px;
    width:64px;
    height:64px;
    position:absolute;
	box-sizing:border-box;
	transition: all 0.25s;
	-moz-transition: all 0.25s;
	-webkit-transition: all 0.25s;
	-o-transition: all 0.25s;
	background-size:contain;
	cursor:pointer;
	z-index:1;
	}

.IconApp:hover:not(.empty)
	{
	content:attr(title);
	border-radius:50%;
	margin-top:-27px;
	margin-left:-27px;
    width:54px;
    height:54px;
	}

#App1
	{
	top:0%;
	left:50%;
	}   

#App2
	{
	top:4%;
	left:69%;
	}

#App3
	{
    top:15%;
    left:85%;
	}

#App4
	{
    top:31%;
    left:96%;
	}

#App5
	{
    top:50%;
    left:100%;
	}

#App6
	{
    top:69%;
    left:96%;
	}

#App7
	{
    top:85%;
    left:85%;
	}

#App8
	{
    top:96%;
    left:69%;
	}

#App9
	{
    top:100%;
    left:50%;
	}

#App10
	{
	top:96%;
	left:31%;
	}   

#App11
	{
	top:85%;
	left:15%;
	}

#App12
	{
    top:69%;
    left:4%;
	}

#App13
	{
    top:50%;
    left:0%;
	}

#App14
	{
    top:31%;
    left:4%;
	}

#App15
	{
    top:15%;
    left:15%;
	}

#App16
	{
    top:4%;
    left:31%;
	}