/* Cenários */

.cen-comp {
background: url(../media/_imgs/cen-comp.jpg) no-repeat top left;
position: absolute;
width: 940px; 
height: 508px;
margin: 0px;
}

.cen-tablet {
background: url(../media/_imgs/cen-tablet.jpg) no-repeat top left;
position: absolute;
width: 940px; 
height: 508px;
margin: 0px;
}

.cen-tablet2 {
background: url(../media/_imgs/cen-tablet2.jpg) no-repeat top left;
position: absolute;
width: 940px; 
height: 508px;
margin: 0px;
}

.cen-inicio {
background: url(../media/_imgs/cen-inicio.jpg) no-repeat top left;
position: absolute;
width: 940px; 
height: 508px;
margin: 0px;
}

.cen-captura {
background: url(../media/_imgs/cen-captura.jpg) no-repeat top left;
position: absolute;
width: 940px; 
height: 508px;
margin: 0px;
}

.cen-cidade {
background: url(../media/_imgs/cen-cidade.jpg) no-repeat top left;
position: absolute;
width: 940px; 
height: 508px;
margin: 0px;
}

.cen-cidade-2 {
background: url(../media/_imgs/cen-cidade-2.jpg) no-repeat top left;
position: absolute;
width: 940px; 
height: 508px;
margin: 0px;
}

.cen-cidade-3 {
background: url(../media/_imgs/cen-cidade-3.jpg) no-repeat top left;
position: absolute;
width: 940px; 
height: 508px;
margin: 0px;
}

.cen-cidade-4 {
background: url(../media/_imgs/cen-cidade-4.jpg) no-repeat top left;
position: absolute;
width: 940px; 
height: 508px;
margin: 0px;
}

.cen-cidade-5 {
background: url(../media/_imgs/cen-cidade-5.jpg) no-repeat top left;
position: absolute;
width: 940px; 
height: 508px;
margin: 0px;
}

.cen-hexagonos {
background: url(../media/_imgs/cen-hexagonos.jpg) no-repeat top left;
position: absolute;
width: 940px; 
height: 508px;
margin: 0px;
}

.cen-mapa-metro {
background: url(../media/_imgs/cen-mapa-metro.jpg) no-repeat top left;
position: absolute;
width: 940px; 
height: 508px;
margin: 0px;
}

.cen-cidade-caminho {
background: url(../media/_imgs/cen-cidade-caminho.jpg) no-repeat top left;
position: absolute;
width: 940px; 
height: 508px;
margin: 0px;
}

.cen-cybercafe {
background: url(../media/_imgs/cen-cybercafe.jpg) no-repeat top left;
position: absolute;
width: 940px; 
height: 508px;
margin: 0px;
}

.cen-cybercafe2 {
background: url(../media/_imgs/cen-cybercafe2.jpg) no-repeat top left;
position: absolute;
width: 940px; 
height: 508px;
margin: 0px;
}


.cen-estacao-1 {
background: url(../media/_imgs/cen-estacao-1.jpg) no-repeat top left;
position: absolute;
width: 940px; 
height: 508px;
margin: 0px;
}

.cen-estacao-intro {
background: url(../media/_imgs/cen-estacao-intro.jpg) no-repeat top left;
position: absolute;
width: 940px; 
height: 508px;
margin: 0px;
}

.cen-fundo-capsula {
background: url(../media/_imgs/cen-fundo-capsula.jpg) no-repeat top left;
position: absolute;
width: 940px; 
height: 508px;
margin: 0px;
}

.cen-matrix {
background: url(../media/_imgs/cen-matrix.jpg) no-repeat top left;
position: absolute;
width: 940px; 
height: 508px;
margin: 0px;
}

.cen-motherboard {
background: url(../media/_imgs/cen-motherboard.jpg) no-repeat top left;
position: absolute;
width: 940px; 
height: 508px;
margin: 0px;
}

.cen-portal {
background: url(../media/_imgs/cen-portal.jpg) no-repeat top left;
position: absolute;
width: 940px; 
height: 508px;
margin: 0px;
}

.cen-sala-telas {
background: url(../media/_imgs/cen-sala-telas.jpg) no-repeat top left;
position: absolute;
width: 940px; 
height: 508px;
margin: 0px;
}

.cen-tela {
background: url(../media/_imgs/cen-tela.jpg) no-repeat top left;
position: absolute;
width: 940px; 
height: 508px;
margin: 0px;
}

.cen-tela-touch {
background: url(../media/_imgs/cen-tela-touch.jpg) no-repeat top left;
position: absolute;
width: 940px; 
height: 508px;
margin: 0px;
}

.cen-tela-touch2 {
background: url(../media/_imgs/cen-tela-touch2.jpg) no-repeat top left;
position: absolute;
width: 940px; 
height: 508px;
margin: 0px;
}

.cen-tela-touch2-icon {
background: url(../media/_imgs/cen-tela-touch2-icon.jpg) no-repeat top left;
position: absolute;
width: 940px; 
height: 508px;
margin: 0px;
}

.cen-tela-touch-icon {
background: url(../media/_imgs/cen-tela-touch-icon.jpg) no-repeat top left;
position: absolute;
width: 940px; 
height: 508px;
margin: 0px;
}

.cen-tunel {
background: url(../media/_imgs/cen-tunel.jpg) no-repeat top left;
position: absolute;
width: 940px; 
height: 508px;
margin: 0px;
}

.cen-tunel2 {
background: url(../media/_imgs/cen-tunel2.jpg) no-repeat top left;
position: absolute;
width: 940px; 
height: 508px;
margin: 0px;
}

.cen-arquivo {
background: url(../media/_imgs/cen-arquivo.jpg) no-repeat top left;
position: absolute;
width: 940px; 
height: 508px;
margin: 0px;
}

.cen-rede {
background: url(../media/_imgs/cen-rede.jpg) no-repeat top left;
position: absolute;
width: 940px; 
height: 508px;
margin: 0px;
}

.cen-comunidade {
background: url(../media/_imgs/cen-comunidade.jpg) no-repeat top left;
position: absolute;
width: 940px; 
height: 508px;
margin: 0px;
}

.cen-comunidade2 {
background: url(../media/_imgs/cen-comunidade2.jpg) no-repeat top left;
position: absolute;
width: 940px; 
height: 508px;
margin: 0px;
}

.cen-fundo {
background: url(../media/_imgs/cen-fundo.jpg) no-repeat top left;
position: absolute;
width: 940px; 
height: 508px;
margin: 0px;
}

/* Personagens direita  */ 

.pers-amanda-aponta-dir {
background: url(../media/_imgs/pers-amanda-aponta-dir.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin-top: 0px;
margin-left: 696px;
}

.pers-amanda-apresenta-1-dir {
background: url(../media/_imgs/pers-amanda-apresenta-1-dir.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin-top: 0px;
margin-left: 696px;
}

.pers-amanda-duvida-1-dir {
background: url(../media/_imgs/pers-amanda-duvida-1-dir.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin-top: 0px;
margin-left: 696px;
}



.pers-amanda-coca-cabeca-dir {
background: url(../media/_imgs/pers-amanda-coca-cabeca-dir.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin-top: 0px;
margin-left: 696px;
}

.pers-amanda-duvida-2-dir {
background: url(../media/_imgs/pers-amanda-duvida-2-dir.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin-top: 0px;
margin-left: 696px;
}

.pers-amanda-espantada-dir {
background: url(../media/_imgs/pers-amanda-espantada-dir.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin-top: 0px;
margin-left: 696px;
}

.pers-amanda-falando-2-dir {
background: url(../media/_imgs/pers-amanda-falando-2-dir.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin-top: 0px;
margin-left: 696px;
}

.pers-amanda-mao-levantada-dir {
background: url(../media/_imgs/pers-amanda-mao-levantada-dir.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin-top: 0px;
margin-left: 696px;
}

.pers-amanda-usandotela-dir {
background: url(../media/_imgs/pers-amanda-usandotela-dir.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin-top: 0px;
margin-left: 696px;
}

.pers-john-apresentacao-dir {
background: url(../media/_imgs/pers-john-apresentacao-dir.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin-top: 0px;
margin-left: 696px;
}

.pers-john-confuso-duvida-dir {
background: url(../media/_imgs/pers-john-confuso-duvida-dir.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin-top: 0px;
margin-left: 696px;
}

.pers-john-dedo-levantado-dir {
background: url(../media/_imgs/pers-john-dedo-levantado-dir.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin-top: 0px;
margin-left: 696px;
}

.pers-john-coca-cabeca-dir {
background: url(../media/_imgs/pers-john-coca-cabeca-dir.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin-top: 0px;
margin-left: 696px;
}


.pers-john-duvida-2-dir {
background: url(../media/_imgs/pers-john-duvida-2-dir.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin-top: 0px;
margin-left: 696px;
}

.pers-john-espantado-dir {
background: url(../media/_imgs/pers-john-espantado-dir.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin-top: 0px;
margin-left: 696px;
}

.pers-john-fala-2-dir {
background: url(../media/_imgs/pers-john-fala-2-dir.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin-top: 0px;
margin-left: 696px;
}

.pers-john-falando-mao-levantada-dir {
background: url(../media/_imgs/pers-john-falando-mao-levantada-dir.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin-top: 0px;
margin-left: 696px;
}

.pers-john-fala-olhando-dir {
background: url(../media/_imgs/pers-john-fala-olhando-dir.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin-top: 0px;
margin-left: 696px;
}

.pers-john-perdido-dir {
background: url(../media/_imgs/pers-john-perdido-dir.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin-top: 0px;
margin-left: 696px;
}

.pers-john-pergunta-1-dir {
background: url(../media/_imgs/pers-john-pergunta-1-dir.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin-top: 0px;
margin-left: 696px;
}

.pers-john-pergunta-2-dir {
background: url(../media/_imgs/pers-john-pergunta-2-dir.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin-top: 0px;
margin-left: 696px;
}

.pers-john-semgraca-dir {
background: url(../media/_imgs/pers-john-semgraca-dir.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin-top: 0px;
margin-left: 696px;
}

.pers-john-vitoria-dir {
background: url(../media/_imgs/pers-john-vitoria-dir.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin-top: 0px;
margin-left: 696px;
}

.pers-rot-aponta-dir {
background: url(../media/_imgs/pers-rot-aponta-dir.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin-top: 0px;
margin-left: 696px;
}

.pers-rot-apontandoparasi-dir {
background: url(../media/_imgs/pers-rot-apontandoparasi-dir.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 317px;
margin-top: 191px;
margin-left: 696px;
}

.pers-rot-apresenta-dir {
background: url(../media/_imgs/pers-rot-apresenta-dir.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 317px;
margin-top: 191px;
margin-left: 696px;
}

.pers-rot-falando-1-dir {
background: url(../media/_imgs/pers-rot-falando-1-dir.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 317px;
margin-top: 191px;
margin-left: 696px;
}

.pers-rot-joinha-dir {
background: url(../media/_imgs/pers-rot-joinha-dir.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 317px;
margin-top: 191px;
margin-left: 696px;
}

.pers-rot-maocabeca-dir {
background: url(../media/_imgs/pers-rot-maocabeca-dir.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 317px;
margin-top: 191px;
margin-left: 696px;
}

.pers-rot-parado-dir {
background: url(../media/_imgs/pers-rot-parado-dir.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 317px;
margin-top: 191px;
margin-left: 696px;
}

.pers-switch-aponta-dir {
background: url(../media/_imgs/pers-switch-aponta-dir.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 317px;
margin-top: 191px;
margin-left: 696px;
}

.pers-switch-apresenta-dir {
background: url(../media/_imgs/pers-switch-apresenta-dir.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 317px;
margin-top: 191px;
margin-left: 696px;
}

.pers-switch-dedo-levantado-dir {
background: url(../media/_imgs/pers-switch-dedo-levantado-dir.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 317px;
margin-top: 191px;
margin-left: 696px;
}

.pers-switch-fala-1-dir {
background: url(../media/_imgs/pers-switch-fala-1-dir.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 317px;
margin-top: 191px;
margin-left: 696px;
}

.pers-switch-fala-2-dir {
background: url(../media/_imgs/pers-switch-fala-2-dir.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 317px;
margin-top: 191px;
margin-left: 696px;
}

.pers-switch-joinha-dir {
background: url(../media/_imgs/pers-switch-joinha-dir.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 317px;
margin-top: 191px;
margin-left: 696px;
}

.pers-switch-naaaaao-dir {
background: url(../media/_imgs/pers-switch-naaaaao-dir.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 317px;
margin-top: 191px;
margin-left: 696px;
}

.pers-switch-nananinanao-dir {
background: url(../media/_imgs/pers-switch-nananinanao-dir.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 317px;
margin-top: 191px;
margin-left: 696px;
}

.pers-switch-pisca-joinha-dir {
background: url(../media/_imgs/pers-switch-pisca-joinha-dir.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 317px;
margin-top: 191px;
margin-left: 696px;
}

.pers-switch-rindo-dir {
background: url(../media/_imgs/pers-switch-rindo-dir.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 317px;
margin-top: 191px;
margin-left: 696px;
}

.pers-switch-semgraca-dir {
background: url(../media/_imgs/pers-switch-semgraca-dir.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 317px;
margin-top: 191px;
margin-left: 696px;
}

/* Personangens esquerda */

.pers-rot-aponta-esq {
background: url(../media/_imgs/pers-rot-aponta-esq.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 317px;
margin-top: 191px;
margin-left: 0px;
}

.pers-rot-apontandoparasi-esq {
background: url(../media/_imgs/pers-rot-apontandoparasi-esq.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 317px;
margin-top: 191px;
margin-left: 0px;
}

.pers-rot-apresenta-esq {
background: url(../media/_imgs/pers-rot-apresenta-esq.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 317px;
margin-top: 191px;
margin-left: 0px;
}

.pers-rot-falando-1-esq {
background: url(../media/_imgs/pers-rot-falando-1-esq.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 317px;
margin-top: 191px;
margin-left: 0px;
}

.pers-rot-joinha-esq {
background: url(../media/_imgs/pers-rot-joinha-esq.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 317px;
margin-top: 191px;
margin-left: 0px;
}

.pers-rot-maocabeca-esq {
background: url(../media/_imgs/pers-rot-maocabeca-esq.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 317px;
margin-top: 191px;
margin-left: 0px;
}

.pers-rot-parado-esq {
background: url(../media/_imgs/pers-rot-parado-esq.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 317px;
margin-top: 191px;
margin-left: 0px;
}

.pers-switch-aponta-esq {
background: url(../media/_imgs/pers-switch-aponta-esq.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 317px;
margin-top: 191px;
margin-left: 0px;
}

.pers-switch-apresenta-esq {
background: url(../media/_imgs/pers-switch-apresenta-esq.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 317px;
margin-top: 191px;
margin-left: 0px;
}

.pers-switch-dedo-levantado-esq {
background: url(../media/_imgs/pers-switch-dedo-levantado-esq.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 317px;
margin-top: 191px;
margin-left: 0px;
}

.pers-switch-fala-1-esq {
background: url(../media/_imgs/pers-switch-fala-1-esq.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 317px;
margin-top: 191px;
margin-left: 0px;
}

.pers-switch-fala-2-esq {
background: url(../media/_imgs/pers-switch-fala-2-esq.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 317px;
margin-top: 191px;
margin-left: 0px;
}

.pers-switch-joinha-esq {
background: url(../media/_imgs/pers-switch-joinha-esq.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 317px;
margin-top: 191px;
margin-left: 0px;
}

.pers-switch-naaaaao-esq {
background: url(../media/_imgs/pers-switch-naaaaao-esq.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 317px;
margin-top: 191px;
margin-left: 0px;
}

.pers-switch-nananinanao-esq {
background: url(../media/_imgs/pers-switch-nananinanao-esq.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 317px;
margin-top: 191px;
margin-left: 0px;
}

.pers-switch-pisca-joinha-esq {
background: url(../media/_imgs/pers-switch-pisca-joinha-esq.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 317px;
margin-top: 191px;
margin-left: 0px;
}

.pers-switch-rindo-esq {
background: url(../media/_imgs/pers-switch-rindo-esq.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 317px;
margin-top: 191px;
margin-left: 0px;
}

.pers-switch-semgraca-esq {
background: url(../media/_imgs/pers-switch-semgraca-esq.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 317px;
margin-top: 191px;
margin-left: 0px;
}

.pers-amanda-aponta-esq {
background: url(../media/_imgs/pers-amanda-aponta-esq.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin: 0px;
}

.pers-amanda-apresenta-1-esq {
background: url(../media/_imgs/pers-amanda-apresenta-1-esq.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin: 0px;
}

.pers-amanda-duvida-1-esq {
background: url(../media/_imgs/pers-amanda-duvida-1-esq.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin: 0px;
}

.pers-amanda-duvida-2-esq {
background: url(../media/_imgs/pers-amanda-duvida-2-esq.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin: 0px;
}

.pers-amanda-espantada-esq {
background: url(../media/_imgs/pers-amanda-espantada-esq.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin: 0px;
}

.pers-amanda-coca-cabeca-esq {
background: url(../media/_imgs/pers-amanda-coca-cabeca-esq.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin: 0px;
}

.pers-amanda-falando-2-esq {
background: url(../media/_imgs/pers-amanda-falando-2-esq.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin: 0px;
}

.pers-amanda-mao-levantada-esq {
background: url(../media/_imgs/pers-amanda-mao-levantada-esq.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin: 0px;
}

.pers-amanda-usandotela-esq {
background: url(../media/_imgs/pers-amanda-usandotela-esq.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin: 0px;
}

.pers-john-apresentacao-esq {
background: url(../media/_imgs/pers-john-apresentacao-esq.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin: 0px;
}

.pers-john-confuso-duvida-esq {
background: url(../media/_imgs/pers-john-confuso-duvida-esq.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin: 0px;
}

.pers-john-dedo-levantado-esq {
background: url(../media/_imgs/pers-john-dedo-levantado-esq.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin: 0px;
}

.pers-john-coca-cabeca-esq {
background: url(../media/_imgs/pers-john-coca-cabeca-esq.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin: 0px;
}

.pers-john-duvida-2-esq {
background: url(../media/_imgs/pers-john-duvida-2-esq.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin: 0px;
}

.pers-john-espantado-esq {
background: url(../media/_imgs/pers-john-espantado-esq.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin: 0px;
}

.pers-john-fala-2-esq {
background: url(../media/_imgs/pers-john-fala-2-esq.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin: 0px;
}

.pers-john-falando-mao-levantada-esq {
background: url(../media/_imgs/pers-john-falando-mao-levantada-esq.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin: 0px;
}

.pers-john-fala-olhando-esq {
background: url(../media/_imgs/pers-john-fala-olhando-esq.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin: 0px;
}

.pers-john-perdido-esq {
background: url(../media/_imgs/pers-john-perdido-esq.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin: 0px;
}

.pers-john-pergunta-1-esq {
background: url(../media/_imgs/pers-john-pergunta-1-esq.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin: 0px;
}

.pers-john-pergunta-2-esq {
background: url(../media/_imgs/pers-john-pergunta-2-esq.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin: 0px;
}

.pers-john-semgraca-esq {
background: url(../media/_imgs/pers-john-semgraca-esq.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin: 0px;
}

.pers-john-vitoria-esq {
background: url(../media/_imgs/pers-john-vitoria-esq.png) no-repeat top left;
position: absolute;
width: 244px; 
height: 508px;
margin: 0px;
}

/* Personagens meio corpo esquerda */

.pers-amanda-aponta-meio-esq {
background: url(../media/_imgs/pers-amanda-aponta-meio-esq.png) no-repeat top left;
position: absolute;
width: 534px; 
height: 508px;
margin: 0px;
}

.pers-amanda-apresenta-1-meio-esq {
background: url(../media/_imgs/pers-amanda-apresenta-1-meio-esq.png) no-repeat top left;
position: absolute;
width: 534px; 
height: 508px;
margin: 0px;
}

.pers-amanda-duvida-2-meio-esq {
background: url(../media/_imgs/pers-amanda-duvida-2-meio-esq.png) no-repeat top left;
position: absolute;
width: 534px; 
height: 508px;
margin: 0px;
}

.pers-amanda-espantada-meio-esq {
background: url(../media/_imgs/pers-amanda-espantada-meio-esq.png) no-repeat top left;
position: absolute;
width: 534px; 
height: 508px;
margin: 0px;
}

.pers-amanda-usandotela-meio-esq {
background: url(../media/_imgs/pers-amanda-usandotela-meio-esq.png) no-repeat top left;
position: absolute;
width: 534px; 
height: 508px;
margin: 0px;
}

.pers-john-aponta-meio-esq {
background: url(../media/_imgs/pers-john-aponta-meio-esq.png) no-repeat top left;
position: absolute;
width: 534px; 
height: 508px;
margin: 0px;
}

.pers-john-fala_olhando-meio-esq {
background: url(../media/_imgs/pers-john-fala_olhando-meio-esq.png) no-repeat top left;
position: absolute;
width: 534px; 
height: 508px;
margin: 0px;
}

.pers-john-falando_mao_levantada-meio-esq {
background: url(../media/_imgs/pers-john-falando_mao_levantada-meio-esq.png) no-repeat top left;
position: absolute;
width: 534px; 
height: 508px;
margin: 0px;
}

.pers-john-pensando-meio-esq {
background: url(../media/_imgs/pers-john-pensando-meio-esq.png) no-repeat top left;
position: absolute;
width: 534px; 
height: 508px;
margin: 0px;
}

.pers-john-perdido-meio-esq {
background: url(../media/_imgs/pers-john-perdido-meio-esq.png) no-repeat top left;
position: absolute;
width: 534px; 
height: 508px;
margin: 0px;
}

.pers-john-pergunta-2-meio-esq {
background: url(../media/_imgs/pers-john-pergunta-2-meio-esq.png) no-repeat top left;
position: absolute;
width: 534px; 
height: 508px;
margin: 0px;
}

.pers-john-pergunta-meio-esq {
background: url(../media/_imgs/pers-john-pergunta-meio-esq.png) no-repeat top left;
position: absolute;
width: 534px; 
height: 508px;
margin: 0px;
}

.pers-john-semgraca-meio-esq {
background: url(../media/_imgs/pers-john-semgraca-meio-esq.png) no-repeat top left;
position: absolute;
width: 534px; 
height: 508px;
margin: 0px;
}

.pers-john-vitoria-meio-esq {
background: url(../media/_imgs/pers-john-vitoria-meio-esq.png) no-repeat top left;
position: absolute;
width: 534px; 
height: 508px;
margin: 0px;
}

.pers-rot-falando-1-meio-esq {
background: url(../media/_imgs/pers-rot-falando-1-meio-esq.png) no-repeat top left;
position: absolute;
width: 534px; 
height: 508px;
margin: 0px;
}

.pers-rot-falando-1-meio-esq-tablet {
background: url(../media/_imgs/pers-rot-falando-1-meio-esq-tablet.png) no-repeat top left;
position: absolute;
width: 534px; 
height: 508px;
margin: 0px;
}

.pers-rot-maocabeca-meio-esq {
background: url(../media/_imgs/pers-rot-maocabeca-meio-esq.png) no-repeat top left;
position: absolute;
width: 534px; 
height: 508px;
margin: 0px;
}

.pers-rot-parado-meio-esq {
background: url(../media/_imgs/pers-rot-parado-meio-esq.png) no-repeat top left;
position: absolute;
width: 534px; 
height: 508px;
margin: 0px;
}

.pers-switch-apresenta-meio-esq {
background: url(../media/_imgs/pers-switch-apresenta-meio-esq.png) no-repeat top left;
position: absolute;
width: 534px; 
height: 508px;
margin: 0px;
}

.pers-switch-fala-2-meio-esq {
background: url(../media/_imgs/pers-switch-fala-2-meio-esq.png) no-repeat top left;
position: absolute;
width: 534px; 
height: 508px;
margin: 0px;
}

.pers-switch-naaaaao-meio-esq {
background: url(../media/_imgs/pers-switch-naaaaao-meio-esq.png) no-repeat top left;
position: absolute;
width: 534px; 
height: 508px;
margin: 0px;
}

.pers-switch-nananinanao-meio-esq {
background: url(../media/_imgs/pers-switch-nananinanao-meio-esq.png) no-repeat top left;
position: absolute;
width: 534px; 
height: 508px;
margin: 0px;
}

.pers-john-fala_olhando-peq-esq {
background: url(../media/_imgs/pers-john-fala_olhando-peq-esq.png) no-repeat top left;
position: absolute;
width: 182px; 
height: 508px;
margin: 0px;
}

.pers-john-fala_olhando-meio2-esq {
background: url(../media/_imgs/pers-john-fala_olhando-meio2-esq.png) no-repeat top left;
position: absolute;
width: 182px; 
height: 508px;
margin: 0px;
}

/* Personagem meio direita */

.pers-amanda-aponta-meio-dir {
background: url(../media/_imgs/pers-amanda-aponta-meio-dir.png) no-repeat top left;
position: absolute;
width: 534px; 
height: 508px;
margin-left: 406px;
margin-top: 0px;
}

.pers-amanda-apresenta-1-meio-dir {
background: url(../media/_imgs/pers-amanda-apresenta-1-meio-dir.png) no-repeat top left;
position: absolute;
width: 534px; 
height: 508px;
margin-left: 406px;
margin-top: 0px;
}

.pers-amanda-duvida-1-meio-dir {
background: url(../media/_imgs/pers-amanda-duvida-1-meio-dir.png) no-repeat top left;
position: absolute;
width: 534px; 
height: 508px;
margin-left: 406px;
margin-top: 0px;
}

.pers-amanda-duvida-2-meio-dir {
background: url(../media/_imgs/pers-amanda-duvida-2-meio-dir.png) no-repeat top left;
position: absolute;
width: 534px; 
height: 508px;
margin-left: 406px;
margin-top: 0px;
}

.pers-amanda-espantada-meio-dir {
background: url(../media/_imgs/pers-amanda-espantada-meio-dir.png) no-repeat top left;
position: absolute;
width: 534px; 
height: 508px;
margin-left: 406px;
margin-top: 0px;
}

.pers-amanda-usandotela-meio-dir {
background: url(../media/_imgs/pers-amanda-usandotela-meio-dir.png) no-repeat top left;
position: absolute;
width: 534px; 
height: 508px;
margin-left: 406px;
margin-top: 0px;
}

.pers-john-2-meio-dir {
background: url(../media/_imgs/pers-john-2-meio-dir.png) no-repeat top left;
position: absolute;
width: 534px; 
height: 508px;
margin-left: 406px;
margin-top: 0px;
}

.pers-john-confuso-duvida-meio-dir {
background: url(../media/_imgs/pers-john-confuso-duvida-meio-dir.png) no-repeat top left;
position: absolute;
width: 534px; 
height: 508px;
margin-left: 406px;
margin-top: 0px;
}

.pers-john-falando-mao-levantada-meio-dir {
background: url(../media/_imgs/pers-john-falando-mao-levantada-meio-dir.png) no-repeat top left;
position: absolute;
width: 534px; 
height: 508px;
margin-left: 406px;
margin-top: 0px;
}

.pers-john-olhando-meio-dir {
background: url(../media/_imgs/pers-john-olhando-meio-dir.png) no-repeat top left;
position: absolute;
width: 534px; 
height: 508px;
margin-left: 406px;
margin-top: 0px;
}

.pers-john-perdido-meio-dir {
background: url(../media/_imgs/pers-john-perdido-meio-dir.png) no-repeat top left;
position: absolute;
width: 534px; 
height: 508px;
margin-left: 406px;
margin-top: 0px;
}

.pers-john-pergunta-2meio-dir {
background: url(../media/_imgs/pers-john-pergunta-2meio-dir.png) no-repeat top left;
position: absolute;
width: 534px; 
height: 508px;
margin-left: 406px;
margin-top: 0px;
}

.pers-john-pergunta-meio-dir {
background: url(../media/_imgs/pers-john-pergunta-meio-dir.png) no-repeat top left;
position: absolute;
width: 534px; 
height: 508px;
margin-left: 406px;
margin-top: 0px;
}

.pers-john-semgraca-meio-dir {
background: url(../media/_imgs/pers-john-semgraca-meio-dir.png) no-repeat top left;
position: absolute;
width: 534px; 
height: 508px;
margin-left: 406px;
margin-top: 0px;
}

.pers-john-vitoria-meio-dir {
background: url(../media/_imgs/pers-john-vitoria-meio-dir.png) no-repeat top left;
position: absolute;
width: 534px; 
height: 508px;
margin-left: 406px;
margin-top: 0px;
}

.pers-rot-1-meio-dir {
background: url(../media/_imgs/pers-rot-1-meio-dir.png) no-repeat top left;
position: absolute;
width: 534px; 
height: 508px;
margin-left: 406px;
margin-top: 0px;
}

.pers-rot-maocabeca-meio-dir {
background: url(../media/_imgs/pers-rot-maocabeca-meio-dir.png) no-repeat top left;
position: absolute;
width: 534px; 
height: 508px;
margin-left: 406px;
margin-top: 0px;
}

.pers-rot-parado-meio-dir {
background: url(../media/_imgs/pers-rot-parado-meio-dir.png) no-repeat top left;
position: absolute;
width: 534px; 
height: 508px;
margin-left: 406px;
margin-top: 0px;
}

.pers-switch-apresenta-meio-dir {
background: url(../media/_imgs/pers-switch-apresenta-meio-dir.png) no-repeat top left;
position: absolute;
width: 534px; 
height: 508px;
margin-left: 406px;
margin-top: 0px;
}

.pers-switch-fala-2-meio-dir {
background: url(../media/_imgs/pers-switch-fala-2-meio-dir.png) no-repeat top left;
position: absolute;
width: 534px; 
height: 508px;
margin-left: 406px;
margin-top: 0px;
}

.pers-switch-naaaaao-meio-dir {
background: url(../media/_imgs/pers-switch-naaaaao-meio-dir.png) no-repeat top left;
position: absolute;
width: 534px; 
height: 508px;
margin-left: 406px;
margin-top: 0px;
}

.pers-switch-nananinanao-meio-dir {
background: url(../media/_imgs/pers-switch-nananinanao-meio-dir.png) no-repeat top left;
position: absolute;
width: 534px; 
height: 508px;
margin-left: 406px;
margin-top: 0px;
}

.pers-amanda-apresenta-1-meio2-dir {
background: url(../media/_imgs/pers-amanda-apresenta-1-meio2-dir.png) no-repeat top left;
position: absolute;
width: 205px; 
height: 508px;
margin-left: 735px;
margin-top: 0px;
}

/* Personagens meio corpo menores */

.pers-john-fala_olhando-peq-esq {
background: url(../media/_imgs/pers-john-fala_olhando-peq-esq.png) no-repeat top left;
position: absolute;
width: 163px; 
height: 243px;
margin-left: 0px;
margin-top: 265px;
}

.pers-switch-fala-2-meio-peq-dir {
background: url(../media/_imgs/pers-switch-fala-2-meio-peq-dir.png) no-repeat top left;
position: absolute;
width: 192px; 
height: 243px;
margin-left: 748px;
margin-top: 265px;
}


/* Outros */

.arco-1-p {
background: url(../media/_imgs/arco-1-p.png) no-repeat top left;
position: absolute;
width: 312px;
height: 312px;
margin-left: 312px;
margin-top: 139px;
}

.arco-2-p {
background: url(../media/_imgs/arco-2-p.png) no-repeat top left;
position: absolute;
width: 312px;
height: 312px;
margin-left: 312px;
margin-top: 139px;
}


.arco-seta {
background: url(../media/_imgs/arco-seta.png) no-repeat top left;
position: absolute;
width: 312px;
height: 312px;
margin-left: 312px;
margin-top: 139px;
}

.texto-cabecalho {
position: absolute;
width: 890px;
margin-left: 26px;
margin-top: 18px;
font-size: 1.1em;
border-bottom: 2px solid #02D5DF;
padding-bottom: 10px;
color: #ffffff;
}