div.teo{ margin: 0 10%;background: #9BD1FA}
span.rtop, span.rbottom{display:block;background: #FFF}
span.rtop span, span.rbottom span{display:block;height: 1px;
overflow: hidden; background: #9BD1FA}
span.rtop span.a4, span.rbottom span.a4{margin: 0 1px;height: 2px}

div.blu{ margin: 0 10%;background: #3333FF}
span.btop, span.bbottom{display:block;background: #FFF}
span.btop span, span.bbottom span{display:block;height: 1px;
overflow: hidden; background: #3333FF}
span.btop span.a4, span.bbottom span.a4{margin: 0 1px;height: 2px}

span.a1{margin: 0 5px}
span.a2{margin: 0 3px}
span.a3{margin: 0 2px}

div.intermedio{ margin: 0 10%;background: #3366FF}
span.itop, span.ibottom{display:block;background: #FFF}
span.itop span, span.ibottom span{display:block;height: 1px;
overflow: hidden; background: #3366FF}
span.itop span.a4, span.ibottom span.a4{margin: 0 1px;height: 2px}

div.azzurro{ margin: 0 10%;background: #B1F2FF}
span.atop, span.abottom{display:block;background: #FFF}
span.atop span, span.abottom span{display:block;height: 1px;
overflow: hidden; background: #B1F2FF}
span.atop span.a4, span.abottom span.a4{margin: 0 1px;height: 2px}

div.bianco{ margin: 0 0%;background: #FFF}
span.wtop, span.wbottom{display:block;background: #B1F2FF}
span.wtop span, span.wbottom span{display:block;height: 1px;
overflow: hidden; background: #FFF}
span.wtop span.a4, span.wbottom span.a4{margin: 0 1px;height: 2px}

div.biancoblu{ margin: 0 0%;background: #FFF}
span.wbtop, span.wbbottom{display:block;background: #3333FF}
span.wbtop span, span.wbbottom span{display:block;height: 1px;
overflow: hidden; background: #FFF}
span.wbtop span.a4, span.wbbottom span.a4{margin: 0 1px;height: 2px}