div.teo{ margin: 0 10%;background: #00FFFF}
span.rtop, span.rbottom{display:block;background: #CCFFFF}
span.rtop span, span.rbottom span{display:block;height: 1px;
overflow: hidden; background: #00FFFF}
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.esterno{ margin: 0 1%;background: #0100FF}
span.etop, span.ebottom{display:block;background: #CCFFFF}
span.etop span, span.ebottom span{display:block;height: 1px;
overflow: hidden; background: #0100FF}
span.etop span.a4, span.ebottom span.a4{margin: 0 1px;height: 2px}

div.interno{ margin: 0 1%; background: #00FFFF}
span.wtop, span.wbottom{display:block;background: #0100FF}
span.wtop span, span.wbottom span{display:block;height: 1px;
overflow: hidden; background: #00FFFF}
span.wtop span.a4, span.wbottom span.a4{margin: 0 1px;height: 2px}

div.azzurro{ margin: 0 10%;background: #B1F2FF}
span.atop, span.abottom{display:block;background: #CCFFFF}
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}