.in_table {
    position: relative;
    display: table;
}

.in_table>.row {
    position: relative;
    display: table-row;
}

.in_table>.row>.cel {
    position: relative;
    display: table-cell;
    vertical-align: top;
}

.in_table>.row>.cel.l {
    width: 66%;
}

.in_table>.row>.cel.r {
    width: 33%;
}

.real_table {
	width: 100%;
}
.real_table tr td {
	padding: 2px 0px;
}

@media all and (max-width: 900px) {
    .in_table {
        display: block;
    }

    .in_table>.row {
        display: block;
    }

    .in_table>.row>.cel {
        display: block;
    }

    .in_table>.row>.cel.l {
        width: 100%;
    }

    .in_table>.row>.cel.r {
        width: 100%;
    }

    .mini_gen{display: none;}
}


.area {
	position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.area svg path {
	fill: #aecacf;
	stroke: #44656a;
	stroke-width: 0.9;
	fill-opacity: 0;
	cursor: pointer;
}
.area svg path:hover {
	fill-opacity: 0.75;
}

.mini_gen{
    position: absolute;
    max-height: 300px;
    max-width: 250px;
}

.mini_gen_pos_0{
    left: 80px;
    top: 190px;
}

.mini_gen_pos_1{
    right: 80px;
    top: 190px;
    left: auto;
}

.mini_gen_pos_2{
    left: 80px;
    bottom: 65px;
    top: auto;
}

.mini_gen_pos_3{
    right: 80px;
    bottom: 65px;
    left: auto;
    top: auto;
}