Как лучше сверстать схему (как на картинке)?

#cont {text-align:center; border:1px solid yellow;}
#cont, #cont .txt, #cont .txt1, #cont .lin1, #cont .lin2 {display:inline-block;}
 
#cont .txt {border:1px solid red; padding:0 7px;}
#cont .txt1 {padding:0 5%;}
#cont .lin1, #cont .lin2 {border:2px solid green; border-bottom:0;}
#cont .lin1, #cont .lin2 {text-align:center; margin:11px 0 0 0;}
#cont .lin1 {width:50%;}
#cont .lin2 {width:70%;}
#cont .lin4 { position:relative; top:0px; left:0px;}
#cont .lin3 {width:50%; height:100%; position:absolute; top:0; left:0;}
#cont .lin3 {border:0 solid blue; border-width:0 2px 0 0;}

.plan {text-align:center;}
.cont {border:1px solid yellow;}
.cont, .cont .txt1, .cont .txt2, .cont .txt3 {display:inline-block;}
.cont .txt1, .cont .txt2, .cont .txt3 {border:2px solid red; padding:0 7px;}
.cont .txt1 {margin:0 11% 0 0;}
 
.cont .lin1, .cont .lin2 {border:2px solid green; border-bottom:0; height:11px;}
.cont .lin1, .cont .lin2 {border-radius:7px 7px 0 0; margin:0 auto;}
.cont .lin1 {width:50%;}
.cont .lin2 {width:70%;}
.cont .lin4 {position:relative; top:0; left:0; margin:0; padding:11px 0 0 0;}
/* lin3 выбиваем из потока чтобы она смогла пересечь другие блоки */
.cont .lin3 {width:0; height:100%; position:absolute; top:0; left:50%;}
.cont .lin3 {border:0 solid green; border-width:0 2px 0 0; margin:0 0 0 -1px;}
 
.lin5, .lin6 {border:3px solid green; width:0; border-radius:2px;}
.lin5, .lin6 {margin:11px auto -4px auto;}

.lin5 {margin:0 auto -4px auto;}
.lin6 {margin:11px auto -4px auto;}