/* --------------------------------------------------- Elementos usados por todas as páginas --------------------------------------------------- */

/*--------- elementos html ---------*/

html {
	overflow: -moz-scrollbars-vertical !important;
	}

body {
	margin: 0px;
	font-family: arial, helvetica, sans-serif;
	color: #333;
	}

img {
	border-style: none;
	}

a:link {
	cursor: pointer;
	color: #333;
	text-decoration: none;
	}

a:visited {
	cursor: pointer;
	color: #333;
	text-decoration: none;
	}

a:hover {
	cursor: pointer;
	color: #333;
	text-decoration: underline;
	}

a:active {
	cursor: pointer;
	color: #333;
	text-decoration: none;
	}

p, h1, h2, h3, h4 {
	margin: 0px;
	line-height: normal;
	font-weight: normal;
	}

p {
	font-size: .7em;
	margin-top: .4375em;
	margin-bottom: .5625em;
	}

h1 {
	font-size: 1em;
	font-weight: bold;
	margin-top: .1875em;
	}

h2 {
	font-size: .9em;
	font-weight: bold;
	}

h3 {
	font-size: .8em;
	font-weight: bold;
	}

h4 {
	font-size: .7em;
	font-weight: bold;
	}

textarea {
	font-family: arial, helvetica, sans-serif;
	font-size: 1em;
	}

input {
	font-family: arial, helvetica, sans-serif;
	font-size: 1em;
	color: #333;
	}


/*--------- classes ---------*/

.escondido {
	display: none;
	}

.float_left {
	float: left;
	}

.float_right {
	float: right;
	}

.topo {
	vertical-align: top;
	}

.fundo {
	vertical-align: bottom;
	}

.margem_topo {
	margin-top: 7px;
	}

.margem_fundo {
	margin-bottom: 26px;
	}

.margem_esquerda {
	margin-left: 33px;
	}

.corpo10 {
	font-size: .6em;
	}

.corpo11 {
	font-size: .7em;
	}

.corpo11fixo {
	font-size: 11px;
	margin-top: .4375em;
	margin-bottom: .5625em;
	}

.corpo14_ft {
	font-size: .9em;
	margin-bottom: -.3em;
	}

.intro_menor {
	float: left;
	width: 365px;
	}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

.clearfix {
	min-height: 0px;
	}

.clear {
	clear: both;
	}

/* Comenta o estilo a seguir do IE-mac \*/
* html .clearfix {height: 1%;}
/* Fim do comentário para o IE-mac */


.innerfix {
	width: 100%;
	margin-right: -1px;
	float: left;
	position: relative;
	}

/* Data da última atualização */
.atualizacao {
	float: right;
	padding-top: .9em;
	font-style: italic;
	}

/* Links extras */
.extras {
	float: right;
	width: 167px;
	margin-top: 10px;
	margin-bottom: 16px;
	clear: right;
	}

.extras p {
	width: 120px;
	}

.extras ul {
	width: 144px;
	padding: 0;
	margin: 0px;
	list-style-type: none;
	}

.extras li {
	margin-top: .4375em;
	}

.extras h4 {
	border-bottom: solid 2px #cbcbcb;
	}

.extras img {
	padding-top: 7px;
	}


/* Links "leia mais", "veja mais", "mais", "Clique aqui" e "Acesse" */
a.link_mais:link {
	cursor: pointer;
	color: #333;
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
	}

a.link_mais:visited {
	cursor: pointer;
	color: #333;
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
	}

a.link_mais:hover {
	cursor: pointer;
	color: #333;
	text-decoration: underline;
	font-style: italic;
	font-weight: bold;
	}

a.link_mais:active {
	cursor: pointer;
	color: #333;
	text-decoration: underline;
	font-style: italic;
	font-weight: bold;
	}

/* Divisão em colunas de #menu_conteudo */
.colunas01e02 {
	float: left;
	_line-height: 130%;
	margin-right: 3.2em;
	_margin-right: 0;
	}

.coluna03 {
	float: left;
	_line-height: 130%;
	}

/* Divisão em coluna de #miolo_conteudo */
.miolo_conteudo_coluna {
	width: 173px;
	_width: 170px;
	}

/* Destaque em #miolo_conteudo */
.miolo_conteudo_destaque {
	border: solid 1px #cbcbcb;
	padding: 7px;
	}

.miolo_conteudo_destaque img {
	margin: auto;
	}

.miolo_conteudo_destaque_texto {
	width: 180px;
	}

.miolo_conteudo_destaque_texto_maior {
	width: 220px;
	}

.titulo_destaque_vertical {
	float: left;
	width: 110px;
	height: 40px;
	border-right: solid 2px #cbcbcb;
	text-align: right;
	padding-right: 7px;
	}

.titulo_destaque_horizontal {
	border-bottom: solid 2px #cbcbcb;
	}

/* Segundo subtítulo em #miolo_conteudo */
.segundo_subtitulo {
	border-bottom: solid 2px #cbcbcb
	}

/* listas selecionáveis */
.drop_down {
	background: #f2f2f2;
	}

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

/* Tabelas */
.tabela {
	width: 100%;
	border-style: none;
	padding: 0px;
	border-collapse: collapse;
	}

.th {
	border: solid 1px #cbcbcb;
	padding: 4px;
	margin: 0px;
	}

.tr {
	border-style: none;
	margin: 0px;
	}

.td {
	border: solid 1px #cbcbcb;
	padding: 4px;
	margin: 0px;
	}

/*--------- id's ---------*/





/* Controla o fundo da área (a propriedade que indica a imagem do fundo está no arquivo "esta_area.css") */
#fundo {
	background-repeat: repeat-x;
	}

#padding_fundo {
	padding: 4px 2px 0 2px;
	}


/* Área branca da página */
#area_branca {
	width: 764px;
	margin: auto;
	padding: 4px;
	background: white;
	border: solid black 1px;
	}

/* Área com a borda cinza da página */
#area_borda_cinza {
	border: solid #cbcbcb 1px;
	border-bottom-width: 2px;
	height: 100%;
	width: 762px;
	}

/* Área com testeira, ferramentas de tamanho de texto e seleção de idioma e grupo de links "sobre o projeto", "mapa do sítio" e "contato" (infos) */
#area_inicial {
	width: 762px;
	}

/* Área da testeira (1a linha da área inicial) */
#testeira {
	height: 70px;
	width: 762px;
	}

/* Área das ferramentas e infos (2a linha da área inicial) */
#ferramentas_e_infos {
	padding: 4px 17px 4px 17px;
	}

#ferramentas_e_infos a:link,
#ferramentas_e_infos a:visited,
#ferramentas_e_infos a:hover,
#ferramentas_e_infos a:active {
	text-decoration: none;	
	}

/* Área das ferramentas de tamanho de texto e seleção de idioma */
#ferramentas {
	float: left;
	height: .9em;
	}

/* Elementos da ferramenta de tamanho de texto */
#tamanho_do_texto {
	float: left;
	}

.botoes_tamanho_texto {
	float: left;
	border: solid 1px #cbcbcb;
	height: .875em;
	width: 1.475em;
	font-weight: bold;
	text-align: center;
	margin-right: .1875em;
	}

.botoes_tamanho_texto span {
	vertical-align: 50%;
	_line-height: 50%;
	_white-space: nowrap;
	}



/* Elementos da ferramenta de seleção de idioma */
#idiomas {
	float: left;
	margin-left: .25em;
	position: relative;
	top: -.25em;
	}

#espanhol {
	float: left;
	margin-right: .25em;
	}

#ingles{
	float: left;
	}


/* Elementos do grupo de links "sobre o projeto", "mapa do sítio" e "contato" (infos) */
#infos {
	float: right;
	}


/* Área que compreende o menu de navegação e o conteúdo (que inclui submenus de páginas e links extras, à direita) */
#intermediaria {
	background: #f2f2f2;
	}

/* Coluna da esquerda com a navegação */
#navegacao {
	width: 180px;
	float: left;
	margin-left: -180px;
	border-right: solid 1px #cbcbcb;
	border-top: solid 1px #cbcbcb;
	position:relative;
	left: -1px;
	}

	

/* Elementos do menu de navegação */
#navegacao ul {
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	}

#navegacao li {
	padding: 9px 3px 9px 17px;
	line-height: 100%;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #cbcbcb;
	}

#padding_conteudo {
	margin-left: 180px;
	background: white;
	border-left: solid 1px #cbcbcb;
	}



/* Coluna da direita, com o conteúdo propriamente dito, submenu da página e links extras */
#conteudo {
	width: 546px;
	margin: 10px 20px 26px auto;
	}

/* Indicação do caminho da página */
#caminho {
	font-style: italic;
	}

/* Área com o título da página, data da última atualização (quando aplicável) e linha cinza escura (1o nível) */
#titulo {
	height: 1.5em;
	border-bottom: solid 2px #838281;
	}

#titulo h1 {
	float: left;
	}

/* Texto de introdução da página */
#texto_intro {
	float: left;
	width: 365px;
	}
#texto_intro_legis {
	float: left;
	
	}
#texto_intro_subtitulo {
	width: 365px;
	}

/* Submenu da página */
#menu_conteudo {
	float: right;
	width: 144px;
	border: solid 1px #cbcbcb;
	background: #f2f2f2;
	margin-top: 7px;
	margin-bottom: 16px;
	padding: 11px;
	}

#menu_conteudo h4 {
	text-align: center;
	margin-bottom: 7px;
	}

#menu_conteudo ul {
	padding: 0px;
	margin-left: 10px;

	list-style-type: none;
	}

#menu_conteudo ul ul {
	padding: 0px;
	margin-left: 10px;

	list-style-type: none;
	}
	
#menu_conteudo ul ul ul {
	padding: 0px;
	margin-left: 20px;

	list-style-type: none;
	}



#menu_conteudo li {
	margin-bottom: .4375em;
	_margin: 0;
	}

/* Área do conteúdo propriamente dito */
#miolo_conteudo {
	float: left;
	width: 365px;
	height: 100%;
	}

#miolo_conteudo ul {
	margin: 0 0 20px 17px;
	_margin-left: 0;
	padding: 0;
	list-style-position: outside;
	list-style-type: disc;
	}

#miolo_conteudo li {
	margin-top: .4375em;
	margin-bottom: .5625em;
	_margin-left: 1.5em;
	}


/* Área com o subtítulo da página, data da última atualização (quando aplicável) e linha cinza clara (2o nível) */
#subtitulo {
	height: 1.5em;
	border-bottom: solid 2px #cbcbcb
	}

#subtitulo h3 {
	float: left;
	padding-top: .5em;
	}

/* Área do rodapé */
#rodape {
	width: 764px;
	margin: auto;
	color: #ffffff;
	
	padding-top: 2px;
}
#endereco{
	width:600px;
	float:left;
	margin:0;
}
#sus20anos{
	width:100px;
	height:40px;
	background:url(../imagens/sus20anos.gif) no-repeat;
	float:right;
	margin-top:5px;
}


/* --------------------------------------------------- Elementos usados pela página inicial --------------------------------------------------- */

/*--------- classes ---------*/
/* Destaques Iniciais */
.index_destaque {
	width: 179px;
	border: solid #cbcbcb 1px;
	_margin-top: .625em;
	margin-bottom: 7px;
	}

.miolo_index_destaque {
	margin: 10px auto 0 auto;
	_margin-top: -7px;
	width: 162px;
	overflow: hidden;
	}

.miolo_index_destaque p {
	font-size: .7em;
	line-height: 110%;;
	}

.miolo_index_destaque img {
	border: solid #cbcbcb 1px;
	margin-top: 7px;
	}

.retranca {
	float: right;
	position: relative;
	top: -1em;
	margin-right: 8px;
	_margin-right: 5px;
	padding-left: 1px;
	width: 5.5em;
	height: 1.5em;
	color: white;
	}


/*--------- id's ---------*/
/* Área que engloba todo o miolo de index.html */
#conteudo_index {
	width: 546px;
	margin: .437em 20px 5px auto;
	_margin-top: 0;
	_margin-bottom: 0;
	}

/* Elementos da área de últimos eventos */
#index_eventos {
	float: right;
	width: 167px;
	margin-bottom: 6px;
	clear: right;
	}

#index_eventos h4 {
	border-bottom: solid 2px #838281;
	}

#conteudo_index_eventos {
	overflow: hidden;
	}

#conteudo_index_eventos p {
	font-size: .7em;
	line-height: 110%;
	}

/* Elementos da área de últimas publicações */
#index_publicacoes {
	float: right;
	width: 167px;
	clear: right;
	}

#index_publicacoes h4 {
	border-bottom: solid 2px #838281;
	}

#conteudo_index_publicacoes {
	overflow: hidden;
	}

#conteudo_index_publicacoes p {
	font-size: .7em;
	line-height: 110%;
	}

/* Elementos da área de legislação */
#index_legislacao {
	float: left;
	}

#index_legislacao h4{
	float: left;
	background: transparent url(../imagens/heading_legislacao.gif) no-repeat center left;
	width: 12px;
	height: 7em;
	border-right: solid 2px #838281;
	
	}

#padding_miolo_index_legislacao {
	float: right;
	border: solid #cbcbcb 1px;
	width: 344px;
	}

#miolo_index_legislacao {
	width: 328px;
	margin: 0 7px;
	overflow: hidden;
	}

#miolo_index_legislacao p{
	font-size: .7em;
	line-height: 110%;
	}

#padding_miolo_index_legislacao p {
	margin-top: .3em;
	margin-bottom: .3em;
	margin-right: 7px;
	}
/* Elementos da área de Bases de dados */
#index_bd {
	float: left;
	}

#index_bd h4{
	float: left;
	background: transparent url(../imagens/heading_bd.gif) no-repeat center left;
	width: 12px;
	height: 95px;
	border-right: solid 2px #838281;
	
	}

#padding_miolo_index_bd {
	float: right;
	border: solid #cbcbcb 1px;
	width: 344px;
	}

#miolo_index_bd {
	width: 328px;
	margin: 0 7px;
	overflow: hidden;
	}

#miolo_index_bd p{
	font-size: .7em;
	line-height: 110%;
	}

#padding_miolo_index_bd p {
	margin-top: .3em;
	margin-bottom: .3em;
	margin-right: 7px;
	}

/* --------------------------------------------------- Elementos usados pelas páginas de eventos --------------------------------------------------- */
/*--------- classes ---------*/
.eventos_mes {
	padding: 7px;
	border: solid 1px #cbcbcb;
	background: #f2f2f2
	}

.eventos_mes ul {
	margin: 0 0 0 1em;
	_margin: 0 0 0 1.5em;
	padding: 0;
	list-Style-position: outside;
	list-style-type: disc;
	}

/*--------- id's ---------*/
#janela_eventos {
	height: 24em;
	width: 365px;
	vertical-align: top;
	overflow: hidden;
	}


/* --------------------------------------------------- Elementos usados pelas páginas de publicações --------------------------------------------------- */

/*--------- id's ---------*/
#publ_destaques_fundo {
	width:365px;
	background-image: url(../imagens/bg_publ_destaques.gif);
	padding: 0px;
	}

/*--------- classes ---------*/
.publicacoes_destaque {
	float: left;
	width: 120px;
	margin: -9px 0 -6px 0;
	text-align: center;
	}

.publicacoes_destaque h4 {
	padding: 0 7px;
	}

/* nova barra governo */
#barraSuperior{
	width:780px; 	/* Para customizar o tamanho da barra altere esse valor e o valor de .bsCentro */
	display:block;
	height:35px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}
#barraSuperior div{
	display:block;
	height:35px;	
}
#barraSuperior .bsEsquerda{
	float:left;
	background:url(../imagens/BarraSuperior01.gif);
	width:273px;
}
#barraSuperior .bsCentro{
	width:15px;
	float:left;
	background:url(../imagens/BarraSuperior02.gif);
	margin-left:auto;
	margin-right:auto;
}
#barraSuperior .bsDireita{
	float:right;
	background:url(../imagens/BarraSuperior03.gif);
	width:492px;	
}
#barraSuperior .bsDireita a{
	float:right;
	display:block;
	width:94px;
	height:30px;
	background:url(../imagens/barraGovFed_logo.gif);
	margin-top:3px;
	margin-right:16px;
}
#barraSuperior .barraLogo{
	float:left;
	width:205px;
	height:26px;
	margin-left:50px;
	margin-top:6px;
	background:url(../imagens/BarraLogo.png) no-repeat center center;
	_background:none!important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imagens/BarraLogo.png',sizingMethod='scale');	
}
#barraSuperior .displaynone{
	display:none;
}

/* CSS DA BARRA DE TAMANHO EXPANSÍVEL */
    
    #barra-brasil-v2-exp {
		width: 780px;
		height: 36px;
		float: none;
		clear: right;
		margin: 0 auto;
		padding: 0;
    }
    
	#barra-brasil-v2-exp img {
		border: 0;
	}
    
    #barra-brasil-v2-exp.png {
		background: url(../imagens/barra-gov-bv2-minimo.png) no-repeat left top;
	}
    
    #barra-brasil-v2-exp.png {
		background: url(../imagens/barra-gov-bv2-dir.png) no-repeat right top;
    }
	
	#barra-brasil-v2-exp.png .divCentro {
		background: url(../imagens/barra-gov-bv2-centro.png) no-repeat right top #074d21;
	}
    
    #barra-brasil-v2-exp .divEsq {
        float:left;
	}
    
    #barra-brasil-v2-exp .divCentro {
        margin-left: 16px;
        margin-right: 15px;
        width: auto;
		height: 36px;
	}
    
	#barra-brasil-v2-exp #logo-republica-bv2 {
		display: block;
		float: left;
		margin: 0;
		padding: 6px 0 0 14px;
	}
    
	#barra-brasil-v2-exp #logo-gov-bv2 {
		display: block;
		float: right;
		margin: 0;
		padding: 5px 6px 0 0;
	}
	/*nova barra set.2011*/
	#barra-brasil-v3 {
			position:relative;
			clear:both;
			overflow:hidden;
			min-width:1000px;
			height:28px;
			background:#00500f;
		}
		#barra-brasil-v3 span {
			display:block;
			width:50%;
			height:28px;
			background:url(../imagens/barra-brasil-v3-bgx.gif) 0 bottom repeat-x;
		}
		#barra-brasil-v3 span .imagemGov {
			position:absolute;
			top:4px;
			left:50%;
			height: 24px;
			width: 1000px;
			background: url(../imagens/barra-brasil-v3-verde.gif) right top no-repeat;
			margin-left:-500px;
		}
		#barra-brasil-v3 span .brasilgov {
			width: 100px;
			height: 24px;
			float:right;
			display:block;
			border: 0 !important;
		}