body{font:14px/1.4 Verdana}#page-wrap{margin:20px}input{width:100%;font-size:22px}header>h2{text-align:center;font:26px/2.4 sans-serif;background:#eee}#griglia{padding:0;margin:0}#colonne{margin:15px}#griglia>li.avvio{border:2px solid #333;display:inline-block;width:60px;height:60px;margin:3px;background-color:#abe2ff;border-radius:50px 25px 25px 50px / 50px 50px 25px 25px}#griglia>li.red{border:2px solid #333;display:inline-block;width:60px;height:60px;margin:3px;background-color:#f8c0c0;border-radius:50px 25px 25px 50px / 50px 50px 25px 25px}#griglia>li.green{border:2px solid #333;display:inline-block;width:60px;height:60px;margin:3px;background-color:#99d98e;border-radius:50px 25px 25px 50px / 50px 50px 25px 25px}#griglia>li.nascondi{border:2px solid #e0e0e0;display:inline-block;width:60px;height:60px;margin:3px;background-color:#fffdfd;border-radius:50px 25px 25px 50px / 50px 50px 25px 25px}hr.ok{border:0;height:7px;background-color:red;width:310px}.no{visibility:hidden}div#colonne{//background-color:red;height:400;width:400;text-align:center}.testo-dx{text-align:center;font-weight:bold}hr.mi{border:0 dotted;height:7px;background-color:black;width:310px}#container{max-width:380px;min-width:380px;margin:0 auto;padding:20px;text-align:center}#dx{max-width:320px;border:2px;padding:20px;margin:auto;text-align:center}#ris{font-size:2em;text-align:center}#imma{//background-color:green;background-image:url(colonne.png);padding:5px 0 5px 0}