*{margin:0; padding:0; border:0;}
:focus,input,textarea{outline:none;} 
body {background:#FFF; color:#333333; font-family:'vag_rounded_bold', helvetica,sans-serif; font-size:13px;}

SECTION{background:transparent url(img/bg-fundo.jpg) repeat 0 0; width:1024px; height:768px; position:absolute; display:none;}

SECTION FORM{display:block; background-color:#FFF; width:921px; height:586px; margin:26px 0 0 35px; padding:22px 0 22px 22px; border-right:4px solid #c9d4db;}

SECTION NAV{position:absolute; display:block; width:100%; height:124px; bottom:0; background:transparent url(img/bg-footer.jpg) repeat-x 0 0;}
SECTION NAV > A{text-indent:-9999px; position:absolute; display:none;}
SECTION LABEL{display:inline-block; color:#FFF; font-size:26px; line-height:33px; margin:45px 0 0 35px; padding:0 0 0 2px; letter-spacing:1.3px; font-weight:lighter; 	
	text-shadow:
	-2px -2px 0 rgba(0,0,0,0.4), 
	0 -2px 0 rgba(0,0,0,0.4),
	2px -2px 0 rgba(0,0,0,0.4),
	2px 0 0 rgba(0,0,0,0.4),
	2px 2px 0 rgba(0,0,0,0.4),
	0 2px 0 rgba(0,0,0,0.4),
	-2px 2px 0 rgba(0,0,0,0.4),
	0px 5px .3px rgba(0,0,0,0.3);
}

SECTION DIV.quadro{display:none;}
SECTION DIV.hit{display:none;}
SECTION DIV.pop-edicao{display:none;}
SECTION DIV.pop-posicione{display:none;}

/* INTRODUCÃO */
SECTION.introducao{background:transparent url(img/tela01.jpg); z-index:2; opacity:0;}
SECTION.introducao NAV{position:absolute; left:335px; top:360px; width:330px; background-image:none;}
SECTION.introducao NAV > LABEL{color:#2f2f2f; font-family:arial, helvetica, sans-serif; font-size:28px; text-align:center; letter-spacing:normal; text-shadow:none; margin:0;}
SECTION.introducao NAV A.bt-iniciar{background:transparent url(img/btn-iniciar.png) no-repeat 0 0; width:149px; height:57px; left:100px; top:210px; display:block;}
SECTION.introducao NAV UL{display:none;}
SECTION.introducao FORM{display:none;}
SECTION.introducao DIV.quadro{display:none;}
SECTION.introducao DIV.hit{display:none;}

 /* MENU DE CENAS */
SECTION.todas-cenas FORM INPUT{width:782px; font-size:53px; line-height:70px; color:#6f8594; border:3px dashed #e2e3e4; text-align:center; margin:0 0 18px 50px; padding:3px 5px 0; text-transform:uppercase; font-family:'vag_rounded_bold', helvetica,sans-serif;}

SECTION.todas-cenas BLOCKQUOTE{width:378px; height:224px; background-color:#f4f7f6; border:4px solid #d1dbe2; margin:0 22px 18px 0; float:left; position:relative; left:50px;}
SECTION.todas-cenas BLOCKQUOTE P{font-size:65px; color:#c2d1d8; padding:10px; margin: 77px 0 0 85px;}
SECTION.todas-cenas BLOCKQUOTE A{display:block; position:absolute; width:111px; height:111px; right:-9px; top:-7px; background:transparent url(img/btn-editar.png) no-repeat 0 0;}
SECTION.todas-cenas BLOCKQUOTE DIV.quadro{display:block; top:-4px; left:-4px; zoom:0.44;}
SECTION.todas-cenas BLOCKQUOTE DIV.hit{display:block;}
SECTION.todas-cenas NAV UL{display: none;}
SECTION.todas-cenas DIV.quadro{display:none;}
SECTION.todas-cenas DIV.hit{display:none;}
SECTION.todas-cenas DIV.quadro{display:none;}
SECTION.todas-cenas DIV.hit{display:none;}


 /* Edicao de cena */
SECTION.cena FORM *{display:none;}
SECTION.cena NAV > LABEL{display:none;}
SECTION.cena NAV > A.bt-ver{background:transparent url(img/btn-ver-sua-historia.png) no-repeat 0 0; width:229px; height:48px; right:65px; top:-64px; display:block; }
SECTION.cena NAV > UL{position:absolute; width:670px; top:-74px; left:50px; display:block;}
SECTION.cena NAV UL LI{display:block; width:133px; height:74px; float:left;}
SECTION.cena NAV UL LI A{display:block; width:100%; height:100%; text-indent:-2000px;}
SECTION.cena NAV UL LI LABEL{position:absolute; top:75px; left:-48px; width:330px; margin-top:30px; display:none;}
SECTION.cena NAV UL LI > DIV{width:670px; height:100px; position:absolute; top:107px; left:290px; padding:0 20px; display:none;}
SECTION.cena NAV UL LI > DIV UL LI{min-height:100px; min-width:30px;}

SECTION.cena NAV UL LI:nth-child(1){background:transparent url(img/btn-cenarios.png) no-repeat 0 0;}
SECTION.cena NAV UL LI:nth-child(2){background:transparent url(img/btn-personagens.png) no-repeat 0 0;}
SECTION.cena NAV UL LI:nth-child(3){background:transparent url(img/btn-objetos.png) no-repeat 0 0;}
SECTION.cena NAV UL LI:nth-child(4){background:transparent url(img/btn-baloes.png) no-repeat 0 0;}
SECTION.cena NAV UL LI:nth-child(5){background:transparent url(img/btn-textos.png) no-repeat 0 0;}

SECTION.cena NAV UL LI UL{/*position:absolute; top:87px; left:310px;*/}
SECTION.cena NAV UL LI UL LI{background-image:none !important; width:auto !important; height:auto !important; margin-right:12px}
SECTION.cena NAV UL LI UL LI A{text-indent:0;}

SECTION.cena NAV.cenario{background:transparent url(img/bg-cenarios.jpg) repeat-x 3px 0;}
SECTION.cena NAV.cenario UL LI:nth-child(1){height:89px;}
SECTION.cena NAV.cenario UL LI:nth-child(1) LABEL{display:block;}
SECTION.cena NAV.cenario UL LI:nth-child(1) > DIV{display:block; top:85px;}

SECTION.cena NAV.personagem{background:transparent url(img/bg-personagens.jpg) repeat-x -2px 0;}
SECTION.cena NAV.personagem UL LI:nth-child(2){height:89px;}
SECTION.cena NAV.personagem UL LI:nth-child(2) LABEL{display:block;}
SECTION.cena NAV.personagem UL LI:nth-child(2) > DIV{display:block; left:400px; top:80px;}
SECTION.cena NAV.personagem UL LI:nth-child(2) UL LI{margin-right:30px}

SECTION.cena NAV.objeto{background:transparent url(img/bg-objetos.jpg) repeat-x 0 0;}
SECTION.cena NAV.objeto UL LI:nth-child(3){height:89px;}
SECTION.cena NAV.objeto UL LI:nth-child(3) LABEL{display:block;}
SECTION.cena NAV.objeto UL LI:nth-child(3) > DIV{width:605px; display:block;}
SECTION.cena NAV.objeto UL LI:nth-child(3) > DIV UL{width:1300px; display:block; position:relative;}

SECTION.cena NAV.balao{background:transparent url(img/bg-baloes.jpg) repeat-x 3px 0;}
SECTION.cena NAV.balao UL LI:nth-child(4) LABEL{display:block;}
SECTION.cena NAV.balao UL LI:nth-child(4){height:89px;}
SECTION.cena NAV.balao UL LI:nth-child(4) > DIV{display:block; top:95px; left:320px;}

SECTION.cena NAV.texto{background:transparent url(img/bg-textos.jpg) repeat-x 6px 0;}
SECTION.cena NAV.texto UL LI:nth-child(5) LABEL{display:block; width:600px; top:90px;}
SECTION.cena NAV.texto UL LI:nth-child(5){height:89px;}
SECTION.cena NAV.texto > A.bt-proximo{background:transparent url(img/btn-proximo.png) no-repeat 0 0; width:209px; height:48px; right:65px; top:45px; display:block; }

/* SCROLL */
SECTION.cena .mCSB_scrollTools .mCSB_buttonLeft{background:transparent url(img/seta-scroll-left.png) no-repeat 0 0; width: 58px !important; height:95px !important; top:-125px; left:-25px !important;}
SECTION.cena .mCSB_scrollTools .mCSB_buttonRight{background:transparent url(img/seta-scroll-right.png) no-repeat 0 0; width: 58px !important; height:95px !important; top:-125px; right:-25px !important}
SECTION.cena .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{}

/* QUADRO */
SECTION DIV.quadro{position:absolute; top:45px; left:63px; background-color:#F0F1F1; border:3px solid #c9d4db; width:865px; height:512px; overflow:hidden; display:block; z-index:2;}

SECTION DIV.quadro DIV.item{position:absolute; top:150px; left:350px; width:1px; height:1px; float:left;}
SECTION DIV.quadro DIV.item.active{}
SECTION DIV.quadro DIV.item IMG{position:absolute;}

/* BALOES */
SECTION DIV.quadro DIV.item TEXTAREA{position:absolute; left:30px; top:20px; width:220px; height:120px; font-size:33px; line-height:40px; text-align:center; resize:none; background:transparent; overflow:hidden; display:none; font-family: arial, helvetica;}
SECTION DIV.quadro DIV.item.item-0 TEXTAREA{}
SECTION DIV.quadro DIV.item.item-1 TEXTAREA{top:35px; left:45px;}
SECTION DIV.quadro DIV.item.item-2 TEXTAREA{top:18px; left:40px;}
SECTION DIV.quadro DIV.item.item-3 TEXTAREA{top:5px; left:15px; width:270px;}

SECTION DIV.quadro DIV.item SPAN{position:absolute; left:33px; top:20px; width:214px; height:120px; font-size:33px; line-height:40px; text-align:center; overflow:hidden; display:none; font-family: arial, helvetica; padding:0; white-space:pre-wrap; word-wrap:break-word;}
SECTION DIV.quadro DIV.item.item-0 SPAN{}
SECTION DIV.quadro DIV.item.item-1 SPAN{top:35px; left:45px;}
SECTION DIV.quadro DIV.item.item-2 SPAN{top:18px; left:40px;}
SECTION DIV.quadro DIV.item.item-3 SPAN{top:5px; left:15px; width:270px;}

/* AREA DE CLICK */
/*SECTION DIV.hit{position:absolute; top:45px; left:63px; border:3px solid #c9d4db; width:865px; height:512px; display:block; background-color:white; opacity:0.01;}*/

/* POPUPS */
SECTION.cena DIV.pop-edicao{position:absolute; left:0; width:100%; height:196px; bottom:0; top:auto; background:black url(img/bg-footer.jpg) repeat-x 0 0;}
SECTION.cena DIV.pop-edicao FIGURE{margin:30px 0 0 30px; width:150px; text-align:center;}

SECTION.cena DIV.pop-edicao UL{display: block; width:800px; position:absolute; top:50px; left:180px;}

SECTION.cena DIV.pop-edicao UL LI{display:block; width:336px; height:46px; margin:0 30px 10px 0; float:left;}
SECTION.cena DIV.pop-edicao UL LI:nth-child(1){background:transparent url(img/btn-para-frente.png) no-repeat 0 0;}
SECTION.cena DIV.pop-edicao UL LI:nth-child(2){background:transparent url(img/btn-mover.png) no-repeat 0 0;}
SECTION.cena DIV.pop-edicao UL LI:nth-child(3){background:transparent url(img/btn-para-tras.png) no-repeat 0 0;}
SECTION.cena DIV.pop-edicao UL LI:nth-child(4){background:transparent url(img/btn-excluir.png) no-repeat 0 0;}
SECTION.cena DIV.pop-edicao UL LI:nth-child(5){background:transparent url(img/btn-fechar.png) no-repeat 0 0; display:block; width:44px; height:44px; position:absolute; top:-40px; right:-35px; margin-right:0;}

SECTION.cena DIV.pop-edicao UL LI A{display:block; width:100%; height:100%; text-indent:-2000px;}

SECTION.cena DIV.pop-posicione{position:absolute; left:0; width:100%; height:196px; bottom:0; top:auto; background:black url(img/bg-footer.jpg) repeat-x 0 0;}
SECTION.cena DIV.pop-posicione LABEL{}
SECTION.cena DIV.pop-posicione UL{display: block; width:800px; position:absolute; top:20px; left:150px;}
SECTION.cena DIV.pop-posicione UL LI{background:transparent url(img/btn-fechar.png) no-repeat 0 0; display:block; width:44px; height:44px; position:absolute; top:-10px; right:-65px;}
SECTION.cena DIV.pop-posicione UL LI A{text-indent:-2000px; display:block; width:100%; height:100%;}

SECTION#tela_6 LABEL{margin-top:32px;}
SECTION#tela_6 .bt-reiniciar{background:transparent url(img/btn-reiniciar.png) no-repeat 0 0; width:229px; height:48px; right:65px; top:45px; display:block; }