/* ----------------------------------------------------------
        Padroes de Cores Utilizadas

branco:         #fff
cinza fraco:    #e9e8e8
cinza medio1:	#636563
cinza medio2:	#525552
cinza escuro:   #d3d3d3	
preto:          #000
verde           #4EAF13
vermelho:       #d40407


        Padroes de Cores Utilizadas no Modulo Saude

verde fraco:    #e9f3f5   
verde medio1:   #cceef5
verde medio2:   #84d3e3
verde forte:    #28b2c7

------------------------------------------------------------- */

/* ------------------------------------- */
/*           = Global Reset =            */
/*Zerando valores de margem e espacamento*/
/*pra zerar diferencas entre os browsers */
/* ------------------------------------- */

* {
padding:0;
margin:0;
}

li, dd { margin-left:5%;}

/* links */
a:link, a:visited, a:hover, a:active{color:#000; text-decoration: none}

img{border:none; vertical-align: middle;}

/* setting the base font size to 90% allows even scaling by the user while keeping font-size 'xx-small' legible */
/* ----------------------------------------------------------
    Estilo para o body de todas as páginas do Portal
------------------------------------------------------------- */  
body{	
	background-color: #E0FFFF; /*verde claro*/
	font: 11px Verdana, sans-serif;
	text-align: justify;
}
h1{
    background: #d3d3d3; /*cinza escuro*/
    color: #4EAF13; /*verde*/
    font: bold 17px Verdana, sans-serif; 	
	padding: 5px 0px;  
	text-align: center;		   
}
h2{
    color: #525552; /*cinza medio2*/
    font-weight: bold;
    font-size: 14px; 
    margin: 0px 0px; 
}
h3{
    color: #525552; /*cinza medio2*/
   	border-bottom: #e9e8e8 1px solid; /*cinza fraco*/
    font-weight: bold;
    font-size: 12px; 
    margin: 10px 0px; 
		padding-bottom: 3px;
}
p{    
   	color: #636563; /*cinza medio1*/
    margin-top: 5px;      
}
.corpo{
	background-color: #fff;
	margin-left: auto;
    margin-right: auto;
    width: 780px;
}

/* Utilizado na janela que abre sem menu */
.body2{
	background-color: #fff;	
	overflow: hidden;
}
.corpo2{
	height: 357px;
	margin: 0;
	padding: 0 20px;
	overflow-x: hidden;
	overflow-y: auto;
}

.corpo2 h3 {
	margin: 0;
}

.corpo2 div.noticia_item {
	float: left;
	margin: 0 10px 10px 0;
}
div.noticia_item p {
 text-align: center;
 font-style: italic;
 font-size: smaller;
 text-indent: 0;
}

div.descricaoFoto {
 text-align: center;
 font-style: italic;
 font-size: smaller;
 text-indent: 0;
}
.corpo2 ul.noticia_links,
.corpo2 ul.evento_links {
	border-top: 1px solid #636563;
	clear: both;
	list-style-type: none;
	margin: 10px 0 0 0;
	padding: 5px 0 10px;
}
.corpo2 ul.evento_links li {
	background: url(../img/icon_txt.gif) no-repeat 0 50%;
	height: 16px;
	margin: 0;
	padding: 2px 0;
}

.corpo2 ul.noticia_links li {
	background: none;
	height: 16px;
	margin: 0;
	padding: 2px 0;
}

.corpo2 ul.noticia_links li a:link,
.corpo2 ul.noticia_links li a:visited,
.corpo2 ul.evento_links li a:link,
.corpo2 ul.evento_links li a:visited {
	color: #636563;
	float: left;
	clear: left;
	height: 16px;
	margin-bottom: 2px;
}

.corpo2 ul.noticia_links li a:link,
.corpo2 ul.noticia_links li a:visited {
	background: url(../img/icon_external.gif) no-repeat 100% 50%;
	padding: 0 16px 0 0;
}

.corpo2 ul.evento_links li a:link,
.corpo2 ul.evento_links li a:visited {
	background: url(../img/icon_txt.gif) no-repeat 0 50%;
	padding: 0 0 0 18px;
}

.corpo2 ul.noticia_links li a:hover,
.corpo2 ul.noticia_links li a:active,
.corpo2 ul.evento_links li a:hover,
.corpo2 ul.evento_links li a:active {
	color: #d40407;
}

.corpo2 div.item_evento {
	text-align: left;
}

.corpo2 div.item_evento h3 {
	color: #525552;
	font-weight: bold;
	padding-bottom: 3px;
}

.corpo2 div.item_evento span.data {
	color: #525552;
	display: block;
	font-size: 7pt;
	margin: 2px 0 10px 0;
}

.corpo2 div.item_evento p {
	padding-bottom: 10px;
	text-align: justify;
}

.corpo2 div.item_evento div.galeria_fotos {
	float: right;
	margin: 0 0 15px 10px;
	text-align: center;
	width: 344px;
}

/* ------------------------------------- */
/* ---------------------------- Inicio da Barra Superior ------------------------------------------------------- */

body {
	margin:0;
}
#barra-superior-Brasil {
	position:relative;
	clear:both;
	overflow:hidden;
	min-width:750px;
	height:28px;
	background:#7f7f7f;
}
#barra-superior-Brasil span {
	display:block;
	width:50%;
	height:28px;
	background:url(../img/barra-brasil-v3-bgx.gif) 0 bottom repeat-x;
}
#barra-superior-Brasil span .imagemGov {
	position:absolute;
	top:4px;
	left:50%;
	height: 24px;
	width: 880px;
	background: url(../img/barra-brasil-v3-bgx.gif) right top no-repeat;
	margin-left:-500px;
}
#barra-superior-Brasil span .brasilgov {
	width: 100px;
	height: 24px;
	float:right;
	display:block;
	border: 0 !important;
}

/* ---------------------------- FIM da Barra Superior ------------------------------------------------------- */

/* ----------------------------------------------------------
   Barra Amarela
------------------------------------------------------------- */
.barraAmarela{
	background-color: #fc0; /*amarelo*/
	height: 20px;	
}
/* parte central da barra amarela */
.barraAmarela img{
	float: left;
}
/* estilo para a caixa combo do "Destaques do Governo" na barra amarela*/
.pr{
	background-color: #fc0;  /*amarelo*/
	float: right;
	font-size: 8pt;
}
.brasil{
	float: right;
}

/* ----------------------------------------------------------
    Cabeçalho logo abaixo da barra amarela
------------------------------------------------------------- */ 
.cabecalho{
    background: url('../img/cabecalhoSaude.png');
    width: 100%; 
    height: 62px; 
    margin-bottom: 20px;  
}

/* ----------------------------------------------------------
    Linha separadora
-------------------------------------------------------------*/ 
.separador{
    border-bottom: #e9e8e8 2px solid; /*cinza fraco*/
    padding-bottom: 0px
}
.separador2{
    border-bottom: 1px dashed #e9e8e8; /*cinza fraco*/
}
/* ----------------------------------------------------------
    Coluna a esquerda, corresponde ao menu
------------------------------------------------------------- */
.esquerda{	
	background: #d3d3d3; /*cinza escuro*/	
	float: left;
	margin-left: 5px;
	padding: 10px 0px;
	position: static;		
	width: 160px;		  
}

.esquerda ul{
	list-style-type: none;
}
.esquerda li{
	margin: 0;
}

.esquerda li a{
	background: url(../img/seta2.gif) no-repeat 8px 50%;
	display: block;
	padding: 4px 0px;
	text-indent: 20px;
}
.esquerda li a:hover{
	background-color: #e9e8e8; /*cinza fraco*/
}

.esquerda ul li li{
	margin: 0;
}

.esquerda ul li li a {
	background: url(../img/dots.gif) no-repeat 19px -35px;
	display: block;
	padding: 3px 0px;
	text-indent: 28px;
}

.esquerda ul li li a.ultimo {
	background-image: url(../img/dots2.gif);
	background-position: 19px -33px;
}


.esquerda ul li li a:hover{
	background-color: #e9e8e8; /*cinza fraco*/
}

.esquerda a.login {
	display: block;
}
.esquerda a.login img {
	margin: 0 5px 0 12px;
}
.esquerda a.login:hover {
    background-color: #e9e8e8; /*cinza fraco*/

}
/* ----------------------------------------------------------
     Corresponde ao calendário
------------------------------------------------------------- */
.calendario{
    background-color: #e9e8e8; /*cinza fraco*/	   
    text-align: center;
    width: 160px;
}
.mes{       
    background-color: #fff;
    color: #000;
    height: 20px;
}
.diaAtual{
    border: #4EAF13 1px solid;  /*verde*/
    width: auto 
}
.diaEvento{
	background-color: #4EAF13;
	font-weight: bold;
    width: auto;    
}

/* ----------------------------------------------------------
    Coluna a direita, corresponde aos banners
------------------------------------------------------------- */
.direita{	  	
	float: right;
	position: static;	
	width: 160px;		    
}
/* ----------------------------------------------------------
    Espaço central
-------------------------------------------------------------*/ 
.meio{  
	margin-right: 180px;
	margin-left: 180px;	
}

.meio .noticia h2 {
	font-size: 15px;
}

.meio .noticia {
    border-bottom: #e9e8e8 2px solid; /*cinza fraco*/
    padding: 8px 0;	
}

/* ----------------------------------------------------------
    Estilo para a figura de impressão
------------------------------------------------------------- */ 
.imprime a{
    float: right;	 
}

/* ----------------------------------------------------------
    Mensagens
------------------------------------------------------------- */
/*Mensagem na cor vermelha*/
.mensagem
{  
    color: #d40407; /*cor vermelha*/
    font-weight: bold;
    height: 20px;
    text-align: center;
}

/* ----------------------------------------------------------
   Inicio do Rodapé
------------------------------------------------------------- */
/* centraliza os ícones do rodapé da paginial inicial */
.rodape{
	clear:both;
    padding: 10px 0px;
    text-align:center;
}
.rodape li{
    display: inline;
    margin: 0px;
    font-style: italic;
	font-size: smaller;
   
}
/*--------------------------------------------------------------
    Alinhamento Objeto
----------------------------------------------------------------*/
.center{
    text-align: center;
}
.left{
    text-align: left;
}
.right{
    text-align: right;
}

/* ----------------------------------------------------------
     Tabela
------------------------------------------------------------- */
.table2 th{
    background-color: #fff;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;     
    padding: 4px;
    text-align: center; 

}
.table2 td{
    padding: 7px;
}

/* ----------------------------------------------------------
    Estilo para links
------------------------------------------------------------- */
/*utilizado no 'Leia mais...'*/
a.link:link, a.link:link, a.link:visited{
    color: #d40407; /*vermelho*/
    font-size: 10px;
    font-weight: bold; 
}
a.link2:hover{
    font-weight: bold;
    text-decoration: none;   
}

/*--------------------------------------------------------------
    Tamanho
----------------------------------------------------------------*/
.t10{
    width: 10%;
}
.t15{
    width: 15%;
}
.t30{
    width: 30%;
}
.t50{
    width: 50%;
}
.t60{
    width: 60%;
}
.t70{
    width: 70%;
} 
.t90{
    width: 90%;
} 


/*Botao Invisível*/
.InviButton
{
    background-color: #ffffff;
    border: 0px;
    color: #ffffff; 
    font-size: 8pt;
}