/* CSS Document */
*{
margin:0;
padding:0;
}

body {
	margin: 0 auto;
	text-align: center;
	background-image: url(../img/bck3.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	background-color:#999;
}

p {
	margin: 0; padding: 0 0 10px 0;
	font: 15px Calibri, Cambria, Verdana; color:#215485;/*12px Verdana, Arial, Helvetica, sans-serif; color: #333; */
	line-height: 18px;
    text-align:justify;
    }

pmin {
	margin: 0; padding: 0 0 10px 0;
	font: 12px Calibri,Verdana, Arial, Helvetica, sans-serif; color: #333;
	line-height: 18px;
    text-align:justify;
    }

p.link {
 	margin: 0; padding: 0 0 10px 0;
	font: 15px Calibri, Cambria, Verdana; color:#215485;
	line-height: 18px;
    text-align:right;
}

p.ident{
  padding: 0 0 0 30px;
}



h2 {
	margin: 0;
	padding: 0 0 10px 0;
	color: #6699cc; /*012754; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-shadow:0 0.2em 0.1em #c3c3c3; /* Para fazer sombra no titulo dos textos explicativos */
 }
/* Coloquei para fazer o titulo dos Objetivos */
h4 {
	margin: 0;
	padding: 0 0 10px 0;
	color: #6699cc; /*012754;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	text-shadow:0 0.2em 0.1em #c3c3c3; /* Para fazer sombra no titulo dos textos explicativos */
 }

h3 {
	margin: 0; padding: 0 0 10px 0;
	font: 16px Arial, Helvetica, sans-serif; color: #6699cc; /*012754;*/
	text-shadow:0 0.2em 0.1em #c3c3c3; /* para fazer sombra na letra */
 }


#container {
	margin: 0 auto;	width: 1000px; height: auto;
	/*	height:1040px;  As linhas abaixo foram colocadas para fazer borda e sombra no conteudo da pagina */
	box-shadow:5px 5px 100px #000000;
	border-radius:5px;
	border:10px solid #DDDDDD; /*#6699cc;*/

    }

#b-gov {
   height: 21px;
   background: #FDCB12 url(img/bg_gov.gif) repeat-y;
   float:left;
   padding-left:90px;
}
#b-gov1 {
   height: 21px;
   float:left;
}
#b-gov2 {
   height: 21px;
   background-color: #FDCB12;
   padding-left:330px;
   float:right;
}

#b-gov3 {
   height: 21px;
   width: 1009px;
   background: #FDCB12 url(img/bg_gov.gif) repeat-y;
   clear:left;
   display:none; /*      RETIREI A BARRA DO GOVERNO ANTERIOR */
}

#b-gov form {
	margin: 0 0 0 175px;
	padding: 0;
	font: 9px verdana, sans-serif;
}
#b-gov form .govform-select {
	margin: 1px 0 0 0;
	height: 18px;
	line-height: 18px;
	font: 9px verdana, sans-serif;
	background: #FFCC00;

}

#container_02 {
	padding: 0 0 0 0;
	width: 1000px; /*100px;*/
	text-align: left;
/*	height:1040px;  As linhas abaixo foram colocadas para fazer borda e sombra no conteudo da pagina 
	box-shadow:5px 5px 100px #000000;
	border-radius:5px;
	border:10px solid #6699cc;*/

}

	#cabecalho {
	width: 1000px; /* 1009px; Alterei p a figura caber na largura do conteudo do site */
	height: 171px;
	background-image: url(../img/Testeira%20IBGE.jpg);		/*background: url(../img/testeira.jpg) top left no-repeat; */
	background-repeat: no-repeat;
	background-position: left top;
/*	margin-left: 1px; Tirei para alinhar a figura com a borda do site */
	margin-top: 10px;
	margin-bottom:10px;
	}
	#conteudo {

    width: 1020px; 
	}

		#menu {
			float: left; padding: 10px 0 350px 20px;
			width: 300px;
			height:600px;
		}

ul{
	margin: 0;
	padding: 0 0;
	list-style: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	width: 270px;
	color: #FFF;
}

ul ul{
display:none;
}

ul li {
margin: 1px 0 0 0;
}

ul li a{
	display: block;
	height: 35px;
	line-height: 30px;
	background-color: #6699cc; /*#906d35; /*#5D0D1A; */
	text-decoration: none;
	padding: 0 0 0 10px;
	color: #FFF;
	border-radius:5px;
	text-shadow:0 0.1em 0.1em #000; /* Fazer sombra na fonte dos itens do menu */
}
ul li a:hover {
	background-color:#000;
}
ul li a img{
border: none;
float: right;
padding: 15px 10px 0 0;
}
img {
	border:2px solid #ddd;
}
ul li a img#sub{
border: none;
float: right;
padding: 10px 10px 0 0;
}

/* ESTUDOS ESPECÍFICOS tem CSS só para ele */
ul#ssubmenu1 li a {
	margin: 0 0 0 10px;
	width: 235px; /*270px;*/
	height: auto; /*25px; */
	background-color: #A69985; /*#676767; /*6c4c39; /*9FA1AD; */
	color: #fff;
	line-height:20px;
	font-size:12px;
	padding: 0 0 0 25px; /*0 0 0 0; Alterer para colocar Domiciliar e Indivual para direita */
	font-size: 12px;
}

/* MINISTÉRIO DA SAUDE - DATASUS  tem CSS só para ele */
ul#ssubmenu27 li a {
	margin: 0 0 0 10px;
	width: 255px; /*270px;*/
	height: auto; /*25px; */
	background-color: #A69985; /*#676767; /*6c4c39; /*9FA1AD; */
	color: #fff;
	line-height:25px;
	font-size:12px;
	padding: 0 0 0 5px; /*0 0 0 0; Alterer para colocar Domiciliar e Indivual para direita */
	font-size: 12px;
}

ul#ssubmenu2 li a,
ul#ssubmenu3 li a,
ul#ssubmenu4 li a {
	margin: 0 0 0 0;
	width: 245px; /*270px;*/
	height: auto; /*25px; */
	background-color: #a69985; /*6c4c39; /*9FA1AD; */
	color: #fff;
	padding: 0 0 0 25px; /*0 0 0 0; Alterer para colocar Domiciliar e Indivual para direita */
	font-size: 15px;
}

ul#ssubmenu1 li a:hover,
ul#ssubmenu2 li a:hover,
ul#ssubmenu3 li a:hover,
ul#ssubmenu27 li a:hover,
ul#ssubmenu4 li a:hover {
background-color: #000000; /*6c4c39; /*#9FA1AD; */
color: #FFF;
font-size: 12px;
}
/* Questionário RIDE - DOMICILIAR E INDIVIDUAL */
ul#sssubmenu25 li a,
ul#sssubmenu26 li a {
	margin: 0 0 0 10px;
	width: 240px; /* 270px; */
	height: auto;
	background-color: #A69985; /*#a69985; /*91A1AD; */
	color: #fff;
	line-height:20px; /* Para reduzir o espaçamento das linhas */
	padding: 0 0 0 15px; /*0  Alterei p deslocar o subtitulo para direita */
	text-indent:-5px; /* Para fazer o paragrafo do subtitulo */
	font-size: 12px; /*15px; Reduzi para caber o titulo dos Modulos*/
	margin-left:15px;
}

ul#sssubmenu2 li a,
/* Novos para Divulgação dos resultados */
ul#sssubmenu20 li a,
ul#sssubmenu21 li a,
ul#sssubmenu22 li a,
ul#sssubmenu23 li a,
ul#sssubmenu24 li a,
ul#sssubmenu27 li a,
ul#sssubmenu3 li a,
ul#sssubmenu5 li a,
ul#sssubmenu4 li a {
	margin: 0 0 0 10px;
	width: 245px; /* 270px; */
	height: auto;
	background-color: #676767; /*#a69985; /*91A1AD; */
	color: #fff;
	line-height:20px; /* Para reduzir o espaçamento das linhas */
	padding: 0 0 0 15px; /*0  Alterei p deslocar o subtitulo para direita */
	text-indent:-5px; /* Para fazer o paragrafo do subtitulo */
	font-size: 12px; /*15px; Reduzi para caber o titulo dos Modulos*/
}

ul#sssubmenu28 li a,
ul#sssubmenu29 li a,
ul#sssubmenu30 li a,
ul#sssubmenu31 li a,
ul#sssubmenu32 li a,
ul#sssubmenu33 li a,
ul#sssubmenu34 li a,
ul#sssubmenu35 li a,
ul#sssubmenu36 li a,
ul#sssubmenu37 li a,
ul#sssubmenu38 li a,
ul#sssubmenu39 li a,
ul#sssubmenu40 li a,
ul#sssubmenu41 li a,
ul#sssubmenu42 li a,
ul#sssubmenu43 li a,
ul#sssubmenu44 li a,
ul#sssubmenu45 li a,
ul#sssubmenu46 li a,
ul#sssubmenu47 li a,
ul#sssubmenu48 li a,
ul#sssubmenu49 li a,
ul#sssubmenu50 li a {
	margin: 0 0 0 10px;
	width: 235px; /* 270px; */
	height: auto;
	background-color: #054b41; /*#91A1AD; /*#a69985; /*#676767;   */
	color: #fff;
	line-height:20px; /* Para reduzir o espaçamento das linhas */
	padding: 0 0 0 25px; /*0  Alterei p deslocar o subtitulo para direita */
	text-indent:15px; /* Para fazer o paragrafo do subtitulo */
	font-size: 12px; /*15px; Reduzi para caber o titulo dos Modulos*/
}

ul#sssubmenu1 li a:hover,
ul#sssubmenu2 li a:hover,
/* Novos para Divulgação dos resultados */
ul#sssubmenu20 li a:hover,
ul#sssubmenu21 li a:hover,
ul#sssubmenu22 li a:hover,
ul#sssubmenu23 li a:hover,
ul#sssubmenu24 li a:hover,
ul#sssubmenu25 li a:hover,
ul#sssubmenu26 li a:hover,
ul#sssubmenu27 li a:hover,
ul#sssubmenu29 li a:hover,
ul#sssubmenu30 li a:hover,
ul#sssubmenu31 li a:hover,
ul#sssubmenu32 li a:hover,
ul#sssubmenu33 li a:hover,
ul#sssubmenu34 li a:hover,
ul#sssubmenu35 li a:hover,
ul#sssubmenu36 li a:hover,
ul#sssubmenu37 li a:hover,
ul#sssubmenu38 li a:hover,
ul#sssubmenu39 li a:hover,
ul#sssubmenu40 li a:hover,
ul#sssubmenu41 li a:hover,
ul#sssubmenu42 li a:hover,
ul#sssubmenu43 li a:hover,
ul#sssubmenu44 li a:hover,
ul#sssubmenu45 li a:hover,
ul#sssubmenu46 li a:hover,
ul#sssubmenu47 li a:hover,
ul#sssubmenu48 li a:hover,
ul#sssubmenu49 li a:hover,
ul#sssubmenu50 li a:hover,
ul#sssubmenu3 li a:hover,
ul#sssubmenu5 li a:hover,
ul#sssubmenu4 li a:hover {
background-color: #000000; /*#a69985; #91A1AD; */
color: #FFF;
font-size:  12px; /*15px; Reduzi para caber o titulo dos Modulos*/
}

/* Questionário individual do Inquérito RIDE tem um CSS especifico */
ul#sssubmenu1 li a{
	margin: 0;
	width: 235px; /* 270px; */
	height: auto;
	background-color: #3c2a10; /*#676767; #a69985; /*91A1AD; */
	color: #fff;
	line-height:20px; /* Para reduzir o espaçamento das linhas */
	padding: 0 0 0 15px; /*0  Alterei p deslocar o subtitulo para direita */
	text-indent:-5px; /* Para fazer o paragrafo do subtitulo */
	font-size: 12px;
	margin-left:20px; /*15px; Reduzi para caber o titulo dos Modulos*/
}

ul#submenu1 a,
ul#submenu2 a,
ul#submenu3 a,
ul#submenu4 a,
ul#submenu5 a,
ul#submenu50 a,
ul#submenu6 a,
ul#submenu7 a,
ul#submenu8 a,
ul#submenu9 a,
ul#submenu10 a,
ul#submenu11 a,
ul#submenu12 a,
ul#submenu13 a,
ul#submenu16 a,
ul#submenu15 a,
ul#submenu17 a,
ul#submenu14 a {
	margin: 0 0 0 5px;
	width: 250px; /*270px; */
	height: auto; /*25px; Para que aumente o tamanho da celula p caber o titulo*/ 
	background-color: #82B282; /*99cc33; /*#c8a369; /*ACA1AD;*/
	color: #fff;
	padding: 0 0 0 15px; /*0 0 0 0; Alterei para deslocar o subtitulo p direita */
	font-size: 15px;
	line-height:25px; /* Para juntar duas linhas do titulo */
}

ul#submenu1 a:hover,
ul#submenu2 a:hover,
ul#submenu3 a:hover,
ul#submenu4 a:hover,
ul#submenu5 a:hover,
ul#submenu50 a:hover,
ul#submenu6 a:hover,
ul#submenu7 a:hover,
ul#submenu8 a:hover,
ul#submenu9 a:hover,
ul#submenu10 a:hover,
ul#submenu11 a:hover,
ul#submenu12 a:hover,
ul#submenu13 a:hover,
ul#submenu15 a:hover,
ul#submenu16 a:hover,
ul#submenu17 a:hover,
ul#submenu14 a:hover {
background-color: #000;/*99cc33;/*#a69985; /*ACA1AD;*/
color: #FFF;
font-size: 15px;
}

#sub_conteudo {
	float: left;
	width: 600px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 30px;

		}

    #rodape {
        clear: both;
        padding: 5px 0; width: 1009px;
        text-align: center;	background: #DDD;/*#6699cc;*/
/*	     border-top: 1px dotted #10182D; Retirei para adequar as linhas abaixo
		 box-shadow:5px 5px 100px #000000;/* As linhas abaixo são para fazer sobra na seção rodape 
		border-radius:5px;
		border:5px solid #6699cc;*/
		width:1000px;

}
	#rodape p {
	margin: 0;
	color: #215485; /*ffffff; */
	text-align: center;
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px; /*11px; */
	line-height: 11px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	}

.reset {
	margin: 0; padding: 0;
	clear: both; background: none !important;
}

.invisivel {
	display: none;
}

/* tabelas */
table.primeira {
	margin-bottom: 20px;
}

table.primeira tr td {
	padding: 8px;
	border: 1px solid #6699cc; /*0px solid #FFF;*/
	font: 11px Verdana, Arial, Helvetica, sans-serif; color: #215485; /*#000; */
    line-height: 17px;
	background: #fff; /*#9aaaaa;82B282;c8a369;/*#FF9B9B; */
    text-align: center;
    width: 5%; /*50%;   Alterei para caber os nomes nas colunas da tabela*/ 
	border-radius:5px;
}

table.primeira tr td.titulo {
	padding: 8px;
	border: 0px solid #FFF;
	font: 18px Verdana, Arial, Helvetica, sans-serif; 
	color: #6699cc; /*ffffff; /*#012754;*/
	line-height: 17px;
/*	background: #9aaaaa;/*82B282; /*c8a369; /*#FF9B9B;*/
    text-align: center;
	border-radius:5px;
	text-shadow: 0 0.2em 0.1em #c3c3c3; /*0 0.1em 0.1em #000000; /* Para fazer sombra na fonte do titulo da tabela */
}

table.segunda tr td {
	padding: 8px;
	border: 1px solid #6699cc; /*0px solid #FFF;*/
	font: 11px Verdana, Arial, Helvetica, sans-serif; color: #215485; /*#000; */
    line-height: 15px;
	background: #fff; /*#9aaaaa;82B282;c8a369;/*#FF9B9B; */
    text-align: left;
    width: 5%; /*50%;   Alterei para caber os nomes nas colunas da tabela*/ 
	border-radius:5px;
}

table.segunda tr td.titulo {
	padding: 8px;
	border: 0px solid #FFF;
	font: 18px Verdana, Arial, Helvetica, sans-serif; 
	color: #6699cc; /*ffffff; /*#012754;*/
	line-height: 17px;
/*	background: #9aaaaa;/*82B282; /*c8a369; /*#FF9B9B;*/
    text-align: center;
	border-radius:5px;
	text-shadow: 0 0.2em 0.1em #c3c3c3; /*0 0.1em 0.1em #000000; /* Para fazer sombra na fonte do titulo da tabela */
}
table.terceira tr td {
	padding: 8px;
	border: 1px solid #6699cc; /*0px solid #FFF;*/
	font: 11px Verdana, Arial, Helvetica, sans-serif; color: #215485; /*#000; */
    line-height: 15px;
	background: #fff; /*#9aaaaa;82B282;c8a369;/*#FF9B9B; */
    text-align: left;
    width: 100%; /*50%;   Alterei para caber os nomes nas colunas da tabela*/ 
	border-radius:5px;
}

table.terceira tr td.titulo {
	padding: 8px;
	border: 0px solid #FFF;
	font: 18px Verdana, Arial, Helvetica, sans-serif; 
	color: #6699cc; /*ffffff; /*#012754;*/
	line-height: 17px;
/*	background: #9aaaaa;/*82B282; /*c8a369; /*#FF9B9B;*/
    text-align: center;
	border-radius:5px;
	text-shadow: 0 0.2em 0.1em #c3c3c3; /*0 0.1em 0.1em #000000; /* Para fazer sombra na fonte do titulo da tabela */
}

/* Quadros */

.quadro {
	margin-bottom: 20px;
	border: 1px solid #234806;
	padding: 3px;
}
	.quadro h3 {
		margin: 0; padding: 10px 10px 10px 27px;
		background: #bcd1b0 url(../img/seta_baixo.gif) top left no-repeat !important;
		font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #23450a;
	}

	.quadro ul {
		margin: 0; padding: 0 !important;
		list-style: none;
	}
	.quadro ul li {
		width: 130px;
		float: left; padding: 5px 10px 0 15px;
		background: url(../img/seta_dir.gif) top left no-repeat;
	}

	.quadro ul li a {
		font: 12px Verdana, Arial, Helvetica, sans-serif; color: #333;
		text-decoration: none;
	}
	.quadro ul li a:hover {
		color: #006633;
	}


	#ficha {
		position: absolute;
		padding: 10px 10px 10px 20px;
		width: 406px; height: 372px;
		background: url(../img/bck_ficha.gif) top left no-repeat;
		z-index: 1;
	}
		#ficha h4 {
			margin: 0 0 10px 0; padding: 10px 10px 10px 27px; width: 350px;
			background: url(../img/seta_baixo2.gif) top left no-repeat !important;
			font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #23450a;
			border-bottom: 1px solid #000;
		}
		#ficha p {
			width: 370px; padding: 0 0 10px 0;
			font: 12px Verdana, Arial, Helvetica, sans-serif; color: #23450a;
			line-height: 17px;
		}
		#ficha h5 {
			margin: 0 0 10px 0; padding: 10px 10px 10px 0; width: 380px;
			font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #23450a;
			border-bottom: 1px solid #000;
		}

		#ficha ul {
			margin: 0; padding: 0 !important;
			list-style: none;
		}
		#ficha ul li {
			width: 230px;
			float: left; padding: 5px 10px 0 15px;
			background: url(../img/seta_dir.gif) top left no-repeat;
		}

		#ficha ul li a {
			font: 12px Verdana, Arial, Helvetica, sans-serif; color: #333;
			text-decoration: none;
		}
		#ficha ul li a:hover {
			color: #006633;
		}