body {
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('../img/background-ativos.jpg');
    background-attachment: fixed;
}

table {
    border-style: inset;
    border-width: 2px;
    border-right: 2px;
    border-top: 2px;
    border-radius: 5px;
    border-color: rgba(255, 255, 255, 0.4);

    width: 100%;
    color: white;
    background: rgba(6, 6, 6, 0.58);
    border-radius: 15px;
}

td {
    text-shadow: 0px 1px 3px black;
    text-align: center;
    color: #989898;
    border-radius: 15px;
}

/* cabeçalho da tabela */
#c {
    height: 30px;
    background: rgba(0, 0, 0, 0.65);
    border-radius: 15px;
}

/* linha dedicada as estatíticas de quem está vendo
 * o MOTD e se ele próprio estiver na lista */
#f {
    background: rgba(147, 201, 208, 0.2)
    border-radius: 15px;
}

th {
    color: rgba(200, 200, 200, 1.0);
    border-radius: 15px;
}

th:first-child, td:first-child {
    max-width: 20px;
}

#a:nth-child(even) {
        font-weight: 800;
}

/* linha de número par */
#a {
    background: rgba(200, 200, 200, .09);
    border-radius: 15px;
}

/* nome do jogador */
#b {
    background: rgba(255, 255, 255, 0.03);
    padding-left: 10px;
    text-align: center;
    color: rgba(220, 220, 220, 1.0);
    border-radius: 15px;
}

#jo {
    background-image: url('../img/icon-jogadores.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* ícone primeiro lugar */
#y {
    background-image: url('../img/icon-primeiro.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 52%;
}

/* ícone segundo lugar */
#z {
    background-image: url('../img/icon-segundo.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 52%;
}

/* ícone terceiro lugar */
#w {
    background-image: url('../img/icon-terceiro.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 52%;
}

/* ícone do relogio */
#e {
    	background-image: url('../img/icon-clock.png');
    	background-repeat: no-repeat;
    	background-position: center;
    	background-size: 26px;	
}

@media screen and (max-height: 450px) {	
	td {
		line-height: 15px;
	}
}

@media screen and (max-height: 350px) {	
	table { 
		line-height:4px!important; 
		border-width: 1px!important; 
		
	}

	tr {
		height: 15px!important;
	}
	th { 
		font-size: 10px!important; 
		height:5px!important;
		max-width: 20px!important;
	}
	th:first-child, th:last-child{
		font-size: 10px!important;
		width: 30px!important;
	}

	th:nth-child(2){	
		background-size: 90px 20px!important;
	}

	td { 
		font-size: 14px!important; 
		line-height:6px!important;
		height: 5px!important;
	}

	td:nth-child(2) {
		width:70px!important;
	}

	td:nth-child(3), td:nth-child(4), td:nth-child(5), td:nth-child(6),
	td:nth-child(7), td:nth-child(8) {
		width:15px!important;
	}
}

@media screen and (max-height: 265px) {
	table { 
		line-height:5px!important; 
		border-width: 1px!important; 
		
	}

	tr {
		height: 12px!important;
	}
	th { 
		font-size: 10px!important; 
		height:10px!important;
		max-width: 15px!important;
	}
	th:first-child, th:last-child{
		font-size: 7px!important;
	}
	th:nth-child(2){	
		background-size: 90px 20px!important;
	}
	td { 
		font-size: 12px!important; 
		line-height:6px!important;
		height: 5px!important;
	}
	td:nth-child(2) {
		width:50px!important;
	}
	td:nth-child(3), td:nth-child(4), td:nth-child(5), td:nth-child(6),
	td:nth-child(7), td:nth-child(8) {
		width:15px!important;
	}
}