.martica_s { width: 490px; height: 490px; position: relative; background: none; }
.md_num { z-index: 2; text-align: center; color: #000; position: absolute; }
.matr_big { background: #c9d5f1; width: 44px; height: 44px; border-radius: 22px; border: 1px solid #fff; }
.matr_med { background: #c9d5f1; width: 38px; height: 38px; border-radius: 20px; border: 1px solid #fff; }
.matr_sm { background: #a9b6d4; width: 32px; height: 32px; border-radius: 17px; border: 1px solid #fff; }
.matr_sm1 { background: #e5e5e5; width: 24px; height: 24px; border-radius: 13px; border: 1px solid #fff; }
.matr_sm2 { background: #e5e5e5; width: 22px; height: 22px; border-radius: 12px; border: 1px solid #fff; }
.matr_sm3 { width: 18px; height: 18px; color: #e5e5e5; }				

.matr_A { top: 50%; left: 5%; margin-top: -23px; background: #7D4899; }
.matr_B { top: 5%; left: 50%; margin-left: -23px; background: #7D4899; }
.matr_C { top: 50%; right: 5%; margin-left: -46px; margin-top: -23px; background: #e46482; }
.matr_D { bottom: 5%; left: 50%; margin-left: -23px; margin-top: -46px; background: #e46482; }
.matr_E { top: 50%; left: 50%; margin-left: -23px; margin-top: -23px; background: #c1c325; }

.matr_F { top: 21%; left: 21%; margin-top: -23px; margin-left: -23px; }
.matr_G { top: 21%; right: 21%; margin-top: -23px; margin-right: -23px; }
.matr_H { bottom: 21%; right: 21%; margin-bottom: -23px; margin-right: -23px; }
.matr_I { bottom: 21%; left: 21%; margin-left: -23px; margin-bottom: -23px; }

.matr_F1 { top: 27%; left: 27%; margin-top: -10px; margin-left: -10px; }
.matr_G1 { top: 27%; right: 27%; margin-top: -10px; margin-right: -10px; }
.matr_H1 { bottom: 27%; right: 27%; margin-bottom: -10px; margin-right: -10px; }
.matr_I1 { bottom: 27%; left: 27%; margin-left: -10px; margin-bottom: -10px; }

.matr_O { top: 50%; left: 16%; margin-top: -20px; background: #4478f3; }
.matr_P { top: 16%; left: 50%; margin-left: -20px; background: #4478f3; }
.matr_Q { top: 50%; right: 16%; margin-left: -40px; margin-top: -20px; }
.matr_N { bottom: 16%; left: 50%; margin-left: -20px; margin-top: -40px; }

.matr_J { top: 50%; left: 25%; margin-top: -17px; background: #6ac2e4; }
.matr_K { top: 25%; left: 50%; margin-left: -17px; background: #6ac2e4; }
.matr_L { top: 50%; right: 25%; margin-left: -34px; margin-top: -17px; background: #cc8b2a; }
.matr_M { bottom: 25%; left: 50%; margin-left: -17px; margin-top: -34px; background: #cc8b2a; }

.matr_F2 { top: 35%; left: 35%; margin-top: -17px; margin-left: -17px; }
.matr_G2 { top: 35%; right: 35%; margin-top: -17px; margin-right: -17px; }
.matr_H2 { bottom: 35%; right: 35%; margin-bottom: -17px; margin-right: -17px; }
.matr_I2 { bottom: 35%; left: 35%; margin-left: -17px; margin-bottom: -17px; }

.matr_R { bottom: 37%; right: 40%; margin-top: -13px; margin-right: -13px; }
.matr_R1 { bottom: 34%; right: 45%; margin-bottom: -13px; margin-right: -13px; }
.matr_R2 { bottom: 45%; right: 32%; margin-left: -13px; margin-bottom: -13px; }

.matr_L1 { top: 50%; right: 35%; margin-top: -12px; }
.matr_L2 { top: 50%; right: 40%; margin-top: -12px; }

.matr_T { top: 37%; right: 50%; margin-right: -12px; background: #3ab711; }
.matr_S { top: 50%; left: 37%; margin-top: -12px; background: #3ab711; }

.matr_0 { top: 50%; left: 0%; margin-top: -12px; }
.matr_10 { top: 13.3%; left: 13.3%; }
.matr_20 { top: 0%; left: 50%; margin-left: -12px; }
.matr_30 { top: 13.3%; right: 13.3%; }
.matr_40 { top: 50%; right: 0%; margin-top: -12px; }
.matr_50 { bottom: 13.3%; right: 13.3%;  }
.matr_60 { bottom: 0%; left: 50%; margin-left: -12px; }
.matr_70 { bottom: 13.3%; left: 13.3%; }

.matr_sq1 { 
    transform: rotate(45deg);
    position: absolute;
    margin-top: 100px;
    margin-left: 100px;
    border: 2px solid #3785b3;
    width: 290px;
    height: 290px;
}

.matr_sq2 { 
position: absolute;
    margin-top: 100px;
    margin-left: 100px;
    border: 2px solid #3785b3;
    width: 290px;
    height: 290px;
}

.matr_sq3 { 
position: absolute;
    margin-top: 140px;
    margin-left: 140px;
    border: 1px solid #3785b3;
    width: 210px;
    height: 210px;
    border-radius: 160px; 
}

.matr_sq4 { 
    transform: rotate(45deg);
    position: absolute;
    margin-top: 168px;
    margin-left: 168px;
    border-right: 3px solid #00d0ff;
    width: 150px;
    height: 150px;
}

.matr_sq5 { 
	position: absolute;
	width: 440px;
	height: 1px;
	background: #fff;
	top: 50%;
	left: 5%;
}
.matr_sq6 { 
    transform: rotate(90deg);
	position: absolute;
	width: 440px;
	height: 1px;
	background: #fff;
	top: 50%;
	left: 5%;
}

.matr_AF1 {top: 43%; left: 1%; }
.matr_AF2 {top: 39%; left: 1.4%; }
.matr_AF3 {top: 35%; left: 1.8%; }
.matr_AF4 {top: 31%; left: 3.2%; }
.matr_AF5 {top: 27%; left: 5%; }
.matr_AF6 {top: 23%; left: 7.3%; }
.matr_AF7 {top: 19%; left: 10%; }

.matr_FB7 {left: 43%; top: 1%; }
.matr_FB6 {left: 39%; top: 1.4%; }
.matr_FB5 {left: 35%; top: 1.8%; }
.matr_FB4 {left: 31%; top: 3.2%; }
.matr_FB3 {left: 27%; top: 5%; }
.matr_FB2 {left: 23%; top: 7.3%; }
.matr_FB1 {left: 19%; top: 10%; }

.matr_BG1 {right: 43%; top: 1%; }
.matr_BG2 {right: 39%; top: 1.4%; }
.matr_BG3 {right: 35%; top: 1.8%; }
.matr_BG4 {right: 31%; top: 3.2%; }
.matr_BG5 {right: 27%; top: 5%; }
.matr_BG6 {right: 23%; top: 7.3%; }
.matr_BG7 {right: 19%; top: 10%; }

.matr_GC7 {top: 43%; right: 1%; }
.matr_GC6 {top: 39%; right: 1.4%; }
.matr_GC5 {top: 35%; right: 1.8%; }
.matr_GC4 {top: 31%; right: 3.2%; }
.matr_GC3 {top: 27%; right: 5%; }
.matr_GC2 {top: 23%; right: 7.3%; }
.matr_GC1 {top: 19%; right: 10%; }

.matr_CH1 {bottom: 43%; right: 1%; }
.matr_CH2 {bottom: 39%; right: 1.4%; }
.matr_CH3 {bottom: 35%; right: 1.8%; }
.matr_CH4 {bottom: 31%; right: 3.2%; }
.matr_CH5 {bottom: 27%; right: 5%; }
.matr_CH6 {bottom: 23%; right: 7.3%; }
.matr_CH7 {bottom: 19%; right: 10%; }

.matr_HD7 {right: 43%; bottom: 1%; }
.matr_HD6 {right: 39%; bottom: 1.4%; }
.matr_HD5 {right: 35%; bottom: 1.8%; }
.matr_HD4 {right: 31%; bottom: 3.2%; }
.matr_HD3 {right: 27%; bottom: 5%; }
.matr_HD2 {right: 23%; bottom: 7.3%; }
.matr_HD1 {right: 19%; bottom: 10%; }

.matr_DI1 {left: 43%; bottom: 1%; }
.matr_DI2 {left: 39%; bottom: 1.4%; }
.matr_DI3 {left: 35%; bottom: 1.8%; }
.matr_DI4 {left: 31%; bottom: 3.2%; }
.matr_DI5 {left: 27%; bottom: 5%; }
.matr_DI6 {left: 23%; bottom: 7.3%; }
.matr_DI7 {left: 19%; bottom: 10%; }

.matr_IA7 {bottom: 43%; left: 1%; }
.matr_IA6 {bottom: 39%; left: 1.4%; }
.matr_IA5 {bottom: 35%; left: 1.8%; }
.matr_IA4 {bottom: 31%; left: 3.2%; }
.matr_IA3 {bottom: 27%; left: 5%; }
.matr_IA2 {bottom: 23%; left: 7.3%; }
.matr_IA1 {bottom: 19%; left: 10%; }

.md_wait {
	position: absolute;
	left: 226px;
	margin: auto;
	top: 263px;
	display: block;
	width: 50px;
	z-index: 3;
}