/*RESET ERIC MEYER*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
} 
/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
} 
/*FIM DO RESET*/

.tree ul, .tree ul li {
    margin-left: 20px;
}

.tree ul {
    list-style: disc;
}
/* Definições Gerais */

html{ 
    font-size:1em;
}

body{
    background:url(../images/fnd.jpg) #f8fbfc top center no-repeat;
    font-family:Arial, Helvetica, freesans, sans-serif;
    color:#002834;
}

body a {
    color:#002834;
    text-decoration:none;
}

body a:hover {
    text-decoration:underline;
}

#container-principal {
    width:982px;
    height:auto;
    margin:0 auto;
}

#container {
    background:#fff;
    border:1px solid #d3ecf3;
    border-top:none;
    border-bottom:none;
    padding:10px;
    margin:5px 0 0 0;
}

.clear {
    display:block;
    clear:both;
}

#topo {
    height:100px; margin:30px 0 0 0;
}

#topo h1 {
    float:left;
}

#topo h1 a {
    text-indent:-10000px; overflow:hidden; display:block; height:90px; width:180px;
    background:url(../images/logo.jpg) top center no-repeat;
}

#topo ul {
    float:right; margin:61px 7px 0 0 ; width:422px; padding:13px; height:38px;
    background:url(../images/img-top.jpg) top center no-repeat;
}

#topo ul li {
    float:left; padding:0px 3px 0 3px; border-right:1px solid #a0a0a6; height:19px;
}

#topo ul .last {
    border:none;
    padding:0 0 0 3px;
}


#topo ul li.logado {
    font-size: 0.75em;
    line-height: 150%;
}


#topo ul li.logado a {
    font-weight:bold;
}

#coluna-esquerda {
    width:136px; float:left; margin:0 20px 0 0;
    min-height:0; /*IE7 haslayout*/
    position:relative;
    z-index:99;
    padding:0;
}

#coluna-central {
    float:left; width:804px;
}

#coluna-central-esquerda {
    float:left; width:575px; padding:0 0 40px 0;
}

#coluna-central-inteira {
    float:left; width:965px;
}

div.breadcrumbs {
    background:#e8f4f3; font-size:0.75em; line-height:17px; display:inline-block; width:100%; clear:both;
}

div.breadcrumbs li {
    float:left;  background:#e8f4f3;
}

div.breadcrumbs a {
    background:url(../images/compl-breadcrumb.jpg) right top no-repeat #20928e;
    color:#fff; padding:0px 20px 0px 5px; float:left;
}

div.breadcrumbs a.last,
div.breadcrumbs span    {
    background:url(../images/compl-breadcrumb-last.jpg) right top no-repeat #20928e;
    color:#fff; padding:0px 20px 0px 5px; float:left;
}

#coluna-direita {
    width:210px; float:right;
}

/*
.coluna-unica #coluna-central {
    width:100%;
}

.duas-colunas #coluna-central {
    width:804px;
}
*/

/*Fim do LAYOUT*/

/*Notícias da coluna central*/
#noticia-secundaria {
    clear:both; margin:20px 0; padding:0 0 10px 0; border-bottom:1px dotted #8ebecd;
    *height:110px; /*HACK IE 7*/
}

#noticia-secundaria img {
    float:left; 
    /*  display:block;*/
}

#noticia-secundaria .texto {
    font-size:0.9em;
    float:left;
    display:block; 
    margin-left: 10px;
    width: 370px;
}

#noticia-secundaria .sem-foto {

    width: 575px;
}

#noticia-secundaria .texto a {
    color:#0f0f0f;
}
#noticia-secundaria .texto h3 {
    margin:0 0 1em 0;
}

#noticia-secundaria .texto h3 a {
    font-size:1.3em; color:#003c4d; font-weight:bold; 
}


#buscar {
    padding:0 0 10px 0; border-bottom: 1px dotted #8ebecd; margin:0 0 10px 0; color:#003C4D;
}

#buscar input {
    background:url(../images/fnd-busca-1.jpg) top left repeat-x;
    width:176px;
    height:32px;
    margin:0 0 0 6px;
    padding-top/*\**/:8px\9;
    font-size:0.8em;
    border:none;
}
#buscar span {
    background:url(../images/fnd-busca-2.jpg) top left no-repeat;
    *background:url(../images/fnd-busca-2.jpg) scroll 0 1px;
    height:32px;
    width:27px;
    display:inline-block;
}

#buscar form {
    *margin:-2px 0 0 0;/*HACK IE 7*/
}

#buscar button {
    background:url(../images/bot-buscar.jpg) top left;
    margin:0 0 0 151px;
    height:32px;
    width:28px;
    border:none;
    text-indent:-1000px;
    overflow:auto;
    cursor:pointer;
    float: right;
    *position:relative; /*HACK IE 7*/
    *top:2px; /*HACK IE 7*/
}


#login-senha {font-size:0.8em; font-weight:bold;}

#logado p {
    font-size: 0.75em;
    margin: 1em 0 1.5em;
    line-height: 150%;
}

#logado a {
    font-weight:bold;
}

#login-senha input{background:url(../images/fnd-usuario-senha-1.jpg) top left repeat-x; height:21px; border:none;}
#login-senha label{width:45px; margin:0 10px 0 0; display:inline-block;}
#login-senha .fnd-form {background:url(../images/fnd-usuario-senha-2.jpg) scroll 54px 0 no-repeat; margin:0 0 10px 0; display:inline-block;}
#login-senha span {background:url(../images/fnd-usuario-senha-3.jpg) top right no-repeat; padding:0 5px 0 0; display:inline-block;}
/*HACK IE 7*/
#login-senha span {*background:url(../images/fnd-usuario-senha-3.jpg) scroll right 1px no-repeat;}
#login-senha .fnd-form {*background:url(../images/fnd-usuario-senha-2.jpg) scroll 54px 1px no-repeat;}
/*FIM DO HACK IE 7*/
#login-senha button{	
    background:url(../images/bt-ok.jpg) no-repeat;
    display: block;
    float:right;
    margin-left: 10px;
    border:none;
    padding:0px;
    text-indent:-1000px;
    overflow:auto;
    width:34px;
    height:22px;
}

/* Regra CSS apenas para Safari e Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #buscar button {
        background:url(../images/bot-buscar.jpg) scroll left -1px  no-repeat;
    }
    #login-senha button {
        margin-top:-22px;
    }
}		




.flash-success {
    padding:.8em;
    margin-top:10px;
    margin-bottom:1em;
    border:2px solid #ddd;
    background:#E6EFC2;
    color:#264409;
    border-color:#C6D880;
}

.flash-warning {
    padding:.8em;
    margin-top:10px;
    margin-bottom:1em;
    border:2px solid;
    background:#FFF6BF;
    color:#514721;
    border-color:#FFD324;

}
.flash-error {
    padding:.8em;
    margin-top:10px;
    margin-bottom:1em;
    border:2px solid;
    background:#FBE3E4;
    color:#8a1f11;
    border-color:#FBC2C4;
}


/*Fim das Definições Gerais*/

/*Extranet*/

/*Sub-Menu-Extranet*/
.duas-colunas #coluna-esquerda dl {position:relative;}
.duas-colunas #coluna-esquerda dd dl {display:none; position:absolute; left:135px; margin-top:-24px; }
.duas-colunas #coluna-esquerda dd dl a{background:url(../images/img-menu.jpg) left no-repeat; width:115px; color:#fff;}
.duas-colunas #coluna-esquerda dd dl a:hover{background:url(../images/img-menu.jpg) #4f92a5 right no-repeat; color:#000; }
.duas-colunas #coluna-esquerda dd:hover dl, .duas-colunas #coluna-esquerda dd.over dl {display: block;}
/*FIM Sub-Menu-Extranet*/

#conteudo{margin:10px 0 0 0;}

#conteudo .titulo h1{
    font-size:1.3em; font-weight:bold; margin:0 0 10px 0; float:left;
}
#conteudo .titulo h2{
    font-size:1.1em; font-weight:bold; margin:0 0 10px 0; float:left;
}

#conteudo div.form {
    background:#f6f9fa; 
    border:1px solid #f2f4f5;
    padding:10px;
    width: 95%;
    margin:0 auto;
    font-size:0.9em;
}

.box-extranet .header {background:#5193a6; padding:5px; margin:0 0 10px 0; font-weight:bold; color:#fff; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

#empresas {width:152px; float:left; }
#empresas dl {width:150px; border-right:2px solid #b5d0d9;}
#empresas dl dt {height:120px; display:table-cell; vertical-align:middle;}
#empresas dl dt span {
    padding:3px;
    font-size:0.9em;
    background:#20928e;
    font-weight:bold;
    color:#fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    /*HACK ie 7*/
    *display:block;
    *width:62px;
    *margin:10px 0 0 0;
    /*FIM DO HACK ie 7*/
}
#empresas dl dd{font-size:0.9em; color:#234a55; padding:0 0 0 5px; font-weight:bold; line-height:35px;  }
.linha-cor{background:#d4e4e9;}
.total-regiao{background:#20928e; color:#fff !important;}
.total-geral{background:#b5dad9; color:#234a55;}
.media-regiao{background:#12a8a1; color:#fff !important;}
.media-geral{background:#95bebc; color:#234a55;}

/*.scroll-content-item table{width:auto} */
/*.scroll-content-item table tr { display:block; clear:both;} */
.scroll-content-item table tr .first{width:25px;}
.scroll-content-item table .topo-tabela td{font-weight:bold; height:120px; text-align:center; line-height: 120%}
.scroll-content-item table .topo-tabela-medio td{font-weight:bold; height:40px; text-align:center; line-height: 120%;border-top:2px solid #b5d0d9;}
.scroll-content-item table tr td{
    width:126px;
    padding:0px 10px;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    border-right:2px solid #b5d0d9;
    font-size:0.75em;
    height:35px;
}

.scroll-content-item table tr.primeiro td,
.scroll-content-item table tr.segundo td {
    border-top:2px solid #8cb7d9;

}
.scroll-content-item table tr.segundo .first{
    border-top:none;

}
.scroll-content-item table tr td.largo {
    width: 300px;
}

.scroll-content-item table tr td.texto {
    padding: 5px;
    text-align: justify;
    width: 500px;
}
.scroll-content-item table tr td a {
    font-weight: bold;
    color: #0e509e;
}

.scroll-content-item table tr td.largo span {

    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    font-size: 0.9em;
    background-color: #20928e;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    font-weight: bold;
    color: #ffffff;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;

}

.scroll-pane p {font-weight:bold; font-size:0.75em; padding:10px 0 0 0;}


#conteudo div.form input,  #conteudo div.form select, #conteudo div.form textarea {
    background:url(../images/fnd-form.jpg) repeat-x #f1f1f1;
    border:1px solid #d8d8d8;
    margin:0 10px 0 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#conteudo div.form div.row { 
    vertical-align:middle;
    margin-top: 5px;
    margin-bottom: 10px;
    clear:both;
    font-size: 1em;
}

#conteudo div.form div.row label {
    width: 13em;
    float: left;
    text-align: right;
    margin-right: 0.5em;
    display: block;
}

#conteudo div.form div.buttons { clear:both}

#conteudo div.form div.buttons input {
    background:url(../images/fnd-boot-form.jpg) #5695a8;
    color:#fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size:1em;
    font-weight:bold;
    border:1px solid #4f92a5;
    margin:0 0 0 14.2em;
    padding:6px;
    cursor:pointer;
    text-align:right;
}

#conteudo div.form .MultiFile-label {
    margin: 0.5em 0 0 12.4em;
    padding: 0.1em;
    font-size: 0.9em;
}

#conteudo div.form .MultiFile-title {
    margin:0.5em 2em;
}

#conteudo div.form span.required
{
    color: red;
}

#conteudo div.form div.error label,
#conteudo div.form label.error,
#conteudo div.form span.error
{
    color: #C00;
}

#conteudo div.form div.error input,
#conteudo div.form div.error textarea,
#conteudo div.form div.error select,
#conteudo div.form input.error,
#conteudo div.form textarea.error,
#conteudo div.form select.error
{
    background: #FEE;
    border-color: #C00;
}

#conteudo div.form div.success input,
#conteudo div.form div.success textarea,
#conteudo div.form div.success select,
#conteudo div.form input.success,
#conteudo div.form textarea.success,
#conteudo div.form select.success
{
    background: #E6EFC2;
    border-color: #C6D880;
}


#conteudo div.form .errorSummary
{
    border: 2px solid #C00;
    padding: 7px 7px 12px 7px;
    margin: 0 0 20px 0;
    background: #FEE;
    font-size: 0.9em;
}

#conteudo div.form .errorMessage
{
    color: red;
    font-size: 0.9em;
}

#conteudo div.form .errorSummary p
{
    margin: 0;
    padding: 5px;
}

#conteudo div.form .errorSummary ul
{
    margin: 0;
    padding: 0 0 0 20px;
    list-style-type: disc;
}

#conteudo div.form .errorSummary ul li
{
    margin: 10px 0;
}



#conteudo div.titulo {
    clear: both;
    width: 100%;
    display: block;
    height: 1.7em;
}
#conteudo div.summary, #conteudo p.note, #conteudo div.pager {
    font-size: 0.75em;
    clear:both;
}

#conteudo p.note {
    font-style: italic;
    margin: 10px 0;
}

#conteudo ul.operacoes-crud,
#conteudo a.search-button {
    font-size: 0.75em;
    font-weight: bold;
    color: #0e509e;
    padding-top: 1px;
    padding-right: 6px;
    padding-bottom: 1px;
    padding-left: 6px;
    text-decoration: none;
}

#conteudo ul.operacoes-crud {
    margin-left: 10px;
    float:right;
}

#conteudo ul.operacoes-crud li a {
    margin-left: 10px;
}

#conteudo ul.operacoes-crud li a,
#conteudo a.search-button {
    color: #0e509e;
}

#conteudo ul.operacoes-crud li {
    display:block;
    float: left;
}

.anexos{margin:0 0 10px 0;}
.anexos li { padding:10px;}
.anexos li a {float:right;}

.excluir{
    color:#c70101;
    background:url(../images/bt-excluir.png) no-repeat;
    padding:2px 0 2px 20px;
    *margin:-28px 10px 0 0;
    font-weight:bold;
    font-size:0.8em;
}

.editar{
    color:#0d762b;
    background:url(../images/bt-editar.png) no-repeat;
    padding:2px 0 2px 20px;
    *margin:-28px 10px 0 0;
    font-weight:bold;
    font-size:0.8em;
}

.add-anexo {text-align:right; margin:15px 0 20px 0;}
.add-anexo a, .bot-veja-mais a {
    background:url(../images/fnd-boot-form.jpg) #5695a8;
    color:#fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size:0.9em;
    font-weight:bold;
    border:1px solid #4f92a5;
    margin:0 0 0 5px;
    padding:6px;
    cursor:pointer;
}
.add-anexo a span, .bot-veja-mais a span{padding:0 3px; background:#58b5d0; margin:0 5px 0 0;}

.listar-grupo .box-extranet ul li, .documentos .box-extranet ul li{line-height:30px; margin:4px 0; padding:0 0 0 10px;}
.listar-grupo .left{width:364px; float:left; }
.listar-grupo .right{float:right;width:385px;}

#conteudo-listar-grupo{font-size:0.85em; clear:both;}
#conteudo-listar-grupo ul li span{width:370px; display:inline-block; margin:0 5px 0 0; border-right:1px solid #5293a6;}
#conteudo-listar-grupo ul li a{margin:0 0 0 10px;}

.listar-grupo #navegacao {clear:both; margin:10px 0 0 0; }
.listar-grupo #navegacao dl {text-align:center; margin:0 auto;}
.listar-grupo #navegacao dl dt, .listar-grupo #navegacao  dl dd{ display:inline-block; *display:inline;}

.listar-grupo #navegacao  dl dd a{
    background:#87c9dd;
    color:#fff;
    padding:1px 5px;
    margin:0 2px;
    position:relative;
    top:-8px;
    font-size:0.8em;
    font-weight:bold;
}
.listar-grupo #navegacao  dl dd .pagina-atual{
    background:#58b5d0;
    font-size:1em;
}

.listar-grupo .form-buttons{font-size:0.9em;}

.documentos .left{width:90px; float:left; text-align:center; }
.documentos .right{float:right;width:660px; text-align:center;}
#conteudo-documentos{font-size:0.85em; clear:both;}
#conteudo-documentos ul li span{width:95px; display:inline-block; margin:0 5px 0 0; border-right:1px solid #5293a6;}

.documentos .bot-veja-mais{clear:both; display:block; margin:20px 0; text-align:right;}

.glossario .header{display:block;}

.glossario .ui-accordion-content {padding:0 0 10px 0; margin:0 0 10px 0; border-bottom:1px dotted #234a55; height:auto; font-size:0.8em;}
.glossario .ui-state-default a{background:url(../images/fnd-accordion.jpg) #5193A6 no-repeat scroll 755px 6px;	}
.glossario .ui-state-active a{background:url(../images/fnd-accordion-.jpg) #5193A6 no-repeat scroll 755px 6px;	}


#comentario {
    margin: 10px 0;
}

#comentario .titulo {
    line-height:27px;
    background:url(../images/fnd-tit-lista-conteudo.jpg) top left repeat-x;
    border-left:4px solid #003c4d;
    border-bottom:1px dotted #8ebecd;
    font-size:1.3em;
    padding:0 0 0 5px;
    margin:0 0 10px 0;
    text-align: left;

}

#anexo {
    margin: 10px 0 20px 0;
    border-bottom:1px dotted #8ebecd;
}

#anexo .titulo {
    font-size:0.8em;
    margin: 10px 0;
    font-weight: bold;
}

#lista-de-anexos p {
    background: url(../images/seta-bullet.jpg) scroll 0 6px no-repeat;
    font-size:0.8em; padding: 4px 0;
    margin:0 0 5px 0;

}
#lista-de-anexos p  a {
    padding:0 0 0 10px;
    color: #0e509e;
    font-weight: bold;
}


#comentario div.form div.row label {
    width: 8em;

}
#comentario div.form div.row img,
#comentario div.form div.row a {

    vertical-align: middle;
}

#comentario div.form div.buttons input {
    margin-left: 9.2em;

}

#comentario div.form .errorMessage {
    margin-top: 0.5em;
    margin-left: 10.2em;
}

#lista-de-comentarios {
    margin: 10px 0;
}

#lista-de-comentarios .autor {
    background:url(../images/fnd-tit-lista-conteudo.jpg) top left repeat-x;
    font-size: 0.75em;
    line-height: 1.2em;
    font-weight:bold;
    margin: 5px 0;
    padding: 5px;
}

#lista-de-comentarios .comentario {
    font-size: 0.8em;
    text-align: justify;
    line-height: 1.2em;
    border-left:1px dotted #8ebecd;
    border-bottom:1px dotted #8ebecd;
    border-right:1px dotted #8ebecd;
    margin-bottom: 15px;
    padding: 5px;

}

strong {
    font-weight: bold;
}
/*Fim das Definicoes Extranet*/


.bubbleInfo {
    position: relative;
}

.popup {
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
    background-color: #EFE;
    border: 1px solid #ABA;
    padding: 10px;
    width: 400px;
}

.popup h1 {
    font-weight: bold;
    margin-bottom: 6px;
}

.popup p {
    text-align: justify;
    line-height: 120%;
}