/* DIV DE ESPERA */
#divEspera{
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000000;
    opacity: 0.6;
    filter: alpha(opacity = 60);
    width: 100%;
    height: 100%;
    display: none;
    z-index: 3;
}

.caixaEspera{
    background-color: #F2F2F2;
    border: solid 3px #F5CD76;
    position: fixed;
    top: 50%;
    left: 50%;
    height: 60px;
    width: 260px;
    margin: -30px 0 0 -130px;
    z-index: 4;
}

.caixaEspera .conteudoEspera{
    padding: 15px;
    z-index: 4;
}

.caixaEspera .conteudoEspera img{
    float: left;
    margin: 0 10px 0 50px;
    z-index:4;
}


.caixaEspera .conteudoEspera p{
    font-size: 20px;
    color: #000;
    margin-top: 5px;
    z-index: 4;
}



*{
    margin: 0;
    padding: 0;
    font-family: Helvetica, Arial, sans-serif;
}

body {
    background-color: #EEEEEE;
    font-size: 12px;
    background-image: url('../imagens/background.png');
}

div#fundo{
    width: 858px;
    margin: 0 auto 0 auto;
    background-image: url('../imagens/fundo.gif');
}

div#pagina{
    width: 750px;
    margin: 0 auto 0 auto;
    background: #FFFFFF;
}

div#topo{
    background-image: url('../imagens/topo.jpg');
    background-repeat: no-repeat;
    height: 144px;
}

div#rodape{
    background-color: #717171;
    height: 14px;
    color: #FFFFFF;
    font-size: 8px;
    text-align: center;
}

div#rodape p{
    padding-top: 2px;
}

div#fundoRodape{
    margin: 0 auto 0 auto;
    width: 858px;
    background-image: url('../imagens/fundoRodape.gif');
    height: 20px;
}

img#imgSlide{
    margin: 0 auto 10px auto;
    border: 1px solid #DDDDDD;
    width: 720px;
    height: 540px;
}

div.divControles{
    width: 100%;
    display: table;
    background-color: #EEEEEE;

}

div.divProximo, div.divAnterior{
    display: block;
    padding: 2px 0 0 0;
}

div.divAnterior{
    float: left;
    border: 0px solid;
    margin: 0 0 0 220px;
}

div.divProximo{
    text-align: right;
    margin: 0 220px 0 0;
    float: right;
    border: 0px solid;
}

a.aSlide img{
    border: 0px solid;
}

div#boxLogin{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #eee;
    margin: 30px auto 30px auto;
    padding: 10px 20px 10px 50px;
    width: 180px;
    background-color: #9F9F9F;
}

div#boxLogin input{
}

input.inputLogin{
    margin-bottom: 5px;
    height: 18px;
}

div#boxLogin button{
    margin-left:  60px;
}

div#boxLogin p#erro{
    color: #FF0000;
    font-weight: bold;
    font-size: 10px;
    margin: 3px 0 3px 0;
}

div#conteudo{
    margin: 0 5px 0 5px;

}

h2{
    font-size: 16px;
    margin-bottom: 10px;
    border-bottom: 1px solid #FF0000;
    width: 500px;
}

h3{
    font-size: 15px;
    margin-top: 10px;
    font-weight: normal;
}

div#divDadosLogin{
    margin-left: 10px;
    margin-top: 3px;
}

div#divDadosLogin li{
    display: inline;
    margin-right: 30px;
}

div#divDadosLogin label{
    font-weight: bold;
}

#identidade label{
    font-weight: bold;
    font-size: 14px;
    margin-left: 5px;
}

button{
    padding: 0 17px 0 17px;
}

button{
/*
    background-image: url('../imagens/btMeio.gif');
    background-repeat:repeat-x;
    border: 0;
    border: 1px solid #CCCCCC;
*/

    color: #FFFFFF;
	font-weight: bold;
    height: 40px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	background-color: #000000;
}

button:hover{
/*
    background-image: url('../imagens/btMeioOver.gif');
*/
}

button.btEsp{
    /*
background-image: url('../imagens/btMeioEsp.gif');
*/
    color: #000;
	background-color: #EFB02F;
}

button.btEsp:hover{
    /*
background-image: url('../imagens/btEspOver.gif');
*/
}


textarea{
    font-size: 13px;
}

input[type=text],input[type=password],textarea{
    padding: 2px;
    border: 1px solid #CCCCCC;

}

.focus{
    border: 1px solid #E0AE4D !important;
    background-color: #F9F9F9 !important;
    color: #000000 !important;
    font-weight: normal !important;
}

.blur{
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
    color: #000000;
}
/*
 * *************************** ANÁLISE **************************
 */

div.fator{
    margin-bottom: 40px;
}

table,
table tr,
table tr td,
table tr th{
    border: 1px solid #CCCCCC !important;
}

table{
    border-collapse: collapse;
}

table th{
    background-color: #DDDDDD;
}

table tr td.tdClassifica{
    text-align: center;
}


table tr td,
table th{
    padding: 0;
}

table th.coluna1,
table th.coluna2{
    width: 315px;
}

span#analise tr th.coluna4{
    width: 29px;
}

.tdClassifica{
    width: 40px;
}

.trIndicador{
    height: 40px;
}

span#analise div.fator input[type="text"],
div.fator textarea{
    width: 302px;
    margin: 3px;
}

span#analise div.fator textarea{
    min-height: 50px;
}

span#analise div.fator input.descFator{
    text-align: center;
}

span#analise div.fator input.inputReadonly{
    background-color: #DDDDDD;
    color: #000000;
    border: 0px;
    font-weight: bold;
}

span#analise div.fator input.inputReadonly:hover{
    cursor: default;
}

img.imgBt{
    cursor: pointer;
}

div.controles{
    display: block;
    margin: 15px 20px 30px 20px;
    text-align: right;
    display: block;
}

div.controles button{
    margin: 0 0px 0 40px;
}

th.thIndicador{
    margin: 0;
    padding: 0;
    width: 220px;
}

th.thExplicacao{
    margin: 0;
    padding: 0;
}

th.thClassificador{

}

th.thNota{
    text-align: center;
    width: 13px;
}

th.thSoma{
    width: 25px;

}

td.tdNotas {
    padding: 0;
    margin: 0;
    text-align: center;
    width: 13px;
    border-right: 1px solid #F5F5F5;

}

td.tdNotas input{
    padding: 0;
    margin: 0;
    width: 12px;
}

td.tdTipoTop,
.inputTipoTop{
    background-color: #337F2F;
    color: #FFFFFF;
    font-weight: bold;
}
td.tdTipoExtra,
.inputTipoExtra{
    background-color: #CF2631;
    color: #FFFFFF;
    font-weight: bold;
}


.trSoma{
    text-align: center;
    background-color: #50678F;
    color: #FFFFFF;
    font-weight: bold;
}


.legendas{
    display: table;
    margin: auto;
    text-align: center;
}

.legendas td{
    text-align: left;
}

.thLegenda{
    width: 180px !important;
}


.criteriosDesempates{
    margin-bottom: 10px;
}

.criteriosDesempates label{
    font-weight: bold;
}


.tdDestaque{
    background-color: #C3DFC9;
}

.corSelecionado{
    background-color: #238F3C;
}

span#classificar table tr,
span#concorrencia .boxConcorrente .meio table tr,
span#fcs span#analise  table tr{
    height: 30px;
}

span#classificar table td,
div.legendas table td,
span#concorrencia .boxConcorrente .meio table td,
span#fcs span#analise table td,
span#metasSetoriais table tr td{
    padding: 3px;
}

div#swot{
    margin: 0 auto 20px auto;
}

div.separaCaixas{
    clear: both;
}

div#swot table tr{
    height: 25px;
}


th#thFor, #tabelaSWOTForcas th{
    background-color: #C00000;
    color: #FFFFFF;
}

td.tdFor, #tabelaSWOTForcas td{
    background-color: #FFEFEF;
}


th#thFra, #tabelaSWOTFraquezas th{
    background-color: #FFC000;
    color: #000000;
}

td.tdFra, #tabelaSWOTFraquezas td{
    background-color: #FFFBEF;
}


th#thOpo, #tabelaSWOTOportunidades th{
    background-color: #0000FE;
    color: #FFFFFF;
}

td.tdOpo, #tabelaSWOTOportunidades td{
    background-color: #EFEFFF;
}


th#thAme, #tabelaSWOTAmeacas th{
    background-color: #01FF01;
    color: #000000;
}

td.tdAme, #tabelaSWOTAmeacas td{
    background-color: #EFFFEF;
}



span#fcs div.legendaClassificacao ul,
span#classificar div.legendaClassificacao ul,
span#pontuacaoMetasSetoriais div.legendaClassificacao ul{
    margin-bottom: 10px;
}

span#fcs div.legendaClassificacao ul li,
span#classificar div.legendaClassificacao ul li,
span#pontuacaoMetasSetoriais div.legendaClassificacao ul li{
    display: inline-table;
    width: 241px;
    height: 25px;
    text-align: center;
    padding-top: 8px;
    color: #FFFFFF;
    font-weight: bold;
    background-repeat: repeat-x;
}

span#classificar .boxPlano .topo{
    background-repeat: repeat-x;
}


span#fcs div.legendaClassificacao ul li#selecionado,
span#classificar div.legendaClassificacao ul li#selecionado{
    background-color: #337F2F;
    border: 1px solid #337F2F;
}


span#fcs div.legendaClassificacao ul li#empatado,
span#classificar div.legendaClassificacao ul li#empatado{
    background-color: #CF2631;
    border: 1px solid #CF2631;
}


span#fcs div.legendaClassificacao ul li#nao_selecionado,
span#classificar div.legendaClassificacao ul li#nao_selecionado,
span#pontuacaoMetasSetoriais div.legendaClassificacao ul li#nao_selecionado{
    background-color: #FFFFFF;
    color: #000000;
    border: 1px solid #DDD;
}

span#classificar label,
span#fcs label,
span#pontuacaoMetasSetoriais  label{
    font-weight: bold;
}


/*
 * *************************** CAIXA SWOT E CAIXA POSTURA **************************
 */
#swot div#caixaSWOT{
    border: 1px solid #000000;
}

div#caixaSWOT,
div#caixaPostura,
div#caixaResumoConcorrentes,
div#caixaMetasObj{
    margin: 0 auto 10px auto;
    display: table;
    width: 600px;
}

div#caixaResumoConcorrentes{
    width: 100%;
}

div#caixaSWOT div#topoCaixaSWOT,
div#caixaSWOT div#meioCaixaSWOT,
div#caixaPostura div#topoCaixaPostura,
div#caixaPostura div#meioCaixaPostura,
div#caixaResumoConcorrentes div#topoResumoConcorrentes,
div#caixaResumoConcorrentes div#meioResumoConcorrentes,
div#caixaMetasObj div#topoCaixaMetasObj,
div#caixaMetasObj div#meioCaixaMetasObj{
    width: 100%;
    display: table;
}

div#caixaSWOT div#topoCaixaSWOT,
div#caixaPostura div#topoCaixaPostura,
div#caixaResumoConcorrentes div#topoResumoConcorrentes,
div#caixaMetasObj div#topoCaixaMetasObj{
    background-image: url('../imagens/topoCaixaSWOT.jpg');
    background-repeat: no-repeat;
    height: 26px;
    width: 600px;
}

div#caixaResumoConcorrentes div#topoResumoConcorrentes{
    width: 100%;
    background-repeat: repeat-x;
}

div#caixaSWOT div#topoCaixaSWOT p,
div#caixaPostura div#topoCaixaPostura p,
div#caixaResumoConcorrentes div#topoResumoConcorrentes p,
div#caixaFCSObj div#topoCaixaFCS p,
div#caixaMetasObj div#topoCaixaMetasObj p,
span#identidade #caixaQuestoes #topoCaixaQuestoes p{
    padding: 5px 0 0 5px;
    color: #FFFFFF;
    font-weight: bold;
    cursor: pointer;
}

div#conteudo div#caixaSWOT div#meioCaixaSWOT,
div#conteudo div#caixaPostura div#meioCaixaPostura,
div#conteudo div#caixaResumoConcorrentes div#meioResumoConcorrentes,
div#conteudo div#caixaMetasObj div#meioCaixaMetasObj{
    opacity: 0;
    padding: 0 2px 0 2px;
    display: none;
    border: 1px solid #787775;
    width: 594px;
}

div#conteudo div#caixaResumoConcorrentes div#meioResumoConcorrentes{
    width: 734px;
}

div#caixaResumoConcorrentes div#meioResumoConcorrentes{
    width: 735px;
}

div#caixaSWOT table,
div#caixaPostura table{
    width: 48%;
    margin: 5px;
}

div#caixaResumoConcorrentes table,
div#caixaMetasObj table{
    margin: 5px auto 5px auto;
}

div#caixaMetasObj table{
	width: 589px;
}

div#caixaSWOT table td,
div#caixaPostura table td,
div#caixaResumoConcorrentes table td,
div#caixaFCS table td,
div#caixaMetasObj table td{
    padding: 3px;
}

div#caixaSWOT table th,
div#caixaPostura table th,
div#caixaResumoConcorrentes table th,
div#caixaMetasObj table th{
    height: 44px;
}

div#caixaSWOT table td.tdNota{
    width: 10%;
    text-align: center;
}

div#caixaSWOT table#tabelaSWOTForcas,
div#caixaSWOT table#tabelaSWOTOportunidades{
    float: left;
    clear: left;
    margin-right: 9px;
}

div#caixaSWOT table#tabelaSWOTFraquezas,
div#caixaSWOT table#tabelaSWOTAmeacas{
    float: right;
    clear: right;
    margin-right: 4px;
}

#concorrencia #caixaResumoConcorrentes #meioResumoConcorrentes table{
	width: 729px;
}

#concorrencia #caixaResumoConcorrentes #meioResumoConcorrentes .thResumoFCS{
}

#concorrencia #caixaResumoConcorrentes #meioResumoConcorrentes .thIESResumo{
    width: 30px;
}

#concorrencia #caixaResumoConcorrentes #meioResumoConcorrentes .tdIESResumo{
    text-align: center;
}


/*
 * *************************** MENU **************************
 */

ul.menubar{
    float: left;
    width: 740px;
    margin: 5px 6px 5px 6px;
    padding: 0px;
    font-size: 100%;
    /*
background-image: url('../imagens/fundoMenu.jpg');
*/
    background-repeat: repeat-x;
	background-color: #EFB02F;
}

ul.menubar .submenu{
    margin: 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    float: left;
    min-width: 15.78%;
    /*background-image: url('../imagens/fundoMenu.jpg');*/
	background-color: #EFB02F;
    background-repeat: repeat-x;
    text-align: center;
}

ul.menubar ul.menu{
    display: none;
    position: absolute;
    margin: 0 0 0 0;
}

ul.menubar a{
    display: block;
    text-decoration: none;
    color: #000;
    padding: 10px 5px;
    font-weight: bold;
}

ul.menubar a:hover{
    /*background-image: url('../imagens/fundoMenuOver.jpg');*/
    background-repeat: repeat-x;
    background-color: #000;
    color: #FFFFFF;
}

ul.menu, ul.menu ul{
    margin: 0;
    padding: 0;
    width: 171px; /* Width of Menu Items */
    background-color: #DFDFDF; /* IE6 Bug */
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    z-index: 2;
}

ul.menu li{
    position: relative;
    list-style: none;
    border: 0px;
    text-align: left;
	display: block;
}

ul.menu li a{
    width: 161px;
    display: block;
    text-decoration: none;
    border-bottom: 0px;
    color: #000000;
    padding: 5px 5px 5px 5px;
	cursor: pointer;
}

ul.menu li a:hover{
    background-image: none;
    background-color: #F9F9F9;
    color: #000;
}



ul.menu a div img{
	float: right;
	margin-top: -10px;
}


ul.menu ul.submenu2{
    position: absolute;
    margin-left: 168px;
    display: none;
    width: 180px;
    border: 1px solid #CCCCCC;
	z-index: 2;
}

ul.menu ul.submenu2 li a{
    width: 170px;

}

.divisoriaMenu{
    margin: 1px 0 0 0;
    list-style: none;
    float: left;
    background-image: url('../imagens/divisoriaMenu.gif');
    background-repeat: repeat-x;
    width: 2px;
    height: 35px;
}

.divisorioHorizontal{
    height: 5px;
    background-image: url('../imagens/divisoriaHorizontal.gif');
    background-repeat: repeat-x;
    margin: 4px 10px 0 10px;
	display: block;
}

/* ********************* CAIXA INICIO *********************** */
div#caixaInicio{
    display: table;
    border: 1px solid #CCCCCC;
    clear: both;
    margin: 0 auto 5px auto;
    width: 737px;
}

div#caixaInicio p{
    margin: 10px;
}

div#caixaInicio p span.destaque{
    font-weight: bold;
}

div#caixaInicio p label{
    clear: right;
    margin: 50px 0 50px 0;
    font-weight: bold;
}

div#caixaInicio select{
    width: 100%;
}

div#caixaInicio p button{
    float: right;
    margin-bottom: 10px;
}

/* ********************* FCS *********************** */
span#fcs span#analise table{
    margin: 0 auto 0 auto;
}

span#fcs span#analise textarea{
    width: 540px;
}

td.tdPOAC{
    text-align: center;
}

span#fcs tr th.thFCS{
    width: 552px;
}

span#fcs tr th.thClassificador{
    width: 99px;
}

span#fcs tr th.thACPO{
    width: 39px;
}

span#fcs tr th.coluna4{
    width: 46px;
}

/* ********************* identidade estratégica *********************** */
span#identidade form{
    width: 600px;
    margin: 0 auto 0 auto;
}

span#identidade textarea{
    width: 600px;
    height: 200px;
    overflow-y: scroll;
    margin: 0 auto 0 auto;

}

span#identidade #caixaQuestoes textarea{
    height: 80px;
    margin: 0 3px 3px 3px;
}


span#identidade #caixaQuestoes{
    margin-top: 15px;
    width: 615px;
}

span#identidade #caixaQuestoes #meioCaixaQuestoes{
    border: 1px solid #787775;
    padding-top: 10px;
}

span#identidade #caixaQuestoes #topoCaixaQuestoes{
    background-image: url('../imagens/topoCaixaSWOT.jpg');
    background-repeat: repeat-x;
    height: 26px;
    width: 100%;
}

span#identidade #caixaQuestoes #meioCaixaQuestoes{
    display: none;
}

/* ********************* PLANOS DE AÇÃO E OPERACIONAL *********************** */
span#plano ul,
span#concorrencia ul,
span#metas ul,
span#metasSetoriais ul,
span#pontuacaoMetasSetoriais ul{
    list-style: none;
    margin-bottom: 15px;
}

span#plano ul li,
span#concorrencia ul li,
span#metas ul li,
span#metasSetoriais ul li,
span#pontuacaoMetasSetoriais ul li{
    margin-bottom: 2px;
}

span#plano .boxPlano,
span#concorrencia .boxConcorrente,
span#metas .boxMeta,
span#plano .boxPAMI,
span#plano .boxPAMS{
    width: 738px;
}

span#plano .boxPlano .topo,
span#concorrencia .boxConcorrente .topo,
span#metas .boxMeta .topo,
span#plano .boxPAMI .topo,
span#plano .boxPAMS .topo,
span#metasSetoriais .boxSetor .topo,
span#pontuacaoMetasSetoriais .boxSetor .topo{
    height: 30px;
    cursor: pointer;
    color: #FFFFFF;
}

.criteriosDesempate{
    display: block;
}

span#plano .boxPlano .topo p,
span#concorrencia .boxConcorrente .topo p,
span#metas .boxMeta .topo p,
span#plano .boxPAMI .topo p,
span#plano .boxPAMS .topo p,
span#metasSetoriais .boxSetor .topo p,
span#pontuacaoMetasSetoriais .boxSetor .topo p{
    font-size: 14px;
    padding: 0 0 0 0;
    margin: 7px 10px 0 10px;
}

span#plano .boxPlano .topo p label,
span#concorrencia .boxConcorrente .topo p label,
span#metas .boxMeta .topo p label,
span#plano .boxPAMI .topo p label,
span#plano .boxPAMS .topo p label,
span#metasSetoriais .boxSetor .topo p label,
span#pontuacaoMetasSetoriais .boxSetor .topo p label{
    font-weight: bold;
}

span#plano .boxPlano .topo p.nomeFCS,
span#concorrencia .boxConcorrente .topo p.nomeFCS,
span#metas .boxMeta .topo p.nomeMeta,
span#plano .boxPAMI .topo p.nomePAMI,
span#plano .boxPAMS .topo p.nomePAMS,
span#metasSetoriais .boxSetor .topo p,
span#pontuacaoMetasSetoriais .boxSetor .topo p{
    float: left;
}

span#plano .boxPlano .topo p.tipoFCS,
span#concorrencia .boxConcorrente .topo p.tipoFCS{
    float: right;
    width: 17%;
}

span#plano .boxPlano .topo p.notaFCS,
span#plano .boxPAMS .topo p.notaFCS,
span#concorrencia .boxConcorrente .topo p.notaFCS{
    float: right;
    width: 10%;
}

span#metas .boxMeta .topo p.prazoTopoMeta{
    float: right;
    width: 17%;
}

/* TODO
 * span#metasSetoriais .meio .boxMetasSet
 */
span#plano .boxPlano .meio,
span#concorrencia .boxConcorrente .meio,
span#plano .boxPAMI .meio,
span#plano .boxPAMS .meio,
span#metasSetoriais .meio,
span#pontuacaoMetasSetoriais .meio{
    display: none;
    opacity: 0;
    filter: alpha(opacity = 0);
}

span#plano .boxPlano .meio.nao_preenchido,
span#concorrencia .boxConcorrente .meio.nao_preenchido,
span#metas .boxMeta .meio,
span#plano .boxPAMI .meio,
span#plano .boxPAMS .meio,
span#metasSetoriais .boxSetor .meio,
span#pontuacaoMetasSetoriais .boxSetor .meio{
    border: 1px solid #000000;
}

span#metasSetoriais .boxSetor .meio{
    width: 738px;
}

span#plano .boxPlano .meio.incompleto,
span#concorrencia .boxConcorrente .meio.incompleto,
span#plano .boxPAMI .meio.incompleto,
span#plano .boxPAMS .meio.incompleto{
    border: 1px solid #B13737;
}

span#plano .boxPlano .meio.completo,
span#concorrencia .boxConcorrente .meio.completo,
span#plano .boxPAMI .meio.completo,
span#plano .boxPAMS .meio.completo{
    border: 1px solid #427C3B;
}

span#plano .boxPlano .meio table,
span#concorrencia .boxConcorrente .meio table,
span#plano .boxPAMI .meio table,
span#plano .boxPAMS .meio table{
    margin: 5px;
    width: 726px;
}

span#plano .boxPlano .meio table tr,
span#plano .boxPAMI .meio table tr,
span#plano .boxPAMS .meio table tr{
    height: 60px;
}

span#plano .boxPlano .meio table tr th,
span#plano .boxPAMI .meio table tr th,
span#plano .boxPAMS .meio table tr th{
    padding: 3px;
    width: 25%;
    font-weight: normal;
    text-align: right;
}

span#plano .boxPlano .meio table tr td textarea,
span#plano .boxPAMI .meio table tr td textarea,
span#plano .boxPAMS .meio table tr td textarea{
    width: 532px;
    margin-left: 3px;
    height: 49px;
}

span#plano .boxPlano .meio .controles,
span#concorrencia .boxConcorrente .meio .controles,
span#plano .boxPAMI .meio .controles,
span#plano .boxPAMS .meio .controles{
    margin: 7px 25px 13px 0;
}

div.legendaPreenchido ul{
    margin-bottom: 0px;
}

div.legendaPreenchido ul li{
    display: inline-table;
    width: 244px;
    height: 30px;
    text-align: center;
    padding-top: 8px;
    color: #FFFFFF;
    font-weight: bold;
    background-repeat: repeat-x;
}

.boxPlano .topo,
.boxConcorrente .topo,
span#plano .boxPAMI .topo,
span#plano .boxPAMS .topo{
    background-repeat: repeat-x;
}

div.legendaPreenchido ul li#nao_preenchido,
span#plano .boxPlano .topo.nao_preenchido,
span#concorrencia .boxConcorrente .topo.nao_preenchido,
span#metas .boxMeta .topo,
span#plano .boxPAMI .topo,
span#plano .boxPAMS .topo,
span#metasSetoriais .boxSetor .topo,
span#pontuacaoMetasSetoriais .boxSetor .topo {
    background-image: url('../imagens/fundoBarraPA1.gif');
}

div.legendaPreenchido ul li#incompleto,
span#plano .boxPlano .topo.incompleto,
span#concorrencia .boxConcorrente .topo.incompleto,
span#plano .boxPAMI .topo.incompleto,
span#plano .boxPAMS .topo.incompleto{
    background-image: url('../imagens/fundoBarraPA2.gif');
}

div.legendaPreenchido ul li#completo,
span#plano .boxPlano .topo.completo,
span#concorrencia .boxConcorrente .topo.completo,
span#plano .boxPAMI .topo.completo,
span#plano .boxPAMS .topo.completo{
    background-image: url('../imagens/fundoBarraPA3.gif');
}

span#plano label, div.legendaPreenchido label{
    font-weight: bold;
}


span#plano .tableAC *{
    text-align: center;
}

span#plano .tableAC tr{
    height: 20px !important;
}


/* ********************* CONCORRENTES E SETORES DA IES *********************** */

div#boxConcorrentes,
div#boxSetores{
    width: 500px;
    margin: 0 auto 0 auto;
}

div#boxConcorrentes div.meioConcorrentes table tr th,
div#boxSetores div.meioSetores table tr th{
    height: 35px;
    width: 499px;
}

div#boxConcorrentes div.meioConcorrentes table tr td,
div#boxSetores div.meioSetores table tr td{
    padding: 3px;
}

div#boxConcorrentes div.meioConcorrentes table tr td input,
div#boxSetores div.meioSetores table tr td input{
    width: 430px;
}

div#boxConcorrentes table tr td.contadorConcorrentes,
div#boxSetores table tr td.contadorSetores{
    text-align: center;
    width: 23px;
}

td.tdExcluir{
    width: 23px;
    text-align: center;
}

span#concorrencia .boxConcorrente .meio table tr.minhaInstituicao{
    background-color: #FEFFAF;
}



/* ********************* CENARIOS *********************** */
span#cenarios table th.coluna1{
    width: 354px;
}

span#cenarios table th.coluna2{
    width: 354px;
}

span#cenarios textarea.explicacaoIndicador,
span#cenarios textarea.nomeIndicador{
    width: 342px;
    margin: 3px;
}

span#cenarios table th,
span#metasSetoriais table tr.linhaCabecalhoGeral{
    height: 44px;
}

div.controles{
    margin-top: 15px;
}


#erroVoltar{
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
    font-size: 14px;
}

#erroVoltar a{
    color: #000000;
}

/* ********************* POSTURA ESTRATÉGICA *********************** */
div.quadroPostura{
    width: 196px;
    height: 130px;
    background-color: #EEE;
    float: right;

}

div.caixaPostura{
    width: 476px;
    margin: 0 auto 20px auto;
}

div.caixaPostura table,
div.caixaPostura table tr,
div.caixaPostura table tr td,
div.caixaPostura table tr th{
    background-color: #FFFFFF;
    border: none !important;
    text-align: center;
}

div.caixaPostura table tr td.quadroTipo1{
    background-image: url('../imagens/quadroPosturaTipo1.png');
    background-repeat: no-repeat;
}

div.caixaPostura table tr td.quadroTipo2{
    background-image: url('../imagens/quadroPosturaTipo2.png');
    background-repeat: no-repeat;
}

th.posturaTituloAE{
    width: 406px;
    height: 72px;
    margin-left: 76px;
    clear: none;
}

.posturaTituloAI{
    width: 73px;
    height: 268px;
    margin-top: 3px;
    clear: none;
}

div.caixaPostura table tr td.quadro{
    width: 202px;
    height: 136px;
    font-size: 20px;
}

div.caixaPostura table tr td.quadro span{
    font-weight: bold;
}

div.caixaPostura table tr td.quadro p{
    margin-top: 20px;
}

/* ********************* OBJETIVOS ESTRATÉGICOS *********************** */
span#objetivos div#caixaSWOTObj,
span#objetivos div#caixaPosturaObj,
span#objetivos div#caixaIdentidadeObj,
span#objetivos div#caixaFCSObj{
    margin: 0 auto 10px auto;
    display: table;
    width: 350px;
    float: left;
}

span#objetivos div#caixaSWOTObj,

span#objetivos div#caixaPosturaObj,
span#objetivos div#caixaIdentidadeObj,
span#objetivos div#caixaFCSObj{
    clear: left;
}


span#objetivos div#caixaSWOTObj div#topoCaixaSWOT,
span#objetivos div#caixaPosturaObj div#topoCaixaPostura,
span#objetivos div#caixaIdentidadeObj div#topoCaixaIdentidade,
span#objetivos div#caixaFCSObj div#topoCaixaFCS{
    background-image: url('../imagens/topoCaixaSWOT.jpg');
    background-repeat: no-repeat;
    height: 26px;
    cursor: pointer;
    width: 100%;
    display: table;
}

span#objetivos div#caixaSWOTObj div#topoCaixaSWOT p,
span#objetivos div#caixaPosturaObj div#topoCaixaPostura p,
span#objetivos div#caixaIdentidadeObj div#topoCaixaIdentidade p,
span#objetivos div#caixaFCSObj div#topoCaixaFCS p{
    padding: 5px 0 0 5px;
    color: #FFFFFF;
    font-weight: bold;
}

span#objetivos div#caixaSWOTObj div#meioCaixaSWOT,
span#objetivos div#caixaPosturaObj div#meioCaixaPostura,
span#objetivos div#caixaIdentidadeObj div#meioCaixaIdentidade,
span#objetivos div#caixaFCSObj div#meioCaixaFCS{
    border: 1px solid #787775;
    width: 348px;
    display: none;
}


span#objetivos div#caixaIdentidadeObj div#meioCaixaIdentidade p{
    margin: 5px;
}

span#objetivos div#caixaIdentidadeObj div#meioCaixaIdentidade h3{
    border-bottom: 1px solid #FF0000;
    width: 200px;
    margin: 5px;
    margin-top: 10px;
}

span#objetivos div#caixaSWOTObj table,
span#objetivos div#caixaPosturaObj table,
span#objetivos div#caixaIdentidadeObj table{
    width: 48%;
    margin: 3px 2px 3px 3px;
}

span#objetivos div#caixaFCSObj table{
    margin: 3px auto 3px auto;
    width: 98%;
}

span#objetivos div#caixaSWOTObj table td,
span#objetivos div#caixaFCSObj table td{
    padding: 3px;
}

span#objetivos div#caixaSWOTObj table th,
span#objetivos div#caixaPosturaObj table th,
span#objetivos div#caixaIdentidadeObj table th,
span#objetivos div#caixaFCSObj table th{
    height: 34px;
}

span#objetivos div#caixaFCSObj table th.thPeso{
    width: 45px;
}

span#objetivos div#caixaFCSObj table td.tdPeso{
    text-align: center;
}



span#objetivos div#caixaSWOTObj table td.tdNota{
    width: 10%;
    text-align: center;
}

span#objetivos div#caixaSWOTObj table#tabelaSWOTForcas,
span#objetivos div#caixaSWOTObj table#tabelaSWOTOportunidades{
    float: left;
    clear: left;
    margin-right: 5px;
}

span#objetivos div#caixaSWOTObj table#tabelaSWOTFraquezas,
span#objetivos div#caixaSWOTObj table#tabelaSWOTAmeacas{
    float: right;
    clear: right;
    margin-right: 2px;
}


span#objetivos div.quadroPostura{
    width: 145px;
    height: 130px;
    background-color: #EEE;
    float: right;

}

span#objetivos div.caixaPostura{
    width: 340px;
    margin: 5px auto 5px auto;
}

span#objetivos div.caixaPostura table,
span#objetivos div.caixaPostura table tr,
span#objetivos div.caixaPostura table tr td,
span#objetivos div.caixaPostura table tr th{
    background-color: #FFFFFF;
    border: none !important;
    text-align: center;
}

span#objetivos div.caixaPostura table tr td.quadroTipo1{
    background-image: url('../imagens/quadroPosturaTipo1Obj.png');
    background-repeat: no-repeat;
}

span#objetivos div.caixaPostura table tr td.quadroTipo2{
    background-image: url('../imagens/quadroPosturaTipo2Obj.png');
    background-repeat: no-repeat;
}

span#objetivos th.posturaTituloAE{
    width: 300px;
    height: 55px;
    margin-left: 25px;
    clear: none;
}

span#objetivos tr.posturaTituloAI{
    width: 55px;
    height: 268px;
    margin-top: 3px;
    clear: none;
}

span#objetivos div.caixaPostura table tr td.quadro{
    width: 143px;
    height: 96px;
    font-size:15px;
}

span#objetivos div.caixaPostura table tr td.quadro span{
    font-weight: bold;
}

span#objetivos div.caixaPostura table tr td.quadro p{
    margin-top: 15px;
}


span#objetivos div#objetivosEstrategicos,
span#objetivos div#posturasEstrategicas{
    width: 360px;
    margin-left: 375px;
}

span#objetivos div#objetivosEstrategicos controles,
span#objetivos div#posturasEstrategicas controles{
    width: 300px;
}

span#objetivos div#objetivosEstrategicos div.controles button,
span#objetivos div#posturasEstrategicas div.controles button{
    margin: 0 0 0 2px;
}

span#objetivos div#objetivosEstrategicos th,
span#objetivos div#posturasEstrategicas th{
    height: 34px;
    width: 359px;
}

span#objetivos div#objetivosEstrategicos tr td,
span#objetivos div#posturasEstrategicas tr td{
    padding: 3px;
}

span#objetivos div#objetivosEstrategicos tr td textarea,
span#objetivos div#posturasEstrategicas tr td textarea{
    width: 290px;
}

td.tdNumeracao{
    width: 21px;
    text-align: center;
}

span#objetivos div#caixaIdentidadeObj div#meioCaixaIdentidade span.formatedText p{
    margin: 7px 5px 7px 5px;
}

span#objetivos div#caixaIdentidadeObj div#meioCaixaIdentidade span.formatedText ol,
span#objetivos div#caixaIdentidadeObj div#meioCaixaIdentidade span.formatedText ul{
    margin: 7px 0 7px 0;
}

span#objetivos div#caixaIdentidadeObj div#meioCaixaIdentidade span.formatedText li{
    margin: 0 5px 0 30px;
}

span#objetivos label{
    font-weight: bold;
}


/* ********************* OBJETIVOS ESTRATÉGICOS *********************** */

span#relatorios form#formRelatorio{
    width: 380px;
    margin: 0 auto 0 auto;
}

span#relatorios form#formRelatorio fieldset{
    margin: 10px 0px 5px 0px;
    padding: 3px;
    border: 1px solid #E0AE4D;
}

span#relatorios form#formRelatorio fieldset legend{
    margin-left: 10px;
    padding-left: 5px;
    font-weight: bold;
}

span#relatorios form#formRelatorio fieldset input{
    margin: 3px;
}



/* ************************* META INSTITUCIONAL ************************* */


span#metas .boxMeta .meio .boxMetaInst{
    width: 724px;
    margin: 3px;
}

span#metas .boxMeta .meio .nomeMetaInst{
    width: 724px;
}

span#metas .boxMeta .meio .boxExplicacaoMetaInst,
span#metas .boxMeta .meio .boxIndicadorMetaInst,
span#metas .boxMeta .meio .boxPrazoMeioMetaInst{
    width: 362px;
    margin: 3px;
}

span#metas .boxMeta .meio .boxPrazoMeioMetaInst{
    margin-bottom: 20px;
}

span#metas .boxMeta .meio .boxExplicacaoMetaInst textarea,
span#metas .boxMeta .meio .boxIndicadorMetaInst textarea,
span#metas .boxMeta .meio .boxPrazoMeioMetaInst input{
    width: 356px;
}

span#metas .boxMeta .meio .boxExplicacaoMetaInst textarea{
    height: 91px;
}

span#metas .boxMeta .meio .boxExplicacaoMetaInst{
    float: left;
}

span#metas .boxMeta .meio .boxIndicadorMetaInst,
span#metas .boxMeta .meio .boxPrazoMeioMetaInst{
    float: right;
}


span#metas .boxMeta .meio label,
span#metasSetoriais .boxSetor .meio label{
    font-weight: bold;
}

span#metas .boxMeta .meio table{
    width: 727px;
    margin: 4px;
}



span#metas .boxMeta .meio table th{
    height:35px;
}

span#metas .boxMeta .meio table tr,
span#metasSetoriais .boxMetasSet table tr,
span#pontuacaoMetasSetoriais table tr{
    height: 30px;
}

span#metas .boxMeta .meio table td,
span#pontuacaoMetasSetoriais table td{
    padding: 3px;
}

span#metas .boxMeta .controles,
span#metasSetoriais .boxSetor .controles,
span#pontuacaoMetasSetoriais .boxSetor .controles{
    clear: both;
}

span#metas .boxMeta .meio table select.selectObj,
span#metasSetoriais .boxMetasSet table select.selectMI{
    width: 100%
}

span .meio table td.tdSelect{
    width: 700px;
}

span#metas .meio .boxMetaInst p,
span#metasSetoriais .meio .boxMetaSet p{
    text-align: right;
    margin: 0 3px 0 0;
    cursor: pointer;
    float: right;
}

span#metasSetoriais .meio .boxMetasSet table,
span#pontuacaoMetasSetoriais .meio table{
    width: 730px;
    margin: 4px;
}

span#metasSetoriais table tr td textarea{
    width: 221px;
}

span#metasSetoriais table tr td input[type=text]{
    width: 182px;
}

span#metasSetoriais table tr td textarea.nomeMetaSet,
span#metasSetoriais table tr td textarea.explicacaoMetaSet{
    height: 77px;
}

span#metasSetoriais table tr.linhaCabecalhoMeta th,
span#pontuacaoMetasSetoriais table tr.linhaCabecalhoMeta th{
    width: 209px;
}

span#metasSetoriais table tr.linhaCabecalhoMeta th.thExcluir,
span#pontuacaoMetasSetoriais table tr.linhaCabecalhoMeta th.thExcluir{
    width: 22px;
}

.metaMCI{
    background-color: #006F17;
    color: #FFFFFF !important;
}

.metaMMI{
    background-color: #FDFF0F;
    color: #000000 !important;
}

span#pontuacaoMetasSetoriais div.legendaClassificacao ul li.metaMCI{
    border: 1px solid #006F17 !important;
}

span#pontuacaoMetasSetoriais div.legendaClassificacao ul li.metaMMI{
    border: 1px solid #FDFF0F !important;
}

span#pontuacaoMetasSetoriais table td.tdInfo{
    width: 23px;
    text-align: center;
}



div.caixaInfo{
    position: absolute;
    background-color: #FFFFFF;
    margin-left: 10px;
    border: 3px solid #9F0000;
    color: #000000;
}

span#pontuacaoMetasSetoriais div.caixaInfo{
    width: 700px;
}



div.caixaInfo p{
    margin: 5px 0 5px 0;
}

div.caixaInfo .caixaInfoBarra{
    text-align: right;
    background-color: #9F0000;
    height: 18px;
    color: #FFFFFF;
    padding: 2px;
    cursor: move;
}

div.caixaInfo .caixaInfoBarra span.bt{
    cursor: pointer;
    font-weight: bold;
}

div.caixaInfo .caixaInfoMeio{
    padding: 2px;
    color: #000000;
    background-color: #EEEEEE;
}

div.caixaInfo .caixaInfoMeio ul{
    margin-left: 30px;
}

div.caixaInfo .caixaInfoMeio ul > li {
    list-style: disc;
}

div.caixaInfo .caixaInfoMeio .grupo1,
div.caixaInfo .caixaInfoMeio .grupo2{
    width: 48%;
}

div.caixaInfo .caixaInfoMeio .grupo1{
    float: left;
}

div.caixaInfo .caixaInfoMeio .grupo2{
    float: right;
}

div.caixaInfo .caixaInfoMeio .grupo3{
    clear: both;
}

div.boxPAMS div.caixaInfo{
    display: none;
}


li.objPrincipal{
    background-color: #FEFFAF;
}


/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }