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

table {    
    padding: 5px 1px 6px 1px;
    box-shadow: 0px 20px 50px rgba(6, 6, 6, 0.78),
    		0px -10px 50px rgba(6, 6, 6, 0.78);

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

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

th {    
    text-shadow: 0px 2px 5px rgba(0,0,0,.5);
    font-weight: 800;
    border-radius: 15px;

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

th:first-child, td:first-child { max-width: 18px }
th:first-child::before { content: 'Top' }
th:last-child::before { content: 'Nível' }

th:nth-child(2) { background-image: url('../img/icon-jogadores.png') }
th:nth-child(3) { background-image: url('../img/icon-kills.png') }
th:nth-child(4) { background-image: url('../img/icon-skull.png') }
th:nth-child(5) { 
	background-image: url('../img/icon-star.png');
	background-size: 60%;
}
th:nth-child(6) { 
	background-image: url('../img/icon-trophy.png');
	background-size: 60%;
}
th:nth-child(7) { background-image: url('../img/icon-xp.png') }

tr:nth-child(even) {
    background: rgba(0, 0, 0, 0.5);
    text-shadow: 0px 2px 5px rgba(0,0,0,.5);
    font-weight: 800;
    border-radius: 15px;
}

tr:nth-child(1) {
    height: 30px;
    background: rgba(0, 0, 0, 0.78);
    border-radius: 15px;
}

tr:nth-child(2) > td:nth-child(1) {
    background-image: url('../img/icon-primeiro.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

tr:nth-child(3) > td:nth-child(1) {
    background-image: url('../img/icon-segundo.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

tr:nth-child(4) > td:nth-child(1) {
    background-image: url('../img/icon-terceiro.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

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

td:nth-child(2) {
    background: rgba(255, 255, 255, 0.03);
    text-shadow: 5px 5px 5px rgba(0,0,0,1.0);
    font-weight: 800;
    color: rgba(255,255,255,1.0);
    border-radius: 15px;
}

#c {
    height: 30px;
    background: rgba(0, 0, 0, 0.78);
    border-radius: 15px;
}

/* níveis de habilidade */
    #za {
        background-image: url('../img/skills/skill0.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        max-width: 30px;
    }

    #zb {
        background-image: url('../img/skills/skill1.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        max-width: 30px;
    }

    #zc {
        background-image: url('../img/skills/skill2.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        max-width: 30px;
    }

    #zd {
        background-image: url('../img/skills/skill3.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        max-width: 30px;
    }

    #ze {
        background-image: url('../img/skills/skill4.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        max-width: 30px;
    }

    #zf {
        background-image: url('../img/skills/skill5.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        max-width: 30px;
    }

    #zg {
        background-image: url('../img/skills/skill6.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        max-width: 30px;
    }

    #zh {
        background-image: url('../img/skills/skill7.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        max-width: 30px;
    }

    #zi {
        background-image: url('../img/skills/skill8.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        max-width: 30px;
    }

    #zj {
        background-image: url('../img/skills/skill9.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        max-width: 30px;
    }

    #zk {
        background-image: url('../img/skills/skill10.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        max-width: 30px;
    }

    #zl {
        background-image: url('../img/skills/skill11.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        max-width: 30px;
    }

    #zm {
        background-image: url('../img/skills/skill12.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        max-width: 30px;
    }

    #zn {
        background-image: url('../img/skills/skill13.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        max-width: 30px;
    }

    #zo {
        background-image: url('../img/skills/skill14.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        max-width: 30px;
    }

    #zp {
        background-image: url('../img/skills/skill15.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        max-width: 30px;
    }

    #zq {
        background-image: url('../img/skills/skill16.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        max-width: 30px;
    }

    #zr {
        background-image: url('../img/skills/skill17.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        max-width: 30px;
    }

    #zs {
        background-image: url('../img/skills/skill18.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        max-width: 30px;
    }

@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: 13px!important;
	}
	th { 
		font-size: 5px!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: 10px!important; 
		line-height:1px!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;
	}

    	#za, #zb, #zc, #zd, #ze, #zf, #zg,
    	#zh, #zi, #zj, #zk, #zl, #zm, #zn,
    	#zo, #zp, #zq, #zr, #zs { 
		background-size: 40px;
	}
}

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

	tr {
		height: 10px!important;
	}
	th { 
		font-size: 5px!important; 
		height:5px!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: 9px!important; 
		line-height:1px!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;
	}

    	#za, #zb, #zc, #zd, #ze, #zf, #zg,
    	#zh, #zi, #zj, #zk, #zl, #zm, #zn,
    	#zo, #zp, #zq, #zr, #zs { 
		background-size: 30px;
	}
}