@font-face { font-family: Century; src: url('GEORGIA.ttf'); }
 
.pagina{
    width:auto;
    height:auto;     
}
 
.linha{
    width:auto;
    padding:5px;
    height:auto;
    display:table;      
}

.tile
{
    height: 54px;
    width: 54px;
    float: left;
    margin: 0 5px 5px 0;
    padding: 2px;
    cursor:move;
}
 
.tileLargo{
    width:105px;
}

.amarelo{
    background:#DAA520;
}
 
.vermelho{
    background:#d44b28;  
}

.vermelho2{
    background:#ac193d;  
}
 
.azul
{
    background: #1cb5c5;
    background-image: url('../imagens/icones/data.png');
    background-position: left bottom;
    float: left;
    background-repeat: no-repeat;    
}

.azul2{
    background:#019abe;    
    background-image: url('../imagens/icones/data.png');
    background-position: left bottom;
    float: left;
    background-repeat: no-repeat;
}

.tileUp
{
    background: #1cb5c5;
    background-image: url('../imagens/icones/grid.png');
    background-position: left bottom;
    float: left;
    background-repeat: no-repeat;    
}

.tile2Up{
    background:#019abe;    
    background-image: url('../imagens/icones/grid.png');
    background-position: left bottom;
    float: left;
    background-repeat: no-repeat;
}

.verde{
    background-color: #009600;
}

.roxo{
    background-color: #9f00a7;
    background-image: url('../imagens/icones/cad.png');
    background-position: left bottom;
    float: left;
    background-repeat: no-repeat;
}

.titulo
{
    font-size:xx-small;
    width:auto;
    color:White;
}

.imageTile
{
    bottom:auto;
}

.online
{
    /*list-style-image:url('../imagens/icones/online.png');
    padding-bottom:6px;*/
    font-family:Arial Narrow;
    font-size:20px;
    color:#019abe;
    /*font-weight:bold; */
    
}

.offline
{
    list-style-image:url('../imagens/icones/offline.png');
    padding-bottom:6px;
    font-family:Arial,helvetica,sans-serif;
    font-size:23px;
    /*font-weight:bold; */
}

.onlineLS
{
    /*list-style-image:url('../imagens/icones/online.png');
    padding-bottom:6px;*/
    font-family:Arial Narrow;
    font-size:22px;
    color:#019abe;
    /*font-weight:bold; */
    
}

.offlineLS
{
    list-style-image:url('../imagens/icones/offline.png');
    padding-bottom:6px;
    font-family:Arial,helvetica,sans-serif;
    font-size:23px;
    /*font-weight:bold; */
}

.col1 {
            /*background-image:url('../imagens/icones/coletor.png');*/
            background-repeat:no-repeat;
            background-position: right top ;
            border-style:solid; 
            border-color:#c9c9bf;
            /*border-radius: 10px 20px;*/
        }

.col2 {
            /*background-image:url('../imagens/icones/coletor2.png');*/
            background-repeat:no-repeat;
            background-position: right top ;
            border-style:solid; 
            /*border-width:1px;*/
            border-color:#7d7d7d;
            /*border-radius: 20px 10px;*/
        }