﻿/**
 * @autor: Mayco Alexandre 
 
 * @file : 
 * @brief: 
 **/
 
 /*******************************************************************
 *Base do sistema
 *Define as tags padrões do sistema. Tais como Listas, cores etc 
 *******************************************************************/

 
 

													/*** zera as propriedades dos elementos comuns ***/

*{margin: 0;padding: 0;border: 0;text-decoration:none;font-family:Arial, Tahoma, Verdana, Sans-Serif, Helvetica;font-size:11px;color:#47423a;}


											
													/** Evita a rolagem horizontal*/

html{ overflow-x:hidden;}
body{background:#eeeeee;}
hr {display: none;}
fieldset {border: none;}
.clearfix {clear:both; border:none; position:static;width:auto;background:none;}
.clearfix:after {content: " ";clear:both;}



/***********************************************
 *Layout
 *Define a estrutura e formas geral do sistema 
 ************************************************/
 
													/* Barra do Governo*/
													
#barragov{width:997px;border-bottom:#bc8c00 1px solid;margin:0 auto;}
#conteudobarra{width:997px;height:21px;margin:0 auto;}
#logomma{ float:left; width:199px; height:21px; background:url(http://portal.ana.gov.br/_img/logo_mma.gif) no-repeat; text-indent:-5000px; overflow:hidden}
#destaquesgov{ float:left; margin-left:200px; height:38px;}
#logobrasil{ background:url(http://portal.ana.gov.br/_img/logo_brasil.gif) no-repeat; float:right; Width:72px; height:21px; margin-right:5px; text-indent:-5000px; overflow:hidden; display:none}
#barraana{ margin:0 auto; border-top:#FFF 1px solid; border-bottom:#FFF 0px solid; height:10px; background:url(http://portal.ana.gov.br/_img/linha_ana.gif) repeat-x top; margin-bottom:10px}
 
 
 
 
 
 
														
														
/* parte superior - LOGO / MENU / FERRAMENTAS*/ 
#topo{ clear:both; width:997px; height:65px; vertical-align:bottom; margin:0 auto; /*background:#eee; margin-top:-10px*/} /** Topo da Página **/ 
#logo{float:left; width:153px; height:65px; margin:0 38px 0 0;}
#logo a{float:left; width:154px; height:62px;background:url(http://portal.ana.gov.br/_img/logo_ana.gif) no-repeat; text-indent:-9999px; overflow:hidden;}

#menu {z-index:0 /* configurações referentes ao menu estão no css menu.css */}
#ferramentas { 
	position:absolute; 
	top:-65px;
	right:120px;
	width:200px; 
	height:60px; 
	z-index:5000;
	background: url(http://portal.ana.gov.br/_img/fundo-ferramenta.gif) bottom no-repeat;
}
#idiomas { 
	position:absolute; 
	background:#f5f5f6;
	border:#6c9ed0 1px dotted;
	top:-46px;
	right:2px;
	width:81px; 
	padding-left:8px;
	padding-top:8px;
	height:29px; 
	z-index:5000;
	
}



@media screen and (-webkit-min-device-pixel-ratio:0)
{
	#ferramentas{top:-55px} 
}

#ferramentas #txtPesquisa{
	border:#999b9e 1px solid;
	height:14px;
	padding:2px;
	margin-top:30px;
	margin-left:10px;
	color:#3c6088;
	width:170px;
	background: url(http://portal.ana.gov.br/_img/fundo-pesquisa.gif);
}



#titulo-externo{

font-family:Arial, Tahoma, Verdana, Sans-Serif, Helvetica;
font-size:30px;
color:#203f80;
font-weight:normal;
text-transform:uppercase;
text-align:center;
float:left;
width:650px; 
margin-top:15px;


}





/****** CONFIGURAÇÃO IGUAL PARA TODAS AS PÁGINAS ******/

.conteudo{width:967px; margin:0 auto; border:#d3d3d3 1px solid; background:#FFF; 

padding:15px 15px 10px 15px; 
_padding:15px 15px 15px 15px; 
#padding:15px 15px 15px 15px; 

min-height:700px;

} 

/*Corpo da página*/
.conteudogrande{ width:967px; margin:0 auto; border:#d3d3d3 1px solid; background:#FFF; padding:15px;}


/* CONTEÚDO DO RODAPÉ */

.rodape {width:999px; margin:5px auto; height:65px; padding:0;}
.endereco {width:380px; float:left; margin:10px 0 0 5px;}
.endereco em{width:100%;height:60px;font-style:normal; color:#999}
.endereco a{color:#999}
.banner {
	width:500px; 
	padding:2px 5px 0px 5px; 
	height:60px; 
	float:right; 
	border:1px #d3d3d3 solid; 
	background:#fff;
}



.banner a img{
	opacity:0.60;
	filter:alpha(opacity=60);
}


.banner a:hover img{
opacity:1;
filter:alpha(opacity=100);
} 



.banner.fonte {
	width:70px; 
	padding:0px 10px 0px 5px; 
	height:60px; 
	float:right; 
	border:1px #d3d3d3 solid; 
	background:#fff;
	margin-right:5px;
}
.banner.fonte a img{
	opacity:1;
	filter:alpha(opacity=100);
}



ul.banner_horizontal {margin:0 20px; *margin:0 40px}
ul.banner_horizontal li {height:50px; margin:5px; float:left}
 




/* CONTEÚDO PÁGINA PRINCIPAL */

 /***********************************************
 *Capa do site
 *Formata a capa do site
 ************************************************/
 /* Coluna principal */

#noticias, #acesso, #instrumento, #regioes, #fotos, #videos, #portais, #banners {margin:15px 0;} /* separa as principais divs do conteúdo da página principal */
 
 
 
.chamada, .chamada a, .podcasts, .podcasts a{font-family:Verdana, Tahoma, Arial;font-size:18px;color:#154575;padding-bottom:4px;background:url(http://portal.ana.gov.br/_img/linha_chamada.gif) no-repeat bottom left;letter-spacing:-0.09em;} /*define as chamadas padrões*/

.podcasts,  .podcasts a{background:none}

.coluna.principal{width:500px; margin:-35px 20px 0 0; *margin:0 20px 0 0} /* agrupa as divs que contêm os conteúdos */
 /*Formatando o destaque*/
#destaque{background:#ededec;padding:5px;}
.imagem.destaque{float:left;margin-right:8px;}
.imagem.destaque img{float:left;border:#474747 1px solid;width:203px;}
.imagem.destaque div{clear:both;display:block;text-align:left;font-size:10px;color:#68696c;width:200px;}
.chamada.destaque{font-family:Arial;font-size:18px;font-weight:bold;color:#313232;background:none;letter-spacing:0;}

.chamada.regioes{margin:20px 0 0 0}
.coluna{float:left;margin-right:10px;} /* armazena todo conteúdo do bloco esquerdo da página inicial */


#s{margin-top:25px;}

#twitter-ana {width:130px;height:30px;float:right;margin-top:20px;position:relative;}
#twitter-ana a#linkrss {position:absolute; z-index:180; right:90px}
#twitter-ana a#linkyoutube {position:absolute; z-index:180; right:60px}
#twitter-ana a#linktwitter {position:absolute; z-index:180; right:30px}
#twitter-ana a#linkfacebook {position:absolute; z-index:180; right:0}
#twitter-ana a img{}


 

.item-noticia{clear:both;margin-top:5px;border:#fff 0px solid;} 
.item-noticia .data{float:left; font-weight:bold; font-size:11px; color:#7b5700; width:70px; } 
.item-noticia .titulo{float:left;font-weight:bold;color:#47423a;width:430px; margin-right:0;} 
.item-noticia .titulo a{color:#47423a;font-size:12px;} 
.item-noticia .resumo{
clear:left;
padding-top:2px;
} 


#not-sites .item-noticia {clear:both;}
#not-sites .item-noticia .data{width:10px;}
#not-sites .item-noticia .titulo{width:465px;margin-right:0}

.colunainterna.principal .item-noticia{margin-top:15px;} 
 
 
#acesso{padding:5px;border:#b2c8dd 2px solid; *padding:0;}
#acesso .chamada{background:none;}
#acesso .itens{background:#eef2f5;padding:3px; margin:0; *padding:0;}
#acesso .itens a{font-size:12px;color:#47423a;font-weight:bold;margin:0; padding:0;}
#acesso .itens a.boletim{margin-right:45px; position:relative; clear:both; display:inline-block}
#acesso .itens a img{vertical-align:bottom;margin-right:3px; margin-left:3px;}



 /*» */

#instrumentos{padding:5px;border:#b2c8dd 2px solid; *padding:0;}
#instrumentos .chamada{background:none;}
#instrumentos .itens{background:#eef2f5;padding:3px; margin:0; *padding:0;}
#instrumentos .itens a{font-size:12px;color:#47423a;font-weight:bold;margin:0; padding:0;}
#instrumentos .itens a.boletim{margin-right:45px; position:relative; clear:both; display:inline-block}
#instrumentos .itens a img{vertical-align:bottom;margin-right:3px; margin-left:3px;}



 
#palavras_boletim {width:100%;display:none} /* armazena a parte inferior da coluna esquerda (Palavras mais buscadas e Assine o boletim) */
 
#canvasinicial {float:left; width:50%;} /* organiza as divs que estão contidas dentro da div palavras_boletim */ 

.texto{font-size:11px;color:#47423a;text-align:justify;} /* configura os textos */
 
.leiamais{font-size:11px;color:#105396;font-weight:bold;} /* formatação do link leia mais */
.leiamaisnoticias{font-size:11px;color:#105396;font-weight:bold;margin-top:20px;} /* formatação do link leia mais */
#destaque .leiamais{float:right} /* formatação do link leia mais */

.coluna.servicos{width:220px; margin:-35px 0; *margin:0} /* coluna que contém as divs biblioteca, regiões, fotos, vídeos */
/*#assine{float:left;width:240px;margin-left:5px;}*/
#biblioteca{padding:5px;border:#b2c8dd 2px solid; margin-top:30px; }
#biblioteca .chamada{background:none;}
#biblioteca .itens{background:#eef2f5;padding:2px;}
#fotos{clear:left;padding-top:15px;_padding-top:0px;#padding-top:0px;}


/**ajuste para melhorar o espaçamento*/
#regioes{margin-top:20px;}

#fotos{margin-top:5px;}


.videos{margin-top:15px;} 
.videos .capa{position:relative;padding:7px 0;border-bottom:1px solid #E3EBF2;} 
.videos .capa a{float:left; margin-right:3px; margin-top:2px;}
.videos .capa .play {width:28px; height:28px;position:absolute; left:30px; top:20px;
	filter:alpha(opacity=50);
	opacity:0.5;}
.videos .capa .play a {margin:0;float:left;background:#000;width:27px; height:26px;}
.videos .capa .play a img{margin:0;float:left;margin-top:-1px;margin-left:-1px;}
.videos .capa .titulo{font-weight:bold;}



/**formatação dos thumbs da página interna*/
.videos-thumbs{}
.videos-chamada{position:relative; float:left; width:100px; height:120px;margin-right:5px;margin-top:10px;border:#ccc 0px solid;padding:6px;} 
.videos-chamada:hover{background:#eaeaea;}
.videos-chamada a{}
.videos-chamada .play {width:28px; height:28px;position:absolute; left:30px; top:20px;
	filter:alpha(opacity=40);
	opacity:0.4;}
.videos-chamada .play a {margin:0;float:left;background:#000;width:27px; height:26px;}
.videos-chamada .play a img{margin:0;float:left;margin-top:-1px;margin-left:-1px;}
.videos-chamada .titulo{font-weight:bold;}
.videos-chamada .descricao{clear:both;font-size:11px !important;}

.videos-thumbs .maisvideos{float:right; margin-top:15px;}
.videos-thumbs .paginacao{clear:both;text-align:center;margin-top:30px;}
.videos-thumbs .paginacao a img{margin-bottom:-8px;}



.videos-chamada.salasituacao{border:#bccee0 2px solid; float:right; padding-top:10px; background:#f2f2f2; margin-top:0;text-align:center;height:100px;}

#linksaladesituacao{display:block;margin:20px 0 0 0}

/***********************************/



.coluna.institucional{width:212px; float:right; margin:-35px 0; *margin:0} /* coluna que contém as divs portais e banner*/

#menuinterno{width:200px;padding:5px;border:#b2c8dd 2px solid;float:right; margin-left:10px}
#menuinterno .chamada{background:none;font-family:Verdana, Tahoma, Arial;font-size:18px;color:#154575;padding-bottom:4px;}
#menuinterno .itens{background:#eef2f5;padding:2px;}
#menuinterno .itens ul {margin-left:15px;}
#menuinterno .itens a {color:#47423A !important}








/* CONTEÚDO PÁGINA INTERNA */
.colunainterna.principal * {font-size:12px;}
.colunainterna.principal h1, .colunainterna.principal h1 *{font-size:20px;font-family:Verdana, Arial;color:#154575;margin-top:15px;margin-bottom:25px;text-decoration:none} 
.colunainterna.principal h2, .colunainterna.principal h2 *{font-size:16px;font-family:Verdana, Arial;color:#154575;margin-top:15px;text-decoration:none} 
.colunainterna.principal h3, .colunainterna.principal h3 *{font-size:14px;font-family:Verdana, Arial;color:#000000;margin-top:15px;text-decoration:none;font-style:italic;}
.colunainterna.principal .linkpublicacoes{cursor:pointer;font-size:12px;font-family:Verdana, Arial;color:#000000;margin-top:15px;margin-bottom:5px;text-decoration:none;font-style:italic} 

.colunainterna.principal .publicacoes-descricao{font-style:italic;color:#666}

.colunainterna.principal h4, .colunainterna.principal h4 *{font-size:12px;margin-top:10px;margin-bottom:5px;font-style:italic} 


.colunainterna.principal p{margin:15px 0; line-height:150%} 
.colunainterna.principal a{text-decoration:none} 
.colunainterna.principal a:link{color:#7198ae;} 
.colunainterna.principal a:visited{color:#7198ae;} 
.colunainterna.principal a:hover{color:#7198ae;text-decoration:underline} 
.colunainterna.principal ul {margin-left:15px;}
.colunainterna.principal a {color:#000}



.colunainterna.principal{ float:left; width:720px;  margin:-35px 0 30px 0; *margin:0} /* agrupa as divs que contêm os conteúdos de texto das páginas internas */
.colunainterna.principal .topo_conteudo {height:35px; position:relative; margin:0 0 20px 0;background:url(http://portal.ana.gov.br/_img/linhamaior_chamada.gif) repeat-x bottom left
} /* organiza o descritivo do link chamado pelo menu, conteúdo principal da página interna chamada */

.colunainterna.principal .topo_conteudo .chamada {font-family:Arial;font-size:12px;color:#5d5850;background:none;float:left; width:400px; border:#000 0px solid; letter-spacing:-0.02em; padding-top:5px;}
.colunainterna.principal .topo_conteudo .utilidades{position:absolute;right:0} 
.colunainterna.principal .topo_conteudo .utilidades a{color:#5d5850; font-family:Arial, Verdanda; font-size:11px;margin-left:15px;}


/**configurando os botoes da barra*/
.colunainterna.principal .topo_conteudo .utilidades{float:right;margin-top:2px;} 

.colunainterna.principal .topo_conteudo .utilidades a.botao{
	float:left;
	width:31px;
	height:21px;
	
	margin:0 10px 0 0;
	text-indent:-9999px;
}
.colunainterna.principal .topo_conteudo .utilidades a#btnvoltar{background:url(http://portal.ana.gov.br/_img/btn-voltar.gif);} 
.colunainterna.principal .topo_conteudo .utilidades a#btnvoltar:hover{background:url(http://portal.ana.gov.br/_img/btn-voltar-over.gif);} 

.colunainterna.principal .topo_conteudo .utilidades a#btnimprimir{background:url(http://portal.ana.gov.br/_img/btn-imprimir.gif);} 
.colunainterna.principal .topo_conteudo .utilidades a#btnimprimir:hover{background:url(http://portal.ana.gov.br/_img/btn-imprimir-over.gif);} 

.colunainterna.principal .topo_conteudo .utilidades a#btnemail{background:url(http://portal.ana.gov.br/_img/btn-email.gif);} 
.colunainterna.principal .topo_conteudo .utilidades a#btnemail:hover{background:url(http://portal.ana.gov.br/_img/btn-email-over.gif);} 


.colunainterna.principal .topo_conteudo .utilidades a#btnrss{background:url(http://portal.ana.gov.br/_img/btn-rss.gif);} 
.colunainterna.principal .topo_conteudo .utilidades a#btnrss:hover{background:url(http://portal.ana.gov.br/_img/btn-rss-over.gif);} 


.colunainterna.principal .topo_conteudo .busca-interna{float:right;clear:both;width:200px; _width:225px; #width:225px; margin-top:10px;margin-right:0;}
.colunainterna.principal .topo_conteudo .busca-interna-titulo{font-family:Verdana, Tahoma, Arial;font-size:12px;font-weight:bold;color:#f58726;letter-spacing:-0.09em;border-bottom:#f58726 1px solid;}
.colunainterna.principal .topo_conteudo .busca-interna-filtro{background:#ededec;padding:10px;}
.colunainterna.principal .topo_conteudo #busca-interna-txt{clear:both;height:20px;margin-top:5px;}
.colunainterna.principal .topo_conteudo .busca-interna #campofiltro{border:#dcdcdc 1px solid;height:20px;float:left; width:130px; _width:150px; #width:150px; }
.colunainterna.principal .topo_conteudo .busca-interna #botaofiltro{background:#f58726; color:#FFF; height:21px;float:left;font-family:Verdana, Tahoma, Arial;font-size:10px;font-weight:bold;color:#fff;margin-left:1px;padding-bottom:2px;margin-top:1px; _margin-top:0px; #margin-top:1px;}
 

 
 .colunainterna.principal .topo_conteudo .utilidades #btnTT iframe{
	width:90px !important; 
 }

 
#coluna_esquerda {float:left;width:350px;} /* organiza os conteúdos que estarão no bloco à esquerda dentro da div colunainterna principal */
#coluna_direita {float:right;width:350px;} /* organiza os conteúdos que estarão no bloco à direita dentro da div colunainterna principal */
#tags{float:left;width:100%;margin:0 0 80px 0;} /* agrupa as divs que armazenam os conteúdos que estão dentro da div chamada e tag p*/


.colunainterna.institucional{width:212px; float:right; margin:-35px 0; *margin:0} /* agrupa as divs de banner e publicidade das páginas internas */
.canvas { background:#fff; border:1px #b3c9dd solid;width:202px;height:230px; padding:4px; margin:5px 0} /* div que contém o conteúdo da div todoservicos que está dentro da div colunainterna institucional*/
.conteudoservicos {background:#eef2f5; width:202px; height:230px} /* conteúdo da div todoservicos */
.bannerportais_slide { border:1px #b3c9dd solid; margin:5px 0; height:auto; background:#fff} /* conteúdo da div bannerportais_slide */
.slide {background:#ededed; height:175px; padding:7px} /* conteúdo da div bannerportais_slide*/ 

.tabelalistagem {width:100%}
.tabelalistagem th{background:#ccc;;text-align:left;padding:2px;border-spacing:0;margin:0}
.tabelalistagem td{padding:0;margin:0;background:#fff; border-bottom:#CCC 1px solid;padding:2px;border-spacing:0;margin:0}








/*FORMATNADO AS NOTICIAS*/
.colunainterna.principal .not-titulo{font-size:20px;margin-bottom:10px;font-family:Verdana, Arial;color:#154575;text-decoration:none;font-weight:bold;}
.colunainterna.principal .not-data{font-size:11px;color:#CC9900;font-weight:bold;margin-bottom:15px;}
.colunainterna.principal .not-imagem {float:left;}
.colunainterna.principal .not-imagem img{border:#CCC 1px solid;margin:0 10px 10px 0;width:203px;}
.colunainterna.principal .not-autor {margin-top:10px;font-style:italic}



/*FORMATNADO EVENTOS*/
.colunainterna.principal .evento .titulo{font-size:20px;font-family:Verdana, Arial;color:#154575;text-decoration:none;font-weight:bold;}
.colunainterna.principal .evento .data{font-size:11px;color:#CC9900;font-weight:bold;margin-bottom:10px;margin-top:10px;}
.colunainterna.principal .evento .autor{font-size:11px;color:#CC9900;font-weight:bold;margin-bottom:10px;}


/*FORMATNADO EVENTOS*/
.colunainterna.principal .evento .titulo{font-size:20px;font-family:Verdana, Arial;color:#154575;text-decoration:none;font-weight:bold;}
.colunainterna.principal .evento .data{font-size:11px;color:#CC9900;font-weight:bold;margin-bottom:10px;}
.colunainterna.principal .evento .autor{font-size:11px;color:#CC9900;font-weight:bold;margin-bottom:10px;}


/*FORMATANDO BACIAS*/
.colunainterna.principal img.bacias{float:right;}


/*FORMATNADO CADASTRO DE BACIAS*/

.colunainterna.principal div#selEstacoes{
    width:200px;
    float:left;
    border:#000 0px solid;
    position:relative;
    margin-right:2px;    
}

.colunainterna.principal div#selEstacoes div#tituloestacoes{
        color:#444;
        font-size:14px;
        font-weight:bold;
        border-top:#455464 5px solid;
        padding:5px;
        height:18px;
        background:#dddddd url(http://portal.ana.gov.br/_img/fundo-titulo-estacoes.gif) no-repeat bottom left
}
.colunainterna.principal div#selEstacoes div#dvBarra{
        border:#ccc 1px solid;
        border-top:none;
        padding:15px 10px 5px 5px;
         height:606px;
    overflow:auto;
    overflow-x:hidden;

}
.colunainterna.principal div#selEstacoes div#dvBarra a{

        float:left; 
        width:100%;
        margin-bottom:5px; 
        padding:4px 0px 4px 10px;
        color:#333333;
        font-size:11px;
}

.colunainterna.principal div#selEstacoes div#dvBarra a:hover{
        color:#fff; 
        background:#6c9ed0;
        text-decoration:none; 
        font-weight:bold;
        background:#6c9ed0 url(http://portal.ana.gov.br/_img/fundo-link-bacias.gif) no-repeat top right;

}



.colunainterna.principal div#dvMap * {margin:0.0em;padding:0.0em;font-size:11px;}

/*{margin: 0;padding: 0;border: 0;text-decoration:none;font-family:Arial, Tahoma, Verdana, Sans-Serif, Helvetica;font-size:11px;color:#47423a;}*/

.colunainterna.principal div#dvMap{width:505px;height:658px;float:left;border:#ccc 1px solid;}
.colunainterna.principal div#linksdownload{border:#b2c8dd 1px solid; clear:both; float:left; width:685px; margin-top:10px; padding:10px; background:#eeeeee;}




/*FORMATANDO OS VIDEOS*/

.media{

	float:left; margin-right:15px;
}



#portais {margin-top:5px;}
#portais .itens{background:#fcfcfc;border:#e3ebf2 1px solid;margin-top:2px;padding-bottom:10px;padding-left:3px;}
#portais .item{clear:both;margin-top:15px;margin-left:5px;}
#portais .image-area-left{float:left;}
#portais .image-area-left img{margin-right:2px;}
#portais .link-item a{font-size:12px;color:#47423a;font-weight:bold;}





#selos {margin-top:5px; position:relative; min-height:100px}
#selos .item{clear:both;margin-top:15px;margin-left:5px;}
#selos .image-area-left{float:left;}
#selos .image-area-left img{margin-right:2px;}
#selos .link-item a{font-size:12px;color:#47423a;font-weight:bold;}





.cadernosRH p {clear:both;padding-top:10px;}
.cadernosRH p img{float:left;margin-right:5px;margin-top:-5px;margin-bottom:20px}
.faq input[type='button']{background:#6c9ed0;color:#FFF;font-size:10px;padding:2px;}
.faq div{margin-left:10px;}
.faq .resposta{border:#c3d5f2 1px solid;background:#f2f7ff;padding:5px;}
.faq .resposta * {color:#000}
.faq .nivel1{border:#eceae7 1px dashed;padding:5px 10px 5px 5px;background:#f5f5f5}








.tabela-quemequem th{
	background:#eaeaea;
	padding:5px;
	border-bottom:#ccc 1px solid;
	margin-top:5px;
}

.tabela-quemequem td{
	border-bottom:#f5f5f5 1px solid;	
	padding:2px;
}


.ms-formbody input[type=text]{
  border:#8898a7 1px solid;
  height:17px;
  font-size:11px;
  padding-top:2px;
  padding-left:2px;
  width:550px;
}

.ms-formbody textarea{
  border:#8898a7 1px solid;
  font-size:11px;
  padding-top:2px;
  padding-left:2px;
  width:550px;
}




.tabela-dados{

width:100%;
}


.tabela-dados th{
  background:#646f7b;
  color:#FFF;
  padding:2px;
}

.tabela-dados td{
  padding:2px;
  border:#ccc 1px solid;
  border-top:none;
  
}


.upload{
  border:#ccc 1px dashed;
  padding:4px;  
  background:#eaeaea; 
  margin-bottom:8px;
  height:21px; 
  width:540px;
}
.upload input[type=text]{
  border:#8898a7 1px solid;
  font-size:10px;
  color:#000;
  padding:2px;
  width:485px;
  _width:470px;
  #width:470px;
  filter:alpha(opacity=30);
  opacity:0.3;
  height:14px;
}
.upload .anexo{border:#8898a7 1px solid; background:#105396; color:#fff; padding:1px; font-size:11px;}



.ms-formbody .ms-dtinput input{
  width:70px;
}



#tbResolucao .txtnumero input{
  width:70px 
}



/**
 *formatação da sala de situação
 * */
 
#saladesituacao{padding:5px;border:#cfc2a3 2px solid;padding-top:0;background:#eeece4;}
#saladesituacao .chamada{background:#eeece4;padding:2px 0 2px 0; color:#472d04; font-size:23px; font-weight:normal; font-family:Tahoma,Arial;letter-spacing:1px}
#saladesituacao .chamada a{color:#472d04; font-size:23px; font-weight:normal; font-family:Tahoma,Arial;letter-spacing:1px}
#saladesituacao .itens{background:#FFF;padding:2px;}

 
 
 #ss-informesespeciais, 
 #ss-boletinsdiarios,
 #ss-boletinsmensais,
 #ss-sistemadealerta{
  width:340px;
  float:left;
}

#ss-informesespeciais,
#ss-boletinsmensais{
  margin-right:20px;
}

.ss-item{
  margin-top:5px;
  margin-bottom:10px;
}

div.conteudo div.colunainterna div.topo_conteudo div.utilidades iframe#ifrFB{margin-bottom:-1px !important;}

/**
 *formatação da sala de situação
 * */

 
 
 
 
 
 table tr .ms-toolbar input, 
 .buttom{

	cursor:pointer;
	width:90px;
	height:25px;
	text-align:center;
	background:#6798cf;
	color:#fff;	font:18px Arial;
	padding:0px 12px;
	margin-left:10px;
	
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	margin-bottom:20px;
	margin-top:20px;

}


table tr .ms-toolbar .buttom{text-align:center;cursor:pointer}
table tr .ms-toolbar .buttom table{margin-top:5px;text-align:center;width:100%;}
table tr .ms-toolbar .buttom table a{color:#fff;	font:14px Arial;}
table tr .ms-toolbar .buttom table a img{width:0px;height:0px;margin-left:10px;}


.buttom.excluir{
	background:#f4f4f4;
	color:#000;	
}



table tr .ms-toolbar .buttom.excluir table a{color:#944a4c;}
table tr .ms-toolbar .buttom.excluir table a img{width:12px;height:12px;margin-left:5px;}





ul.boletins{

	margin:10px 0 0 10px;
	
}

ul.boletins li{
	margin:5px 0;
}



.conteudo-faq{border:#000 0px solid; width:490px;}
.conteudo-faq table{border:#000 0px solid;padding:0}
.conteudo-faq table td{margin:0;padding:0}

.lista-faq {border:#000 0px solid; width:480px;margin:0px;padding:0px;}


.lista-faq li.assunto-faq{color:#7198AE;font-weight:bold;margin:7px 0}
.lista-faq li.item-faq{margin:4px 0 4px 4px;padding:0;border:#eceae7 1px dashed;padding:5px 10px 5px 5px;background:#f5f5f5}
.lista-faq li.item-faq .lnk-ver{padding:2px;background:#6C9ED0;color:#fff;font-size:10px;margin:0 0 0 3px;}


.lista-faq li.item-faq a[type='button']{background:#6c9ed0;color:#FFF;font-size:10px;padding:2px;}
.faq div{margin-left:10px;}
.lista-faq li .resposta{border:#d9dadb 1px solid;background:#fff;padding:5px; margin:4px 0;color:blue}
.lista-faq li .resposta *{color:#000}



#linkboletimpessoal{color:#7198AE;cursor:pointer;}


.lista-agenda-presidente {
	list-style:none;
	margin:0;
	margin-bottom:15px;
	padding-top:20px !important;
	width:400px;
	clear:both;
	

}

.lista-agenda-presidente li *{color:#7e7f7f;}
.lista-agenda-presidente li a{color:#47596f;font-size:11px;}

.lista-agenda-presidente  .item-agenda{border-bottom:#ccc 1px dotted; padding:10px 0;border-left:2px #fff solid; padding-left:4px;}
.lista-agenda-presidente  .item-agenda:hover{border-left:2px #297EB3 solid; padding-left:4px;background:#ecf6ff;cursor:default;}
.lista-agenda-presidente  .item-agenda .data{font-weight:bold; color:#000; float:left; margin-right:15px;font-size:18px;}
.lista-agenda-presidente  .item-agenda .assunto{color:#47423A; font-weight:bold;}
.lista-agenda-presidente  .item-agenda .descricao{padding-left:62px;}

.lista-agenda-presidente  .agendadodia, h2.agendadodia{
	border:#ccc 1px dotted;
	background:#f5f5f5;
	color:#297EB3;
	font-weight:bold;
	font-family:Tahoma, Arial;
	font-size:14px !important;
	letter-spacing:0em;
	padding:8px;
	margin-top:5px;
}
h2.agendadodia{
	text-align:center;
	float:left;
	font-size:16px !important;
	font-family:Tahoma, Arial !Important;
}


a.agendas{

	background:#ecf6ff;
	border:#d2e4ef 1px solid;
	color:#6f6d6b !important;
	float:left;
	width:100px !important;
	text-align:center;
	font-family:Arial  !important;
	font-size:11px !important;
	letter-spacing:-0.05em  !important;
	font-weight:bold;
	padding:5px;
	margin-top:28px;
}

a.agendas.anteriores{margin-right:4px;}
a.agendas.futuras{margin-left:4px;}


a.agendas:hover{
	border:#297eb3 1px dotted;
	color:#000 !important;
	text-decoration:none !important;
}




/**formatando o cadastro de atas e a lista de atas do site*/


#tbAta .txtnumero input{
  width:90px 
}


.lista-atas {
	list-style:none;
	margin:0;
	padding:0;
}

.lista-atas .grupo-ata{
	color:#000;
	background:#f5f5f5;
	font-weight:bold;
	margin-bottom:2px;
	padding:5px;
	font-size:14px;
}


.lista-atas .item-ata{
	margin-left:10px;
	border-bottom: 1px dotted #CCCCCC;
    padding: 10px 0 8px 4px;	
}

.lista-atas .item-ata span{
	font-weight:bold;
	color:#31485D;
}

.lista-atas .item-ata:hover{

    background:#f5f5f5;
}




.lista-atas .item-ata a{
color:#31485D;
}

.lista-atas .item-ata:hover a{
color:#0072BC;
font-weight:bold;
}

.lista-atas .item-ata:hover span{
color:#000;
font-weight:bold;
}



/**formatando o cadastro de atos e a lista de atas do site*/


#tbAto .txtnumero input{
  width:90px 
}


.tabela_comunicado {
}

.tabela_comunicado tr th{
	background:#ccc;border:#000 1px solid;padding:5px;
}

.tabela_comunicado tr td{

	background:#fff;
	margin:0;
	padding:4px;
	font-size:12px !important;
	font-family:Arial,Tahoma,Verdana,Sans-Serif,Helvetica;
	border-bottom:#cccccc 1px solid;
}





.informe{
	border-bottom:#681a1a 1px dotted; 
	float:left; 
	width:470px;
	background:#f7f7f7;
	

}

.informe p{
	padding:4px;
}
.informe-titulo{
	background:#fff; 
	color:#681a1a; 
	font-size:18px !important;
	font-weight:bold;
	padding:4px; 
	text-align:center;
	border-bottom:#681a1a 1px dotted; 
}




/**PÁGINA INTERNA DE COBRANÇA**/

.menuinternocobranca{width:500px;padding:5px;border:#b2c8dd 2px solid;float:left; margin:10px 0 10px 0}
.menuinternocobranca .chamada{background:none;font-family:Verdana, Tahoma, Arial;font-size:18px !important;color:#154575;padding-bottom:4px;}
.menuinternocobranca .itens{background:#eef2f5;padding:2px;}
.menuinternocobranca .itens ul {margin-left:15px;}
.menuinternocobranca .itens a {color:#47423A !important}




.colunainterna.cobranca * {font-size:12px;}
.colunainterna.cobranca h1, .colunainterna.cobranca h1 *{font-size:20px;font-family:Verdana, Arial;color:#154575;margin-top:15px;margin-bottom:25px;text-decoration:none} 
.colunainterna.cobranca h2, .colunainterna.cobranca h2 *{font-size:16px;font-family:Verdana, Arial;color:#154575;margin:30px 0 20px 0;text-decoration:none} 
.colunainterna.cobranca h3, .colunainterna.cobranca h3 *{font-size:14px;font-family:Verdana, Arial;color:#3b3731;margin:15px 0 5px 0;text-decoration:none;font-style:italic;}
.colunainterna.cobranca .linkpublicacoes{cursor:pointer;font-size:12px;font-family:Verdana, Arial;color:#000000;margin-top:15px;margin-bottom:5px;text-decoration:none;font-style:italic} 

.colunainterna.cobranca .publicacoes-descricao{font-style:italic;color:#666}

.colunainterna.cobranca h4, .colunainterna.cobranca h4 *{font-size:12px;margin:5px 0;font-style:italic;color:#666666} 


.colunainterna.cobranca p{margin:8px 0;} 
.colunainterna.cobranca a{text-decoration:none} 
.colunainterna.cobranca a:link{color:#7198ae;} 
.colunainterna.cobranca a:visited{color:#7198ae;} 
.colunainterna.cobranca a:hover{color:#7198ae;text-decoration:underline} 
.colunainterna.cobranca ul {margin-left:15px;}
.colunainterna.cobranca a {color:#000}



#regioes a{float:left;clear:both;margin-bottom:5px;margin-top:5px;}
#regioes a:hover{color:#2b69db;}