@charset "utf-8";
/* CSS Document rgba(0,0,0,0.0) */

#oo
{
width:167px;
height:167px;
background:#f2f2f2;
position:relative;
animation:myoo 3s;
-moz-animation:myoo 3s; /* Firefox */
-webkit-animation:myoo 3s; /* Safari and Chrome */
-o-animation:myoo 3s; /* Opera */

-moz-border-radius: 100px;
border-radius: 100px;

}

@keyframes myoo
{
0%   {background:#ffffff;}
10%  {background:#dfdfdf;}
50%  {background:#cddfb4;}
75%  {background:#c9c9c9;}
100% {background:#f2f2f2;}
}

@-moz-keyframes myoo /* Firefox */
{
0%   {background:#ffffff;}
10%  {background:#dfdfdf;}
50%  {background:#cddfb4;}
75%  {background:#c9c9c9;}
100% {background:#f2f2f2;}
}

@-webkit-keyframes myoo /* Safari and Chrome */
{
0%   {background:#ffffff;}
10%  {background:#dfdfdf;}
50%  {background:#cddfb4;}
75%  {background:#c9c9c9;}
100% {background:#f2f2f2;}
}

@-o-keyframes myoo /* Opera */
{
0%   {background:#ffffff;}
10%  {background:#dfdfdf;}
50%  {background:#cddfb4;}
75%  {background:#c9c9c9;}
100% {background:#f2f2f2;}
}



#aa
{
width:167px;
height:167px;
background:#f2f2f2;
position:relative;
animation:myaa 6s;
-moz-animation:myaa 6s; /* Firefox */
-webkit-animation:myaa 6s; /* Safari and Chrome */
-o-animation:myaa 6s; /* Opera */

-moz-border-radius: 100px;
border-radius: 100px;

}

@keyframes myaa
{
0%   {background:#dfdfdf; opacity:0;}
50%  {background:#dfdfdf; opacity:1;}
60%  {background:#ffffff; opacity:1;}
70%  {background:#dfdfdf; opacity:1;}
80%  {background:#cddfb4; opacity:1;}
95%  {background:#c9c9c9; opacity:1;}
100% {background:#f2f2f2; opacity:1;}
}

@-moz-keyframes myaa /* Firefox */
{
0%   {background:#ffffff;}
50%  {background:#ffffff;}
60%  {background:#dfdfdf;}
70%  {background:#dfdfdf;}
80%  {background:#cddfb4;}
95%  {background:#c9c9c9;}
100% {background:#f2f2f2;}
}

@-webkit-keyframes myaa /* Safari and Chrome */
{
0%   {background:#dfdfdf; opacity:0;}
50%  {background:#dfdfdf; opacity:1;}
60%  {background:#ffffff; opacity:1;}
70%  {background:#dfdfdf; opacity:1;}
80%  {background:#cddfb4; opacity:1;}
95%  {background:#c9c9c9; opacity:1;}
100% {background:#f2f2f2; opacity:1;}
}

@-o-keyframes myaa /* Opera */
{
0%   {background:#dfdfdf; opacity:0;}
50%  {background:#dfdfdf; opacity:1;}
60%  {background:#ffffff; opacity:1;}
70%  {background:#dfdfdf; opacity:1;}
80%  {background:#cddfb4; opacity:1;}
95%  {background:#c9c9c9; opacity:1;}
100% {background:#f2f2f2; opacity:1;}
}



#bb
{
width:167px;
height:167px;
background:#dfdfdf;
position:relative;
animation:mybb 9s;
-moz-animation:mybb 9s; /* Firefox */
-webkit-animation:mybb 9s; /* Safari and Chrome */
-o-animation:mybb 9s; /* Opera */

-moz-border-radius: 100px;
border-radius: 100px;

}

@keyframes mybb 
{
0%   {background:#cddfb4; opacity:0;}
50%  {background:#cddfb4; opacity:1;}
60%  {background:#ffffff; opacity:1;}
70%  {background:#f2f2f2; opacity:1;}
80%  {background:#c9c9c9; opacity:1;}
95%  {background:#cddfb4; opacity:1;}
100% {background:#dfdfdf; opacity:1;}
}

@-moz-keyframes mybb /* Firefox */
{
0%   {background:#ffffff;}
50%  {background:#ffffff;}
60%  {background:#cddfb4;}
70%  {background:#f2f2f2;}
80%  {background:#c9c9c9;}
95%  {background:#cddfb4;}
100% {background:#dfdfdf;}
}

@-webkit-keyframes mybb /* Safari and Chrome */
{
0%   {background:#cddfb4; opacity:0;}
50%  {background:#cddfb4; opacity:1;}
60%  {background:#ffffff; opacity:1;}
70%  {background:#f2f2f2; opacity:1;}
80%  {background:#c9c9c9; opacity:1;}
95%  {background:#cddfb4; opacity:1;}
100% {background:#dfdfdf; opacity:1;}
}

@-o-keyframes mybb /* Opera */
{
0%   {background:#cddfb4; opacity:0;}
50%  {background:#cddfb4; opacity:1;}
60%  {background:#ffffff; opacity:1;}
70%  {background:#f2f2f2; opacity:1;}
80%  {background:#c9c9c9; opacity:1;}
95%  {background:#cddfb4; opacity:1;}
100% {background:#dfdfdf; opacity:1;}
}



#cc
{
	width: 167px;
	height: 167px;
	background: #c9c9c9;
	position: relative;
	animation: mycc 7s;
	-moz-animation: mycc 7s; /* Firefox */
	-webkit-animation: mycc 7s; /* Safari and Chrome */
	-o-animation: mycc 7s; /* Opera */
	-moz-border-radius: 100px;
	border-radius: 100px;
}

@keyframes mycc 
{
0%   {background:#c9c9c9; opacity:0;}
50%  {background:#c9c9c9; opacity:1;}
60%  {background:#ffffff; opacity:1;}
70%  {background:#cddfb4; opacity:1;}
80%  {background:#f2f2f2; opacity:1;}
95%  {background:#dfdfdf; opacity:1;}
100% {background:#c9c9c9; opacity:1;}
}

@-moz-keyframes mycc /* Firefox */
{
0%   {background:#ffffff;}
50%  {background:#ffffff;}
60%  {background:#c9c9c9;}
70%  {background:#cddfb4;}
80%  {background:#f2f2f2;}
95%  {background:#dfdfdf;}
100% {background:#c9c9c9;}
}

@-webkit-keyframes mycc /* Safari and Chrome */
{
0%   {background:#c9c9c9; opacity:0;}
50%  {background:#c9c9c9; opacity:1;}
60%  {background:#ffffff; opacity:1;}
70%  {background:#cddfb4; opacity:1;}
80%  {background:#f2f2f2; opacity:1;}
95%  {background:#dfdfdf; opacity:1;}
100% {background:#c9c9c9; opacity:1;}
}

@-o-keyframes mycc /* Opera */
{
0%   {background:#c9c9c9; opacity:0;}
50%  {background:#c9c9c9; opacity:1;}
60%  {background:#ffffff; opacity:1;}
70%  {background:#cddfb4; opacity:1;}
80%  {background:#f2f2f2; opacity:1;}
95%  {background:#dfdfdf; opacity:1;}
100% {background:#c9c9c9; opacity:1;}
}





#nn
{
	width: 167px;
	height: 167px;
	opacity: 1;
	position: absolute;
	animation: mynn 12s;
	-moz-animation: mynn 12s; /* Firefox */
	-webkit-animation: mynn 12s; /* Safari and Chrome */
	-o-animation: mynn 12s; /* Opera */
	-moz-border-radius: 100px;
	border-radius: 100px;
	background-image: url(../images/nn.jpg);
	z-index: 93;
	left: 577px;
	top: 550px;
}

@keyframes mynn 
{
0%   {opacity:0;}
75%  {opacity:0;}
100% {opacity:1;}
}

@-moz-keyframes mynn /* Firefox */
{
0%   {opacity:0;}
75%  {opacity:0;}
100% {opacity:1;}
}

@-webkit-keyframes mynn /* Safari and Chrome */
{
0%   {opacity:0;}
75%  {opacity:0;}
100% {opacity:1;}
}

@-o-keyframes mynn /* Opera */
{
0%   {opacity:0;}
75%  {opacity:0;}
100% {opacity:1;}
}
#n
{
width:167px;
height:167px;
background:#ffffff;
position:relative;
animation:myn 8s;
-moz-animation:myn 8s; /* Firefox */
-webkit-animation:myn 8s; /* Safari and Chrome */
-o-animation:myn 8s; /* Opera */

-moz-border-radius: 100px;
border-radius: 100px;
	z-index: 13;

}

@keyframes myn
{
0%   {background:#dfdfdf; opacity:0;}
50%  {background:#dfdfdf; opacity:1;}
60%  {background:#ffffff; opacity:1;}
70%  {background:#dfdfdf; opacity:1;}
80%  {background:#cddfb4; opacity:1;}
95%  {background:#c9c9c9; opacity:1;}
100% {background:#ffffff; opacity:1;}
}

@-moz-keyframes myn /* Firefox */
{
0%   {background:#ffffff;}
50%  {background:#ffffff;}
60%  {background:#dfdfdf;}
70%  {background:#dfdfdf;}
80%  {background:#cddfb4;}
95%  {background:#c9c9c9;}
100% {background:#ffffff;}
}

@-webkit-keyframes myn /* Safari and Chrome */
{
0%   {background:#dfdfdf; opacity:0;}
50%  {background:#dfdfdf; opacity:1;}
60%  {background:#ffffff; opacity:1;}
70%  {background:#dfdfdf; opacity:1;}
80%  {background:#cddfb4; opacity:1;}
95%  {background:#c9c9c9; opacity:1;}
100% {background:#ffffff; opacity:1;}
}

@-o-keyframes myn /* Opera */
{
0%   {background:#dfdfdf; opacity:0;}
50%  {background:#dfdfdf; opacity:1;}
60%  {background:#ffffff; opacity:1;}
70%  {background:#dfdfdf; opacity:1;}
80%  {background:#cddfb4; opacity:1;}
95%  {background:#c9c9c9; opacity:1;}
100% {background:#ffffff; opacity:1;}
}





#ll
{
	width: 167px;
	height: 167px;
	opacity: 1;
	position: absolute;
	animation: myll 12s;
	-moz-animation: myll 12s; /* Firefox */
	-webkit-animation: myll 12s; /* Safari and Chrome */
	-o-animation: myll 12s; /* Opera */
	-moz-border-radius: 100px;
	border-radius: 100px;
	background-image: url(../images/ll.jpg);
	z-index: 92;
	left: 577px;
	top: 373px;
}

@keyframes myll
{
0%   {opacity:0;}
50%  {opacity:0;}
100% {opacity:1;}
}

@-moz-keyframes myll /* Firefox */
{
0%   {opacity:0;}
75%  {opacity:0;}
100% {opacity:1;}
}

@-webkit-keyframes myll /* Safari and Chrome */
{
0%   {opacity:0;}
75%  {opacity:0;}
100% {opacity:1;}
}

@-o-keyframes myll /* Opera */
{
0%   {opacity:0;}
75%  {opacity:0;}
100% {opacity:1;}
}
#l
{
width:167px;
height:167px;
background:#ffffff;
position:relative;
animation:myl 8s;
-moz-animation:myl 8s; /* Firefox */
-webkit-animation:myl 8s; /* Safari and Chrome */
-o-animation:myl 8s; /* Opera */

-moz-border-radius: 100px;
border-radius: 100px;
	z-index: 12;

}

@keyframes myl 
{
0%   {background:#cddfb4; opacity:0;}
50%  {background:#cddfb4; opacity:1;}
60%  {background:#ffffff; opacity:1;}
70%  {background:#f2f2f2; opacity:1;}
80%  {background:#c9c9c9; opacity:1;}
95%  {background:#cddfb4; opacity:1;}
100% {background:#ffffff; opacity:1;}
}

@-moz-keyframes mybb /* Firefox */
{
0%   {background:#ffffff;}
50%  {background:#ffffff;}
60%  {background:#cddfb4;}
70%  {background:#f2f2f2;}
80%  {background:#c9c9c9;}
95%  {background:#cddfb4;}
100% {background:#ffffff;}
}

@-webkit-keyframes myl /* Safari and Chrome */
{
0%   {background:#cddfb4; opacity:0;}
50%  {background:#cddfb4; opacity:1;}
60%  {background:#ffffff; opacity:1;}
70%  {background:#f2f2f2; opacity:1;}
80%  {background:#c9c9c9; opacity:1;}
95%  {background:#cddfb4; opacity:1;}
100% {background:#ffffff; opacity:1;}
}

@-o-keyframes myl /* Opera */
{
0%   {background:#cddfb4; opacity:0;}
50%  {background:#cddfb4; opacity:1;}
60%  {background:#ffffff; opacity:1;}
70%  {background:#f2f2f2; opacity:1;}
80%  {background:#c9c9c9; opacity:1;}
95%  {background:#cddfb4; opacity:1;}
100% {background:#ffffff; opacity:1;}
}



#tt
{
	width: 167px;
	height: 167px;
	opacity: 1;
	position: absolute;
	animation: mytt 12s;
	-moz-animation: mytt 12s; /* Firefox */
	-webkit-animation: mytt 12s; /* Safari and Chrome */
	-o-animation: mytt 12s; /* Opera */
	left: 220px;
	top: 205px;

	z-index: 91;

}

@keyframes mytt 
{
0%   {opacity:0;}
75%  {opacity:0;}
100% {opacity:1;}
}

@-moz-keyframes mytt /* Firefox */
{
0%   {opacity:0;}
75%  {opacity:0;}
100% {opacity:1;}
}

@-webkit-keyframes mytt /* Safari and Chrome */
{
0%   {opacity:0;}
75%  {opacity:0;}
100% {opacity:1;}
}

@-o-keyframes mytt /* Opera */
{
0%   {opacity:0;}
75%  {opacity:0;}
100% {opacity:1;}
}
#t
{
	width: 167px;
	height: 167px;
	background: #ffffff;
	position: relative;
	animation: myt 8s;
	-moz-animation: myt 8s; /* Firefox */
	-webkit-animation: myt 8s; /* Safari and Chrome */
	-o-animation: myt 8s; /* Opera */
	-moz-border-radius: 100px;
	border-radius: 100px;
	z-index: 11;
}

@keyframes myt 
{
0%   {background:#c9c9c9; opacity:0;}
50%  {background:#c9c9c9; opacity:1;}
60%  {background:#f2f2f2; opacity:1;}
70%  {background:#cddfb4; opacity:1;}
80%  {background:#c9c9c9; opacity:1;}
95%  {background:#dfdfdf; opacity:1;}
100% {background:#ffffff; opacity:1;}
}

@-moz-keyframes myt /* Firefox */
{
0%   {background:#ffffff;}
50%  {background:#ffffff;}
60%  {background:#c9c9c9;}
70%  {background:#cddfb4;}
80%  {background:#f2f2f2;}
95%  {background:#dfdfdf;}
100% {background:#ffffff;}
}

@-webkit-keyframes myt /* Safari and Chrome */
{
0%   {background:#c9c9c9; opacity:0;}
50%  {background:#c9c9c9; opacity:1;}
60%  {background:#f2f2f2; opacity:1;}
70%  {background:#cddfb4; opacity:1;}
80%  {background:#c9c9c9; opacity:1;}
95%  {background:#dfdfdf; opacity:1;}
100% {background:#ffffff; opacity:1;}
}

@-o-keyframes myt /* Opera */
{
0%   {background:#c9c9c9; opacity:0;}
50%  {background:#c9c9c9; opacity:1;}
60%  {background:#f2f2f2; opacity:1;}
70%  {background:#cddfb4; opacity:1;}
80%  {background:#c9c9c9; opacity:1;}
95%  {background:#dfdfdf; opacity:1;}
100% {background:#ffffff; opacity:1;}
}