/* --------------------------------------------------------------
   GLOBAL
-------------------------------------------------------------- */
* {
    list-style:none;
}
body, td, th {
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
}
body {
    padding:0;
    margin:0;
    z-index:0;
}

.general {
    width: 940px; /* Tamanho da Largura da Div */
    height: 440px; /* Tamanho da Altura da Div */
    position: absolute; 
    margin-top: 40px;
    //top: 50%; 
    //margin-top: -200px; /* ou seja ele pega 50% da tela e sobe metade do valor da altura no caso 200 */
    left: 20px;
    //margin-left: -400px; /* ou seja ele pega 50% da largura tela e diminui  metade do valor da largura no caso 400 */
    //border: 1px solid #999;
}
.numero_pagina {
    margin-top: -80px;
    float: right;
    font-size: 16px;
    width: 161px;
    //border: 1px solid #000;
    text-align: center;
}
.content {
    position: absolute;
    top: 90px;
    left: 5px; 
    width: 925px; 
    height: 355px;
    //border: 1px solid #000;
}
.contentEl {
    position: absolute;
    top: -40px;
    left: 5px; 
    width: 925px; 
    height: 355px;
}
.contentElID {
    position: absolute;
    top: 20px;
    left: 5px; 
    width: 925px; 
    height: 190px;
}
form {
    margin: 0;
    padding: 0;
}
input, select, textarea {
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    color: #666;
}
h3 b {
    font-size: 34px;
    text-shadow: 0.1em 0.1em 0.2em #4F4848;
}
p {
    width: 940px; /* Tamanho da Largura da Div */
    font-size: 28px;
    text-shadow: 0.1em 0.1em 0.2em #837A7A;
}
.radioButton {
    width: 20px;
    height: 20px;
}
.titulo_centralizado {
    text-align: center;
}
.titulo_centralizadoOpenKeyEl {
    margin-top: -60px;
    margin-left: 110px;
    text-align: left!important;
}
.titulo_centralizadoOpenKeyIDNT {
    text-align: center;
    margin-top: -60px;
}
.btProximo {
    position: absolute;
    bottom: 0;
    margin-top: 10px;
    margin-left: 745px;
    /*margin-left: 20px;*/
    border: 0; 
    background: transparent;
    text-indent: -1000em;
    width: 161px;
    height: 43px;
    background: url(../images/telas/bt_proximo.png) no-repeat;
    //border: 1px solid #000;
}
.dbotaoSBT {
    width: 161px;
    height: 43px;
    position: absolute;
    margin-top: -90px;
}
.btProximoTop {
    bottom: 0;
    border: 0; 
    margin-top: 20px;
    margin-left: 745px;
    background: transparent;
    text-indent: -1000em;
    width: 161px;
    height: 43px;
    background: url(../images/telas/bt_proximo.png) no-repeat;
}
.btFinalizar {
    position: absolute;
    bottom: 0;
    margin-top: 22px;
    margin-left: 745px;
    border: 0; 
    background: transparent;
    text-indent: -1000em;
    width: 161px;
    height: 43px;
    background: url(../images/telas/bt_finalizar.png) no-repeat;
}
.btFinalizarALT {
    position: absolute;
    bottom: 0;
    margin-top: -150px;
    margin-left: 745px;
    border: 0; 
    background: transparent;
    text-indent: -1000em;
    width: 161px;
    height: 43px;
    background: url(../images/telas/bt_finalizar.png) no-repeat;
    z-index: 1;
}
.btFinalizarTop{
    bottom: 0;
    margin-top: 20px;
    margin-left: 745px;
    border: 0; 
    background: transparent;
    text-indent: -1000em;
    width: 161px;
    height: 43px;
    background: url(../images/telas/bt_finalizar.png) no-repeat;
}
/*--------------------------------------------------------------------
INICIAR
---------------------------------------------------------------------*/
.btIniciar {
    margin-top: 100px;
    text-align: center;
}
/*--------------------------------------------------------------------
Tela 01 e Tela 02
---------------------------------------------------------------------*/
.method_notas {
    list-style: none;
    margin: 0;
    padding: 0;
}
.method_notas:after {
    content: "";
    clear: both;
}
.method_nota {
    border: 2px solid #373334;
    box-sizing: border-box;
    float: left;
    height: 75px;
    position: relative;
    width: 75px;
    color: #373333;
    background-color: #FFF;
    text-shadow: 0.1em 0.1em 0.2em #837A7A;
}
.method_nota + .method_nota {
    margin-left: -2px;
}
.method_nota label {
    background: #fff no-repeat center center;
    bottom: 1px;
    cursor: pointer;
    display: block;
    font-size: 0;
    left: 1px;
    position: absolute;
    right: 1px;
    text-indent: 100%;
    top: 1px;
    white-space: nowrap;
}
.n00 label {
    background-image: url(../images/telas/n00.png);
}
.n01 label {
    background-image: url(../images/telas/n01.png);
}
.n02 label {
    background-image: url(../images/telas/n02.png);
}
.n03 label {
    background-image: url(../images/telas/n03.png);
}
.n04 label {
    background-image: url(../images/telas/n04.png);
}
.n05 label {
    background-image: url(../images/telas/n05.png);
}
.n06 label {
    background-image: url(../images/telas/n06.png);
}
.n07 label {
    background-image: url(../images/telas/n07.png);
}
.n08 label {
    background-image: url(../images/telas/n08.png);
}
.n09 label {
    background-image: url(../images/telas/n09.png);
}
.n10 label {
    background-image: url(../images/telas/n10.png);
}
.method_notas input:checked + label:after {
    background: url(../images/telas/checked.png);
    bottom: 3px;
    content: "";
    display: inline-block;
    height: 10px;
    position: absolute;
    right: 3px;
    width: 12px;
}
.emotionAvaliacao {
    margin-left: 30px;
    margin-top: -2px;
    width: 60px;
    height: 60px;
    position: relative;
    float: left;
}
.btProximoAvaliacao {
    position: absolute;
    margin-top: 140px;
    margin-left: 620px;
    border: 0; 
    background: transparent;
    text-indent: -1000em;
    width: 161px;
    height: 43px;
    background: url(../images/telas/bt_proximo.png) no-repeat;
}
/*--------------------------------------------------------------------
Tela 03
---------------------------------------------------------------------*/
.atividade_left {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}
.atividade_left:after {
    content: "";
    clear: both;
}
.atividade_right {
    float: right;
    list-style: none;
    margin: 0;
    padding: 0;
}
.atividade_right:after {
    content: "";
    clear: both;
}
.atividade {
    height: 50px;
    position: relative;
    color: #373333;
    text-shadow: 0.1em 0.1em 0.2em #837A7A;
}
.atividade label {
    font-size: 24px;
}
.atividadeOutros {
    margin-left: 10px;
    width: 285px;
    height: 30px;
    font-size: 18px; 
    border: 1px solid #373334;
    border-radius: 5px;
    -moz-border-radius: 5px;
}
.btProximoAtividade {
    position: absolute;
    margin-top: 190px;
    margin-left: 620px;
    border: 0; 
    background: transparent;
    text-indent: -1000em;
    width: 161px;
    height: 43px;
    background: url(../images/telas/bt_proximo.png) no-repeat;
}

/*--------------------------------------------------------------------
Tela 04
---------------------------------------------------------------------*/
.method_insatisfacao {
    list-style: none;
    margin: 0;
    padding: 0;
}
.method_insatisfacao:after {
    content: "";
    clear: both;
}
.insatisfacao {
    text-align: center;
    float: left;
    height: 60px;
    position: relative;
    width: 300px;
    color: #373333;
    text-shadow: 0.1em 0.1em 0.2em #837A7A;
}
.insatisfacao label {
    font-size: 24px;
}
.btProximoInsatisfacao {
    position: absolute;
    margin-top: 190px;
    margin-left: 620px;
    border: 0; 
    background: transparent;
    text-indent: -1000em;
    width: 161px;
    height: 43px;
    background: url(../images/telas/bt_proximo.png) no-repeat;
}
/*--------------------------------------------------------------------
Tela 05
---------------------------------------------------------------------*/
.importancia_left {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}
.importancia_left:after {
    content: "";
    clear: both;
}
.importancia {
    height: 45px;
    position: relative;
    color: #373333;
    text-shadow: 0.1em 0.1em 0.2em #837A7A;
}
.importancia label {
    font-size: 24px;
}
.emotionImportancia {
    float: right;
    margin-top: 10px;
    margin-right: 70px;
}
.btProximoImportancia {
    position: absolute;
    margin-top: 190px;
    margin-left: 620px;
    border: 0; 
    background: transparent;
    text-indent: -1000em;
    width: 161px;
    height: 43px;
    background: url(../images/telas/bt_proximo.png) no-repeat;
}
/*--------------------------------------------------------------------
Tela 06
---------------------------------------------------------------------*/
.textareaElogiocriticasugestao {
    width: 900px;
    height: 180px;
    //height: 50px;
    font-size: 22px;
    resize: none;
    border: 1px solid #373334;
    border-radius: 5px;
    -moz-border-radius: 5px;
}
.btProximoElogiocriticasugestao {
    position: absolute;
    margin-top: 10px;
    margin-left: 620px;
    border: 0; 
    background: transparent;
    text-indent: -1000em;
    width: 161px;
    height: 43px;
    background: url(../images/telas/bt_proximo.png) no-repeat;
}
/*--------------------------------------------------------------------
Tela 07
---------------------------------------------------------------------*/
.inputNomeIdentificao {
    width: 900px;
    height: 30px;
    font-size: 18px;
    resize: none;
    border: 1px solid #373334;
    border-radius: 5px;
    -moz-border-radius: 5px;
}
.inputEmailIdentificao {
    width: 900px;
    height: 30px;
    font-size: 18px;
    resize: none;
    border: 1px solid #373334;
    border-radius: 5px;
    -moz-border-radius: 5px;
}
.inputTelefoneIdentificao {
    width: 300px;
    height: 30px;
    font-size: 18px;
    resize: none;
    border: 1px solid #373334;
    border-radius: 5px;
    -moz-border-radius: 5px;
}
/*--------------------------------------------------------------------
Agradecimento
---------------------------------------------------------------------*/
.centralizarAgradecimento {
    font-size: 20px;
    text-shadow: 0.1em 0.1em 0.2em #837A7A;
    text-align: center;
}