@import "srbac.css";

#sistema{ margin-top: 28px; width: 100%; background-image: url('../images/sistema/fundosistema.jpg'); font-family:Arial,Helvetica,sans-serif; font-size:12px; }

.footersi{ background-image: url('../images/sistema/footersistema.jpg'); height: 30px; clear:both; }

#sistema #leftcol { float: left; width: 500px; margin-right: 25px; }

#sistema #rightcol { float: left; width: 300px; }

#sistema #areamenu { padding-top: 20px; width: 94%; margin-left:3%; float: left; position:relative; }

#menuArea, #protocolosArea, #arquivosArea, #noticiasArea{ margin-top: 20px; width: 94%; margin-left:3%; float: left; position:relative; background-color: #F2F7FA; }

.contentDiv{ padding: 0 20px 20px 20px; }

.paddingContentDiv{ padding: 20px; }

.clearContent{ clear: both; }

#topContentDiv{ position:relative; width: 100%; float: left; }

#topContentDiv p{ margin:0; padding: 0; }

#titleContentDiv{ float: left;  }

#btnContentDiv{ width:18px; height: 18px; float: right; }

#btnContentDiv span{ cursor:pointer; }

#menuOp{ background:url('../images/sistema/fundoopmenu.gif') no-repeat; width: 180px; height: 55px; position:relative; }

#menuOp-img{ float: left; width: 40px; height: 32px; margin: 10px; }

#menuOp-desc{ float: left; width: 105px; height: 32px; margin: 10px 0 10px 0; }

#menuOp-desc p{ margin:0; padding-top:7px; }

#menuOp-desc p a{ color:#3E5368; font-size:16px; font-weight: normal; display: block;  }

.menuOp-item1{ float:left; }

.menuOp-item2, .menuOp-item3, .menuOp-item4{  float:left; margin-left:28px; }

.menuOp-item5{ float:left; margin-top:20px; }

.menuOp-item6, .menuOp-item7{ float:left; margin:20px 0 0 28px; }

#protocoloOp{ margin:0 15px 20px 0; background: url('../images/sistema/divtiposprotocolos.jpg') no-repeat; width: 253px; height: 111px; float: left; position:relative; }

.protocoloOp-Title{ margin: 7px 0 0 12px; background: url('../images/sistema/iconetipos.png') no-repeat left center; padding:0 20px 0 30px; }

.protocoloOp-desc{ margin: 7px 0 0 12px; }

.protocoloOp-Desc-Nova{ background: url('../images/sistema/situacaonova.png') no-repeat left center; margin: 15px 0 0 15px; padding-left: 20px; }

.protocoloOp-Desc-Respondido{ background: url('../images/sistema/situacaorespondido.png') no-repeat left center; margin: 5px 0 0 15px; padding-left: 20px; }

.protocoloOp-Desc-Finalizada{ background: url('../images/sistema/situacaofinalizada.png') no-repeat left center; margin: 5px 0 0 15px; padding-left: 20px; }

#arquivoOp{ margin:0 15px 20px 0; background: url('../images/sistema/divtiposarquivos.jpg') no-repeat; width: 253px; height: 60px; float: left; position:relative; }

.arquivoOp-Title{ margin: 7px 0 0 12px; background: url('../images/sistema/iconetipos.png') no-repeat left center; padding:0 20px 0 30px; }

.arquivoOp-Desc{ background: url('../images/sistema/iconediscovirtual.png') no-repeat left center; margin: 12px 0 0 15px; padding-left: 25px; font-size:11px; text-align:left; color:#7A7D7E; }

#protocolo { margin-top: 10px; width: 94%; margin-left: 3%; float: left; position:relative; }

#arquivoss { margin-top: 20px; width: 94%; margin-left: 3%; float: left; position:relative; }

#arquivoitem { padding: 0 6px 6px 6px; background-color: #EEEEF0; width: 240px; float: left; position:relative; text-align:center; }

#arquivoitem .iconetipoarquivo { background-color:#EEEEF0; width:12%; padding-right:0; border:none; }

#arquivoitem .textotituloarq { background-color:#EEEEF0; text-align:left; padding: 0 2px 0 5px; border:none; font-size:12px; color:#333333; font-weight: bold; border-left:none; }

#arquivoitem .qtdadearq{ padding-left:5px; border-color:#DDDDDD; background-color:#FAFAFA; border:none; font-size:11px; text-align:left; color:#7A7D7E; }

#arquivoitem .iconearq{ padding-right:0; border-color:#DDDDDD; background-color:#FAFAFA; border:none; text-align:left; }

#protocoloitem { padding:0 6px 6px 6px; background-color: #EEEEF0; width: 240px; float: left; position:relative; text-align:center; }

#protocoloitem .iconetipoprotocolo { background-color:#EEEEF0; width:21px; padding-right:0; border:none; text-align: center; }

#protocoloitem .textocabecalho { background-color:#EEEEF0; text-align:left; padding: 0 2px 0 5px; border:none; font-size:12px; color:#333333; font-weight: bold; border-left:none; }

#protocoloitem .novasp{ padding-left:5px; border-color:#DDDDDD; background-color:#FAFAFA; border:none; font-size:11px; text-align:left; color:#7A7D7E; }

#protocoloitem .icones{ padding-right:0; border-color:#DDDDDD; background-color:#FAFAFA; border:none; text-align:left; }

#protocoloespaco { width: 24px; height: 20px; float: left; position:relative; }

#sistema #noticias { padding-top: 10px; width: 94%; left: 3%; float: left; position:relative; padding-bottom:10px; }

#sistema #noticias .personalizadata { width:20%; height: 25px; background-color:#DDDDDD; font-size: 12px; font-weight: bold; color: #000000; text-align:center; }

#sistema #noticias .personalizaassunto { width:79%; height: 25px; background-color:#EEEEEE; font-size: 11px; color: #000000; text-align:left; padding-left: 1%; }

.itemmenu{ background-color:#F3F4F8; width: 232px; height: 102px; position:relative; padding: 10px 0 0 2px; }

#itemmenu1{ float: left; }

#itemmenu2 { margin-left:70px; float: left; }

#itemmenu3 { float: right; }

#itemmenu4{ float: left; margin-top:20px; }

#itemmenu5 { margin-left:70px; float: left; margin-top:20px; }

#itemmenu6 { float: right; margin-top:20px; }

#itemmenu7{ float: left; margin-top:20px; }

#sistema #itemimagem { float: left; width: 85px; }

#sistema #protocolos{ padding: 20px 0 0 2%; width: 98%; float: left; position:relative; }

#sistema #arquivos{ padding: 20px 0 0 2%; width: 98%; float: left; position:relative; }

#sistema .icon { float: left; width: 70px; margin: 0 0 15px 0; padding-right:5px; }

#sistema .section { float: left; width: 135px; }

#sistema .left { }

#sistema .section h4 { margin: 0 0 5px 0px; font-family: arial, sans-serif; font-size: 12px; font-weight: bold; color: #000000; }

#sistema .section p { padding-bottom: 15px; color: #999999; line-height: 15px; font-size: 11px; font-weight: bold; }

#sistema h3 { font-family: arial, verdana, sans-serif; font-size: 16px; font-weight: bold; color: #EBAB01; }

#sistema h2{ border-bottom: 1px solid #EBAB01; margin:0; padding:0; font-family: arial, verdana, sans-serif; font-size: 16px; font-weight: bold; color: #EBAB01; }

#sistema h1 { border-bottom: 1px solid #EBAB01; font-family: arial, verdana, sans-serif; font-size: 18px; font-weight: bold; color: #EBAB01; margin:0; padding: 0; }

.clr { clear:both; }

#sistema a{ color:#253E52; font-weight: bold; font-size:11px; }

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

#sistema p{ margin: 0; }

a img{ border-width: 0; }

#sistema #cabecalhot{ padding-top:15px; width: 94%; left:3%; position:relative; float:left; }

#sistema #cabecalhot #icone{ width: 52px; height: 40px; position:relative; float:left; background-color:#EEEEEE; background-repeat:no-repeat; }

#titulo{ width: 792px; height: 30px; margin-top: 9px; position:relative; float:left; background:#EEEEEE; }

#titulo p{ font-size: 12px; color: #333333; text-align:left; padding:9px 0 0 5px; }

#sistema #cabecalhot #opcoes{ padding: 10px 0 10px 0; width: 100%; height: 30px; position:relative; float:left; }

#sistema #cabecalhot #opcoes2{ width: 100%; height: 30px; position:relative; float:left; padding-bottom:10px; }

#sistema #cabecalhot #opcoes3{ padding: 10px 0 10px 0; width: 100%; height: 80px; position:relative; float:left; }

#sistema #cabecalhot #pesquisA{ padding-top:10px; width: 100%; height: 45px; position:relative; float:left; }

#pesquisaProtocolo{ margin: 10px 0 5px 0; width: 100%; position:relative; float:left; border:1px solid #DDDDE3; }

#pesquisaProtocolo-tipoBusca{ padding-left: 5px; margin:5px 0 7px 0; font-size: 12px; text-align: left; }

#pesquisaProtocolo-rapida, #pesquisaProtocolo-avancada{ padding: 0 8px 8px 8px; }

#pesquisaProtocolo-rapida div{ margin:4px 0 0 0; padding:5px; border:1px solid #DDDDE3; background-color: #F9F9F9; }

#pesquisaProtocolo-rapida span{ font-size: 11px; text-align: left; padding-right: 4px; }

#pesquisaProtocolo-avancada span{ font-size: 11px; text-align: left; padding-right: 4px; }

#pesquisaProtocolo-avancada div{ margin:0; padding:5px; border:1px solid #DDDDE3; background-color: #F9F9F9; }

#pesquisaProtocolo-avancada div.paddingN{ border:none; padding: 3px; }

#sistema #noticiasv{ width: 600px; position:relative; float:left; background-color:#F8F8F8; }

#sistema #restocorpo{ padding: 10px 0 20px 0; width: 94%; margin-left:3%; position:relative; float:left; min-height: 350px; }

#sistema #navegacao{ padding: 15px 0 10px 0; width: 94%; margin-left:3%; position:relative; float:left; text-align:center; font-size:11px; }

#sistema .botaopesquisar{ border:1px solid #CCCCCC; background-color: #FFFFFF; color: #333333; font-size: 11px; }

#sistema .campopesquisa{ border:1px solid #CCCCCC; background-color: #FFFFFF; padding:2px; }

#sistema .campodropDownList{ border:1px solid #CCCCCC; background-color: #FFFFFF; width:100px; }

#sistema #centronoticias{ width: 600px; height:300px; left:0px; position:relative; float:left; }

#btnProtAcoes{ float:left; position:relative; text-align: left; margin-bottom: 20px; padding-right: 20px; }

#finalizar{ width: 70px; height:16px; float:left; position:relative; background-color: #EEEEEE; text-align:center; font-size:10px; padding-top:2px; }

#finalizarresponder{ width: 135px; height:16px; float:left; left: 20px; position:relative; background-color: #EEEEEE; text-align:center; font-size:10px; padding-top:2px; }

#responder{ width: 80px; height:16px; float:left; left: 40px; position:relative; background-color: #EEEEEE; text-align:center; font-size:10px; padding-top:2px; }

#sistema .botaosubmit{ border:1px solid #999999; background-color: #F9F9F9; color: #333333; padding: 0 2px 0 2px; cursor:pointer; }

#sistema .botaosubmitdisabled{ border:1px solid #CCCCCC; background-color:#F5F5F5; color:#999999; padding: 0 2px 0 2px; }

.msgsucesso{ color:red; font-weight:bold; font-size:12px; text-align: center; border:1px solid #CCCCCC; background-color: #F9F9F9; padding:5px 5px 5px 5px; }

#msg{ padding-bottom:10px; padding-top:0; }

.displaymsg{ color:red; font-weight:bold; font-size:13px; text-align: center; font-family:Arial,Helvetica,sans-serif; border:1px solid #CCCCCC; background-color: #F9F9F9; padding:5px 5px 5px 5px; }

.displaymsgTP{ color:red; font-size:12px; text-align: center; font-family:Arial,Helvetica,sans-serif; }

#btnElegenda{ position:relative; width: 100%; margin-bottom:25px; }

#btnElegenda #cleft{ float: left; position:relative; }

#btnElegenda #cright{ float: right; position:relative; }

.legenda{ margin-top:5px; text-align:left; padding:5px; /*background-color: #F9F9F9; border: 1px solid #E7E7E7;*/ }

.legenda p{ padding:0; margin:0; color:#777777; font-size: 11px; }

.legenda span{ padding-right:2px; margin:0; }

.legenda a{ padding:0; margin:0; color:#999999; font-weight:normal; }

#sistema .linque{ color:#0033FF; font-weight:100; font-size:12px; }

#protocolocabecalho{ margin-top: 20px; background-color:#F9F9FA; width:99%; position:relative; float:left; border:1px solid #BFCCD9; padding-bottom: 8px; }

#protocolocabecalho .fundprottabela{ background-color:#F9F9FA; border:none; color:#757C80; font-size:11px; }

#protocolocabecalho .fundprottabelat{ background-color:#F9F9FA; border:none; padding-top:8px; }

#protocolocabecalho .fundprottabelat p{ font-size: 14px; font-weight:normal; color:#DC9F01; margin:0; }

.linkMinMax { margin:0; width:16px; padding: 4px 4px 4px 4px; cursor:pointer; color: #C1C1C1; background: url('../images/sistema/minmax.jpg') no-repeat left center; }

#espacobranco{ padding-top:10px; width: 100%; position:relative; float:left; padding-bottom:10px; }

#sistema .linqueTN{ font-family: arial, verdana, sans-serif; font-size: 16px; font-weight: bold; color: #EBAB01; }

#sistema .linqueTA{ color:#696969; font-weight: bold; font-size:12px; font-family:Arial,Helvetica,sans-serif; }

#sistema .dataTA{ color:#666666; font-size:12px; font-family:Arial,Helvetica,sans-serif; }

#centropermissao{ padding-top:5px; width:800px; height:150px; margin:0 auto; position:relative; }

#permissaoempresa{ width:790px; padding-bottom: 25px; text-align: left; }

#centropermissao #usuarios{ width:285px; float:left; }

#centropermissao #listapermisao{ width:500px; float:right; }

#centropermissao #listapermisao #usuariosTP{ width:220px; float:left; }

#centropermissao #listapermisao #botoesTP{ padding-left:15px; height:100px; float:left; }

#centropermissao #listapermisao #protocolosTP{ width:220px; float:right; padding-left:10px; }

#centropermissao #listapermisao #msgTP{ padding-top:8px; width:190px; float:right; }

#centropermissao #rest{ width:795px; float:left; }

.radioB{ padding:0; margin:0; }

.linkuser{ color:#FFFFFF; font-style:italic; }

ul.arqcategoria{ line-height:16px; list-style-image:url(../images/sistema/arqcategoria.gif); list-style-type: square; text-align:left; color:#4A708B; margin-top:0; }

ul.arqcategoria li{ padding-left:4px; }

.arqp{ padding:20px; font-family:Arial,Helvetica,sans-serif; font-size: 11px; color:#336699; border:1px solid #BAC4CB; }

.arqPessoa{ margin:0 0 15px 0; border:1px solid #BAC4CB; padding:5px 5px 5px 5px; }

.arqPessoa p{ margin:0; padding:0; font-size: 12px; color: #104E8B; }

#protocoloList{ position: relative; width: 100%;  border:1px solid #DDDDE3; margin-bottom: 5px; font-size: 11px; color: #858585; padding:3px 0 3px 0; }

#protocoloList.odd{ background-color: #F9F9FA; }

#protocoloList.even{ background-color: #EEEEF0; }

#protocoloList:hover{ background-color: #FFFFFF; border:1px solid #D6D6DC; }

#protocoloList p{ margin:0; padding:0; }

#protocoloList p span{ padding:0; margin: 0; color:#4682B4; }

#protocoloList img{ padding-left: 3px; }

#protocoloList-L1{ position: relative; width: 100%; float: left; }

#protocoloList-L1-C1{ padding: 5px; width: 7%; float: left; }

#protocoloList-L1-C2{ padding: 5px; width: 55%; float: left; }

#protocoloList-L1-C3{ padding: 5px; width: 20%; float: left; text-align: left; }

#protocoloList-L1-C4{ padding: 5px; float: right; text-align: right; }

#protocoloList-L2{ position: relative; width: 100%; float: left; }

#protocoloList-L2-C1{ padding: 0 5px 5px 5px; width: 36%; float: left; }

#protocoloList-L2-C2{ padding: 0 5px 5px 5px; width: 26%; float: left; }

#protocoloList-L2-C3{ padding: 0 5px 5px 5px; width: 16%; float: left; }

#protocoloList-L2-C4{ padding: 0 5px 5px 5px; width: 16%; float: right; text-align: right; }

.arqpMsq{ padding:10px; font-size: 11px; color:#336699; border:1px solid #BAC4CB; }

.alertUserDisabled{ color:#4682B4; font-size: 11px;  }

.contentEmail{ padding:5px; font-size:11px; color:#777777; margin: 0; }

#noticiasWidget{ float:left; position: relative; width:800px; }

#noticiasWidget-title{ margin-bottom: 7px; }

#noticiasWidget-title p{ margin: 0; color:#3E5368; font-weight: bold; font-size: 13px; }

#noticiasWidget-content{ background-color: #EBEEF1; position:relative; width: 800px; float:left; padding: 5px 0 5px 0; border-bottom: 3px solid #F2F7FA; }

#noticiasWidget-content:hover{ background-color: #EDF0F3; }

#noticiasWidget-content-c1{ float:left; width: 80px; position: relative; border-right: 2px solid #F2F7FA; }

#noticiasWidget-content-c1 p{ margin:0; padding-left:8px; color:#747474; font-size: 12px; }

#noticiasWidget-content-c2{ float:left; position: relative; width: 700px; }

#noticiasWidget-content-c2 p{ margin:0; padding-left:10px; }

#noticiasWidget-content-c2 p a{ color:#3E5368; font-weight: normal; }

.noticiasWidget-marginBottom{ margin-bottom: 10px; }

.emailview{ padding-top: 7px;}