*{margin:0; padding:0}
.left{float:left}

.green{color:#093}
.red{color:#ff333a}
.off{color:#CCC}

.bgRed{background: #ff333a; color: #FFF}
.bgGreen{background: #093; color: #FFF}
.bgReset{background: rgb(238, 238, 238); color: #333}

.var{
    -webkit-transition: background 1.0s ease-in-out;
    -ms-transition:     background 1.0s ease-in-out;
    transition:         background 1.0s ease-in-out;
}

li.perc_var {
    text-align: right;
    font-weight: bold;
    width: 30%;
}

.widgt.arr{
    float: left;
    margin: 8px 0 0 5px;
}

/* Estilos para la marquesina */
.marquee{height:40px; font-size: 12px; overflow:hidden; text-rendering: optimizeLegibility;}
.marquee ul{display:inline; margin-right:50px}
.marquee ul li{display:inline-block; line-height:40px; margin:0 5px}
.marquee ul li{*display:inline; line-height:40px; margin:0 5px}