body {font-family: Arial, sans-serif, serif;}

#pagina {min-width: 1020px;}

#topo {background: #22456f; border-bottom: 1px solid #2c8f68; height: 38px;}

#topo h1 {color: #fff; font-size: 16px; font-weight: normal; padding: 10px 0px 0px 28px;}

#menu {background: transparent url('../img/bg-menu.png') repeat; border-top: 2px solid #007f4d; clear: both; height: 34px; position: relative; z-index: 1;}

#menu ul.left {float: left; margin-left: 12px} #menu ul.right {float: right; margin-right: 12px;}

#menu .nav {display: block; margin: 0px; padding: 0px; position: relative;}

#menu .nav ul {background: #232323; list-style: none; margin: 0px; padding: 0px;}

#menu .nav a {color: #fff; display: block; padding: 5px; text-decoration: none;}

#menu .nav > li + li {background: transparent url('../img/bg-split.png') center left no-repeat;}

#menu .nav .top {color: #fff; font-size: 12px; padding: 8px 15px 8px 17px; text-align: center;}

#menu .nav ul li {padding: 2px;} #menu .nav li {float: left; list-style: none;}

#menu .nav li ul {position: absolute;} #menu .nav li li {clear: both;}

#menu .nav li ul a {color: #fff; height: 15px; width: 200px;} #menu .nav li ul ul {margin: -27px 0 0 157px;}

#menu .nav li li:hover {background: #007f29; color: #000;}

#menu_principal { width: 90%; height: 50px; margin: 0 auto;}

#menu_principal img{ padding-right: 20px;}

#centro_principal{width: 100%; text-align: center; margin-top: 100px;}

#conteudo {min-height: 450px; padding: 20px 28px 25px;}

#cabeca {margin-bottom: 8px; padding-bottom: 5px;}

#cabeca table {margin-bottom: 0px;}

#cabeca table tr td {border: 0px none; padding: 0px; vertical-align: middle; width: 50%;}

.titulo h2 {color: #007f4d; font-size: 16px; line-height: 16px; margin: 4px 0px 0px 2px;}

.botoes {text-align: right;}

#formulario {background: transparent url('../img/bg-separador.gif') repeat-y scroll 217px 0px;}

#sidebar {float: left; margin-right: -220px; padding-bottom: 25px; width: 220px;}

#sidebar h2 {color: #000; font-size: 16px; line-height: 16px; margin-bottom: 10px;}

#principal {margin-left: 220px; min-height: 450px; padding: 0px 0px 25px 25px;}

/* Administra CFC - Grids */

.grid-cabecalho, .entrada-titulo {background: #ebebeb url('../img/bg-grid-header.gif') repeat-x; border-color: #d1cfcf #d1cfcf; border-style: solid solid none; border-width: 1px 1px medium; height: 24px;}

.grid-cabecalho h3, .entrada-titulo h3 {color: #007f4d; font-size: 11px; font-weight: bold; padding: 6px 5px 4px; margin-bottom: 0px;}

.grid {margin: 0px; padding: 0px;}

.grid tr th, .grid caption {background: transparent url('../img/bg-grid-sort.gif') repeat-x 0% 50%; color: #2d444f; font-size: 11px; padding: 4px;}

.grid .filtro th {background: #e3eff1 url('../img/bg-grid-filtro.gif') repeat-x;}

.grid .filtro input {width: 85% !important;} .grid .filtro input.total {width: 95% !important;}

.grid tr td {font-size: 11px;} .on {background: #eee;} .off {background: #fff;}

.grid .over {background: #e0fcf1; cursor: pointer;}

.grid a {cursor: pointer;}

.popup {vertical-align: middle;}

.paginacao, .totalizacao {width: 50%;}

.paginacao {float: left;}

.totalizacao {float: right; font-size: 11px; text-align: right;}

#paginacao {padding: 6px 4px; display: block; border: 1px solid #ccc; border-top: 0px none;}

#paginacao a {border: 1px solid #ccc; color: #222; padding: 2px 4px; margin: 1px 5px 1px 0px; text-decoration: none;}

#paginacao a:hover, #paginacao a:active {background: #eee; font-weight: bold; text-decoration: underline;}

#paginacao span.current {border: 1px solid #ccc; background-color: #eee; color: #2d444f; font-weight: bold; padding: 2px 4px; margin: 1px 5px 1px 0px;}

#paginacao span.disabled {border: 1px solid #eee; color: #ddd; padding: 2px 4px; margin: 1px 5px 1px 0px;}

.no-link a{color: #2D4454; text-decoration: none;}
/* Administra CFC - Abas */

ul.abas a.selecionado {background: #fff; font-weight: bold;}

ul.abas {background-color: #e7efef; border-top: 1px solid #bebebe; list-style: none; margin: 0px; padding: 0px;}

ul.abas a, ul.abas span {display: block;} ul.abas a, ul.abas a:hover {text-decoration: none;}

ul.abas a, ul.abas a:hover {color: #000;}

ul.abas, ul.abas a {background: #e7efef url('../img/bg-abas.gif') repeat-y 100% 50%;}

ul.abas a:hover {background-color: #d8e6e6; background-image: url('../img/bg-abas-span-over.gif');}

ul.abas a.selecionado {background: transparent; border-bottom: 1px solid #bebebe; padding: 0px;}

ul.abas a.selecionado:hover {padding: 0px;}

ul.abas span {background: transparent url('../img/bg-abas-span.gif') repeat-x 0% 100%; cursor: pointer; padding: 4px 0px 4px 6px;}

ul.abas a.selecionado span, ul.abas a.selecionado:hover span {background: #fff; font-weight: bold;}

/* Administra CFC - Janela Modal */

#fade {display: none; background: #000;  position: fixed; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; opacity: .80; z-index: 9999;}

.popup-block {display: none; background: #fff; padding: 10px; border: 7px solid #000; float: left; font-size: 1.2em; position: fixed; top: 50%; left: 50%; z-index: 99999;}

.popup-block {-webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 10px;}

img.btn-close {float: right;  margin: -35px -25px 0 0;}

.popup p {padding: 5px 10px; margin: 5px 0;}

/* Administra CFC - Login */

#main {margin: 0 auto; width: 960px;}

#main h2 {color: #1e5f86; font: normal normal 24px 'Trebuchet MS', Helvetica, Arial; text-align: center;}

#mensagens {margin-top: 15px;}

#mensagens .erro {width: 400px;}

#login, #mensagens {margin: 0 auto; width: 300px;}

#login {background: #f7f7f7; border: 1px solid #f0f0f0; padding: 20px 30px;}

#login {border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0 1px 4px #aaa; -moz-box-shadow: 0 1px 4px #aaa;}

#login label {display: block; float: left; font-size: 13px; height: 30px; line-height: 30px; margin-right: 10px; text-align: right; width: 50px;}

#login input[type='text'], #login input[type='password'], #login select {float: left; margin-bottom: 20px;}

#login input[type='text'], #login input[type='password'] {height: 16px; padding: 4px; width: 230px;}

#login select {padding: 5px; width: 240px;}

.buttons {clear: both; margin: 0 0 0 60px;}

.botao-login, .botao-login:hover, .botao-login:focus {background: transparent url('../img/btn-acessar.jpg') no-repeat; border: 0 none; cursor: pointer; height: 38px; text-indent: -99999px; width: 88px;}

/* Administra CFC - Formulários */

label {color: #333; font-weight: normal;}

i{font-size: 10px}

#alerta {clear: both; float: left; width: 100%;}

#alerta .error {background: #f9e5e6; border: 1px solid #f7c3c5; color: #c32727; display: block; font-size: 11px; font-weight: normal; padding: 2px; width: 300px}

fieldset {background: #fafafa; border: 1px solid #ccc; margin-bottom: 5px; padding: 5px;}

fieldset .grid {margin:6px 0;} .opcao {font-size: 11px; padding-left: 5px; cursor: pointer; color: #1c94c4;}

fieldset input[type='text'], input[type='password'] {width: 300px;} fieldset select {width: 306px;} fieldset .minimo {width: 110px !important;} .cheio {width: 90% !important;}

input.disabled {background-color: #eee;} .erro {margin-bottom: 10px;}

.entidade {clear: both; margin: 5px 0px; overflow: auto; width: 100%;}

.form-modal textarea {width: 300px; height: 150px;}

.marcador, .atributo {float: left; padding: 5px;} .marcador {vertical-align: top; width: 150px;}

.atributo img {display: inline; vertical-align: middle; cursor: pointer;}

.botao, .botao:hover {background: transparent url('../img/bg-botao.png') repeat-x; border-color: #106393 #0e4e72 #0e4e72 #106393; border-width: 1px; cursor: pointer; color: #fff; font-size: 11px; padding: 2px 6px; text-align: center;}

.bg_btn_salvar, .botao_salvar:hover {background: transparent url('../img/bg-botao-salvar.png') repeat-x;}

.campo {background: #fff; border-color: #aaa #c8c8c8 #c8c8c8 #aaa !important; font-size: 11px; padding: 2px; text-transform: uppercase; }

.carregando {background: url('../img/carregando.gif') no-repeat;}

#pdf {cursor: pointer;} .m-top {margin-top: 15px;}

.estilo-modal input {background-color: #FAFAFA; border: 0px; font-weight: bold; font-size: 13px;}

.estilo-modal input:hover {background-color: #FAFAFA; border: 0px; font-weight: bold; font-size: 13px;}

.repeticao {background: #FBF7AA; border: 1px solid #f6a828; font-size: 11px; padding: 8px 0 8px 0; margin: 8px auto; width: 99%;}

.repeticao .adicional {float: left; margin-left: 15px;}

.repeticao label {font-style: italic; margin-right: 4px;}

.repeticao select {width: 200px;}

.txt-min{font-size: 10px;}

/* Administra CFC - Pop-up */

#body-popup, #pagina-popup {min-width: 750px;}

#conteudo-popup {margin: 0; padding: 0;}

#topo-popup {background: #22456f; height: 38px; text-align: center;}

#topo-popup h1 {color: #fff; font-size: 15px; font-weight: normal; padding-top: 12px;}

#conteudo-popup .grid caption, td, th {padding: 3px 10px 3px 8px; vertical-align: middle;}

.ajuda { background: url('../img/btn-ajuda.png') no-repeat scroll 0 0 transparent; display: block; height: 20px; right: 0; position: absolute; text-decoration: none; text-indent: -999em; bottom: 10px; right: 10px; width: 20px; cursor: pointer;}

.estilo-red{color: red;}

.iframe{width: 100%; height: 500px;}

#tab-contrato p{margin-bottom: 0px !important}

