@charset "utf-8";
/* CSS Document */

.tituloPaginas{
    width:100%;
    height:auto;
    float:left;

    text-align:center;
    color:#333;

    font-family:Arial, Helvetica, sans-serif;
    font-size:35px;
    font-weight:bold;
    letter-spacing:-1px;
    text-align:center;
    margin-bottom:10px;
    margin-top:15px;
}

.formPaginas{
    width:70%;
    height:30%;

    position:relative;
    margin:0px 0px 0px 15%;
    float:left;
    
}

.formPaginas .btnFile{
    width:45%;
    height:20%;

    border:1px solid #CCC;
    float:left;	
    margin:5px;
    border-radius:5px;
    font-size:18px;

    font-family: 'Oswald', sans-serif;
    font-weight:700;
    color:#808080;

    overflow:hidden;
}


.formPaginas .btnFile .botao{
    width:auto;
    height:auto;

    float:left;

    padding:2% 7% 2% 7%;

    font-family: 'Oswald', sans-serif;
    font-weight:700;
    color:#fff;
    border-radius:5px;
    border:1px solid  rgba(0,0,0,0.0);
}

.formPaginas input[type="file"]{
    width:100%;
    height:100%;
    float:left;
    margin:-10% 0px 0px 0px;
    opacity:0;	
}

.formPaginas select{
    font-family: 'Oswald', sans-serif;
    font-weight:700;
    color:#808080;
    font-size:18px;

    text-transform: uppercase;

}


.formPaginas select, input[type="text"], input[type="password"]{
    width:45%;
    height:auto;

    padding:1%;
    border:1px solid #CCC;
    float:left;	
    margin:5px;
    border-radius:5px;
    font-size:18px;

    font-family: 'Oswald', sans-serif;
    font-weight:700;
    color:#808080;

}

.formPaginas textarea{
    width:90%;
    height:170px;

    padding:1%;
    border:1px solid #CCC;
    float:right;	
    margin:5px;
    border-radius:5px;
    font-size:18px;

    font-family: 'Oswald', sans-serif;
    font-weight:700;
    color:#808080;

}

.formPaginas .captcha {
    width:95%;
    height:25px;

    float:left;	
	
    margin:8px 5px 5px 5px;
}


.formPaginas .captcha img{
    width:auto;
    height:30px;
    float:right;	
}

.formPaginas input[type="submit"]{
    width:auto;
    height:auto;

    float:left;

    margin-left:34%;
    margin-top:3%;
    margin-bottom:10px;
    padding:1% 2% 1% 2%;

    font-family: 'Oswald', sans-serif;
    font-weight:700;
    font-size:20px;
    color:#fff;
    border-radius:5px;
    border:1px solid  rgba(0,0,0,0.0);

}

.formPaginas input[type="submit"]:hover{
    background-color:#4285f4;
    background-image:-webkit-linear-gradient(top,transparent,transparent);
    background-image:linear-gradient(top,transparent,transparent);
    border:1px solid rgba(0,0,0,0.3);
    color:#fff;

    box-shadow:-2px 1px 10px #666;
}

.formPaginas input[type="submit"]:active{
    background-color:#4285f4;
    background-image:-webkit-linear-gradient(top,transparent,transparent);
    background-image:linear-gradient(top,transparent,transparent);
    border:1px solid rgba(0,0,0,0.3);
    color:#fff;

    box-shadow:inset -2px 1px 10px rgba(0,0,0,0.3);
}


/*PAGINA DE PROTOCOLO*/
.pergunta{
    width:100%;
    height:auto;
    float:left;

    text-align:center;
    color:#333;

    font-family: 'Oswald', sans-serif;
    font-weight:700;
    font-size:20px;
    font-weight:bold;
    color:#CCC;

    letter-spacing:-0.5px;
    text-align:center;
}


.formPesquisa{
    width:20%;
    height:auto;

    float:left;
    margin-left:10%;
    margin-top:-50px;
}

.formPesquisa input[type="text"]{
    width:100%;
    height:auto;

    padding:2%;
    border:1px solid #CCC;
    float:left;	
    margin:5px;
    border-radius:5px;
    font-size:18px;

    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-align:left;

    color:#808080;

}

.formPesquisa input[type="submit"]{
    width:20px;
    height:20px;

    float:right;
    margin: -14.5% -5% 0px -0%;
    background-image:url(../img/site/btnPesquisa.png);
    background-repeat: no-repeat;
    background-position:center;

    background-color:#FFF;
    border:none;

}

/* tabela paginas */
#tabela {
    float: left;
    margin-left:10%;
}


.tabelaPainel{
    width:90%;
    height:auto;
    float:left;
    border-collapse:collapse;
    margin-top:25px;
}

.tabelaPainel thead tr td{
    padding:1%;
    height:auto;

    color:#fff;
    font-size:70%;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-align:left;

    border:1px solid #ccc;
    background-color:#1E9400;
    text-align:center;
}

.tabelaPainel tbody tr td{
    padding:1%;
    height:auto;

    color:#4D4D4D;
    font-size:70%;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-align:left;

    border:1px solid #ccc;
    background-color:#fff;

}


.status{
    width:15px;
    height:15px;

    float:left;
    border-radius:50%;
    margin-left:40%;
}

.descricaoChamado {
    width:95%;
    height:auto;

    float:left;
    background-color:#fff;
    margin-top:10px;

    color:#4D4D4D;
    font-size:70%;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-align:left;

    padding:20px;
    border:5px solid rgba(0,0,0,0.2);
    border-radius:10px;
}

.descricaoAssunto{
    width:50%;
    height:auto;

    float:left;
    background-color:#fff;
    position:fixed;
    margin-top:10px;

    left: 50%;
    margin-left: -25%;
    top: 15%;

    color:#4D4D4D;
    font-size:70%;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-align:left;

    padding:20px;
    border:5px solid rgba(0,0,0,0.2);
    border-radius:10px;
    display:none;
}

.descricaoAssunto{
    display:block;
}

.descricaoAssunto .assunto, .descricaoChamado .assunto{
    width:85%;
    height:auto;

    float:left;

    color:#1E9400;
    font-size:120%;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
}

.descricaoAssunto .fechar, .descricaoChamado .fechar{
    width:20px;
    height:20px;

    float:right;
    background-image:url(../img/site/iconFechar.png);
}

.descricaoAssunto .questionario, .descricaoChamado .questionario{
    width:100%;
    height:auto;

    float:left;
    padding-top:10px;
}

.descricaoAssunto .questionario .questao, .descricaoChamado .questionario .questao {
    width:40%;
    height:auto;

    float:left;
    font-size:130%;
    text-align:left;
    color:#000;

    margin-bottom:5px;
}
.descricaoAssunto .questionario .resposta, .descricaoChamado .questionario .resposta {
    width:50%;
    height:auto;

    float:left;
    font-size:120%;
    text-align:left;
    color:#666;
    margin-bottom:5px;
}


.descricaoAssunto .menu, .descricaoChamado .menu {
    width:auto;
    height:auto;

    float:left;
    text-align: left;
    margin-left: 0px;
}

.descricaoAssunto .menu ul, .descricaoChamado .menu ul {
    width:auto;
    height:auto;
    
    position: relative;
    left: 0;
    
    float:left;
    text-align: left;
    margin-left: 0px;
    
    padding-left:0px;

    font-size:110%;

    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    letter-spacing:-1px;	
    list-style:none;

    text-align:left;
    margin-top:10px;
    margin-bottom: 10px;
}

.descricaoAssunto .menu li, .descricaoChamado .menu li {
    width:auto;
    height:auto;

    padding:5px 10px 5px 10px;
    float:left;	
}

.paginacao{
    width:700px;
    height:auto;

    float:right;	
    margin:15px 4.4% 0px 0px;
}

.paginacao span{
    padding:2.5px;
    float:right;


    margin:5px;	

    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-align:left;
    color:#666;
    font-size:14px;
    transition:All 0.2s ease;
    -webkit-transition:All 0.2s ease;
    -moz-transition:All 0.2s ease;
    -o-transition:All 0.2s ease;
}

.paginacao span:hover{
    text-decoration:underline;	
}