h1, h2, h3, h4, h5, h6, body, ul, form {margin:0; padding:0} /** retira margens e espaçamento de todas as tags **/

* {font-family: Arial, Helvetica, sans-serif; font-size:12px;} /** define fonte padrão **/

body {
	color: #8D8D8D;
	background: url(../img/bg.jpg) repeat-y center;
	text-align:center;  /** hIE **/
	font-size:12px;
}

#container {
	width: 778px;
	margin:0 auto;
	text-align:left;
	background:#fff;
}

#topo {background: url(../img/topo_bg.jpg) no-repeat; height: 113px;}

#logo {
	background-image: url(../img/topo_logo.jpg);
	height: 112px;
	width: 234px;
	float:left;
	background-repeat: no-repeat;
}


#logo h1 {
	text-indent:-99999px;
	margin:0;
	padding:0;
}

#logo a {
	display:block;
	height: 112px;
}

#aba_banner {
	background: url(../img/aba_banner.gif) no-repeat;
	height: 75px;
	width: 487px;
	float:left;
	margin-top: 18px;
	margin-left: 23px;
	padding:7px 10px 8px 10px;
}


/******* MENU HORIZONTAL *******/

#separador {background: url(../img/topo_separador.jpg) repeat-x; clear: left; height: 46px;}

#separador_conteudo {
	background: url(../img/conteudo_separador.jpg) repeat-x;
	height: 12px;
	font-size:1px; /** hIE **/
}

#navcontainer ul {
margin-left:3px;
padding-top:10px;
padding-left:5px;
list-style-type: none;
text-align: left;
}

#navcontainer ul li {float: left;}

#navcontainer ul li a {
	text-decoration: none;
	text-align:center;
	float: left;
	margin: 0px;
	height: 33px;
	width: 109px;
	background: url(../img/topo_abas.jpg) no-repeat;
	line-height:35px;
	color: #000000;
	font-weight:bold;
}

#navcontainer li a:hover {color: #008000;background: url(../img/topo_abas_hover.jpg) no-repeat;}

.aba_pbmaos {line-height:16px;} /* classe especifica para tratar a quebra de linha em "Paraíba em suas Mãos"

/******* FIM MENU HORIZONTAL *******/

#miolo {clear:left;} 

/******* COLUNA HUM *******/

#hum {float: left; width: 160px;}
#hum .menu {border-right:1px solid #e8e7ec;	background:#F6F4F7;}


#hum h3 {
	font-size: 13px;
	color: #8B919D;
	background: url(../img/menu_aba.jpg) no-repeat;
	height: 37px;
	padding-left: 10px;
	line-height:30px;
}

#hum .fecha {
	background: #F6F4F7 url(../img/menu_fecha.jpg) no-repeat bottom;
	height:13px;
	font-size:1px; /** hIE **/
	margin-bottom:5px;
}

#hum .menu ul {list-style: none; padding-top:5px;}

#hum .menu li {
	height:20px;
	background: url(../img/menu_pontos.gif) #F6F4F7;
	text-indent:3px;
}

#hum .menu a, #hum .menu a:visited {
	text-decoration: none;
	font-size: 13px;
	color: #2c3b5e;
	display:block;
	height:18px
}

#hum .menu a:hover {background:#ECEDF1; display:block;}

/******* FIM COLUNA HUM *******/




/******* COLUNA DOIS *******/

#dois {float:left;width:458px;}
#titulo_secretaria {background: url(../img/aba_secretaria.jpg) no-repeat;height: 28px;}
#titulo_secretaria h2 {font-weight: bold; font-size:13px; padding:5px 0 0 5px;}

.ajuste_dois {width: 443px;	margin-left:7px;}  /* faz ajustes necessário para centralizar a coluna dois */
/******* quadro hum *******/
#quadro_hum {
	border-right: 1px solid #e4e3e3;
	border-bottom: 1px solid #e4e3e3;
	border-left: 1px solid #e4e3e3;
	background:#f5f5f5;
	padding:5px;
	color:#8d8d8d;
}
#quadro_hum img {border:1px solid #000;}
#quadro_hum a:link, #quadro_hum a:visited {color:#8d8d8d;text-decoration:none;}
#quadro_hum a:hover {text-decoration:underline;}
#destaque {width:240px; float:left;}
#destaque h3 {font-size: 14px;}
#destaque h5 {font-size: 10px;}
#materias {float:left; width:190px;}
#materias h4 {font-size:12px;}
#materias h6 {font-size:12px;}
#materias a {background: #F6F4F7 url(../img/menu_pontos.gif) repeat-x bottom; display:block;}

/******* fim quadro hum *******/



/******* quadros *******/
.quadros {
	border-right: 1px solid #e4e3e3;
	border-bottom: 1px solid #e4e3e3;
	border-left: 1px solid #e4e3e3;
	background:#f5f5f5;
	padding:5px;
	color:#8d8d8d;
	margin-bottom:7px;
}
.algo {
	width:200px; 
	float:left; 
	margin:3px 13px 5px 0;	
	background: #F6F4F7 url(../img/menu_pontos.gif) repeat-x bottom;
}
.algo h4 {font-size:13px;}

.quadros a:link, .quadros a:visited {color:#8d8d8d;text-decoration:none;}
.quadros a:hover {text-decoration:underline;}
.quadros ul {list-style-type:none;}
.quadros li {line-height: 20px;}
/******* fim quadros *******/



/******* FIM COLUNA DOIS *******/



/******* COLUNA TRES *******/

#tres {float: left;width: 160px;}

#tres h3 {
	font-size: 13px;
	color: #8B919D;
	background: url(../img/menu_aba_dir.jpg) no-repeat;
	height: 37px;
	padding-left: 10px;
	line-height:30px;
}

#tres .menu {
	color:#607094;
	border-left:1px solid #e8e7ec;
	background:#F6F4F7;
	text-align:right;
}

#tres .fecha {
	background: #F6F4F7 url(../img/menu_fecha_dir.jpg) no-repeat bottom;
	height:13px;
	font-size:1px; /** hIE **/
	margin-bottom:5px;
}

#tres .menu a:link, #tres .menu a:visited {
	color:#607094;
	font-size:12px;
	border-bottom:1px solid #f7f7f7;
	text-decoration:none;
	padding-left:2px;
	line-height:19px;
}

#tres .menu a:hover{
	border-bottom:1px solid #f7f7f7;
	text-decoration:underline;
}
		
#tres .menu ul {
	padding-right:3px;
	list-style-type:none;
	height:100px;
	overflow:auto;
	width:100%;
	padding-top:5px;
}

/******* FIM COLUNA TRES *******/



/******* OUTROS *******/

#busca {background: url(../img/box_busca.jpg) no-repeat; height: 54px;}

#busca h3 {
	font-weight: bold;
	color: #8D8D8D;
	font-size:12px;
	padding-top: 10px;
	padding-left: 15px;
}

#busca .inputbox {border:1px solid #dfdfdf; margin-left:15px; width:80%;}

#busca .button {
	border:1px solid #dfdfdf;
	background:url(../img/bt_box_azul.gif);
	font-size:12px;
	color:#333;
	margin-left:3px;
	margin-top:3px;
}

#quadro_interna {
	margin-top:3px;
	border: 1px solid #e4e3e3;
	background:#f5f5f5;
	padding:8px;
	color:#000;
}

#quadro_interna h3 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}

.sepador {font-size: 5px; clear:both;}

.mais_noticias a:link, .mais_noticias a:visited {
	border:1px solid #dfdfdf; 
	display:block;
	width:115px;
	background:url(../img/bt_box_azul.gif);
	font-size:12px;
	color:#A0A09E;
	line-height:20px;
	margin-top:10px;
}


.aba {
	background: url(../img/aba.jpg);
	height: 35px;
	font-size:12px;
	line-height: 27px;
	text-indent: 3px;
	margin-top:3px;
	color:#8d8d8d;
}


/******* CONTATO *******/

#if_contato {background:#F6F4F7; text-align:left; padding-left:10px; color:#2c3b5e}

#if_contato .sub {
	border:1px solid #dfdfdf;
	background:url(../img/bt_box_azul.gif);
	font-size:12px;
	color:#999;
	margin-left:3px;
	margin-top:3px;
}

#if_contato .input {border:1px solid #dfdfdf;} 

#if_contato h3 {
	font-weight:bold;
	font-size:12px;
	margin:0;
	padding:0;
}

/******* FIM CONTATO *******/