.rectangle{
    width:12px;
    height:93px;
    background: #f0f8ff;
    border: solid 2px #9aa0d5;
    border-radius: 5px;
    /*text-align: center;*/
}
span {
    /*text-align: right;*/
    /*position: absolute;*/
    /* top: 6%;*/
    writing-mode: vertical-lr;
    text-orientation: upright;
    font-family: "Gill Sans Extrabold", Helvetica, sans-serif;
    font-size: 6pt; 
    color: #5490ac;
    font-weight: bold;
}
.rectangle>span {
    vertical-align: middle;
    line-height: normal;
    display: inline-block;
}

.lowe {
    border-right: solid 5px gray;
}

.rectangl{
    width:12px;
    height:93px;
}
.arriba{
    width:12px;
    height:30px;
    background: #407598;
    /*border: solid 2px #407598;*/
    border-radius: 5px;
    vertical-align: top;
}
.abajo{
    width:12px;
    height:30px;
    background: #407598;
    /*border: solid 2px #407598;*/
    border-radius: 5px;
    vertical-align: bottom;
}