#div_01
{
	height: 100%;
	width: 60%;
	margin-top: 250px;
	margin-left:10%;
}

#left_div_01
{
	vertical-align:top;
	width: 45%;
}

#right_div_01
{
	vertical-align:top;
	width: 45%;
	float:right;
}

.mat_I
{
	float:left;
}

.mat_L
{
	margin-bottom:100px;
}

.butt_left
{
	display:inline;
	margin-left:20%;
	float:left;
	
	text-align:center;
	
	padding:10px;
	border-radius:50%;
	
	animation-name:myfirst;
	animation-duration:7s;
	animation-iteration-count:infinite;
	animation-direction:alternate;
	
	-webkit-animation-name:myfirst;
	-webkit-animation-duration:7s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:alternate;
}

.butt_right
{
	display:inline;
	margin-right:20%;
	float:right;
	
	text-align:center;
	
	padding:10px;
	border-radius:50%;
	
	animation-name:mysecond;
	animation-duration:7s;
	animation-iteration-count:infinite;
	animation-direction:alternate;
	
	-webkit-animation-name:mysecond;
	-webkit-animation-duration:7s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:alternate;
}

@keyframes myfirst
{
	0%   {background:red;}
	100%  {background:yellow;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
	0%   {background:red;}
	100% {background:yellow;}
}

@keyframes mysecond
{
	0%   {background:yellow;}
	100%  {background:red;}
}

@-webkit-keyframes mysecond /* Safari and Chrome */
{
	0%   {background:yellow;}
	100% {background:red;}
}

#ImgNC
{
	color: #AFAFAF;
	font-size:9px;
	text-align:center;
	width:60%;
	margin-left:10%;
}