/* ===================================================================== */
/* Observação: 													  		 */
/* 	Esta folha de estilo destina-se as especificidades do SIGEST     	 */
/* ===================================================================== */

/* Define a configuração da marca de campos obrigatórios */
.important {
    color: #FF0000;
    overflow: visible;
    display: inline;
}

/* ajusta o tamanho da barra de título */
#pageTitle{	position:relative; padding:0px; margin:0px;}

/* pageTitle : define a cor de texto do titulo da página*/
div#pageTitle h1 {color: #457FA7;}

/* ajusta a posição do subtítulo da página */
#pageTitle H2{float:none;}

/* desabilita o menu de contexto*/
#menuContexto{display:none;visibility:hidden}

/* ajusta a posição do menu de contexto*/
#menuContexto UL{_padding: 2px;}
#menuContexto LI.ativo A{color:#457FA7;}

/* define a cor do link do 1º nivel do menu*/
#menuNiv1 a:hover{color:#333333;}

/* define a cor da borda do 3º nivel do menu*/
div#menuNiv3 div{min-height:85px;border-bottom:1px solid #0099CC;}

iframe#correcaoMenuIE{height:191px;}

#conteudo h2 {font-size: 13px;}
#conteudo h3 {font-size: 12px;}
#conteudo h4 {font-size: 11px;}

/*-- Novo comportamento do menu -------------------------------------*/
#menuNiv3 ul{padding:0px;}
#menuNiv3 li{clear:left;cursor:default;padding:0px 15px;}
#menuNiv3 span{
    cursor:pointer;
    padding-right:15px;
    background-image:url(../images/setaItem_off.gif);
    background-repeat:no-repeat;
    background-position:right;}

#menuNiv3 span.itemAtual{
    color:#666666;
    font-weight:900;
    background-image:url(../images/setaItem_on.gif);
    background-repeat:no-repeat;
    background-position:right;}

#menuNiv3 ul ul{
    float:left;
    padding:0px 0px 10px 0px;
    border-right:none;
    display:none;}

#menuNiv3 ul ul li{
    padding-left:10px;
    border-left:1px solid #ccc;}

#menuNiv3 ul ul li a:hover{color: #666;text-decoration:underline;}

/*-- FIM: Novo comportamento do menu -------------------------------------*/


/*-- Mensagens -----------------------------------------------------------*/
#mensagens h4{
    font-size:100%;
    color:#333333;
    margin:0px;
    padding:5px 0px 2px 0px;}

#mensagens ul{
    margin:0px 25px;
    list-style:square;}
/*-- FIM: Mensagens ------------------------------------------------------*/

/* label : define o tamanho da div do label e o peso da fonte */
div.formulario .label{width: 725px;}

div.formulario .field{vertical-align:middle; padding:4px 0px;}
div.formulario .field input{margin:-4px 0px;}

.formulario fieldset.visivel .label{width:210px;}


/* Define o posicionamente do elemto de item obrigatorio do formulário */
div.formulario .label span{
    position:absolute;
    left:10px;
    color:#999999;
    z-index:0;
    _z-index:-1;
}

div.formulario fieldset.visivel .label span{
    position:relative;
    left:inherit;
    margin:0px 10px 0px 0px;
    color:#999999;
}

.formulario legend {font-size: 13px;}


/* Define a cor de fundo e borda dos elementos do fumulário quando estão em foco */
input:focus, select:focus, textarea:focus{border:1px solid #8eb8d2; background-color:#e3edf4}

/* Define a cor de fundo para os campos nao editaveis */
input[readonly]{background-color:#f4f4f4}
input[readonly]:focus{border:1px solid #666666;}

textarea[readonly]{background-color:#f4f4f4}
textarea[readonly]:focus{border:1px solid #666666;}

/* Define a cor de fundo da linha quando o ponteiro esta sobre a linha */
.tabelaListagemItens tr:hover {background-color: #e3edf4;}
.tabelaListagemItens td{border-bottom: 1px solid #CCCCCC;}
.tabelaListagemItens tr td:last-child{border-right:none;}

/*Define os destaques para linhas das tabelhas*/
tr.registroSelecionadoVerde td{background-color:#ddebcd}
tr.registroSelecionadoAmarelo td{background-color:#F4F8B1}

/* Define as configurações das linha totalizadoras */
.tabelaListagemItens tr.subTotal{
    background-color:#FFFFFF;
    font-weight:bold;
    border-color:#666666;
}

.tabelaListagemItens tr.Total th, .tabelaListagemItens tr.Total td{
    background-color:#CCCCCC;
    font-weight:bold;
    color:#333333;
    border:1px solid #666666;
}

tr.Total td.celulaTranparente{
    background-color:#f4f4f4;
    border:0px;
    border-bottom:	1px solid #f4f4f4;
}

.tabelaListagemItens td blockquote{
    margin:0px 25px;

}

/* Coreção das bordas quando existir uma tabela de listagem dentro de uma tabela com abas*/
td.tabelaAbasConteudo .tabelaListagemItens th{ 
    padding: 2px 4px;
    text-align: left;
    background-color:#CCCCCC;
    border-top:none;
    border-left:none;
    border-right:none;
    border-bottom:1px solid #666666;
}

/*Configura os paragrafos dentro da Classe ROW */
div.row p{margin-top:10px;}

/*Correção de alinhamento dos elementos */
div.formulario div.row div.row{display:block;margin:0px;padding:1px}

/* Recipiente para os botões */
.rowButtonsN1{
    display:block;
    clear:both;
    font-size: 11px;
    text-align: right;
    margin-top: 10px;
    padding:4px 0px;
    border-top:1px solid #dbdbdb}

.rowButtonsN1_{
    display:block;
    clear:both;
    font-size: 11px;
    text-align: left;
    margin-top: 10px;
    padding:4px 0px;
    border-top:1px solid #dbdbdb}

.rowButtonsN2 {
    display:block;
    clear:both;
    font-size: 11px;
    text-align: right;
    margin-top: 2px;
    padding:4px 0px;
    border-top:2px dotted #dbdbdb}

/* Recipiente para os botões da Mensagens */
.rowButtonsMensagens {
    width:60%;
    display:block;
    clear:both;
    font-size: 11px;
    text-align: right;
    padding:4px 20px;}

/* Utilizado para dar destaques aos compos preenchidos pelo sistema */
.destaqueCinza {
    background-color: #EFEFEF;
    padding: 10px;
    margin: 10px 0px;}

.destaqueCinza h3{
    border-bottom:2px dotted #666666;
    padding-left:5px;
    margin:5px 0px;
    clear:both}

span.obrigatorio{
    text-align: right;
    color: #FF0000; 
    font-style: italic
}

div.row h3.subTitulo{
    border-bottom:1px dotted #666666;
    margin:10px 0px 0px 0px;}

/*define as configurações para a tabela com abas*/
.tabelaAbas {
    width:100%;
    text-align: left;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    border-collapse:collapse;}

.tabelaAbas th{
    padding:4px;
    background-color:#dbdbdb;
    border:1px;
    border-style:solid;
    border-color:#999999;
    text-align:center;
    font-weight:normal;}

.tabelaAbas th a{
    padding:4px;
    font-weight:normal;
    display:block;
    cursor:pointer;
    margin:-4px -4px;}

.tabelaAbas th a:hover {background-color: #e3edf4;}

.tabelaAbas th.tabelaAbaAtiva{
    border-top:2px solid #999999;
    border-left:1px solid #999999;
    border-right:1px solid #999999;
    border-bottom:1px solid #ffffff;
    background-color:#FFFFFF;}

.tabelaAbas th.tabelaAbaAtiva a{
    font-weight:bold;
    cursor:default;
    text-decoration:none;}

.tabelaAbas th.tabelaAbaAtiva a:hover{
    background-color:#FFFFFF;
    text-decoration:none;}

.tabelaAbas td.tabelaAbasConteudo{
    border-top:none;
    border-left:1px solid #999999;
    border-right:1px solid #999999;
    border-bottom:1px solid #999999;}

.tabelaAbas td.tabelaAbasConteudo h3{
    border-bottom:2px dotted #666666;
    margin-top:0px;}


/*define as configurações para as tabela utilizadas em formularios para agrupar os campos*/
.tabelaDados {
    width:100%;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    border-collapse:collapse;}

.tabelaDados td.label{
    float:none;
    width:25%;
    margin:0px;
    padding:2px;
    height:auto;
    display:table-cell;}

.formulario fieldset.visivel .tabelaDados td.label span, .tabelaDados td.label span {
    position:relative;
    left:inherit;
    margin:0px 10px 0px 0px;
    color:#999999}

.formulario fieldset.visivel legend, .formulario legend.legendaDiscreta {
    text-indent: 0px;
    font-size: 11px;
    font-weight: bold;
    color: #666666;
    margin-bottom: 0px;}

.tabelaDados td.field{
    float:none;
    width:25%;
    margin:0px;
    padding:2px;
    height:auto;
    display:table-cell;}

.caminho {
    padding: 2px 4px;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;}

.caminho ul{
    list-style:none;
    margin:0px;}

.caminho ul li:first-child{	
    border-left:none;
    padding-left:0px;}

.caminho ul li{
    color:#999999;
    float:left;
    padding:0px 7px;
    border-left:1px solid #999999}

.caminho ul li.ativo{
    color:#666666;
    font-weight:bold;}

a.botao{
    color: #666666;
    padding: 1px 12px;
    border-style: solid;
    border-color: #999999;
    border-width: 0px 1px 1px 0px;
    margin-right: 2px;
    background-image:url(../images/f_botao.gif);
    background-repeat:repeat-x;
    font-weight:bold;
    text-align:center;}

a.botao:hover{
    color: #666666;
    text-decoration:none;}

a.botao:focus{border:1px solid #8eb8d2; background-color:#e3edf4}

.tagelaListagemLegenda{ height:15px;}


.tagelaListagemLegenda ul{
    list-style:square;
    margin:0px 15px;
    position:relative;}

.tagelaListagemLegenda ul li{
    float:left;
    margin-right:20px;
    font-size:90%}

.tagelaListagemLegenda ul li span{color:#333333}

.legendaAzul{color:#0000FF}
.legendaVermelho{color:#FF0000}
.legendaPreta{color:#000000}
/*--------------------------------------------------------*/
/*-- Mapa do Sistema :: Alteração das cores --------------*/

#mapaSistema{
    position:absolute;
    left:10px;
    right:10px;
    margin:10px 0px;
    padding:6px 10px;
    background-color:#F3F3F3;
}

#mapaSistema ul {
    list-style: none;
    margin: 2px 20px 2px 0px;
    padding: 0;
    float: left;
}

#mapaSistema li.grupo{padding-left:10px;}

#mapaSistema li{padding-left:20px;}

#mapaSistema ul ul{
    float:none;
    padding:0px 0px 0px 15px;
    border-right:none;}

#mapaSistema ul ul li{
    padding-left:10px;
    border-left:1px solid #ccc;
}


#mapaSistema H1{
    padding:0;
    text-align:center;
    font-size:1.8em;
    color:#457FA7;
    text-transform:uppercase;
    margin:0;
}

#mapaSistema H2{
    font-size:1em;
    padding-left:4px;
    margin:10px 6px 0 6px ;
    color:#000;
    background-color:#B3CFE1;
}

#mapaSistema H3{margin: 7px 0px 2px 0px}

#mapaSistema div{
    width:100%;
    position:relative;
    margin:6px 0px 12px 0px;
    padding:0px;
    background-color: #fafafa;
    border-right:1px solid #B3CFE1;
    border-bottom:1px solid #B3CFE1;
    float:left;
}

#mapaSistema hr{
    clear:both;
    border:15px solid #FFF;
    margin:0px -10px 10px -10px;
}


/* Mensagens */
.sucesso ul{
    margin-left:30px;
    list-style:square;
}



/*	
        #mapaSistema DIV.mapaNiv1{
                padding:1px 0px;
                margin:0 4px 12px 4px;
                float:left;
                background-color:#F3F3F3;
        }

        #mapaSistema A{
                border-left:2px solid #d1d1d1;
                color:#333333;
        }

        
        
        
        #mapaSistema LI{
                font-size:12px;
                color:#333;
                text-align:left;}
        

        
        #mapaSistema div.mapaNiv2 UL{
                list-style: none;
                margin: 0;
                padding: 0;
                float: left;
        }
*//*

#mapaSistema{
        margin-top:50px;
        _margin-top:20px;
        margin-right:-15px;
        margin-left:-15px;}
        
#mapaSistema A{
        margin-right:4px;
        margin-left:-2px;	
        border-left:2px solid #d1d1d1;
        padding-left:5px;
        color:#5d5d5d;}

#mapaSistema UL{
        margin-left:0.7em;
        list-style:none;}
        
#mapaSistema LI{
        font-size:12px;
        color:#333;
        text-align:left;}

        
#mapaSistema .mapaNiv1 H1{
        padding:0;
        text-align:center;
        font-weight:bold;
        font-size:1.4em;
        color:#000;}
        

#mapaSistema LI.mapaNiv2{
        margin-top:6px;
        margin-left:-2px;
        margin-right:6px;
        margin-bottom:12px;
        padding:6px;
        background-color: #fafafa;
        border-right:1px solid #d1d1d1;
        border-bottom:1px solid #d1d1d1;}
        
#mapaSistema .mapaNiv2 H2{
        font-size:1em;
        padding-left:4px;
        background-color:#d1d1d1;
        margin:0 0 4px 0;
        color:#000;}
        
#mapaSistema .mapaNiv2 LI H3{margin-bottom:0;}

#mapaSistema LI.conjuntoCenarios{margin-bottom:6px;}

*/






/*-- Mapa do Sistema :: Alteração das cores --------------*/
/*--------------------------------------------------------*/

/*--------------------------------------------------------*/
/*-- Definições do Help ----------------------------------*/

#conteudoHelp{
    padding: 20px 0px;
}

#conteudoHelp h1 {
    padding:0px 20px;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}

#conteudoHelp h2 {
    padding:0px 20px;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
}

#conteudoHelp h3 {
    padding:0px 20px;
    font-size: 11px;
    font-weight: bold;
    color: #666666;
}

#conteudoHelp h4 {
    padding:0px 20px;
    font-size: 10px;
    font-weight: bold;
    color: #999999;
}

#conteudoHelp a {
    text-decoration: none;
}

#conteudoHelp a:hover {
    text-decoration: underline;
}

#conteudoHelp p{
    padding:0px 20px;
    font-size:110%;
    clear:both;
    margin-top:10px;
    text-align:justify;
}

#conteudoHelp #pageTitle{
    width:100%;
    float:left;
    clear:both;
    height:36px;
    padding:0px;
    background-image:url(../images/f_titulo_pagina.jpg);
    background-repeat:repeat-x;
    background-position:bottom;
    margin:0px 0px 10px 0px;
    vertical-align:top;
}
#conteudoHelp #pageTitle h1 {
    clear:both;
    font-size:17px;
    padding:0px 18px;
    margin:-15px 0px 7px 0px;
}

#conteudoHelp #pageTitle h2 {
    font-size: 10pt;
    font-weight:100;
    color: #565656;
    margin:0px;
    padding:0px 18px;
    float:left;
}
/*-- Definições do Help ----------------------------------*/
/*--------------------------------------------------------*/


/*--------------------------------------------------------*/
/*-- Definições da Janela Fluxo---------------------------*/
#baseFluxo{
    position:absolute;
    top:0;left:0;
    z-index:250;
    display:none;
    width:100%;
    height:100%;
    background-color:#CCCCCC;
    background-image:url(fundo.jpg);
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);
    opacity: .20;}

#baseFluxo iframe{
    position:absolute;
    top:0;left:0;
    width:99%;
    height:99%;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);
    opacity: .20;
    border:none;}

div.fluxoRequisito{
    position:absolute;
    top:50px;left:50%;
    z-index:260;
    background-color: #d1cfd0;
    margin-left:-200px;
    width:400px;}

div.fluxoRequisito div{
    position:relative;
    top:-4px;left:-4px;
    background-color:#FFFFFF;
    border:1px solid #999999;
    padding:5px;}

div.fluxoRequisito h1{
    font-size:16px;
    font-weight:bold;
    border-bottom:1px solid #999;
    margin:0px 0px 3px 0px;}

div.fluxoRequisito h2{
    font-size:12px;
    font-weight:bold;
    color:#333333;
    margin:0px 5px 0px 5px;}

div.fluxoRequisito p{margin:0px 20px 15px 20px;}

div.fluxoRequisito ul{margin:0px 20px 15px 20px;}
div.fluxoRequisito li{
    margin-left:20px;
    margin-right:20px;
    list-style:square;}

div.fluxoRequisito span{
    display:block; 
    text-align:right;
    border-top:1px solid #666666;
    padding:4px 0px;}
/*-- Definições da Janela Fluxo---------------------------*/
/*--------------------------------------------------------*/

div#poupBoxFundo{
    position:absolute; 
    top:0;
    left:0;
    z-index:250;
    display:block;
    width:100%;
    height:100%;
    background-color:#CCCCCC;
    background-image:url(fundo.jpg);	
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);	
    opacity: .20;}

div#poupBoxFundo iframe{
    position:absolute;
    top:0;left:0;
    width:99%;
    height:99%;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);
    opacity: .20;
    border:none;}

div#poupBox{
    position:absolute;
    top:220px;left:50%;
    z-index:260;
    background-color: #d1cfd0;
    margin-left:-200px;
    width:400px;}

div#poupBox div{
    position:relative;
    top:-4px;left:-4px;
    background-color:#FFFFFF;
    border:1px solid #999999;
    padding:5px;}


/*-- Definições para os contatos ---------------------------*/
#contato{margin-top:45px;}
#contato A {color:#457FA7;}

/**************************************************/
/************* Seleção DE -> PARA *****************/

/* Conjunto de classes que define a formatação dos combos e botões
/* de uma seleção de troca de opções entre combos						 */

.selecaoDePara{padding-bottom:6px;}
.selecaoDePara .de{display:table-cell;}
.selecaoDePara .para{display:table-cell;}
.selecaoDePara .controles{
    display:table-cell;
    width:100px;
    text-align:center;}
.selecaoDePara .controles INPUT{margin:2px 0;}
.selecaoDePara .controles .ctrlIncluir{margin:1.4em 0 20px 0;}
.selecaoDePara .controles .ctrlRetirar{}

/************* Seleção DE -> PARA *****************/
/**************************************************/

/*.field span.dstacado */
.destacado {
    font-size: 12px;
    font-weight: bold;
    color: #395c83;
    background-color: #cde4eb;
    padding: 1px 5px;
}

.exportlinks{ /* exportação de consultas da displaytag */
    color:#999;
    float:left;
    margin:2px 5px 4px 5px;}
.exportlinks.produto{
    float:none;
    margin-top:0;}
.exportlinks:hover{color:#333;}	
.exportlinks SPAN{
    background:no-repeat center center;
    padding:0 10px 6px 10px;
    margin-left:2px;}
.exportlinks .excel{background-image:url("../img/excel.gif"); }
.exportlinks .excel:hover{background-image:url("../img/excel_mini.gif");}
.exportlinks .pdf{background-image:url("../img/pdf.gif");}
.exportlinks .pdf:hover{background-image:url("../img/pdf_bw_mini.gif");}
.exportlinks .html{background-image:url("../img/html.gif");}
.exportlinks .html:hover{background-image:url("../img/html_bw_mini.gif");}
#wrapperConteudo .exportlinks A:hover{text-decoration:none;}


.yiiTabInter ul.tabs
{
    padding: 2px 0;
    margin: 0;
    border-bottom: 1px solid #8DCE88;
    font: bold 10px Verdana, sans-serif;
    
}

.yiiTabInter ul.tabs li
{
    list-style: none;
    margin: 0px;
    display: inline;

}

.yiiTabInter ul.tabs a
{
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    padding: 2px 0.5em;
    margin: 0 0 0 0px;
    border: 1px solid #8DCE88;
    border-bottom: none;
    background: #D8EDD7;
    text-decoration: none;
}

.yiiTabInter ul.tabs a:link
{
    /** color: #667; */

    color: #000;
}

.yiiTabInter ul.tabs a:visited
{
    color: #667;
}

.yiiTabInter ul.tabs a:hover
{
    color: #000;
    background: #8DCE88;
    border-color: #000000;
}

.yiiTabInter ul.tabs a.active
{
    background: white;
    border-bottom: 1px solid white;
}

.yiiTabInter div.view
{
    /*
    border-left: 1px solid #8DCE88;
    border-right: 1px solid #8DCE88;
    border-bottom: 1px solid #8DCE88;
    */
    
    padding: 0;
    margin: 0;
}