@CHARSET "UTF-8";

/* reset */
html,
body,
div,
span,
applet,
object,
hr,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
table,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    vertical-align: baseline;
    text-decoration: none
}

strong {
    font-weight: bold;
}

:focus {
    outline: 0
}

body {
    font-family: "Trebuchet MS", Tahoma, Verdana;
    font-size: 12px;
    color: #696767
}

ol,
ul {
    list-style: none
}

/*table{border-collapse: separate;border-spacing:0}*/
caption,
th,
td {
    text-align: left;
    font-weight: normal
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: ""
}

blockquote,
q {
    quotes: "" ""
}

html {
    overflow: -moz-scrollbars-vertical
}

a:hover {
    text-decoration: underline
}

/* end reset */

/* framework */
.clear {
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0
}

.left {
    float: left
}

.none {
    display: none
}

.right {
    float: right
}

.sumir {
    overflow: hidden;
    text-indent: -999em
}

/* end framework */

/* LINKS DEFAULT */
p,
h1 {
    margin-bottom: 12px
}

a:hover,
a:active {
    outline: none
}

a,
a:active,
a:visited {
    color: #007fc1;
    text-decoration: none
}

a:hover {
    color: #003a77
}

h2 {
    font-family: Comic Sans, Comic Sans MS, cursive
}

h1 {
    color: #000;
    font-size: 20px;
    border-bottom: 1px solid #CAD8E1
}

h2 {
    color: #000;
    font-size: 18px
}

h3 {
    color: #000;
    font-size: 16px;
    border-bottom: 1px solid #CAD8E1
}

h4 {
    color: #000;
    font-size: 12px
}


div.agenda {
    border-bottom: 1px dashed #AAA;
    padding: 10px 0px
}

div.agenda h2 {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 15px;
    border: none;
    margin: 0;
    color: #000;
    font-weight: bold;
}

div.agenda p {
    margin: 0;
    color: #283942
}

div.agenda p label {
    font-weight: bold;
    margin-right: 5px;
    color: #283942
}

div.agenda p a {
    color: #61B1D8
}

div.agenda p.descricao {
    margin-top: 5px
}

/* TOPO */
#topo {
    height: 80px;
    position: relative;
    background: #fff;
    background-color: #037FC6;
    background: url(../img/bg-menu2.jpg);
    background-repeat: repeat-x
}

#logocivis {
    float: left;
    margin: 12px 0 0 15px
}


#caixa-operador {
    position: absolute;
    right: 10px;
    top: 7px;
    border: 1px solid #aaa;
    padding: 3px;
    border-radius: 5px;
    background: #fff
}

#caixa-operador img {
    float: left
}

#caixa-operador div.textos {
    float: left;
    margin: 0px 30px 0 10px
}

#caixa-operador div.textos p {
    margin: 0;
    padding: 0;
    font-size: 11px
}

/* Página principal */
#noticias {
    margin-top: 20px;
    background-color: #fff;
    border: 1px solid #CCCCCC;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 0 7px #A29C91
}


/* MENU */
#menu {
    float: left;
    width: 100%;
    height: 45px;
    background: url(../img/bg-menu.jpg);
    background-repeat: repeat-x;
}

#menu ul li {
    float: left
}

#menu ul li.ativo {
    background: url(../img/bg-menu-ativo.jpg);
}

#menu ul li a {
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #D2D2D2;
    color: #333333;
    display: block;
    font-size: 1.05em;
    font-weight: 700;
    height: 40px;
    line-height: 39px;
    margin: 0;
    padding: 0 15px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 0 #FFFFFF;
    z-index: 3;
}

#menu ul li ul {
    background-color: #EFEFEF;
    box-shadow: 0 0 0.8em #333333;
    display: none;
    margin: 0;
    position: absolute;
    z-index: 3;
    min-width: 200px;
}

#menu ul li ul li {
    clear: both;
    margin: 0;
    width: 100%
}

#menu ul li ul li:hover {
    background-color: #FEFEFE;
}

#menu ul li ul li a {
    text-align: left
}


/* CAIXA */
div.caixa {
    border: 1px solid #D3D4D6;
    background-color: #FFFFFF;
    border-radius: 5px;
    box-shadow: 0 0 7px #A29C91;
    padding: 5px;
    margin: 10px
}

/* barra da caixa */
div.combo-barra-busca {
    margin-bottom: 10px
}

div.barra {
    background: #E4E4E4;
    padding: 5px;
    border-radius: 5px 5px 0 0
}

div.barra h2 {
    color: #000;
    margin-top: 3px
}

div.barra div.bloco-direita {
    height: 30px;
    vertical-align: middle;
    padding-bottom: 2px
}

/*
	div.barra div.bloco-direita a{height:16px;border:1px solid #aaa;display:block;float:left;margin-left:10px;padding:4px 10px;background:url(../img/bg-menu.jpg);border-radius: 2px}
	div.barra div.bloco-direita a:hover{background:#fff}
*/
div.div-busca {
    border: 1px solid #E4E4E4;
    padding: 10px;
    display: none
}


.formularios {
    padding: 0 10px
}

#coluna-esq {
    float: left;
    width: 48%
}

#coluna-dir {
    float: left;
    width: 48%
}

/** FORMS **/
.c1 {
    width: 300px
}

.s1 {
    width: 310px
}

.c2 {
    width: 300px;
    height: 150px
}

.c22 {
    width: 235px
}

.c3 {
    width: 170px
}

.c4 {
    width: 140px
}

.c5 {
    width: 110px
}

.c6 {
    width: 80px
}

.c7 {
    width: 50px
}

.c8 {
    width: 30px
}

.fieldset-default {
    margin: 10px 0
}

.fieldset-default dl {
    clear: both;
    min-height: 30px;
    height: auto !important;
    height: 30px;
    margin: 0;
    overflow: hidden
}

.fieldset-default dt {
    float: left;
    text-align: left;
    width: 120px;
    margin: 9px 10px 0 0
}

.fieldset-default dd {
    float: left;
    margin: 5px 0 6px 0;
    padding-top: 2px
}

.fieldset-default dd small {
    display: block;
    margin: 3px 0 0 0;
    font-size: 11px;
    color: #818181
}

dt {
    font-weight: bold
}

table.tabela-formulario tr th {
    width: 120px;
    padding: 5px 0;
    vertical-align: top;
    font-weight: bold
}

table.tabela-formulario tr td {
    padding: 5px 0;
    vertical-align: top
}

input[type=text],
input[type=password],
[type=email],
[type=number],
textarea,
select {
    padding: 4px;
    background: #f1f1f1;
    border-top: 1px solid #acadb2;
    border-left: 1px solid #e3e3eb;
    border-bottom: 1px solid #e2e9ef;
    border-right: 1px solid #dadfe5;
    font: normal 12px Arial, Helvetica, sans-serif;
    color: #666;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
textarea:focus,
select:focus {
    background: #fff;
    border: 1px solid #b5dcf0;
    color: #444;
    -webkit-box-shadow: 0 0 4px #0081c3;
    -moz-box-shadow: 0 0 4px #0081c3;
    box-shadow: 0 0 4px #0081c3
}

/* PÁGINA DE CONTATOS */
ul#lista-contatos li {
    padding-bottom: 2px
}

/* FEEDBACK */
.feedback_erro {
    width: 100%;
    position: fixed;
    font-size: 1.4em;
    top: 100%;
    height: 57px;
    display: block;
    background-image: url(../img/feedback_erro.gif);
    background-repeat: repeat-x;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: -57px;
}

.feedback_alerta {
    width: 100%;
    position: fixed;
    font-size: 1.4em;
    top: 100%;
    height: 57px;
    display: block;
    background-image: url(../img/feedback_alerta.gif);
    background-repeat: repeat-x;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: -57px;
}

.feedback_ok {
    width: 100%;
    position: fixed;
    font-size: 1.4em;
    top: 100%;
    height: 57px;
    display: block;
    background-image: url(../img/feedback_ok.gif);
    background-repeat: repeat-x;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: -57px;
}

.feedback_carregando {
    width: 100%;
    position: fixed;
    font-size: 1.4em;
    top: 100%;
    height: 57px;
    display: block;
    background-image: url(../img/feedback_carregando.gif);
    background-repeat: repeat-x;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: -57px;
}

.feedback_alerta .foto {
    background-image: url(../img/feedback_alerta_ico.gif);
    height: 57px;
    width: 50px;
    display: block;
    background-repeat: no-repeat;
    float: left;
    margin-right: 15px;
    margin-left: 15px;
}

.feedback_carregando .foto {
    background-image: url(../img/feedback_carregando_ico.gif);
    height: 57px;
    width: 50px;
    display: block;
    background-repeat: no-repeat;
    float: left;
    margin-right: 15px;
    margin-left: 15px;
}

.feedback_erro .foto {
    background-image: url(../img/feedback_erro_ico.gif);
    height: 57px;
    width: 50px;
    display: block;
    background-repeat: no-repeat;
    float: left;
    margin-right: 15px;
    margin-left: 15px;
}

.feedback_ok .foto {
    background-image: url(../img/feedback_ok_ico.gif);
    height: 57px;
    width: 50px;
    display: block;
    background-repeat: no-repeat;
    float: left;
    margin-right: 15px;
    margin-left: 15px;
}

.feedback_erro span,
.feedback_alerta span,
.feedback_ok span {
    float: left;
    margin-top: 25px;
    font-size: 1em;
    font-weight: bold;
    color: #FFFFFF;
}

.feedback_carregando span {
    float: left;
    margin-top: 25px;
    font-size: 1em;
    font-weight: bold;
    color: #666666;
}

#divfeedback {
    display: none;
}

div.alert {
    padding: 7px;
    font-weight: 800;
    margin: 5px 0px;
    color: #DA0303;
    border: 1px solid #811207;
    background-color: #EBB3AD;
    border-radius: 5px;
}


/* BOTÕES */
button,
.bt-fixo {
    padding: 7px 10px;
    color: #fff;
    font: normal 12px 'JuvenisBook', Arial, sans-serif;
    cursor: pointer;
    position: relative;
    -webkit-box-shadow: inset 0 0 5px #012348;
    background: url(../img/bg-bt.png) repeat-x;
    border: 0;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

button:hover {
    background: #124779
}

button:active {
    background: #002a57;
    top: 1px
}


button#bt_buscar {
    margin-left: 15px;
    padding: 5px;
    font-weight: bold
}

.bt-menor {
    padding: 5px 8px;
    font-size: 11px;
    background-position: 0 -38px
}

.bt-menor:hover {
    background: #124779
}

.bt-menor:active {
    background: #002a57
}

.bt-interno {
    height: 17px;
    margin: 0 2px;
    padding: 6px;
    border: 1px solid #dadada;
    border: 1px solid #aaa;
    border-radius: 2px;
    color: #444 !important;
    display: inline-block;
    *display: inline;
    zoom: 1;
    background: #fff url(../img/bg-bt-interno.png) repeat-x bottom;
    cursor: pointer;
    position: relative
}

.bt-interno:hover {
    background: #fff;
    color: #000 !important
}

.bt-interno:active {
    border-top-color: #999;
    border-bottom-color: #dadada;
    top: 1px
}

.bt-icone {
    padding-left: 26px
}

.bt-icone span {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 4px;
    left: 5px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    background: url(../img/sprite-icones.png) no-repeat
}

.bt-imprimir span {
    background-position: 0 0
}

.bt-excel span {
    background: url("../img/xls.png") no-repeat
}

.bt-trocar span {
    background: url("../img/trocar.png") no-repeat
}

.bt-download span {
    background-position: -20px 0
}

.bt-inserir span {
    background-position: -40px 0
}

.bt-inserir span {
    background-position: -40px 0
}

.bt-painel span {
    background-position: -60px 0
}

.bt-voltar span {
    background-position: -80px 0
}

.bt-busca span {
    background-position: -100px 0
}

.bt-email span {
    background-position: -120px 0
}

/* tabela listagem */
table.tabela_listagem {
    width: 100%;
    background: #DDD;
    border-radius: 3px
}

table.tabela_listagem tr th {
    background: url(../img/bg-menu.jpg);
    padding: 7px
}

table.tabela_listagem tr th {
    color: #000;
    font-weight: bold
}

table.tabela_listagem tr th a {
    color: #000;
    font-weight: bold
}

table.tabela_listagem tr td {
    vertical-align: top;
    padding: 5px;
    text-align: left
}

table.tabela_listagem tr.linha1 {
    background: #fefefe
}

table.tabela_listagem tr.linha2 {
    background: #fefefe
}

table.tabela_listagem tr.linha1:hover,
table.tabela_listagem tr.linha2:hover {
    background: #E5F7FF
}

/* PAGINAÇÃO */
div.div-paginacao {
    margin-top: 5px;
    float: right;
}

div.div-paginacao span {
    float: left;
    padding: 3px 7px;
    margin-left: 4px;
    font-size: 14px;
    border-radius: 2px 2px 2px 2px;
}

div.div-paginacao span.selected {
    background-color: #19558D;
    background-image: -moz-linear-gradient(center bottom, #103657 0%, #1F5E91 100%);
}

div.div-paginacao span.selected a {
    color: #FFF
}

/* ## JQuery Autocomplete */
div.selected-autocomplete {
    border: 1px solid #51A8FF;
    width: 300px;
    font-weight: bold;
    padding: 4px;
    background: #B5DAFF;
    position: relative
}

div.selected-autocomplete a {
    position: absolute;
    right: 5px;
    top: 3px
}

.sugest {
    height: 25px;
    width: 400px;
    font-size: 18px
}

.autocomplete-w1 {
    background: url(../img/shadow.png) no-repeat bottom right;
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 8px 0 0 6px;
    /* IE6 fix: */
    _background: none;
    _margin: 0;
}

.autocomplete {
    font-size: 16px;
    border: 1px solid #999;
    background: #FFF;
    cursor: default;
    text-align: left;
    max-height: 350px;
    overflow: auto;
    margin: -6px 6px 6px -6px;
    /* IE6 specific: */
    _height: 350px;
    _margin: 0;
    _overflow-x: hidden;
}

.autocomplete .selected {
    background: #F0F0F0
}

.autocomplete div {
    padding: 2px 5px;
    white-space: nowrap;
}

.autocomplete strong {
    font-weight: normal;
    color: #3399FF;
}


.ds-flex {
    display: flex;
    justify-content: center;
    align-items: center;
}

.input-table {
    width: 90px;
    height: 25px;
    background: #eee;
    border-radius: 0;
    border: none;
    color: #555;
    padding: 0 0 0 10px;
}

.select-table {
    width: 200px;
    height: 25px;
    background: #eee;
    border-radius: 0;
    border: none;
    color: #555;
    padding: 0 0 0 10px;
}


.tds {
    padding: 3px 3px;
}

#pagamento_efetuado {
    display: block;
}

.bloco-principal {
    width: 100%;
    box-sizing: border-box;
    margin: 30px 0 0 0;
    padding: 10px;
    font-size: 1.2em;
}

.bloco-msg-form {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.bloco-msg-textarea label {
    font-size: 1em;
}

.bloco-msg-textarea textarea {
    width: 100%;
    height: 20em;
    resize: none;
    background: #fff;
    margin-top: 5px;
    box-sizing: border-box;
    padding: 10px;
    font-size: 1em;
}

.bloco-msg-assunto {
    width: 100%;
    box-sizing: border-box;
    padding: 5px 10px;
    background: #3395c8;
    margin-bottom: 10px;
    font-size: 1em;
    color: #fff;
    text-transform: uppercase;
}

.bloco-data-assunto {
    width: 100%;
    margin-top: 5px;
    padding-top: 5px;
    border-top: #fff solid 1px;
    font-size: 0.8em;
    font-weight: 100;
    display: flex;
    font-style: italic;
}

.bloco-data {
    margin-left: 10px;
    border-left: #fff solid 1px;
    padding-left: 10px;
}

.bloco-msg-pergunta {
    width: 100%;
    box-sizing: border-box;
    padding: 5px 10px;
    background: #eee;
    margin-bottom: 20px;
}

.bloco-msg-resposta {
    width: 100%;
    box-sizing: border-box;
    padding: 5px 10px;
    background: #eee;
    margin-bottom: 20px;
}

.bloco-msg-btn {
    margin: 10px 0 0 0;
}

.btn-responder span {
    color: #fff;
    text-decoration: none;
}

.btn-responder a:hover {
    text-decoration: none;
}

.font-up {
    text-transform: uppercase;
}

.nao-respondido {
    color: red;
}

.dis-flex {
    display: flex;
    flex-direction: row;
}

.dis-flex-btw {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.span-titulo {
    margin-left: 7px;
}

.caixa-table-btn {
    width: 100%;
    box-sizing: border-box;
    padding: 5px 0 5px 5px;
    border: #ccc solid 1px;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    background: #eee;
}

.cx-btn {
    margin-right: 10px;
}

.caixa-table {
    width: 100%;
    margin: 10px 0;
    font-size: 1em;
}

.caixa-titulo {
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: 10px;
}

.caixa-table-titulo {
    font-size: 1em;
    color: #3395c8;
    font-weight: bold;
    border-bottom: #ccc solid 1px;
    box-sizing: border-box;
    padding: 5px 0 5px 5px;
}

.caixa-table-titulo-sem-assoc {
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
    color: #F22613;
    font-weight: bold;
    border-bottom: #ccc solid 1px;
    cursor: auto;
    box-sizing: border-box;
    padding: 5px 0 5px 5px;
}

.caixa-table-corpo-principal {
    display: none;
}

.caixa-table-corpo {
    display: flex;
    font-size: 1em;
    border-bottom: #ccc solid 1px;
}

.caixa-table-corpo-esquerdo {
    width: 50%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 5px 0 5px 10px;
}

.caixa-table-corpo-direito {
    width: 50%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 5px 0 5px 10px;
}

.caixa-table-corpo span {
    margin-bottom: 7px;
}

.movimentos-edicao {
    width: 50% !important;
}

.movimentos-edicao ul li {
    border-radius: 5px;
    padding: 9px !important;
}

.movimentos-edicao ul li:hover {
    background: #e4e4e4;
    cursor: pointer;
}

.movimentos-edicao-div {
    background: white;
    width: 98%;
    border-radius: 7px;
    margin-top: 10px;
    padding-left: 15px;
    display: none;
}