html, body{
	font-family: "Segoe UI", Trebuchet MS, Arial, sans-serif;
	height: 768px;
	width: 1024px;
}
#capa{
    position: absolute;
    z-index: 2;
}
#splash .content{
	background-image: url('../images/tela0.png');
}
#splash .content a{
    cursor: pointer;
    height: 59px;
    left: 40px;
    position: absolute;
    top: 623px;
    width: 180px;
}
#tutorial .content{
	background-image: url('../images/tutorial.png');
    position: absolute;
    top: 0;
    z-index: 1;
}
#tutorial .content a{
    cursor: pointer;
    height: 62px;
    left: 230px;
    position: absolute;
    top: 665px;
    width: 182px;
    border: 1px solid;
}
#selectIncomeScreen .content{ 
	background-image: url('../images/tela1.png');
} 
#selectIncomeScreen .content #btnRegressar
{
    cursor: pointer;
    left: 405px;
    position: absolute;
    top: 690px;
}
#selectIncomeScreen .content #titleIncome{
    left: 40px;
    position: absolute;
    top: 100px;
}
#selectIncomeScreen .content #titleIncome p{
    color: white;
    font-family: "Arial";
    font-size: 21px;
    font-weight: bold;
}
#selectIncomeScreen .content #value-list{
    left: 62px;
    position: absolute;
    top: 260px;
    width: 880px;
}
#selectIncomeScreen .content #value-list p{
    color: white;
    font-family: "Arial";
    font-size: 19px;
    font-weight: bold;
    height: 50px;
    margin-left: 30px;
    margin-top: 60px;
    position: absolute;
    text-align: center;
    width: 195px;
}
#selectIncomeScreen .content #income-list{
	height: 480px;
    position: absolute;
    top: 204px;
    width: 1024px;
}
#selectIncomeScreen .content #income-list p{
    cursor: pointer;
    float: left;
    height: 203px;
    margin-left: 30px;
    margin-top: 30px;
    width: 304px;
}
#selectIncomeScreen .content #income-list #classeA{
    background-image: url("../images/oed/classeA.png");
}
#selectIncomeScreen .content #income-list #classeB{
    background-image: url("../images/oed/classeB.png");
    margin-left: 200px;
}
#selectIncomeScreen .content #income-list #classeC{
    background-image: url("../images/oed/classeC.png");
}
#selectIncomeScreen .content #income-list #classeD{
    background-image: url("../images/oed/classeD.png");
}
#selectIncomeScreen .content #income-list #classeE{
    background-image: url("../images/oed/classeE.png");
}
#selectIncomeScreen .content button{ 
	border: 1px solid purple; 
	padding: 10px; 
	top: 624px; 
	position: relative; 
	left: 476px; 
} 
#inGame .content{
	background-image: url('../images/tela4.png');
}
#inGame .content #saldoNegativo{
    left: 245px;
    position: absolute;
    top: 700px;
}
#inGame .content #saldoAtual{
    left: 170px;
    position: absolute;
    top: -7px;
}
#inGame .content #saldoAtual p{
    font-size: 19px;
    font-family: "Arial";
    font-weight: bold;
    color: green;
}
#inGame .content #nav-tab{
	left: -20px;
    position: absolute;
    top: 50px;
}
#inGame .content #nav-tab li{
	float: left;
	cursor: pointer;
	list-style-type: none;
}
#inGame .content #options{
    height: 480px;
    left: 100px;
    position: absolute;
    top: 175px;
    width: 850px;
}
#inGame .content #options li{
	height: 70px;
    left: -30px;
    list-style-type: none;
    margin-top: 15px;
    padding-top: 10px;
    position: relative;
    width: 880px;
}
#inGame .content #options p{
	font-size: 18px;
	font-family: "Arial";
}
#inGame .content #seletores{
    height: 485px;
    left: 20px;
    position: absolute;
    top: 200px;
    width: 80px;
}
#inGame .content #seletores a{
    cursor: pointer;
    height: 85px;
    left: 10px;
    position: absolute;
    width: 70px;
}
#inGame .content #seletores #seletor0
{
    top: 18px;
}
#inGame .content #seletores #seletor1
{
    top: 114px;
}
#inGame .content #seletores #seletor2
{
    top: 210px;
}
#inGame .content #seletores #seletor3
{
    top: 306px;
}
#inGame .content #seletores #seletor4
{
    top: 404px;
}
#inGame .content #btnVerificacao
{
    cursor: pointer;
    left: 820px;
    position: absolute;
    top: 700px;
}
#inGame .content #btnVerificacaoOff
{
    cursor: pointer;
    left: 820px;
    position: absolute;
    top: 700px;
}
#inGame .content #btnVoltar
{
    cursor: pointer;
    left: 20px;
    position: absolute;
    top: 700px;
}
#score .content
{
    background-image: url('../images/tela5.png');
}
#score .content #tituloScore
{
    color: white;
    font-family: "Arial";
    font-size: 20px;
    font-weight: bold;
    left: 90px;
    position: absolute;
    top: 80px;
    width: 700px;
}
#score .content #respostas
{
    height: 550px;
    left: 300px;
    position: absolute;
    top: 142px;
    width: 650px;
}
#score .content #respostas ul
{
    height: 550px;
    position: absolute;
    top: -30px;
}

#score .content #respostas li
{
    list-style-type: none;
    position: absolute;
    width: 600px;
}

#score .content #respostas #li0
{
    top:0;
}

#score .content #respostas #li1
{
    top:70px;
}

#score .content #respostas #li2
{
    top:160px;
}

#score .content #respostas #li3
{
    top:240px;
}

#score .content #respostas #li4
{
    top:325px;
}

#score .content #respostas #li5
{
    top:400px;
}

#score .content #respostas #li6
{
    top:475px;
}

#score .content #respostas p{
    font-family: "Arial";
    font-size: "19px";
    font-weight: bold;
    color: white;
}
#score .content #btnGoToEnding{
    cursor: pointer;
    position: absolute;
    left: 120px;
    top:555px;
}
#ending .content{
    background-image: url('../images/tela6.png');
}
#ending .content #finalMessage
{
    height: 245px;
    left: 195px;
    position: absolute;
    top: 80px;
    width: 640px;
}
#ending .content #finalMessage p{
    color: white;
    font-family: "Arial";
    font-size: 26px;
    padding: 12px;
    text-align: left;
}
#ending .content #btnReiniciar{
    cursor: pointer;
    left: 635px;
    position: absolute;
    top: 540px;
}
.content{ 
    position: absolute!important;
    top: 0px!important;
    left: 0px!important;
    
	width: 1024px; 
	height: 768px; 
} 
.hidden{ 
	display: none; 
}