/* core.css =================================================================================*/
body {
    font-family: Verdana, Arial, sans-serif;
}

html, body {
    height: 100%
}

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, hr, th, td, img {
    margin: 0;
    padding: 0
}

img {
    border: 0
}

/* login.css ===================================================================================*/
#loginBase {
    padding-top: 60px
}

#login {
    width: 403px;
    background: url(../images/login/login_bg.png) repeat-y top left;
    margin: auto
}

#login h1 {
    width: 403px;
    height: 85px;
    position: relative;
    overflow: hidden
}

#login h1 span {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(../images/login/login_cabecalho.png) no-repeat
}

#login .rodape {
    height: 43px;
    background: url(../images/login/login_rodape.png) no-repeat
}

#login .rodape img {
    float: right;
    margin: 1px 22px
}

#login fieldset {
    border: 0;
    margin: 0 0 10px 0
}

#login label {
    display: block;
    margin-bottom: 6px
}

#login label span {
    width: 150px;
    display: inline-block;
    border-bottom: 1px dotted #dedede
}

#login .botoes {
    padding: 0 25px 0 150px
}

input:focus, button:focus, select:focus, textarea:focus {
    color: #333;
    background-color: #eff9ff
}

button {
    background: url(../images/login/fundoBotao.gif) bottom left
}

#login #mensagens {
    margin-bottom: 15px !important
}

#login #mensagens .msgOrientacao, #login #mensagens .msgAlerta, #login #mensagens .msgErro {
    margin: 5px 18px 5px 11px !important;
    padding: 5px 5px 7px 35px !important
}

#login #mensagens .msgOrientacao {
    color: #346b91;
    background: url(../images/login/msg_orientacao.png) no-repeat 6px 4px #f9f9f9;
    border: 1px solid #dbe6ee
}

#login #mensagens .msgAlerta {
    color: #7c5f01;
    background: url(../images/login/msg_alerta.png) no-repeat 6px 4px #fff6d8;
    border: 1px solid #f2d26c
}

#login #mensagens .msgErro {
    color: #8c0000;
    background: url(../images/login/msg_erro.png) no-repeat 6px 4px #fff2f2;
    border: 1px solid #c06464
}

/*cabecalho=================================================================================*/

#header {
    background-image: url(../images/interface/background/fundoCabecalho.png);
    background-repeat: repeat-x;
    height: 62px;
    position: relative
}

#header #logoFnde {
    float: right
}

#header #logoSistema {
    float: left
}

h1#logoFnde, h1#logoSistema {
    height: 62px;
    display: block;
    overflow: hidden;
    white-space: nowrap
}

h1#logoFnde {
    width: 173px;
    text-indent: 300px;
    background: url(../images/logo/fnde_web.png) no-repeat
}

h1#logoSistema {
    width: 430px;
    text-indent: 600px
}

/*menu auxiliar*/

#header #menuAux {
    font-family: arial;
    position: absolute;
    top: 62px;
    right: 0px;
    display: inline-block;
    height: 38px;
    font-size: .7em;
    color: #fff;
}

#header #menuAux ul {
    list-style: none;
    display: table
}

#menuAux #infoUsuario {
    height: 38px;
    display: table-cell;
    vertical-align: middle;
    border-left: 1px solid #15476c;
    border-right: 1px solid #15476c;
    background: url(../images/interface/background/menuAux_infousuario_bg.png) top left repeat-x
}

#infoUsuarioNome, #infoUsuarioSessao {
    display: block;
    padding: 0 10px
}

#infoUsuarioSessao {
    color: #c6eaff;
    font-size: .8em;
    letter-spacing: .05em
}

#infoUsuarioSessao span {
    color: #ffe000
}

#btnSisAjuda, #btnSisSair {
    width: 23px;
    height: 19px;
    overflow: hidden
}

#btnSisAjuda a, #btnSisSair a {
    display: block;
    height: 100%;
    text-indent: 50px;
    cursor: pointer;
    background: url(../images/interface/background/menuAux_btns.png) no-repeat
}

#btnSisAjuda a {
    background-position: top left
}

#btnSisAjuda a:hover {
    background-position: top right
}

#btnSisSair a {
    background-position: bottom left
}

#btnSisSair a:hover {
    background-position: bottom right
}

#header #infoUsuario a {
    color: #b1c3d1;
    text-decoration: none
}

#header #infoUsuario a:hover {
    color: #fff;
    text-decoration: underline
}

#header #infoUsuario ul {
    list-style: none;
    display: none
}

#header #infoUsuario ul li {
    padding: 0 8px;
    border-left: 1px solid #b1c3d1
}

#header #infoUsuario ul li:first-child {
    border-left: none
}

#header #infoUsuario ul li ul {
    position: absolute;
    top: 19px;
    left: 0;
    border: 1px solid #dedede;
    background-color: #fff;
    color: #578caf;
    width: 140px;
    display: none
}

#header #infoUsuario ul li ul li {
    display: block;
    border-left: none;
    border-top: 1px solid #b1c3d1;
    margin: 0 5px;
    padding: 5px
}

#header #infoUsuario ul li ul li a {
    color: #578caf
}

#header #infoUsuario ul li ul li a:hover {
    color: #578caf
}

#header #infoUsuario ul li ul li:first-child {
    border-top: 0
}

#header #infoUsuario ul li ul li ul {
    position: static;
    width: auto;
    margin-top: 3px;
    border: 0
}

#header #infoUsuario ul li ul li ul li {
    display: inline;
    padding: 0;
    margin: 0;
    border: 0;
    font-size: 1.3em
}

/* menu.css =================================================================================*/
div.menu {
    background: #6e9ebc url(../images/interface/background/fundoMenu.png) repeat-x top left;
    font-size: .7em
}

div.menu>ul {
    padding-left: 20px;
    height: 40px;
    display: table-cell;
    vertical-align: bottom
}

div.menu>ul li, div.menu>ul li a {
    background-image: url(../images/interface/background/m_niv01_bg.png)
}

div.menu>ul li {
    background-repeat: repeat-x
}

div.menu>ul li a {
    background-repeat: no-repeat
}

div.menu>ul li {
    display: inline-block;
    float: left;
    height: 24px;
    padding: 0;
    color: #d3e3ee;
    font-weight: bold;
    cursor: pointer;
    background-position: 0 -24px !important
}

div.menu>ul li a {
    text-decoration: none;
    color: #d3e3ee;
    display: table-cell;
    height: 24px;
    padding: 0 15px 0 10px;
    vertical-align: middle;
    background-position: right 0 !important
}

div.menu>ul li:hover {
    background-position: 0 -72px !important
}

div.menu>ul li:hover a {
    background-position: right -48px !important
}

div.menu>ul li.active {
    background-position: 0 -120px !important
}

div.menu>ul li.active a {
    background-position: right -96px !important;
    color: #fff
}

div.menu div {
    display: table;
    width: 100%
}

div.menu>div>ul {
    height: 22px;
    border-bottom: 1px solid #a8c5d7;
    background-color: #6e9ebc;
    color: #fff;
    padding-left: 20px
}

div.menu>div>ul li {
    float: left;
    line-height: 21px;
    background: #6e9ebc;
    font-weight: normal;
    list-style: none
}

div.menu>div>ul li:hover {
    background: #89b0ca
}

div.menu>div>ul li a {
    color: #fff;
    border-left: 1px dotted #a8c5d7;
    padding: 0 7px;
    text-decoration: none
}

div.menu>div>ul li.active {
    background: #e6eff4;
    color: #00579c;
    cursor: default;
    line-height: 23px
}

div.menu>div>ul li.active a {
    text-decoration: none;
    color: #00579c;
    cursor: default
}

div.menu div div {
    background-color: #e6eff4;
    border-bottom: 1px solid #6e9ebc;
    padding: 7px 10px;
    position: relative
}

div.menu div div ul {
    background: 0;
    float: left;
    border-right: 1px dotted #a8c5d7;
    border-bottom: 0;
    list-style: none;
    padding: 0 10px;
    height: 100%
}

div.menu div div ul li a {
    color: #333;
    text-decoration: none
}

div.menu div div ul li a:hover {
    text-decoration: underline
}

div.menu div div ul li ul {
    float: none;
    border: 0;
    padding: 0 0 0 5px
}

div.menu div div ul li span {
    font-weight: bold
}

div.menu div div ul li ul li {
    font-size: 1em
}

/*conteudo======================================================================*/

#conteudo {
    background: url(../images/interface/background/fundoConteudo.png) repeat-x scroll 0 65px transparent;
    color: #333;
    font-size: .8em
}

#conteudoCabecalho {
    color: #22577b;
    height: 55px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background: url(../images/interface/background/fundoCabecalhoTitulo.png) repeat-x top left;
    padding: 13px 0 0 20px;
    margin-bottom: 15px
}

#conteudoCabecalho h1 {
    font-size: 1.4em
}

#conteudoCabecalho h2 {
    font-size: 1.2em;
    font-style: italic;
    color: #3e779d;
    line-height: 1em;
    padding-left: 2px;
    margin-bottom: 2px
}

#menuContexto {
    display: table;
    width: 100%;
    margin: -15px 0 10px 0
}

#menuContexto ul {
    list-style: none;
    height: 27px;
    background: url(../images/interface/background/fundoMenuContexto.png) repeat-x top left;
    margin: 0 !important;
    padding: 0 10px 0 0 !important;
    float: right
}

#menuContexto ul li {
    line-height: 27px;
    padding: 0 10px !important;
    margin: 0 !important;
    font-size: .9em;
    background: url(../images/interface/background/fundoMenuContextoSeparador.png) no-repeat top left;
    float: left
}

#menuContexto ul li:first-child {
    background: url(../images/interface/background/fundoMenuContextoCanto.png) no-repeat top left;
    padding-left: 25px !important
}

#menuContexto ul li.active a {
    color: #ececec
}

#menuContexto ul a {
    color: #013356;
    font-weight: bold;
    text-decoration: none
}

#menuContexto ul a:hover {
    text-decoration: underline
}

#mensagens {
    margin-bottom: 15px
}

#mensagens div {
    color: #333 !important
}

#mensagens div.msgOrientacao p, #mensagens div.msgSucesso p, #mensagens div.msgAlerta p, #mensagens div.msgErro p {
    padding: 0 !important;
    margin: 2px 0 !important
}

#mensagens div.msgOrientacao, #mensagens div.msgSucesso, #mensagens div.msgAlerta, #mensagens div.msgErro {
    margin: 5px 20px;
    padding-left: 40px;
    padding-bottom: 5px;
    min-height: 30px
}

#mensagens div.msgOrientacao h3, #mensagens div.msgSucesso h3, #mensagens div.msgAlerta h3, #mensagens div.msgErro h3 {
    font-size: 1.3em;
    line-height: 30px;
    margin: 0
}

#mensagens div.msgOrientacao ul, #mensagens div.msgSucesso ul, #mensagens div.msgAlerta ul, #mensagens div.msgErro ul {
    list-style: decimal
}

#mensagens div.msgOrientacao {
    background: url(../images/interface/icone/message/msgOrientacao.png) no-repeat 5px 2px #f9f9f9;
    border: 1px solid #dbe6ee;
    border-bottom: 2px solid #3cb4c3
}

div.msgOrientacao h3, div.msgOrientacao h4 {
    color: #3cb4c3 !important
}

#mensagens div.msgSucesso {
    background: url(../images/interface/icone/message/msgSucesso.png) no-repeat 5px 2px #eff7e0;
    border: 1px solid #daecb7;
    border-bottom: 2px solid #408c2e
}

div.msgSucesso h3, div.msgSucesso h4 {
    color: #408c2e !important
}

#mensagens div.msgAlerta {
    background: url(../images/interface/icone/message/msgAlerta.png) no-repeat 5px 2px #fff6d8;
    border: 1px solid #ebd0b8;
    border-bottom: 2px solid #e77917
}

div.msgAlerta h3, div.msgAlerta h4 {
    color: #e77917 !important
}

#mensagens div.msgErro {
    background: url(../images/interface/icone/message/msgErro.png) no-repeat 5px 2px #fff2f2;
    border: 1px solid #c06464;
    border-bottom: 2px solid #bf231b
}

div.msgErro h3, div.msgErro h4 {
    color: #bf231b !important
}

span.msgOrientacao, span.msgErro {
    font-size: .85em;
    font-style: italic;
    height: 15px;
    display: block !important;
    width: auto !important;
    border: none !important
}

span.msgOrientacao span, span.msgErro span {
    display: inline !important;
    border: 0 !important
}

span.msgOrientacao {
    background: url(../images/interface/icone/message/setaOrientacao.gif) no-repeat 0 1px;
    padding-left: 15px;
    color: #999
}

.textCount {
    color: #666;
    text-align: right;
    margin-bottom: 0 !important
}

.textCount span {
    display: inline !important;
    border: none !important;
    padding: 0 2px
}

span.msgErro {
    background: url(../images/interface/icone/message/setaErro.gif) no-repeat 0 1px;
    padding-left: 20px;
    color: #bf231b
}

ul.msgErro {
    padding: 0 !important
}

ul.msgErro li {
    margin: 0 0 2px 0 !important;
    padding: 0 0 0 15px !important;
    color: #bf231b;
    list-style: none;
    background: url(../images/interface/icone/message/setaErro.gif) no-repeat 0 1px;
    font-size: .85em;
    font-style: italic
}

#conteudo form label.longo ul.msgErro {
    margin: 0 0 15px 0 !important
}

fieldset div.msgSucesso, .listagem div.msgSucesso, .listagem div.msgErro, fieldset div.msgErro {
    margin: 5px 0 15px 0;
    padding: 3px 20px;
    min-height: 20px
}

fieldset div.msgSucesso h3, fieldset div.msgSucesso h4, .listagem div.msgSucesso h3, .listagem div.msgSucesso h4, fieldset div.msgErro h3, fieldset div.msgErro h4, .listagem div.msgErro h3, .listagem div.msgErro h4 {
    font-size: 1.1em !important;
    line-height: 18px;
    padding-left: 10px !important;
    margin: 0
}

fieldset div.msgSucesso, .listagem div.msgSucesso {
    background: url(../images/interface/icone/message/msgSucesso_20x20.png) no-repeat 5px 2px #eff7e0;
    border: 1px solid #daecb7
}

fieldset div.msgErro, .listagem div.msgErro {
    background: url(../images/interface/icone/message/msgErro_20x20.png) no-repeat 5px 2px #fff2f2;
    border: 1px solid #d4807c
}

fieldset div.msgErro ul {
    list-style: decimal
}

.listagem div.msgSucesso, .listagem div.msgErro {
    margin: 0 !important;
    border-bottom-width: 2px !important
}

#conteudo h3, #conteudo h4, #conteudo h5, #conteudo h6 {
    margin: 0 20px 5px 20px
}

#conteudo h3 {
    font-size: 1.4em;
    color: #22577b
}

#conteudo h4 {
    font-size: 1.3em;
    color: #578caf
}

#conteudo h5 {
    font-size: 1.2em;
    color: #8eb5cf;
    font-style: italic
}

#conteudo h6 {
    font-size: .85em;
    color: #333;
    font-style: italic
}

#conteudo h3 a:hover, #conteudo h4 a:hover, #conteudo h5 a:hover, #conteudo h6 a:hover {
    text-decoration: underline
}

#conteudo p {
    padding: 0 10px;
    margin: 0 20px 10px 20px
}

#conteudo p.destaque {
    border: 1px solid #999;
    background-color: #f4f4f4;
    padding: 10px
}

#conteudo ol, #conteudo dl {
    margin: 0 10px 10px 10px;
    padding: 0 10px
}
#conteudo ul{
    margin:3px;
    padding: 0 10px
}

#conteudo ul li ul, #conteudo ol li ol, #conteudo ul li ol, #conteudo ol li ul {
    margin: 0;
    padding: 0
}

#conteudo li {
    margin-left: 20px;
    padding-left: 5px;
    padding-top: 8px;
    padding-bottom: 3px;
}

#conteudo dl dt {
    font-weight: bold
}

#conteudo dl dd {
    margin: 3px 10px 15px 10px
}

#conteudo hr {
    border-bottom: 1px solid #ccc;
    clear: both;
    margin: 10px 20px
}

#conteudo form {
    margin: 2px 20px
}

#conteudo form h3, #conteudo form h4, #conteudo form h5, #conteudo form h6 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

#conteudo form p {
    margin-left: 0 !important;
    margin-right: 0 !important
}

#conteudo form hr {
    margin: 10px 0 !important
}

#conteudo form dl {
    margin: 0 0 10px 0;
    padding: 0 !important
}

#conteudo form label, #popup_container form label {
    display: block;
    margin-bottom: 6px
}

#conteudo form label span, #popup_container label span {
    display: inline-block;
    border-bottom: 1px dotted #dedede;
    cursor: pointer;
    vertical-align: top
}

#conteudo form label span.campoRequerido, #popup_container label span.campoRequerido {
    padding-left: 15px
}

#conteudo form label.longo span:first-child, #popup_container label.longo span:first-child {
    display: block !important;
    width: auto;
    margin-bottom: 2px
}

input, button, select, textarea {
    border: 1px solid #999;
    margin-bottom: 4px;
    vertical-align: middle;
    padding:4px;
}

input:focus, button:focus, select:focus, textarea:focus {
    color: #333;
    background-color: #eff9ff;
}

input[readonly], input[readonly]:focus {
    border: 1px solid transparent;
    background: none !important
}

.campoRequerido {
    background: url(../images/interface/background/campoRequerido.png) top left no-repeat
}

.campoNaoRequerido {

}

.campoErro {
    color: #bf231b;
    outline: 1px solid #bf231b;
    background-color: #fff4f3
}

div.campoErro {
    padding: 2px 5px
}

#conteudo fieldset, #popup_container fieldset {
    padding: 10px;
    border: 1px dotted #999;
    margin-bottom: 20px
}

#conteudo fieldset legend, #popup_container fieldset legend {
    color: #578caf;
    font-weight: bold;
    font-size: 1em;
    background-color: #fff
}

#conteudo fieldset.agrupador, #popup_container fieldset.agrupador {
    display: table;
    padding: 0;
    border: 0;
    position: relative
}

#conteudo fieldset.agrupador legend, #popup_container fieldset.agrupador legend {
    display: block;
    border-bottom: 1px dotted #dedede;
    color: #333;
    font-weight: normal;
    position: absolute;
    left: 0;
    top: 1px
}

#conteudo fieldset.inLine label, #popup_container fieldset.inLine label {
    margin-left: 1px !important;
    margin-right: 10px;
    display: inline !important
}

#conteudo fieldset.inLine label span, #popup_container fieldset.inLine label span {
    display: inline !important;
    width: auto !important;
    border: 0
}

#conteudo fieldset.inLine label span.msgErro, #popup_container fieldset.inLine label span.msgErro {
    margin: 0 !important
}

#conteudo label.inLine, #popup_container label.inLine {
    display: inline
}

#conteudo fieldset.campoRequerido legend, #popup_container fieldset.campoRequerido legend {
    padding-left: 15px;
    background: url(../images/interface/background/campoRequerido.png) top left no-repeat
}

#conteudo fieldset.listaSelecao label {
    float: left
}

#conteudo fieldset.listaSelecao label>span {
    text-transform: lowercase
}

#conteudo fieldset.listaSelecao label span, #conteudo fieldset.listaSelecao label select {
    float: left;
    clear: left
}

#conteudo fieldset.listaSelecao div {
    float: left;
    margin-right: 15px;
    margin-top: 17px;
    width: 30px
}

#conteudo fieldset.listaSelecao div button {
    width: 30px
}

.agrupador span.cke_skin_fnde {
    margin-bottom: 5px !important
}

#conteudo form label > span, #conteudo fieldset.agrupador legend, #popup_container label span, #popup_container fieldset.agrupador legend {
    width: 150px
}

#conteudo fieldset.campoRequerido legend, #conteudo form label span.campoRequerido, #popup_container label span.campoRequerido, #popup_container fieldset.campoRequerido legend {
    width: 135px
}

#conteudo fieldset.agrupador, #popup_container fieldset.agrupador {
    padding-left: 155px
}

span.msgOrientacao, span.msgErro, .textCount {
    margin: 0 0 15px 155px;
    clear: left
}

ul.msgErro {
    margin: 0 0 15px 155px !important
}

#conteudo form.labelLongo label > span{
    width: 250px !important;
}

#conteudo form.labelLongo label span.campoRequerido, #conteudo form.labelLongo fieldset.campoRequerido legend {
    width: 235px !important
}

#conteudo form.labelLongo fieldset.agrupador {
    padding-left: 255px !important
}


div.barraBtsAcoes {
    text-align: right;
    padding: 4px 0;
    margin: 10px 20px;
    display: block !important;
    border-top: 2px solid #8fb3c9
}

#conteudo form div.barraBtsAcoes {
    margin: 10px 0 !important
}

div.tab div.tabContainer div.barraBtsAcoes {
    text-align: left !important;
    border-top: 0
}

#conteudo #buttons ul, #conteudo #buttons ul li {
    list-style: none;
    padding: 0;
    margin: 0
}

#conteudo #buttons ul li {
    float: left
}

#conteudo #buttons ul li button {
    display: block
}

button, select {
    cursor: pointer
}

input[disabled], button[disabled], select[disabled], option[disabled] {
    cursor: default
}

option[disabled] {
    background-color: #ececec
}

input[type=submit], input[type=reset], input[type=button], button {
    background: url(../images/interface/background/botoes.png) no-repeat;
    background-position: 0 0;
    padding: 0 5px;
    margin-left: 5px;
    line-height: 22px;
    height: 22px
}

.btnConfirmar, .btnCancelar, .btnAdicionar, .btnExcluir, .btnPesquisar, .btnAnterior, .btnImprimir, .btnGerarPDF, .btnGerarPlanilha {
    background-image: url(../images/interface/background/botoes.png);
    padding-left: 25px !important;
    background-repeat: no-repeat
}

.btnProximo {
    background-image: url(../images/interface/background/botoes.png);
    padding-right: 25px !important;
    background-repeat: no-repeat
}

.btnConfirmar {
    background-position: 0 -20px !important
}

[disabled].btnConfirmar {
    background-position: 0 -40px !important
}

.btnCancelar {
    background-position: 0 -60px !important
}

[disabled].btnCancelar {
    background-position: 0 -80px !important
}

.btnAdicionar {
    background-position: 0 -100px !important
}

[disabled].btnAdicionar {
    background-position: 0 -120px !important
}

.btnExcluir {
    background-position: 0 -140px !important
}

[disabled].btnExcluir {
    background-position: 0 -160px !important
}

.btnPesquisar {
    background-position: 0 -180px !important
}

[disabled].btnPesquisar {
    background-position: 0 -200px !important
}

.btnAnterior {
    background-position: 0 -220px !important
}

[disabled].btnAnterior {
    background-position: 0 -240px !important
}

.btnProximo {
    background-position: right -260px !important
}

[disabled].btnProximo {
    background-position: right -280px !important
}

.btnImprimir {
    background-position: 0 -300px !important
}

[disabled].btnImprimir {
    background-position: 0 -320px !important
}

.btnGerarPDF {
    background-position: 0 -340px !important
}

[disabled].btnGerarPDF {
    background-position: 0 -360px !important
}

.btnGerarPlanilha {
    background-position: 0 -380px !important
}

[disabled].btnGerarPlanilha {
    background-position: 0 -400px !important
}

.btnLogin {
    margin-left: 120px !important
}

.notas {
    display: inline;
    float: left;
    padding-left: 15px;
    font-size: .85em;
    color: #666;
    background-image: url(../images/interface/icone/form/campoRequerido.png);
    background-position: center left;
    background-repeat: no-repeat
}

.legenda {
    background-color: #fbfbfb;
    border: 1px solid #f3f3f3;
    display: block !important;
    margin: 0 20px 5px;
    padding: 5px 10px
}

form .legenda {
    margin: 0 0 5px !important
}

.legenda span {
    float: left
}

.legenda ul {
    margin: 0;
    padding: 0;
    display: inline
}

.legenda ul li {
    font-weight: bold;
    list-style: square;
    list-style-position: inside;
    float: left;
    margin: 0 !important;
    padding: 0 10px !important;
    border-left: 1px dotted #d4d4d4
}

.legenda ul li:first-child {
    border-left: none !important
}

.corAzul {
    color: #06c !important
}

.corVerde {
    color: #060 !important
}

.corVermelho {
    color: #900 !important
}

.corLaranja {
    color: #f90 !important
}

.corRoxo {
    color: #63c !important
}

li.corAzul, li.corVerde, li.corVermelho, li.corLaranja, li.corRoxo {
    font-weight: bold
}

.formatValor, .formatValorNegativo {
    text-align: right
}

.formatValorNegativo {
    color: #c30 !important
}

.listagem {
    display: block !important;
    margin: 5px 20px;
    position: relative !important
}

#conteudo form div.listagem {
    margin: 5px 0 !important
}

.listagem table caption {
    font-size: 1em;
    color: #193141;
    font-weight: bold;
    text-align: left;
    height: 32px;
    line-height: 32px;
    background: url(../images/interface/background/tabBarra.png) top left repeat-x;
    padding: 0 8px;
    border: 1px solid #c3c3c3;
    border-radius: 5px 5px 0 0
}

.listagem table {
    width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
    border: 1px solid #6e8ea3
}

.listagem table.list {
    border-bottom: none !important
}

.listagem table thead tr {
    background: #88a8bd url(../images/interface/background/tabHead.png) bottom left repeat-x
}

.listagem table thead th {
    color: #001025;
    text-align: left;
    font-weight: normal;
    border: 1px solid #6e8ea3
}

.listagem table thead th a {
    color: #fff !important
}

.listagem table th, .listagem table td {
    padding: 4px;
    vertical-align: middle
}

.listagem table tr td {
    border: 1px dotted #6e8ea3
}

.listagem table tr.odd {
    background: #eaf0f7
}

.listagem table tr.even {
    background: #f4f7fb
}

.listagem table tr.odd .sorting_1 {
    background: #dce5f1
}

.listagem table tr.odd .sorting_2, .listagem table tr.odd .sorting_3 {
    background: #e4ebf4
}

.listagem table tr.even .sorting_1 {
    background: #e7edf5
}

.listagem table tr.even .sorting_2, .listagem table tr.even .sorting_3 {
    background: #eef3f8
}

.listagem table tr.odd .icons a {
    border-color: #eaf0f7 !important
}

.listagem table tr.odd .icons a:hover {
    border-color: #6e8ea3 !important
}

.listagem table tr.even .icons a {
    border-color: #f4f7fb !important
}

.listagem table tr.even .icons a:hover {
    border-color: #6e8ea3 !important
}

th.sorting {
    background-image: url(../images/interface/background/tabSorting.png)
}

th.sorting_asc {
    background-image: url(../images/interface/background/tabSortingAsc.png)
}

th.sorting_desc {
    background-image: url(../images/interface/background/tabSortingDesc.png)
}

th.sorting, th.sorting_asc, th.sorting_desc {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 15px !important
}

th.itemSelect {
    background-position: 7px !important
}

.listagem table tbody th {
    border: 1px dotted #578caf;
    background-color: #e6eff4;
    color: #333
}

.listagem table table {
    margin: 5px 0;
    width: auto
}

.listagem table table caption {
    border: 0;
    background: 0;
    margin: 0;
    padding: 0
}

.listagem .listagemAcoesBarra {
    position: absolute;
    height: 32px;
    overflow: hidden;
    right: 0
}

.listagem .listagemAcoesBarra div {
    float: left;
    margin-right: 10px;
    line-height: 32px
}

.listagemAcoesBarra .DTTT_button {
    width: 26px;
    height: 26px;
    border: 0;
    background-image: url(../images/interface/background/botoesTabela.png) !important;
    overflow: hidden;
    text-indent: 50px;
    margin-left: 5px;
    white-space: nowrap
}

.listagemAcoesBarra .DTTT_button_print {
    background-position: 0 0
}

.listagemAcoesBarra .DTTT_button_print_hover {
    background-position: 0 -26px
}

.listagemAcoesBarra .DTTT_button_copy {
    background-position: -26px 0
}

.listagemAcoesBarra .DTTT_button_copy_hover {
    background-position: -26px -26px
}

.listagemAcoesBarra .DTTT_button_csv {
    background-position: -104px 0
}

.listagemAcoesBarra .DTTT_button_csv_hover {
    background-position: -104px -26px
}

.listagemAcoesBarra .DTTT_button_xls {
    background-position: -78px 0
}

.listagemAcoesBarra .DTTT_button_xls_hover {
    background-position: -78px -26px
}

.listagemAcoesBarra .DTTT_button_pdf {
    background-position: -52px 0
}

.listagemAcoesBarra .DTTT_button_pdf_hover {
    background-position: -52px -26px
}

.listagemNavegacao {
    margin-bottom: 5px;
    background: url(../images/interface/background/tabBarra.png) top left repeat-x;
    border: 1px solid #c3c3c3;
    border-radius: 0 0 5px 5px;
    height: 27px;
    color: #193141
}

.listagemPaginacao {
    text-align: right;
    display: block !important;
    display: table;
    overflow: hidden;
    float: right;
    line-height: 32px
}

.listagemPaginacao div {
    float: left;
    margin-right: 10px
}

.listagemPaginacao li a, .listagemPaginacao li.nolink, .listagemPaginacao .paginate_button, .listagemPaginacao .paginate_active {
    border: 1px solid #c3c3c3;
    padding: 2px !important;
    margin-right: 1px !important
}

.listagemPaginacao .paginate_button:hover, .listagemPaginacao li a:hover {
    border-color: #193141
}

.listagemPaginacao li a, .listagemPaginacao li.nolink, .listagemPaginacao .paginate_button {
    background: url(../images/interface/background/botoes.png) no-repeat;
    cursor: pointer
}

.listagemPaginacao li.current, .listagemPaginacao .paginate_active {
    color: #fff;
    background-color: #193141;
    padding: 0 4px !important
}

.listagemPaginacao .first, .listagemPaginacao .previous, .listagemPaginacao .next, .listagemPaginacao .last {
    padding: 2px 4px;
    font-weight: bold;
    color: #193141;
}

.listagemPaginacao ul {
    margin: 0 10px !important;
    padding: 0 !important;
    display: inline;
    list-style-type: none
}

.listagemPaginacao li {
    display: inline;
    margin: 0 !important;
    padding: 0 !important
}

.listagemPaginacao li a {
    color: #193141;
    text-decoration: none;
    display: inline
}

.listagemPaginacao li.nolink {
    cursor: auto !important
}

.listagemAcoes {
    padding: 0 10px 0 5px;
    line-height: 32px;
    position: absolute;
    left: 1px;
    bottom: 1px
}

.listagemAcoes label {
    text-transform: lowercase;
    margin: 0 !important;
    display: inline !important
}

.listagemAcoes label span {
    font-size: 1.3em;
    font-weight: bold;
    width: auto !important;
    border: none !important
}

.listagemAcoes select {
    font-size: .85em;
    margin: 0 !important;
    height: 22px;
    padding: 1px
}

.listagemAcoes select option {
    height: 20px;
    line-height: 20px
}

.listagemAcoes input {
    font-size: .85em !important;
    margin: 0 !important
}

.listagemVazia {
    text-align: left;
    font-weight: bold;
    color: #333;
    padding: 15px 10px !important
}

p.listagemVazia {
    background: #fff !important;
    margin: 5px 0 !important;
    border: 1px dotted #f3f3f3
}

.listagemIco {
    text-align: right
}

.listagemIco img {
    border: 0
}

.listagemIco a {
    padding: 0;
    margin-left: 3px
}

.inline {
    display: inline;
    width: auto
}

.pointer {
    cursor: pointer
}

div.tab {
    margin: 2px 20px;
    padding: 2px;
    border: 1px solid #6e9ebc
}

form div.tab {
    margin: 0
}

.tab ul.navigation {
    margin: 0 0 5px 0 !important;
    padding: 0 !important;
    display: table;
    width: 100%;
    background-color: #6e9ebc
}

.tab ul.navigation li {
    display: inline-block;
    float: left;
    margin: 8px 0 0 5px !important;
    padding: 3px 10px !important;
    background-color: #89b0ca;
    border: 1px solid #5e8faf;
    border-bottom: 0
}

.tab ul.navigation li a {
    color: #fff;
    text-decoration: none
}

.tab ul.navigation li a:hover {
    text-decoration: underline
}

.tab ul.navigation li.active {
    color: #22577b;
    background-color: #fff;
    border: 1px solid #e6eff4;
    border-bottom: 1px solid #fff
}

.tab ul.navigation li.active a {
    color: #22577b;
    font-weight: bold
}

.tab ul.navigation li.disabled {
    color: #476a7f;
    background-color: #6e9ebc;
    border: 1px solid #5e8faf;
    border-bottom: 1px solid #5e8faf;
    background-image: none !important
}

.tab ul.navigation li.disabled, .tab ul.navigation li.disabled a {
    cursor: default;
    text-decoration: none
}

.tab div.tabContainer {
    padding: 5px 10px
}
ul.steps {
    margin: 2px 20px;
    padding: 0 !important;
    height: 30px;
    border-bottom: 2px solid #8fb3c9
}

form ul.steps {
    margin: 0 0 10px 0 !important
}

ul.steps li {
    display: inline-block;
    float: left;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    margin: 2px 0 !important;
    padding: 0 15px 0 10px !important;
    font-weight: bold;
    color: #999;
    background: #eeefef url(../images/interface/background/step_setas.png) no-repeat right -26px
}

ul.steps li:last-child {
    background-position: right bottom
}

ul.steps li a {
    color: #999;
    text-decoration: none
}

ul.steps li a:hover {
    text-decoration: underline
}

ul.steps li.active {
    color: #6e9ab6;
    background-position: right top;
    padding-right: 25px !important
}

ul.steps li a.active {
    color: #6e9ab6
}

ul.steps li.active:last-child {
    background-position: right -52px
}

.icons {
    text-align: left !important;
    width: 1%;
    white-space: nowrap
}

.icons a span {
    display: none;
    visibility: hidden
}

.icoEditar:hover, .icoExcluir:hover, .icoAceitar:hover, .icoAdicionar:hover, .icoGrafico:hover, .icoImprimir:hover, .icoBloquear:hover, .icoDesbloquear:hover, .icoDownload:hover, .icoVisualizar:hover, .icoWord:hover, .icoExcel:hover, .icoOffice:hover, .icoPDF:hover, .icoErro:hover, .icoAjuda:hover, .icoPesquisar:hover, .icoCalendario:hover, .icoCalculadora:hover, .icoFonteMaior:hover, .icoFonteNormal:hover, .icoFonteMenor:hover, .icoAltoContraste:hover, .icoFundoBranco:hover, .icoFundoAzul:hover, .icoFundoAmarelo:hover, .icoFundoCinza:hover, .icoAssociar:hover, .icoDesassociar:hover, .icoSubir:hover, .icoDescer:hover, .icoValor:hover, .icoExcluirValor:hover, .icoEncaminhar:hover, .icoCancelar:hover, .icoReplicar:hover, .icoAtivar:hover, .icoEnviar:hover, .icoAssinar:hover, .icoHomologar:hover, .icoPendencias:hover, .icoAvaliar:hover, .icoEnviarHomologar:hover, .icoAlerta:hover, .icoEstorno:hover, .icoReceber:hover {
    border: 1px solid #6e8ea3 !important;
    cursor: pointer
}

.icoEditar, .icoExcluir, .icoAceitar, .icoAdicionar, .icoGrafico, .icoImprimir, .icoBloquear, .icoDesbloquear, .icoDownload, .icoVisualizar, .icoWord, .icoExcel, .icoOffice, .icoPDF, .icoErro, .icoAjuda, .icoPesquisar, .icoCalendario, .icoCalculadora, .icoFonteMaior, .icoFonteNormal, .icoFonteMenor, .icoAltoContraste, .icoFundoBranco, .icoFundoAzul, .icoFundoAmarelo, .icoFundoCinza, .icoAssociar, .icoDesassociar, .icoSubir, .icoDescer, .icoValor, .icoExcluirValor, .icoEncaminhar, .icoCancelar, .icoReplicar, .icoAtivar, .icoEnviar, .icoAssinar, .icoHomologar, .icoPendencias, .icoAvaliar, .icoEnviarHomologar, .icoAlerta, .icoEstorno, .icoReceber {
    background: url(../images/interface/icone/form/iconesNormal.png) no-repeat;
    width: 20px;
    height: 20px;
    overflow: hidden;
    display: inline-block;
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    text-indent: 50px
}

.disabled {
    background: url(../images/interface/icone/form/iconesDisabled.png) no-repeat;
    border: 1px solid #fff
}

.disabled:hover {
    border: 1px solid #fff !important;
    cursor: default
}

.icoEditar {
    background-position: 0 0
}

.icoExcluir {
    background-position: -20px 0
}

.icoAceitar {
    background-position: -40px 0
}

.icoAdicionar {
    background-position: -60px 0
}

.icoGrafico {
    background-position: -80px 0
}

.icoImprimir {
    background-position: -100px 0
}

.icoBloquear {
    background-position: -120px 0
}

.icoDesbloquear {
    background-position: -140px 0
}

.icoDownload {
    background-position: -160px 0
}

.icoVisualizar {
    background-position: -180px 0
}

.icoAssociar {
    background-position: -200px 0
}

.icoDesassociar {
    background-position: -220px 0
}

.icoSubir {
    background-position: -240px 0
}

.icoDescer {
    background-position: -260px 0
}

.icoValor {
    background-position: -280px 0
}

.icoExcluirValor {
    background-position: -300px 0
}

.icoEncaminhar {
    background-position: -320px 0
}

.icoWord {
    background-position: -340px 0
}

.icoExcel {
    background-position: -360px 0
}

.icoOffice {
    background-position: -380px 0
}

.icoPDF {
    background-position: -400px 0
}

.icoErro {
    background-position: -420px 0
}

.icoAjuda {
    background-position: -440px 0
}

.icoPesquisar {
    background-position: -460px 0
}

.icoCalendario {
    background-position: -480px 0
}

.icoCalculadora {
    background-position: -500px 0
}

.icoCancelar {
    background-position: -758px 0
}

.icoReplicar {
    background-position: -780px 0
}

.icoAtivar {
    background-position: -800px 0
}

.icoEnviar {
    background-position: -820px 0
}

.icoAssinar {
    background-position: -840px 0
}

.icoHomologar {
    background-position: -860px 0
}

.icoPendencias {
    background-position: -880px 0
}

.icoAvaliar {
    background-position: -900px 0
}

.icoEnviarHomologar {
    background-position: -920px 0
}

.icoAlerta {
    background-position: -940px 0
}

.icoEstorno {
    background-position: -960px 0
}

.icoReceber {
    background-position: -980px 0
}

.listagemDados {
    margin-bottom: 0 !important;
    border-top: none !important;
    border-left: 1px dotted #578caf !important;
    border-right: 1px dotted #578caf !important;
    border-bottom: 2px solid #578caf !important;
    background-color: #fff;
    padding: 5px 10px
}

.listagemDados h3 {
    background-color: #81a9c3;
    color: #fff !important;
    font-size: 1em !important;
    padding: 5px 10px;
    margin-bottom: 10px !important
}

div.listagem div.barraBtsAcoes {
    margin-top: 0;
    border: 0
}

#conteudo label.inLine {
    display: inline
}

#conteudo fieldset.campoRequerido legend {
    padding-left: 15px;
    width: 135px !important;
    background: url(../images/interface/background/campoRequerido.png) top left no-repeat
}

#popup_container {
    font-size: 12px;
    min-width: 492px;
    border: solid 1px #a3a3a3;
    padding: 5px !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

#popup_container h1#popup_title {
    font-size: 1.4em;
    font-weight: bold;
    color: #fff;
    text-align: left;
    margin: 0 0 5px 0;
    padding: 5px 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: default
}

#popup_button_close {
    cursor: pointer;
    position: absolute;
    top: 9px;
    right: 9px;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-weight: bold;
    color: #ccc;
    background-image: none !important
}

#popup_panel {
    text-align: right;
    padding-top: 5px;
    border-top: 1px solid #919191
}

div#popup_container.confirm, div#popup_container.alert, div#popup_container.error {
    background-color: #f3f3f3 !important
}

#popup_container.modal {
    background-color: #fff
}

#popup_container.confirm h1#popup_title, #popup_container.alert h1#popup_title {
    background-color: #eba228 !important
}

#popup_container.error h1#popup_title {
    background-color: #9e1d24 !important
}

#popup_content.alert, #popup_content.confirm {
    margin: 10px;
    background: url(../images/alert/alert.gif) top left no-repeat
}

#popup_content.error {
    margin: 10px;
    background: url(../images/alert/erro.gif) top left no-repeat
}

#popup_container.confirm #popup_message, #popup_container.alert #popup_message, #popup_container.error #popup_message {
    padding: 5px 0 0 50px;
    margin-bottom: 40px
}

#popup_ok, #popup_confirm, #popup_cancel {
    background-image: url(../images/interface/background/botoes.png);
    padding-left: 25px !important;
    background-repeat: no-repeat
}

#popup_confirm, #popup_ok {
    background-position: 0 -20px !important
}

#popup_cancel {
    background-position: 0 -60px !important
}

#popup_container.modal {
    background-color: #fff
}

#popup_container.modal #popup_content {
    padding: 0 5px
}

#popup_container.modal h1#popup_title {
    background-color: #22577b
}

#popup_container.modal #popup_content div.barraBtsAcoes {
    border-top: 2px groove #a3a3a3;
    margin: 10px 0 0 0 !important;
    margin: 4px 0 0 0 !important
}

#popup_container.modal #popup_content #popup_message {
    margin: 0 0 7px 0
}

#popup_container.modal #popup_content #popup_message h2 {
    font-size: 1.2em;
    line-height: 20px
}

#popup_container.modal #popup_content #popup_message div {
    margin-bottom: 2px;
    padding: 2px 10px 5px 30px
}

#popup_container.modal #popup_content #popup_message p {
    color: #333 !important;
    margin: 0 !important;
    padding: 0 !important
}

#popup_container.modal #popup_content #popup_message div.msgOrientacao {
    background: url(../images/interface/icone/message/msgOrientacao_20x20.png) no-repeat 5px 2px #f9f9f9;
    border: 1px solid #3cb4c3
}

#popup_container.modal #popup_content #popup_message div.msgOrientacao h2 {
    color: #3cb4c3 !important
}

#popup_container.modal #popup_content #popup_message div.msgSucesso {
    background: url(../images/interface/icone/message/msgSucesso_20x20.png) no-repeat 5px 2px #eff7e0;
    border: 1px solid #408c2e
}

#popup_container.modal #popup_content #popup_message div.msgSucesso h2 {
    color: #408c2e !important
}

#popup_container.modal #popup_content #popup_message div.msgAlerta {
    background: url(../images/interface/icone/message/msgAlerta_20x20.png) no-repeat 5px 2px #fff6d8;
    border: 1px solid #e77917
}

#popup_container.modal #popup_content #popup_message div.msgAlerta h2 {
    color: #e77917 !important
}

#popup_container.modal #popup_content #popup_message div.msgErro {
    background: url(../images/interface/icone/message/msgErro_20x20.png) no-repeat 5px 2px #fff2f2;
    border: 1px solid #bf231b
}

#popup_container.modal #popup_content #popup_message div.msgErro h2 {
    color: #bf231b !important
}

input.cpf {
    width: 7em
}

input.cnpj {
    width: 9em
}

input.fone {
    width: 7em
}

input.date {
    width: 5em
}

input.time {
    width: 4em
}

input.decimal {
    width: 9em
}

input.signed-decimal {
    width: 9em
}

input.decimal6 {
    width: 3.5em
}

input.decimal10 {
    width: 5.3em
}

input.inteiro {
    text-align: right
}

/* Classes de definição de layout de tabelas */
.tabelaListaTitulo {
    float: left
}

.tabelaListaExportadores {
    float: right
}

div.msgErro .ui-accordion .ui-accordion-header {
    text-decoration: none;
    background: none;
}

/*estilizacao datatable prime 03/12/12*/
.ui-datatable table caption {
    font-size: 12px;
    color: #193141;
    font-weight: bold;
    text-align: left;
    height: 32px;
    line-height: 32px;
    background: url(../images/interface/background/tabBarra.png) top left repeat-x;
    padding: 0 8px;
    border: 1px solid #c3c3c3;
    border-radius: 5px 5px 0 0
}

.cabecalhoSortables td {
    background: green
}

.btnExportarXLS {
    width: 26px;
    height: 26px;
    border: 0;
    background-image: url(../images/interface/background/botoesTabela.png) !important;
    overflow: hidden;
    text-indent: 50px;
    margin-left: 5px;
    white-space: nowrap;
    background-position: -78px 0;
    display: inline-block;
}

.btnExportarXLS:hover {
    background-position: -78px -26px
}

.btnExportarPDF {
    width: 26px;
    height: 26px;
    border: 0;
    background-image: url(../images/interface/background/botoesTabela.png) !important;
    overflow: hidden;
    text-indent: 50px;
    margin-left: 5px;
    white-space: nowrap;
    background-position: -52px 0;
    display: inline-block;
}

.btnExportarPDF:hover {
    background-position: -52px -26px
}

/*override de classes dinamicas do prime*/

.ui-button .ui-button-text {
    line-height: 0 !important
}

.ui-picklist .ui-button {
    overflow: hidden !important
}

.ui-button-icon-only {
    width: 24px !important
}
.ui-datatable table{
    table-layout:auto;
}
.ui-datatable table tbody tr th {
    border: 1px solid #6E8EA3;
    color: #001025;
    font-weight: normal;
    text-align: left;
    background: url(../images/interface/background/tabHead.png) repeat-x scroll left bottom #88A8BD;
}

.ui-datatable table tbody tr td {
    border: 1px dotted #6E8EA3 !important
}

.ui-datatable table tbody tr th span {
    margin-left: 5px
}

.ui-datatable-even td {
    background: #EAF0F7
}

.ui-datatable-odd td {
    background: #F4F7FB
}

/* File Upload */
.fileinput-button{
    color: buttontext;
    background: buttonface url(../images/interface/background/botoes.png) no-repeat;
    border: 1px outset #999;
    font-family: -webkit-small-control;
    padding: .3em 1em .4em 2.1em;
    width: 170px;
    text-align: left;
}

/* Tooltip */
.ui-tooltip {
    font-size: 11px;
}

/* Wizard */
.ui-wizard-navbar{
    float: right;
}

.ui-wizard-nav-back {
    background-position: 0 -220px !important;
    padding-right: 12px;
}
.ui-wizard-nav-back .ui-icon {
    background-image: none;
}

.ui-wizard-nav-next {
    background-position: right -260px !important;
    text-align: left;
    margin-left: 5px;
    padding-right: 15px;
    padding-left: 0;
}
.ui-wizard-nav-next .ui-icon {
    background-image: none;
}

/* Checkbox */
.ui-chkbox-box{
    border: 1px solid #999;
}

/* ------- */

.pickListCustom {
    display: inline-block
}

.pickListCustom ul {
    margin: 0 !important
}

.pickListCustom ul li {
    margin: 0 !important;
    padding: 0 !important
}

.gridLegenda li {
    list-style-type: none
}

.txt_verde {
    color: green
}

.txt_amarelo {
    color: #ff9900
}

.txt_vermelho {
    color: red
}

.gridLegenda * {
    vertical-align: middle
}

.campo_inline input {
    display: inline
}

.campo_inline label {
    display: inline !important;
    margin-right: 10px
}

table tfoot tr td {
    background: url("../images/interface/background/tabBarra.png") repeat-x scroll left top transparent !important;
    border: 1px solid #ccc !important;
    text-align: left !important
}

.labelExtendido {
    width: 220px !important
}

.margemDireita {
    margin-right: 10px
}

.clearing {
    clear: both
}

.totalRodape {
    width: 140px;
    float: right;
    font-weight: bold
}

/* ------------ css titulo accordin -------------- */
.tituloAccordEsquerda {
    float: left
}

.tituloAccordDireita {
    float: right
}

.tituloCentro {
    float: right;
    margin-right: 10px
}

.clearing {
    clear: both
}

.cmbFiltroPesquisa {
    width: 350px;
}

.cbmTipoDocumentoBancario {
    width: 250px;
}

.legendaPequena {
    color: #666;
    font-size: 0.9em;
    margin: 14px;
    padding: 14px;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

.listaImpedimentosNotificacao{}

.listaImpedimentosNotificacao ul {
    font-size: 8pt;
    margin: 0 !important;
    padding: 4px !important;
    color: red;
}