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

body{
	
	font-size: 80%;
    font-family: "Courier New", Courier, monospace;
    letter-spacing: 0.15em;
	padding:0;
	margin:0;
	background-image:url(../img/backrounds/backround3.jpg);
	width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /*z-index: -5000;*/}

#main{
	margin: 0 auto;
    width:1182px;
}
img{
	border:hidden;
	outline:none;
}
.hover {
-webkit-user-select: none;
-webkit-touch-callout: none;        
}

#circle{
	float:left;
	margin-top:200px;
	margin-left:380px;

}




 li{
   position:absolute;
   list-style:none;
   width:20%;
   text-align:center;
  }
#one{
	float:left;
	margin-left:350px;
	margin-top:-355px;
	transform:rotate(230deg);
-ms-transform:rotate(230deg); /* IE 9 */
-webkit-transform:rotate(230deg); /* Safari and Chrome */

clear:both;
}

#two{
	float:left;
	margin-left:420px;
	margin-top:-380px;
	transform:rotate(250deg);
-ms-transform:rotate(250deg); /* IE 9 */
-webkit-transform:rotate(250deg); /* Safari and Chrome */
clear:both;
}

#three{
	float:left;
	margin-left:510px;
	margin-top:-360px;
	transform:rotate(270deg);
-ms-transform:rotate(270deg); /* IE 9 */
-webkit-transform:rotate(270deg); /* Safari and Chrome */
clear:both;
}

#four{
	float:right;
	margin-right:550px;
	margin-top:-370px;
	transform:rotate(290deg);
-ms-transform:rotate(290deg); /* IE 9 */
-webkit-transform:rotate(290deg); /* Safari and Chrome */
clear:both;
}

#five{
	float:right;
	margin-right:522px;
	margin-top:-340px;
	transform:rotate(310deg);
-ms-transform:rotate(310deg); /* IE 9 */
-webkit-transform:rotate(310deg); /* Safari and Chrome */
clear:both;
}

#six{
	float:right;
	margin-right:430px;
	margin-top:-340px;
	transform:rotate(320deg);
-ms-transform:rotate(320deg); /* IE 9 */
-webkit-transform:rotate(320deg); /* Safari and Chrome */
clear:both;
}

#seven{
	float:right;
	margin-right:410px;
	margin-top:-290px;
	transform:rotate(325deg);
-ms-transform:rotate(325deg); /* IE 9 */
-webkit-transform:rotate(325deg); /* Safari and Chrome */
clear:both;
}

#eight{
	float:right;
	margin-right:425px;
	margin-top:-230px;
	transform:rotate(340deg);
-ms-transform:rotate(340deg); /* IE 9 */
-webkit-transform:rotate(340deg); /* Safari and Chrome */
clear:both;
}

#nine{
	float:right;
	margin-right:305px;
	margin-top:-180px;
	transform:rotate(360deg);
-ms-transform:rotate(360deg); /* IE 9 */
-webkit-transform:rotate(360deg); /* Safari and Chrome */
clear:both;
}

#ten{
	float:right;
	margin-right:315px;
	margin-top:-125px;
	transform:rotate(370deg);
-ms-transform:rotate(370deg); /* IE 9 */
-webkit-transform:rotate(370deg); /* Safari and Chrome */
clear:both;
}

#eleven{
	float:right;
	margin-right:392px;
	margin-top:-80px;
	transform:rotate(380deg);
-ms-transform:rotate(380deg); /* IE 9 */
-webkit-transform:rotate(380deg); /* Safari and Chrome */
clear:both;
}

#twelve{
	float:right;
	margin-right:345px;
	margin-top:-10px;
	transform:rotate(395deg);
-ms-transform:rotate(395deg); /* IE 9 */
-webkit-transform:rotate(395deg); /* Safari and Chrome */
clear:both;
}

#thirdteen{
	float:right;
	margin-right:480px;
	margin-top:0px;
	transform:rotate(410deg);
-ms-transform:rotate(410deg); /* IE 9 */
-webkit-transform:rotate(410deg); /* Safari and Chrome */
clear:both;
}

#fourteen{
	float:right;
	margin-right:545px;
	margin-top:10px;
	transform:rotate(430deg);
-ms-transform:rotate(430deg); /* IE 9 */
-webkit-transform:rotate(430deg); /* Safari and Chrome */
clear:both;
}

#fiveteen{
	float:right;
	margin-right:590px;
	margin-top:10px;
	transform:rotate(450deg);
-ms-transform:rotate(4500deg); /* IE 9 */
-webkit-transform:rotate(450deg); /* Safari and Chrome */
clear:both;
}

#sixteen{
	float:left;
	margin-left:390px;
	margin-top:-10px;
	transform:rotate(470deg);
-ms-transform:rotate(470deg); /* IE 9 */
-webkit-transform:rotate(470deg); /* Safari and Chrome */
clear:both;
}

#seventeen{
	float:left;
	margin-left:390px;
	margin-top:-75px;
	transform:rotate(485deg);
-ms-transform:rotate(485deg); /* IE 9 */
-webkit-transform:rotate(485deg); /* Safari and Chrome */
clear:both;
}

#eighteen{
	float:left;
	margin-left:310px;
	margin-top:-105px;
	transform:rotate(500deg);
-ms-transform:rotate(500deg); /* IE 9 */
-webkit-transform:rotate(500deg); /* Safari and Chrome */
clear:both;
}

#nineteen{
	float:left;
	margin-left:240px;
	margin-top:-145px;
	transform:rotate(515deg);
-ms-transform:rotate(515deg); /* IE 9 */
-webkit-transform:rotate(515deg); /* Safari and Chrome */
clear:both;
}

#twenty{
	float:left;
	margin-left:250px;
	margin-top:-220px;
	transform:rotate(530deg);
-ms-transform:rotate(530deg); /* IE 9 */
-webkit-transform:rotate(530deg); /* Safari and Chrome */
clear:both;
}

#twentyone{
	float:left;
	margin-left:280px;
	margin-top:-270px;
	transform:rotate(545deg);
-ms-transform:rotate(545deg); /* IE 9 */
-webkit-transform:rotate(545deg); /* Safari and Chrome */
clear:both;
}

#twentytwo{
	float:left;
	margin-left:250px;
	margin-top:-320px;
	transform:rotate(560deg);
-ms-transform:rotate(560deg); /* IE 9 */
-webkit-transform:rotate(560deg); /* Safari and Chrome */
clear:both;
}

#ena{
	float:left;
	position:absolute;
	margin-top:200px;
	margin-left:380px;
	z-index:-4000;
	display:none;
}


#one:hover_effect ~ #ena{
	display:block ;
}

#dio{
	float:left;
	position:absolute;
	margin-top:200px;
	margin-left:380px;
	z-index:-4000;
	display:none;
}


#two:hover ~ #dio{
	display:block ;
}


#threeb{
	float:left;
	position:absolute;
	margin-top:200px;
	margin-left:380px;
	z-index:-4000;
	display:none;
}


#three:hover ~ #threeb{
	display:block ;
}

#four-b{
	float:left;
	position:absolute;
	margin-top:200px;
	margin-left:380px;
	z-index:-4000;
	display:none;
}


#four:hover ~ #four-b{
	display:block ;
}

#five-b{
	float:left;
	position:absolute;
	margin-top:200px;
	margin-left:380px;
	z-index:-4000;
	display:none;
}


#five:hover ~ #five-b{
	display:block ;
}

#six-b{
	float:left;
	position:absolute;
	margin-top:200px;
	margin-left:380px;
	z-index:-4000;
	display:none;
}


#six:hover ~ #six-b{
	display:block ;
}

#seven-b{
	float:left;
	position:absolute;
	margin-top:200px;
	margin-left:380px;
	z-index:-4000;
	display:none;
}


#seven:hover ~ #seven-b{
	display:block ;
}


#eight-b{
	float:left;
	position:absolute;
	margin-top:200px;
	margin-left:380px;
	z-index:-4000;
	display:none;
}


#eight:hover ~ #eight-b{
	display:block ;
}

#nine-b{
	float:left;
	position:absolute;
	margin-top:200px;
	margin-left:380px;
	z-index:-4000;
	display:none;
}


#nine:hover ~ #nine-b{
	display:block ;
}

#ten-b{
	float:left;
	position:absolute;
	margin-top:200px;
	margin-left:380px;
	z-index:-4000;
	display:none;
}


#ten:hover ~ #ten-b{
	display:block ;
}

#eleven-b{
	float:left;
	position:absolute;
	margin-top:200px;
	margin-left:380px;
	z-index:-4000;
	display:none;
}


#eleven:hover ~ #eleven-b{
	display:block ;
}

#twelve-b{
	float:left;
	position:absolute;
	margin-top:200px;
	margin-left:380px;
	z-index:-4000;
	display:none;
}


#twelve:hover ~ #twelve-b{
	display:block ;
}

#thirdteen-b{
	float:left;
	position:absolute;
	margin-top:200px;
	margin-left:380px;
	z-index:-4000;
	display:none;
}


#thirdteen:hover ~ #thirdteen-b{
	display:block ;
}

#fourteen-b{
	float:left;
	position:absolute;
	margin-top:200px;
	margin-left:380px;
	z-index:-4000;
	display:none;
}


#fourteen:hover ~ #fourteen-b{
	display:block ;
}


#fiveteen-b{
	float:left;
	position:absolute;
	margin-top:200px;
	margin-left:380px;
	z-index:-4000;
	display:none;
}


#fiveteen:hover ~ #fiveteen-b{
	display:block ;
}


#sixteen-b{
	float:left;
	position:absolute;
	margin-top:200px;
	margin-left:380px;
	z-index:-4000;
	display:none;
}


#sixteen:hover ~ #sixteen-b{
	display:block ;
}


#seventeen-b{
	float:left;
	position:absolute;
	margin-top:200px;
	margin-left:380px;
	z-index:-4000;
	display:none;
}


#seventeen:hover ~ #seventeen-b{
	display:block ;
}

#eighteen-b{
	float:left;
	position:absolute;
	margin-top:200px;
	margin-left:380px;
	z-index:-4000;
	display:none;
}


#eighteen:hover ~ #eighteen-b{
	display:block ;
}


#nineteen-b{
	float:left;
	position:absolute;
	margin-top:200px;
	margin-left:380px;
	z-index:-4000;
	display:none;
}


#nineteen:hover ~ #nineteen-b{
	display:block ;
}

#twenty-b{
	float:left;
	position:absolute;
	margin-top:200px;
	margin-left:380px;
	z-index:-4000;
	display:none;
}


#twenty:hover ~ #twenty-b{
	display:block ;
}

#twentyone-b{
	float:left;
	position:absolute;
	margin-top:200px;
	margin-left:380px;
	z-index:-4000;
	display:none;
}


#twentyone:hover ~ #twentyone-b{
	display:block ;
}

#twentytwo-b{
	float:left;
	position:absolute;
	margin-top:200px;
	margin-left:380px;
	z-index:-4000;
	display:none;
}


#twentytwo:hover ~ #twentytwo-b{
	display:block ;
}

#home{
	float:right;
	margin-right:-200px;
	margin-top:80px;
	
}

#size{
	width:70%}