﻿/* ********************************************************************************* */
/* ********************************************************************************* */
input[type=text], input[type=email], input[type=date], input[type=number],
select {
    width: 240px;
    height: 25px;
    margin: 0 0 2px 0;
    padding: 0 5px 0 5px;
}
textarea {
    width: 240px;
    height: 150px;
    padding: 0 5px 0 5px;

    font-family: 'Arial';
}
/* ================================================================================= */
input, textarea, button, select {
    background-color: #F3F3F5;
    border-top: solid 1px #E8E9EB;
    border-right: solid 1px #E8E9EB;
    border-bottom: solid 1px #D2D2D2;
    border-left: solid 1px #D2D2D2;

    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
/* ================================================================================= */
input[type=button], input[type=submit] {
    width: 252px;
    height: 25px;
    padding: 0 5px 0 5px;

    color: #FFFFFF;
    background-color: #4D4D4D;
    cursor: pointer;
}
input[type=button]:hover, input[type=submit]:hover {
    color: #4D4D4D;
    background-color: #F3F3F5;
}
/* ********************************************************************************* */
/* ********************************************************************************* */
.campo
{
    clear: both;
    padding: 10px 0 0 0;
}
/* --------------------------------------------------------------------------------- */
.campo_obrigatorio {
    float: left;

    width: 16px;
    height: auto;
    min-height: 20px;
    vertical-align: top;
    color: #FF0000;
    
    text-align: center;
    font-family: 'Open Sans', Arial;
    font-size: 14px;
    font-weight: 400;
}
.label {
    float: left;

    width: 150px;
    height: auto;
    min-height: 20px;
    margin: 0 0 0 0;
    vertical-align: top;
    color: #666666;
    
    font-family: 'Open Sans', Arial;
    font-size: 14px;
    font-weight: 300;
}
.valor {
    float: left;

    width: 650px;
    height: auto;
    min-height: 20px;
    vertical-align: top;
    color: #666666;
    
    font-family: 'Open Sans', Arial;
    font-size: 12px;
    font-weight: 300;
}
/* ================================================================================= */
/* ================================================================================= */
.questao
{
    clear: both;
    margin: 30px 0 0 0;
    padding: 5px 0 0 0;
    border-top: solid 1px #EEEEEE;
}
/* --------------------------------------------------------------------------------- */
.numero {
    float: left;

    width: 150px;
    height: auto;
    min-height: 20px;
    padding: 0 0 0 16px;
    vertical-align: top;
    color: #666666;
    
    font-family: 'Open Sans', Arial;
    font-size: 16px;
    font-weight: 300;
}
.pergunta {
    float: left;

    width: 650px;
    height: auto;
    min-height: 20px;
    vertical-align: top;
    
    font-family: 'Open Sans', Arial;
    font-size: 16px;
    font-weight: 400;

    color: #000000;
}
/* ================================================================================= */
.questao_sub
{
    clear: both;
    margin: 30px 0 0 0;
    padding: 5px 0 0 0;
}
/* --------------------------------------------------------------------------------- */
.numero_sub {
    color: #666666;
    
    font-family: 'Open Sans', Arial;
    font-size: 14px;
    font-weight: 100;

    vertical-align: top;
}
.pergunta_sub {
    color: #000000;

    font-family: 'Open Sans', Arial;
    font-size: 14px;
    font-weight: 400;
}
/* ================================================================================= */
/* ================================================================================= */
#status {
    width: 16px;
    height: auto;
    min-height: 20px;
    vertical-align: top;
    font-size: 10px;
    
    font-family: 'Open Sans', Arial;
    font-size: 12px;
    font-weight: 300;
}
.neutro { color: #666666; }
.erro { color: #FF0000; }
.ok { color: #0000FF; }
/* ********************************************************************************* */
/* ********************************************************************************* */