html, body, #wrapper {
    height:100%;
    margin: 0;
    padding: 0;
    border: none;
    text-align: left;
}
 #wrapper {
    margin: 0;
    text-align: left;
    vertical-align: bottom;
    width: 187px;
 }
.ruta-red { background-color:#DD0101; border:1px solid #DD0101; padding:2px; text-align:center; color:#ffff00; }
.ruta-blue { background-color:#0000C4; border:1px solid #0000C4; padding:2px; text-align:left; color:#ffff00; }
.ruta-yellow { background-color:#ffff00; border:1px solid #0000C4; padding:2px; text-align:left; color:#000000; }
.ruta-white { background-color:#ffffff; border:1px solid #ffffff; padding:2px; text-align:left; color:#000000; }
.ruta-grey { background-color:#EBEBEB; border:1px solid #000000; padding:2px; text-align:left; color:#000000; }
.tdh { font-size: 11px; font-family: Arial, FontName; white-space: nowrap; font-weight: bold; color: #ffffff; background-color: #555555;}
.td1 { font-size: 11px; font-family: Arial, FontName; white-space: nowrap; font-weight: normal; color: #000000; background-color: white;}
.td2 { font-size: 11px; font-family: Arial, FontName; white-space: nowrap; font-weight: normal; color: #000000; background-color: #dddddd;}
.box{padding-left:30px;font-weight:bold;padding-top:6px;}