*{ margin:0; padding:0; border:0; }
:focus,input,textarea{outline: none;} 

body {color:white; font-family:'mikadomedium',arial, helvetica,sans-serif; font-size:13px;}

.btn-fechar { float: right;  margin: -13px 40px 0 0; padding: 4px; display: inline-block;   background: url(img/btn-close-modal.png)no-repeat; width:45px; height:34px; text-indent: -9999px;}

/* GERAL */
SECTION{display:none; background:transparent url(img/bg.png) no-repeat 0 0; width:1024px; height: 768px; overflow:hidden; position:absolute; top:0;}
SECTION H1{display:block; position:absolute; text-indent:-2000px;}
SECTION FIGURE{position:absolute;}
SECTION ARTICLE STRONG{font-size:33px;}
SECTION ARTICLE P{font-size:23px;}
SECTION ARTICLE STRONG, SECTION ARTICLE P, #pop H2{
	text-shadow:
	-2px -1px 0 rgba(102, 0, 0, .3),
	0px -1px 0 rgba(102, 0, 0, .3),
	2px -1px 0 rgba(102, 0, 0, .3),
	-2px 1px 0 rgba(102, 0, 0, .3),
	0px 2px 0 rgba(102, 0, 0, .3),
	2px 1px 0 rgba(102, 0, 0, .3), 
	0px 3px 0 rgba(51, 0, 0, .6);}
SECTION ARTICLE BLOCKQUOTE{display:block; position:absolute;}
SECTION ARTICLE A{display:block; position:absolute; text-indent:-2000px;}

BODY > ARTICLE, BODY > DIVa{display:none;}

/* INTRODUCAO */
SECTION.introducao{}
SECTION.introducao H1{width:509px; height:195px; background:transparent url(img/tit.png) no-repeat 0 0; top:110px; left:70px;}

SECTION.introducao FIGURE{right:0; bottom:0;}

SECTION.introducao ARTICLE P{position:absolute; left:25px; top:345px; font-size:30px; margin-left:50px; width:410px;}
SECTION.introducao ARTICLE A{background:transparent url(img/btn-iniciar.png) no-repeat 0 0; height:57px; width:166px; left:420px; top:540px;}

 /* EXPLICACAO ATIVIDADE 1 */
SECTION.explicacao-1{}
SECTION.explicacao-1 H1{width:248px; height:55px; background:transparent url(img/explicacao.png) no-repeat 0 0; top:20px; left:400px;}

SECTION.explicacao-1 FIGURE{top:200px; left:25px;}

SECTION.explicacao-1 ARTICLE STRONG{width:800px; display:block; position:absolute; top:90px; left:100px; text-align:center;}
SECTION.explicacao-1 ARTICLE P{display:block; position:absolute; left:90px; top:600px; width:350px; text-align:center;}
SECTION.explicacao-1 ARTICLE P + P{left:580px;}
SECTION.explicacao-1 ARTICLE > A{background:transparent url(img/btn-ir-atividade.png) no-repeat 0 0; height:48px; width:309px; right:65px; bottom:30px;}

 /* ATIVIDADE 1 */
SECTION.atividade-1{}
SECTION.atividade-1 H1{width:342px; height:70px; background:transparent url(img/atividade-1.png) no-repeat 0 0; top:70px; left:340px;}

SECTION.atividade-1 ARTICLE P{width:560px; display:block; position:absolute; top:177px; left:235px; text-align:center; font-size:28px;}
SECTION.atividade-1 ARTICLE BLOCKQUOTE{width:942px; height:215px; background:transparent url(img/bg-atividade-1.png) no-repeat 0 0; top:410px; left:35px; color:#3c5b5a; letter-spacing:1px; line-height:110px; font-size:48px; font-family:'mikadobold'; text-align:center; text-shadow:1px 3px 0px rgba(255, 255, 255, 1); text-indent:0;}
SECTION.atividade-1 ARTICLE BLOCKQUOTE I{display:inline-block; width:30px; height:70px; position:relative; top:18px; text-indent:0;}
SECTION.atividade-1 ARTICLE BLOCKQUOTE I.active{background:transparent url("img/bt-virgula-on.png") no-repeat center 0;}
SECTION.atividade-1 ARTICLE BLOCKQUOTE I SPAN{display:none}
SECTION.atividade-1 ARTICLE NAV{position:absolute; left:500px; bottom:100px;}
SECTION.atividade-1 ARTICLE NAV UL{list-style:none;}
SECTION.atividade-1 ARTICLE NAV UL LI{display:none;}
SECTION.atividade-1 ARTICLE NAV UL LI:nth-child(1){display:block; width:30px; height:70px;}
SECTION.atividade-1 ARTICLE NAV LI A{display:block; width:100%; height:100%; text-indent:-2000px;}
SECTION.atividade-1 ARTICLE > A:last-child{background:transparent url(img/btn-verificar.png) no-repeat 0 0; height:57px; width:198px; left:auto; right:70px; bottom:50px;}

SECTION.atividade-1 .virgula{background:transparent url("img/bt-virgula-off.png") no-repeat center 6px;}
SECTION.atividade-1 .virgula.active{background:transparent url("img/bt-virgula-on.png") no-repeat center 0;}

/* EXPLICACAO ATIVIDADE 2 */
SECTION.explicacao-2{}
SECTION.explicacao-2 H1{width:677px; height:76px; background:transparent url(img/a-confusao.png) no-repeat 0 0; top:30px; left:165px;}

SECTION.explicacao-2 FIGURE{bottom:50px; left:15px;}

SECTION.explicacao-2 ARTICLE{display:block; position:absolute; right:25px; top:130px; width:448px; height:625px;}
SECTION.explicacao-2 ARTICLE P{margin-bottom:15px;}
SECTION.explicacao-2 ARTICLE P SPAN{font-size:26px; color:#fff799;}
SECTION.explicacao-2 ARTICLE P:nth-child(3){font-size:14px; color:#fff799; text-shadow:none; font-family:arial, helvetica; text-align:right; margin-top:-10px;}
SECTION.explicacao-2 ARTICLE P:nth-child(5){ color:#fff799;}
SECTION.explicacao-2 ARTICLE A{background:transparent url(img/btn-iniciar.png) no-repeat 0 0; height:57px; width:166px; left: 290px; position:absolute; top:565px;}
SECTION.explicacao-2 ARTICLE BLOCKQUOTE{width:364px; bottom:0; left:0;}
SECTION.explicacao-2 ARTICLE BLOCKQUOTE P{font-size:15px; color:#CBB577; text-shadow:none; font-family:arial, helvetica;}
SECTION.explicacao-2 ARTICLE NAV{display:none;}

 /* ATIVIDADE 2 */
SECTION.atividade-2{}
SECTION.atividade-2 H1{width:416px; height:50px; background:transparent url(img/atividade-2.png) no-repeat 0 0; top:35px; left:310px;}

SECTION.atividade-2 FIGURE{top:140px; left:15px;}

SECTION.atividade-2 ARTICLE{display:block; position:absolute; left:75px; top:95px; width:920px; z-index:2;}
SECTION.atividade-2 ARTICLE P{display:none;}
SECTION.atividade-2 ARTICLE P:nth-child(2){display:block; width:830px;}
SECTION.atividade-2 ARTICLE P SPAN{color:#fde780;}
SECTION.atividade-2 ARTICLE BLOCKQUOTE{background:transparent url(img/bg-atividade-2.png) no-repeat 0 0; width:470px; height:525px; left:340px; top:82px; word-spacing:28px; text-align: center; line-height:50px; font-size:39px; color:#654512; padding:22px 30px 0 16px;}
SECTION.atividade-2 ARTICLE BLOCKQUOTE I{display:inline-block; width:36px; height:38px; position:absolute;}
SECTION.atividade-2 ARTICLE BLOCKQUOTE I SPAN{position:absolute; width:36px; height:74px; top:-13px; left:0; text-indent:-2000px;}
SECTION.atividade-2 ARTICLE NAV{background:transparent url(img/menu-vertical.png) no-repeat 0 0; width:45px; height:200px; position:absolute; right:0; top:110px; padding:100px 0 0 13px;}
SECTION.atividade-2 ARTICLE NAV UL{list-style:none;}
SECTION.atividade-2 ARTICLE NAV LI{display:block; width:31px; height:70px; margin:10px 0 0;}

SECTION.atividade-2 ARTICLE NAV LI.virgula{display:none;}
SECTION.atividade-2 ARTICLE NAV LI.ponto{background:transparent url(img/bt-ponto-off.png) no-repeat center 6px;}
SECTION.atividade-2 ARTICLE NAV LI.exclamacao{display:none;}
SECTION.atividade-2 ARTICLE NAV LI.interrogacao{background:transparent url(img/bt-interrogacao-off.png) no-repeat center 6px;}
SECTION.atividade-2 ARTICLE NAV LI.active.ponto{background:transparent url(img/bt-ponto-on.png) no-repeat center 0;}
SECTION.atividade-2 ARTICLE NAV LI.active.interrogacao{background:transparent url(img/bt-interrogacao-on.png) no-repeat center 0;}


SECTION.atividade-2 .ponto SPAN{background:transparent url(img/bt-ponto-off.png) no-repeat center 6px;}
SECTION.atividade-2 .interrogacao SPAN{background:transparent url(img/bt-interrogacao-off.png) no-repeat center 6px;}
SECTION.atividade-2 .ponto.active SPAN{background:transparent url(img/bt-ponto-on.png) no-repeat center 0;}
SECTION.atividade-2 .interrogacao.active SPAN{background:transparent url(img/bt-interrogacao-on.png) no-repeat center 0;}
SECTION.atividade-2 ARTICLE NAV LI A{display:block; width:100%; height:100%; text-indent:-2000px;}
SECTION.atividade-2 ARTICLE > A{background: url(img/btn-verificar.png)no-repeat; height:57px; width:198px; position:absolute; top:590px; right:0;}

/* POPUPS */
#pop{width:473px; height:255px; background:url(img/bg-pop.png) no-repeat; position:absolute; top:240px; left:290px; padding:20px 0 0 20px; z-index:10; display:none;}
#pop A:nth-child(1){position:absolute; width:48px; height:34px; text-indent:-9999px; top:-19px; right:50px; background:url(img/btn-close.png) no-repeat left top; z-index:2;}
#pop A:last-child{position:absolute; right:45px; bottom:40px; top:auto; width:79px; height:48px; background:url(img/btn-ok.png) no-repeat 0 0; text-indent: -9999px;}
#pop H2{display:block; width:216px; height:60px; background:url(img/parabens.png) no-repeat; position:relative; left:10px; margin:30px 0 10px;}
#pop SPAN{margin:0 0 0 13px; color:#687275; font-size:25px; display:block;}
#pop A.recomecar:last-child{background:url(img/btn-voltar-capa.png); width:279px; height:48px;}

#pop.acerto H2{left:110px;}
#pop.acerto SPAN{text-align:center; margin-right:40px;}

#pop.erro A:nth-child(1){background:url(img/btn-close-erro.png) no-repeat 0 0;}
#pop.erro H2{width:370px; background:url(img/erro.png) no-repeat; left:35px;}
#pop.erro SPAN{text-align:center; margin-right:30px;}
#pop.erro A:last-child{background:url(img/btn-ok-erro.png);}

#pop.pop-g{width:733px; height:595px; background:transparent url(img/bg-pop-g.png) no-repeat 0 -8px; top:100px; left:130px; padding:20px 0 0 20px; text-align:center;}
#pop.pop-g H2{display:none;}
#pop.pop-g SPAN{font-size:23px; display:block; margin-top:20px; width:680px;}
#pop.pop-g SPAN H2{width:617px; height:84px; background:url(img/h2-pop-g.png) no-repeat; display:block; margin:10px 0 20px 10px; padding:15px 15px 0; font-size:23px; color:#FFF;}
#pop.pop-g BLOCKQUOTE{width:630px; height:62px; background:url(img/block-pop-g.png) no-repeat; display:block; margin:20px 0 10px 30px; padding:15px 0; color:#3c5b5a; font-size:32px; text-shadow:1px 3px 0px rgba(255, 255, 255, 1);}
#pop.pop-g A:last-child{background:url(img/btn-continuar.png); width:179px; height:48px;}
#pop.pop-g A.proximo:last-child{background:url(img/btn-continuar.png); width:179px; height:48px;}

FOOTER{position:absolute; z-index:9; width:100%; height:100%; background-color:#000; opacity:.75; display:none;}