*{margin:0; padding:0;}
body{font-family: 'Doppio One', sans-serif; background-color:#bcbcbc; overflow:hidden;}
iframe {
    border: 0px; 
    margin:0; overflow:hidden;
    width:1010px; height:790px;
}
table{border:0;}
ul, li{list-style:none}
textarea{resize:none;}
#page-wrap{ 
    width:910px; height:654px; 
    margin: 25px auto;
    padding: 25px;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 1px solid #ffffff;
}

#musica {width:0px; height:0px; margin:0px;}

#botoes{width:910px; height:50px; margin:0px middle; padding:0px; float:right;} 
#botoes > td{float:right;} 
#tabela{margin:0px; padding:0px;} 


/* bg's das páginas */
.bg_home{background-image: url("../images/bg/01_INDEX_BG.png");}
.bg_pag2{background-image: url("../images/bg/02_TELA_BG.png");}
.bg_pag3{background-image: url("../images/bg/03_TELA_BG.png");}
.bg_pag1_interacao{background-image: url("../images/bg/04_INTERACAO_BG.png");}
.bg_pag1_questionario{background-image: url("../images/bg/05_01_QUESTIONARIO_BG.png");}

.bg1{background-image: url("../images/bg/07_01_QUESTIONARIO_COMPLETO_BG.png");}
.bg2{background-image: url("../images/bg/06_01_QUESTIONARIO_INCOMPLETO_BG.png");}


/* fase 2 */
.bg_pag2_interacao{background-image: url("../images/bg/09_02_INTERACAO_BG.png");}
.bg_pag2_questionario{background-image: url("../images/bg/10_02_QUESTIONARIO_BG.png");}

.bg1_2_quest{background-image: url("../images/bg/12_02_QUESTIONARIO_COMPLETO_BG.png");}
.bg2_2_quest{background-image: url("../images/bg/11_02_QUESTIONARIO_INCOMPLETO_BG.png");}


/* fase 3 */
.bg_pag3_interacao{background-image: url("../images/bg/14_03_INTERACAO_BG.png");}
.bg_pag3_questionario{background-image: url("../images/bg/15_03_QUESTIONARIO_BG.png");}

.bg1_3_quest{background-image: url("../images/bg/17_03_QUESTIONARIO_COMPLETO_BG.png");}
.bg2_3_quest{background-image: url("../images/bg/16_03_QUESTIONARIO_INCOMPLETO_BG.png");}


/* fase 4 */
.bg_pag4_interacao{background-image: url("../images/bg/19_04_INTERACAO_BG.png");}
.bg_pag4_questionario{background-image: url("../images/bg/20_04_QUESTIONARIO_BG.png");}

.bg1_4_quest{background-image: url("../images/bg/22_04_QUESTIONARIO_COMPLETO_BG.png");}
.bg2_4_quest{background-image: url("../images/bg/21_04_QUESTIONARIO_INCOMPLETO_BG.png");}


/* fase 5 */
.bg_pag5_interacao{background-image: url("../images/bg/24_05_INTERACAO_BG.png");}
.bg_pag5_questionario{background-image: url("../images/bg/25_05_QUESTIONARIO_BG.png");}

.bg1_5_quest{background-image: url("../images/bg/27_05_QUESTIONARIO_COMPLETO_BG.png");}
.bg2_5_quest{background-image: url("../images/bg/26_05_QUESTIONARIO_INCOMPLETO_BG.png");}

.pure-button{font-size:145%; border-radius:4px; text-shadow:0 1px 1px rgba(0, 0, 0, 0.2);}
.pure-button-primary, .pure-button-selected, a.pure-button-primary, a.pure-button-selected{background-color:#FFF; color:#000;}
.pure-input-rounded{font-size:125%; border-radius:1px; text-shadow:0 1px 1px rgba(0, 0, 0, 0.2);}




.bts_interacao {
    float: right;
    margin-left: 640px;
    position: fixed;
}

#bt_desafio{
     margin-top:620px; margin-right:50px; font-size:115%;
    background-color: #d8d8d8;
    -ms-transform: rotate(6deg); /* IE 9 */
    -webkit-transform: rotate(6deg); /* Chrome, Safari, Opera */
    transform: rotate(6deg);
}

#bt_desafio2{
    margin-top:520px; margin-left:20px; font-size:115%;
    background-color: #d8d8d8;
    -ms-transform: rotate(-5deg); /* IE 9 */
    -webkit-transform: rotate(-5deg); /* Chrome, Safari, Opera */
    transform: rotate(-5deg);
}

#bt_desafio3{
    margin-top:540px; margin-left:60px; font-size:115%;
    background-color: #d8d8d8;
    -ms-transform: rotate(-7deg); /* IE 9 */
    -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
    transform: rotate(-7deg);
}


.interacao_1_1{background:transparent; position:fixed; width:150px; height:150px; margin-top:20px; margin-left:140px;}
.interacao_1_2{background:transparent; position:fixed; width:95px; height:95px; margin-top:240px; margin-left:220px;}
.interacao_1_3{background:transparent; position:fixed; width:105px; height:105px; margin-top:150px; margin-left:330px;}
.interacao_1_4{background:transparent; position:fixed; width:95px; height:95px; margin-top:210px; margin-left:460px;}
.interacao_1_5{background:transparent; position:fixed; width:95px; height:75px; margin-top:350px; margin-left:550px;}


.interacao_2_1{background:transparent; position:fixed; width:75px; height:75px; margin-top:190px; margin-left:180px;}
.interacao_2_2{background:transparent; position:fixed; width:65px; height:65px; margin-top:210px; margin-left:320px;}
.interacao_2_3{background:transparent; position:fixed; width:105px; height:105px; margin-top:100px; margin-left:500px;}
.interacao_2_4{background:transparent; position:fixed; width:75px; height:75px; margin-top:260px; margin-left:730px; z-index:9999;}
.interacao_2_5{background:transparent; position:fixed; width:75px; height:125px; margin-top:430px; margin-left:150px;}


.interacao_3_1{background:transparent; position:fixed; width:75px; height:75px; margin-top:140px; margin-left:180px;}
.interacao_3_2{background:transparent; position:fixed; width:65px; height:65px; margin-top:110px; margin-left:430px;}
.interacao_3_3{background:transparent; position:fixed; width:75px; height:75px; margin-top:500px; margin-left:180px;}
.interacao_3_4{background:transparent; position:fixed; width:75px; height:75px; margin-top:420px; margin-left:340px; }
.interacao_3_5{background:transparent; position:fixed; width:75px; height:75px; margin-top:420px; margin-left:770px; z-index:9999;}



.interacao_4_1{background:transparent; position:fixed; width:75px; height:75px; margin-top:140px; margin-left:130px;}
.interacao_4_2{background:transparent; position:fixed; width:65px; height:65px; margin-top:180px; margin-left:580px;}
.interacao_4_3{background:transparent; position:fixed; width:65px; height:65px; margin-top:200px; margin-left:660px; z-index:9999;}
.interacao_4_4{background:transparent; position:fixed; width:75px; height:75px; margin-top:440px; margin-left:140px;}
.interacao_4_5{background:transparent; position:fixed; width:115px; height:115px; margin-top:360px; margin-left:580px; z-index:9999;}

.interacao_5_1{background:transparent; position:fixed; width:75px; height:75px; margin-top:140px; margin-left:130px;}
.interacao_5_2{background:transparent; position:fixed; width:125px; height:125px; margin-top:80px; margin-left:480px;}
.interacao_5_3{background:transparent; position:fixed; width:85px; height:85px; margin-top:230px; margin-left:690px; z-index:9999;}
.interacao_5_4{background:transparent; position:fixed; width:115px; height:115px; margin-top:260px; margin-left:120px;}
.interacao_5_5{background:transparent; position:fixed; width:105px; height:105px; margin-top:350px; margin-left:540px; z-index:9999;}


#quiz{vertical-align:middle;}
#quiz ul{float:right; position:relative; display:block; margin:170px 50px 0 0; padding:0; width:530px; height:400px; background:transparent;}
#quiz ul li{
    margin:8px 25px 25px 3px;
    padding:25px;
    background-color:#ffffff;
    
    -moz-border-radius:14px;
    -webkit-border-radius:14px;
    border-radius:14px;
    
    -moz-box-shadow: 0px 0px 6px #868686;
    -webkit-box-shadow: 0px 0px 6px #868686;
    box-shadow: 0px 0px 6px #868686;
}

#quiz h3{font-size:17px; margin:0 0 15px 0; color:#666; font-family: 'Raleway', Arial, sans-serif;}
#quiz ul li div{padding:10px 25px;}

.content{margin:77px 113px 110px 110px; padding:10px; overflow:auto;}
.content_4{
    position:relative; 
    background:transparent; 
    
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box; 
    
    padding:0 15px;
}

#quiz > .btn_questionario{margin-top:40px; margin-left:250px; float: right}
#quiz2 > .btn_grade1{margin-top:430px; margin-left:650px; float:right; background-color:#b9b8b8; font-size:20px;}
#quiz3 > .btn_grade2{margin-top:435px; margin-left:40px; background-color:#b9b8b8; font-size:20px;}
#quiz2 > .btn_grade3{margin-top:450px; margin-left:50px; float:right; background-color:#b9b8b8; font-size:20px;}
#quiz3 > .btn_grade4{margin-top:435px; margin-left:660px; background-color:#b9b8b8; font-size:20px;}

.encerramento_9{background-image: url("../images/bg/28_09_ENCERRAMENTO_BG.png");}
.encerramento_10{background-image: url("../images/bg/29_10_ENCERRAMENTO_BG.png");}
.encerramento_11{background-image: url("../images/bg/30_11_ENCERRAMENTO_BG.png");}

.form_respostas{margin-top:140px; margin-right:10px;}

.resposta{float:left; width:590px; height:320px; margin-bottom:15px; padding:10px; overflow:visible;}
.resposta::-webkit-input-placeholder{color:#d6d6d6;}
.resposta::-moz-placeholder{color:#d6d6d6;}

.grupo{float:left; width:290px; margin-right:15px; height:20px; padding:5px; overflow:hidden;}
.grupo::-webkit-input-placeholder{color:#d6d6d6;}
.grupo::-moz-placeholder{color:#d6d6d6;}

.btn_encerramento{font-size:95%; float:right; margin-top:-17px;}