/* 
    Document   : estilo
    Created on : 28/07/2009, 14:51:08
    Author     : NUNTEC
    Description:
        Purpose of the stylesheet follows.
*/



/* TUDO
---------------------------------------------------------*/

html {
    overflow: -moz-scrollbars-vertical;
}
* {
    margin: 0;
    padding: 0;
}
body {
    margin: 0;
    background: #fff url(../imagens/body_bg.jpg) repeat-x;
    font: normal 70% Verdana, Tahoma, Helvetica, Arial, Sans-serif, Geneva;
    color: #777;


}

/* LINKS
---------------------------------------------------------*/

a:link, a:visited {
    color: #0082AA;
    text-decoration: none;
}
a:hover {
    background: #0082AA;
    color: #fff;
    text-decoration: none;
}

a.recuperasenha{
    color: #fff;
}

a.linkbranco{
    color: #fff;
    text-decoration:underline;
}

.linkao:link, .linkao:visited {
    font: bold 160% Helvetica, Arial, Tahoma, Verdana;
}

/* TÍTULOS
---------------------------------------------------------*/

h1 {
    font-size: 150%;
    color: #fff;
}
h2 {
    font-size: 190%;
    margin-bottom: 10px;
    color: #777;
}
h2.azul {
    color: #0082AA;
    margin-top:20px;
}
h2.tit, h2.tit2 {
    color: #8F8176;
    margin: 10px 0 30px 0;
    font-family: Helvetica, Arial, Verdana, Tahoma;
    text-indent: 10px;
    font-size: 290%;
}
h2.tit2 {
    margin: 10px 0 10px 0;
    text-indent: 0;
}

h3 {
    font: bold 200% Helvetica, Arial, Tahoma, Verdana;
    color: #716046;
    line-height: 130%;
    margin-bottom: 28px;
}

h3.tit3{
    width: 100%;
}
h4 {
    font-weight: normal;
    font-size: 140%;
    color: #716046;
    text-decoration: underline;
    float: left;
}

.fonte_maior {
    font-size: 110%;
}

h5.datanoticia{
    font-size: 85%;

}
/*ATRIBUTOS
---------------------------------------------------------*/

acronym {
    cursor: help;
}


/* PARAGRÁFOS
---------------------------------------------------------*/
p {
    margin: 10px 0;
    line-height: 140%;
}
br {
    clear: both;
}

hr {
    border: 0;
    border-bottom: 1px solid #C9DEE4;
    margin-bottom: 10px;
}

/* TABELAS
---------------------------------------------------------*/
table {
    width: 100%;
    margin: 10px 0;
    border-collapse: collapse;

}

table.oficios{
    margin: 0px;
}

table.sem_margem{
    margin: 0px;
}

fieldset.sem_espaco{
    padding-top: 5px;
    margin: 3px;
}

fieldset.oficios{
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
}
table.oficios td{
    padding: 10px;
}

table.recuo_oficios{
    margin-left: 20px;
}

tbody tr{
    background:#fff;
}

th {
    font: bold 120% Helvetica, Arial, Tahoma, Sans-serif, Geneva;
    text-align: left;
    padding: 0 5px 5px 0;
    border-bottom: 2px solid #B1A6A0;
}
td {
    border-bottom: 1px solid #B1A6A0;
    padding: 8px 3px;
}

td.centro, th.centro{
    text-align: center;
}

td.bloc{
    color: #db0909;
}

#divteste{
    margin: 0px;
    padding: 0px;
}

/* FORMULÁRIOS
---------------------------------------------------------*/

fieldset {
    padding: 1% 2% 1% 2%;
    border: 1px solid #B1A6A0;
    margin-bottom: 15px;
    background: #DFD7D4;
}
legend {
    padding: 10px 20px 10px 15px;
    border-bottom: 1px solid #fff;
    margin-bottom: 15px;
    color: #fff;
    background: #857971;
}

legend.sem_margem{
    margin-bottom: 3px;
}
fieldset.interno {
    padding: 0 15px;
    border: 1px solid #B1A6A0;
    margin-bottom: 15px;
    background: #DFD7D4;
}
fieldset.interno legend {
    border-bottom: 1px solid #777;
    text-transform: uppercase;
    padding: 2px 5px;
    font: bold 120% Helvetica, Arial, Verdana, sans-serif;
    color: #777;
    border: 1px solid #B1A6A0;
    background: none;
}

input[type="hidden"] {
    display: none;
}
input.file{
    position: relative;
    height: 100%;
}

input, textarea, select, .campo_normal {
    font: normal 100% Tahoma, Helvetica, Arial, Sans-serif, Geneva;
    border: 1px solid #81C8E6;
    background: #fff;
    color: #777;
    text-transform: uppercase;
}

textarea.contato{
    height: 30%;
}

textarea.noticia{
    height: 40%;
}

textarea.texto{
    height: 50%;
}
textarea.bloqueio{
    height: 80px;
    width: 99%;
    text-transform: none;
}

#caixalogin input{
    text-transform:none;

}
input#email{
    text-transform:none;
}
input, textarea {
    width: 180px;
    height: 16px;
    padding: 3px;
}
option {
    padding: 2px 0 2px 8px;
}


input:focus, textarea:focus, select:focus, .campo_hover {
    border: 2px solid #77C0D1;
    padding: 2px;
}
.campo_erro {
    border: 2px solid #900;
    padding: 2px;
}
input:disabled {
    background: #e6e6e6;
    border: 1px solid #999;
}
label, input, textarea, select {
    display: block;
    float: left;
    margin-bottom: 8px;
    z-index: 0;
}
select {
    width: 223px;
    padding: 3px;
}

textarea {
    height: 60px;
}
label {
    width: 100px;
    padding-top: 2px;
    color: #333;
}
form label {
    cursor: pointer;

}
button {
    width: 136px;
    font-size: 90%;
    padding: 5px;
    background: #007495;
    color: #fff;
    border: 0;
    cursor: pointer;
}

/* ESTRUTURA
---------------------------------------------------------*/
#corpo {
    position: relative;
    width: 98%;
    min-width: 550px;
    float: left;
    height: auto;
    padding-left: 13px;
}
#topo {
    position: relative;
    height: 124px;
    z-index: 2;
}
#logo {
    position: absolute;
    width: 194px;
    height: 40px;
    background: url(../imagens/titulo.png) no-repeat;
    left: 20px;
    top: 50px;
}
#logo a {
    display: block;
    height: 37px;
}
#logo a:hover {
    background: none;
}
#logo h1 {
    text-indent: -5000%;
}
#subtitulo {
    position: absolute;
    width: 350px;
    height: 38px;
    background: url(../imagens/subtitulo.png) no-repeat;
    right: 20px;
    top: 50px;
}
#subtitulo h2 {
    text-indent: -5000%;
}

#infologin{
    position: absolute;
    top: 5px;
    right: 0px;
    color: #fff;
    padding: 3px;
    border-bottom: 1px solid #5cb3c7;
}

#infologin a{
    color: #8fcdd8;
    font-weight: bold;
}
#infologin a:hover{
    color: #fff;
    font-weight: bold;
}



#meio {
    position: relative;
    float: none;
    z-index: 0;
}
#meio.site {
    min-height: 400px;
    padding-left: 250px;
}
#meio.sistema {
    width: 100%;
    min-height: 350px;
}
#barra {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 250px;
    min-height: 600px;
    background: #B3D9E6 url(../imagens/barra_bg.jpg) repeat-x;
    color: #fff;
    float: left;
    z-index: 10;
    padding-bottom: 30px;
}
#barra_util {
    position: relative;
    width: 200px;
    padding: 0 15px 15px 15px;
    background: #90C7D9 url(../imagens/barra_util_bg.jpg) repeat-x;
    margin-left: 20px;
}
#barra_util h2.acesso {
    text-transform: uppercase;
    font-weight: normal;
    font: normal 100% Verdana, Tahoma, Helvetica, Arial, Sans-serif, Geneva;;
    height: 34px;
    padding-top: 14px;
    margin-bottom: 15px;
    color: #fff;
}
#barra_util label {
    width: 60px;
    color: #fff;
}
#conteudo {
    position: relative;
    min-height: 350px;
    padding: 24px 10px 20px 30px;
}
#meio.sistema #conteudo {
    padding: 20px 10px 20px 0;
}
#conteudo a:link, #conteudo a:visited {
    color: #0082AA;
    padding: 3px;
    text-decoration: none;
}
#conteudo a:hover {
    background: #0082AA;
    color: #fff;
    text-decoration: none;
}
#meio h2 {
    font-family: Helvetica, Arial, Verdana, sans-serif;
    line-height: 120%;
}
#menu {
    position: relative;
    font-size: 100%;
    width: 98%;
    height: 48px;
    text-transform: uppercase;
    z-index: 4;
}

/* Estrutura Menu --------------------------------*/

ul{
    margin-left: 10px;
}

ol{ margin-left:30px; }

ul#menu_principal {
    list-style: none;
}

ul#menu_principal li.menuvertical {
    float: left;
    width: 14%;
}

#menu1 { width: 21%; }
#menu2 { width: 14%; }
#menu3 { width: 27%; }
#menu4 { width: 20%; }
#menu5 { width: 18%; }

#menu6 { width: 21%; }
#menu7 { width: 25%; }
#menu8 { width: 17%; }
#menu9 { width: 20%; }
#menu10 { width: 16%; }

ul#menu_principal li.menuvertical a:link, ul#menu_principal li.menuvertical a:link, ul#menu_principal li.menuvertical a:active, ul#menu_principal li.menuvertical a:visited {
    color: #fff;
}
#menu, #menu_principal{
    padding:0;
    margin:0;
}
.linkzao {
    display: block;
    background: url(../imagens/menu_dir.gif) repeat-y right top;
    height: 34px;
    padding: 14px 0 0 10px;

}
.linkzao:hover {
    background: #3D595D url(../imagens/menu_dir.gif) repeat-y right top;
}
.ultima {
    background: none;
}
.ultima:hover {
    background: #3D595D;
}

ul.menu, ul.menu ul {
    position: absolute;
    background: #9F9186;
    width: 195px; /* Width of Menu Items */
    text-transform: none;
    display: none;
}
ul.menu {
    border-bottom: 10px solid #51433A;
}
ul.menu ul {
    background: #81B0C0 /* url(../imagens/azul_transp.png) */;
}
ul.menu li {
    position: relative;
    list-style: none;
}

ul.menu li a {
    display: block;
    padding: 8px 12px;
    text-decoration: none;
}


/* Fix IE. Hide from IE Mac \*/
* html ul.menu li { float: left; height: 1%; }
* html ul.menu li a { height: 1%; }
/* End */

ul.menu ul {
    position: absolute;
    display: none;
    left: 179px; /* Set 1px less than menu width */
    top: 0;
    border-bottom: 10px solid #358099;
}
.lista2 a {
    background: #358099;
}
ul.menu li.submenu ul { display: none; margin-left: 16px; } /* Hide sub-menus initially */

ul.menu li.submenu {
    background: url(../imagens/arrow.gif) right center no-repeat;
}
ul.menu li.submenu a {
    padding: 6px 10px;
}
ul.menu li.submenu a:hover {
    background: #358099 url(../imagens/arrow.gif) right center no-repeat;
}
ul.menu li.sem_submenu a:hover {
    background: #358099;
}

/* MENSAGENS
---------------------------------------------------------*/
#bemvindo {
    position: absolute;
    /*background: #75A1AA;*/
    top: 200px;
    right: 15px;
    color: #8E8073;
    padding: 5px;
    width: 200px;
}

#div_erro {
    position: absolute;
    width: 200px;
    height: 140px;
    top: 50px;
    padding: 15px;
    right: 15px;
    background: #ccc;
}

#sucesso{
    padding: 1.2em;
    width: 70%;
    display: block;
    background-color:#DBFDE6;
    border: solid 2px #2EDE01;
    color: black;
    margin: 0 auto;
}
#erro{
    padding: 1.2em;
    width: 80%;
    display: block;
    background-color:#FFD9D9;
    border: solid 2px red;
    color: #D00000;
    margin: 0 auto;
}

/*PAGINAÇÃO
---------------------------------------------------------*/
.paginacao {
    text-align: center;
}
.paginacao ul {
    list-style: none;
    text-align: center;
}
.paginacao ul li{
    float: left;
}
.paginacao ul li a{
    display: block;
    margin: 0 5px;
    background: #EEEBEA;
    border: 1px solid #D6CDB4;
}
.paginacao_atual {
    float: left;
    display: block;
    padding: 3px;
    margin: 0 5px;
    border: 1px solid #D6CDB4;
    background: #FFF;
}
.paginacao a:hover {
    background: #D6CDB4;
    border: 1px solid #D6CDB4;
}

/*RODAPE
---------------------------------------------------------*/
#rodape_corpo {
    position: relative;
    width: 99%;
    height: 135px;
    background: #B1A6A0;
    margin-top: 115px;
    padding-left: 13px;
    float: left;
}

#rodape {
    position: relative;
    width: 98%;
    min-width: 600px;
    float: left;
    height: auto;
}
#rodape_topo {
    position: absolute;
    right: 20px;
    top: -30px;
}
#rodape_topo a {
    display: block;
    text-indent: 18px;
    font: bold 130% Helvetica, Arial, Verdana, Tahoma;
    background: url(../imagens/rodape_topo_bg.gif) no-repeat 0 2px;
}
#rodape_topo a:hover {
    color: #0083AC;
}

#rodapeq {
    position: absolute;
    margin: -15px 0 0 20px;
    color: #fff;
    padding: 44px 26px 30px 26px;
    font: bold 130% Helvetica, Arial, Verdana, Tahoma;
    background: #6D99A7;
    width: 178px;
    height: 50px;
    float: left;
    z-index: 30;
}
#rodapet {
    position: absolute;
    margin: 26px 0 0 280px;
    color: #fff;
    font: normal 130% Helvetica, Arial, Verdana, Tahoma;
    line-height: 140%;
    z-index: 31;
}
#rodapet ul {
    margin-top: 18px;
    font-size: 90%;
    text-transform: uppercase;
    list-style:none;
}
#rodapet ul li {
    float: left;
    padding-right: 7px;
    margin-right: 7px;
    background: url(../imagens/rodapet_lista_bg.gif) no-repeat right top;
}
#rodapet ul li.ultima {
    padding-right: 0;
    margin-right: 0;
    background: none;
}
#rodapet ul li a {
    color: #fff;
}

/* LISTAS
---------------------------------------------------------*/
.bloqueado{
    color: red;
}
.aprovado{
    color: green;
}

.cor_sim {
    background: #EEEBEA;
}

ol.comoparticipar{
    list-style-position: inside;
    list-style-type:lower-alpha;
}

ul.comoparticipar{
    list-style:disc inside;
    margin-bottom:20px;
}

ul.listaexpandivel li {
    position: relative;
    background: #857971;
    padding: 8px;
    margin-bottom: 3px;
    color: #fff;
    clear: both;
}
ul.consulta {
    margin: 10px 0px;
}

ul.consulta li{
    padding: 2px 2px 3px 10px;
    border-bottom: 1px solid #B1A6A0;
}
ul.listaexpandivel label {
    color: #fff;

}
.listaex_esq {
    position: relative;
    padding: 10px 0;
}
.listaex_dir {
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 1;
}
.listaex_recuo1 {
    margin-left: 10px;
    margin-bottom: 10px;
    padding: 10px;
    color: #777;
}
.vermelho {
    color: #C53824;
}
.cinza {
    color: #666;
}
.azul {
    color: #2B6080;
}
.verde {
    color: #80AA00;
}
.preto {
    color: #000;
}
.branco {
    color: #fff;
}
.amarelo {
    color: #fc3;
}
.escondido {
    display: none;
}
.tamanho15 {
    width: 15px;
}
.tamanho20 {
    width: 20px;
}
.tamanho30 {
    width: 30px;
}
.tamanho40 {
    width: 40px;
}
.tamanho60 {
    width: 60px;
}
.tamanho80 {
    width: 80px;
}
.tamanho90 {
    width: 90px;
}
.tamanho100 {
    width: 100px;
}
.tamanho120 {
    width: 120px;
}
.tamanho130 {
    width: 130px;
}
.tamanho150 {
    width: 158px;
}


.parte50 {
    position: relative;
    width: 50%;
    float: left;
}

.parte33 {
    position: relative;
    width: 33%;
    float: left;
}
.parte70 {
    position: relative;
    width: 70%;
    float: left;
}
.parte30 {
    position: relative;
    width: 30%;
    float: left;
}


/*IMAGENS
--------------------------------------------------*/

.foto_noticia {
    float: right;
    margin: 0 0 20px 20px;
}
.alinhar_direita {
    text-align: right;
}
.flutuar_img {
    float: left;
    margin: 0 25px 20px 0;
}
.flutuar {
    float: left;
}
.flutuar_direita {
    float: right;
}

/*BOTÕES
---------------------------------------------------*/

.botoes_form_esq {
    float: left;
    margin-left: 6%;
}
.botoes_form {
    margin-right: 6%;
    margin-bottom: 15px;
    float: right;
}

.botao_qualquer button {
    margin-bottom: 15px;
    background: #1D5577 url(../imagens/botaoazul_bg.gif) repeat-y 0 0;
}

.botoes_form button, .botoes_form_esq button {
    margin-right: 10px;
    background: #1D5577 url(../imagens/botaoazul_bg.gif) repeat-y 0 0;
}
.botoes_form button.botaocinza, .botoes_form_esq button.botaocinza {
    background: #5D514A url(../imagens/botaocinza_bg.gif) repeat-y 0 0;
}
.botoes_form button.botaovermelho, .botoes_form_esq button.botaovermelho {
    background: #803D23 url(../imagens/botaovermelhogrande_bg.gif) repeat-y 0 0;
}
.botoes_form .maior, .botoes_form_esq .maior {
    width: 210px;
}

a#botao-filtrar:link{
    display: block; width: 50px; text-align: center; background:#857971 none repeat scroll 0 0;  color:#FFFFFF;  padding:10px 20px 10px 15px;
}
a#botao-filtrar:hover{
    display: block; width: 50px; text-align: center; background:#8F7F7F none repeat scroll 0 0;  color:#FFFFFF;  padding:10px 20px 10px 15px;
}



/*EXIBIÇÃO
----------------------------------------------------*/

.mostra {
    display: block;
}
.nao_mostra {
    display: none;
}
.entre_campos {
    position: relative;
    float: left;
    margin: 5px 10px 0 10px;
}
.cbox {
    border: 0;
    background: none;
    margin: 3px;
}

.normal {
    text-align: left;
}
.espaco_dir {
    margin-right: 10px;
}
.espacao_dir {
    padding-right: 208px;
}
fieldset label {
    width: 25%;
    margin-right: 1%;
    background: none;
}

fieldset label.depois {
    width: 85%;
}
fieldset input, fieldset textarea {
    width: 65%;
}
fieldset select {
    width: 66%;
}
fieldset .tamanho100 {
    width: 26%;
}
fieldset .tamanho130 {
    width: 40%;
}
fieldset .tamanho150 {
    width: 50%;
}

.campos_detalhes{
    font-weight: bold;
}

.dados_embarcacao{
    width:10%;
    text-align:center;
}



/*NOTICIAS
------------------------------------------------------------ */
ul.noticias{
    list-style-type: circle;
}
hr.noticias{
    height: 2px;
    background-color: #b1a6a0;
    border: 0px;

}
ul.noticias li{
    margin-bottom: 5px;
    margin-left: 2%;
    font-weight: bold;
}

ul.noticias em{
    font-weight: 100;
}
/* DOCUMENTOS DE IMPRESSÃO
-------------------------------------------------------*/
.txt_documento {
    width: 690px;
    height: 340px;
}
.mceToolbarContainer select {
    background: #fff;
    padding: 4px;
}
#documento .botoes_form {
    padding: 5px 0 0 0;
}
.nao_limpa {
    clear: none;
}
.txtDocumento {
    width: 99%;
    height: 200px;
}

.apresentacao_imagem{ float:left; margin:0 20px 20px 20px; }

#assinatura {
    position: relative;
    width: 30%;
    padding: 5px 0 50px 0;
    top: 40px;
    left: 68%;
    text-align: center;
    color: #000;
    right: 0;
    border-top: 1px solid #000;
}

ul.documentos{
    list-style:square;
    margin-left:30px;
}
ul.documentos li{
    margin:0 0 3px 0;
    color:#333333;
}

.alerta{
    clear:both;
    padding: 1.2em;
    width: 70%;
    display: block;
    background-color:#FEFFB0;
    border: solid 2px #FDFF3B;
    color: black;
    margin: 0 auto;
}
.oculto{ display:none; }
.visivel{ display:block; }

#manual ol{
    list-style:none;
}
#manual .sumario{
    margin-bottom:10px;
}
#manual li{
    padding:7px 0 0 0;
}
#manual h3{
    margin:30px 0 5px 5px;
}
#manual h4{
    margin:30px 0 5px 10px;
    float:none;
}
#manual h4 a:hover{ background:none; color:inherit; }
#manual p, #manual img{
    margin-left:30px;
}
#manual img{
    margin-bottom:30px;
    display:block;
}
#mapa_do_site ul.principal{ margin-bottom:10px; margin-left:40px; }
#mapa_do_site li{ margin-left:15px; padding-top:5px; }

span.alerta_indicada{ height:18px; padding-left: 30px; display:block; background: url(../imagens/alerta_indicada.gif) no-repeat 5px 0; }

/* ANÁLISE TÉCNICA
-------------------------------------------------------*/
a#reanalisar:link, a#reanalisar:visited {
    color: red;
    text-decoration: none;
}
a#reanalisar:hover {
    background: red;
    color: #fff;
    text-decoration: none;
}
#totalRegistros { 
    text-align: right;
    width: 96%;
    height: 20px;
    margin: auto;
    padding-top: 5px;
}

/* OUTROS
-------------------------------------------------------*/
#checkEnviar { margin-left: 40px; }
#checkEnviar span { display: block; float: left; }
#checkEnviar span input { 
    display: block;
    float: left;
    width: 30px;
    margin-top: 1px;
}
#registrosPorPagina { display: inline-table; float: none; width: 100%; }
#registrosPorPagina span { 
    display: block; 
    float: right; 
    margin-left: 10px; 
}
#registrosPorPagina span input { display: block; margin-top: -10px; }
#registrosPorPagina span label { padding-top: 5px; width: 110px; }

input[readonly] { 
    background: #e6e6e6;
    border: 1px solid #999; 
}
input[readonly]:focus {
    border: 2px solid #999;
    padding: 2px;
}
.group-horizontal { height: 16px; clear: both; }
.group-horizontal input[type="checkbox"] { width: 15px; margin-right: 10px; }
.group-horizontal input[type="radio"] { width: auto; margin-right: 10px; float: left; }
.group-horizontal label.reduz-label { width: auto; margin-right: 20px; }
.group-horizontal label.reduz-label-periodo { width: 2%; margin-right: 20px; }
.parte100 {
    position: relative;
    width: 100%;
    float: left;
}
.group-horizontal select.reduz-select { width: 29%; margin-right: 20px; }

.autocomplete input {
    width: 412px;
    height: 16px;
    padding: 3px;
}
.autocomplete input:focus {
    border: 2px solid #77C0D1;
    padding: 2px;
}
.autocomplete .tt-dropdown-menu {
    width: 412px;
    border: 2px solid #77C0D1;
    padding: 2px;
    max-height: 150px;
    overflow-y: auto;
    background-color: #FFF;
}
.autocomplete .tt-suggestion p {
    margin: 0px;
    padding: 2px;
}
.autocomplete .tt-suggestion p:hover {
    background-color: #EEEBEA;
}

.botoes_proposta { 
    clear: both; 
    margin: 0 auto;
    padding-bottom: 30px; 
}
.botoes_proposta li {
    list-style: none;
    display: block;
    float: left;
    height: 48px;
}
.botoes_proposta a {
    height: 50px;
    font-size: 12px;
    padding: 10px !important;
    margin-right: 10px;
    background: #777;
    color: #FFF !important; 
}
.botoes_proposta a.ativa {
    background: #0082AA;
}
.help-text, .help-block {
    width: 61%; 
    padding-left: 26%; 
    display: inline-table; 
}
.help-block {
    margin-top: -8px; 
    color: #F00;
}
.campo_prev_consumo input[type="text"] {
    text-align: right; 
    width:100px; 
    float: right;
}
.bloco_justificativa a {
    padding-left: 10px;
    padding-top: 2px;
    display: block;
    text-align: center;
    height: 18px;
}