/*_____________Início do Estilo Geral__________________________________________*/
html,body {
height:100%;
text-align:center;
font-family:Arial,Tahoma, Helvetica, Sans-serif;
font-size:0.9em;
color:#000;
margin:0;
padding:0;

}

a:link {
text-decoration:none;
cursor:pointer !important;
}

a:hover {
text-decoration:underline;
}

img {
border:0;
}

#acesso_ouvinte {
display:none;
}

#container {
width:980px;
text-align:left;
color:#000;
border-left:0 solid #ccc;
border-right:0 solid #ccc;
clear:both;
margin:auto;

}

#topo {
position:relative;
top:0;
left:0;
float:left;
width:745px;
height:auto;
font-family:Arial,Tahoma, Helvetica, Sans-serif;
border:0px solid #333;
z-index:5;
margin:0 0 10px 0;
padding:0;
}

#topo a:link,#topo a:visited,#topo a:active {
text-decoration:none;
border:0;
}

#topo a:hover
{
text-decoration:underline;	
}

#conteudo {
position:relative;
float:left;
width:745px;
height:auto;
z-index:1;
margin:0 0 0 0;
}

#conteudo h1 {
font-size:2.8em;
}

#conteudo h2 {
font-size:1.4em;
margin:0;
padding:0;
}

#conteudo h3 {
font-size:1.1em;
}

#conteudo h4 {
font-size:0.8em;
}

#conteudo h5 {
font-size:0.8em;
margin-bottom:-20px;
}



#coluna_4 h3 { font-size:1.1em; text-align:center; }

.outros {
	
	width:530px !important;
	margin-left:15px !important;
	border:0px solid red;
	}



.total_results {
float:left;
width:auto;
/*height:auto;*/
height:70px;
*height:50px;
_height:61px;
/*margin:10px 0 0 20px;*/
margin:10px 0 0 0;
}

.total_results_cont
{
float:left;
width:auto;
height:70px;
*height:50px;
_height:61px;
margin:0;
font-size:1.5em;	
}

.total_results_not
{
float:left;
width:auto;
height:70px;
*height:50px;
_height:61px;
margin:0;
font-size:1.5em;	
}

#conteudo_interno {
width:520px;
margin: 20px 0 0 10px;
}

#conteudo_interno p {font-size:2em;}

#coluna_4 {
position:relative;
float:right;
height:auto;
width:220px;
z-index:1;
margin:0 auto;
}

#coluna_4 h3 { text-align:center; }

#painel {
position:relative;
top:0;
z-index:50;
width:745px;
height:210px;
background-color:#e0e0e0;
border:0 solid #333;
margin:0 0 10px;
}

#rodape {
position:relative;
clear:both;
height:auto;
color:#000;
border:0px solid #000;
font-size:0.9em;
text-align:center;
background-image:url("../images/fundos/fundo_rodape_borda.png");
background-repeat:repeat-x;
z-index:-10;
width:100%;
padding:40px 0 0 0;
}

#alinha_rodape {
position:relative;
width:980px;
border:0px solid red;
z-index:-10;
margin:auto;
}

#rodape p {
padding-right:5px;
padding-top:2px;
padding-bottom:5px;
}

#coluna_rodape {
border:1px #0F0;
background:none;
clear:both;
}

.graphic {
display:block;
}

#prevBtn a,#sliderprev a {
position:absolute;
display:block;
left:0;
top:110px;
width:18px;
height:18px;
background:url("../images/botoes/btn_prev.gif") no-repeat 0 0;
z-index:5;
}

#nextBtn a,#slidernext a {
position:absolute;
display:block;
top:110px;
left:205px;
width:18px;
height:18px;
background:url("../images/botoes/btn_next.gif") no-repeat 0 0;
z-index:5;
}

#secretaria {
float:left;
background:#ccc;
width:50%;
height:75px;
border-bottom:10px solid #333;
margin-bottom:10px;
}

#menu_a {
float:right;
background:#333;
width:50%;
height:85px;
margin-bottom:10px;
}

.noticias { 
position:relative;
border:1px solid #000;
height:200px;
clear:both;
}

#canto {background-color:#E1E6E0; height:45px; padding:10px 0 0 10px;}

#canto ul{
position:relative;
display:inline;
list-style-type:none;
vertical-align: middle;
width:330px;
background-color:#E1E6E0;
}

#canto li 
{
display: inline;
list-style-type:none;
vertical-align: middle;
color:#000;
}


#canto img
{
vertical-align: middle;
}

.greybox {
position:relative;
list-style:none;
color:#000;
background-color:#E1E6E0;
padding:10px;
*padding:10px 6px 10px 10px;
}

.greybox a:link,.greybox a:visited,.greybox a:active {
color:#000;
text-decoration:none;
font-weight:bold;
text-align:center;
}

.greybox a:hover {
text-decoration:underline;
color:#000;
text-align:center;
}

#mostraduasfotos {
clear:right;
display:block;
height:220px;
width:480px;
}

#tab_contato {
width:220px;
clear:left;
text-align:center;
}

/*_____________ Início Estilo Topo _________________________________*/

#logo_pmpa_cor {
position:relative;
float:left;
width:128px;
height:128px;
clear:right;
margin:23px 0 0;
padding:0;
}

#logo_pmpa_pb {
position:relative;
visibility:hidden;
width:0;
height:0;
}

#procura {
position:relative;
float:right;
width:576px;
height:80px;
margin:23px 0 0;
padding:0;
}

#campo_borda {
width:567px;
height:59px;
background-image:url("../images/fundos/fundo_busca.gif");
background-repeat:no-repeat;
background-color:transparent;
margin:10px 0 0 10px;
}

#campo {
width:420px;
border:none;
background-color:transparent;
outline-style:none;
font-family:Arial,Tahoma, Helvetica, Sans-serif;
font-size:1.8em;
border-style:none;
margin:17px 0 0 5px;
}

#buscar {
position:relative;
width:108px;
height:48px;
background-color:transparent;
margin:5px 0 3px;
left:12px;
*left:0;
}

#menu_topo {
position:relative;
float:right;
width:578px;
margin:18px 0 14px;
padding:0;
}

#menu_topo li {
position:relative;
display:inline;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-weight:700;
font-size:1.2em;
list-style:none;
text-align:center;
margin:0 -4px 0 0;
}

#menu_topo li a:link,#menu_topo li a:visited {
background-position:right;
background-repeat:no-repeat;
background-image: url(../images/botoes/btn_up.png);
}

#menu_topo li a:hover { color: #FFF; background-image: url(../images/botoes/btn_over.png); }

#menu_topo li a:active, #menu_topo li a:focus {	background-image: url(../images/botoes/btn_down.png); color: #FFF; }



li#btn-menu3 a {
position:relative;
padding:15px 45px 15px 12px;
}

li#btn-menu4 a {
position:relative;
padding:15px 45px 15px 13px;
}

.panela,.panelb,.panelc,.paneld {
position:absolute;
top:160px;
left:0;
clear:both;
display:none;
width:745px;
height:261px;
z-index:1000005;
margin:0;
padding:0;
}

.panela ul,.panelb ul,.panelc ul,.paneld ul {
float:left;
height:251px;
width:705px;
text-decoration:none;
list-style:none;
margin:0;
padding:10px;
}

.panela li,.panelb li,.panelc li,.paneld li {
float:left;
}

.panela li a,.panelb li a,.panelc li a,.paneld li a {
float:left;
width:225px;
font-size:1.2em;
font-weight:700;
padding:6px 5px;
}

.panela ul li a:hover,.panelb ul li a:hover,.panelc ul li a:hover,.paneld ul li a:hover {
width:225px;
}

#menu_topo li a:hover,#menu_topo li a:active,#menu_topo li a:focus {
background-position:right;
}

li#btn-menu1 a,li#btn-menu2 a {
position:relative;
padding:15px 46px 15px 12px;
}

/* estilo banner institucional _________________________________________________________ */

#bnr_inst {
position:relative;
float:right;
width:600px;
height:90px;
margin: 23px 0px 0px 0px;
padding:0;
background-color:#c9c9c9;
}



/* estilo assinatura e caminho _________________________________________________________ */

#caixa_perfil {
	position:relative;
	top:15px;
	clear:both;
	border-bottom: 1px solid #111;
	margin:3px 0px 17px 0px;
	padding:0;
	}

/* título do perfil */
#caixa_perfil h1 {
	color: #333;
	font-size:18px;
	height:30px;
	margin:0;
	padding:0;
	}

#caixa_perfil h1 a:link, #caixa_perfil h1 a:active, #caixa_perfil h1 a:visited { color:#000; }
#caixa_perfil h1 a:hover { color:#fff; background:#000; }

h1 .caminho { color:#000; font-size:12px; }


/* Capa Portal PMPA */
#mancheton { 
	position:relative; 
	clear:both; 
	margin:0px 0 20px 0; 
	*margin-top:30px;
	padding:0px 0 0 0;
	border:0px solid blue; 
	}
	
	.vertical { height:270px; }
	.horizontal { height:200px; }

/* notícia principal (destaque) */
#principal {
	
	margin:0px 0px 0px 0px;
	border: 0px solid #4fafc5;
	z-index:10;
	border:0px solid red;
	}
	
	
#principal h2 { padding:8px 0 10px 0; margin:0;}

/* h2 das notícias principal e secundária (destaques)*/	
#principal h2 a:link, #principal h2 a:visited, #principal h2 a:active, #secundario a:link, #secundario a:visited, #secundario a:active {
	color: #000;
	text-decoration:none;
	font-size:2em;
	}
	
#principal h2 a:hover, #secundario a:hover 
{text-decoration:underline;}		
	
/* notícia secundaria (destaque) */
#secundario {
	position:relative; 
	background-color: #E1E6E0;
	margin:10px 0 15px 0;
	padding:10px;
	clear:both;
	border:0px solid blue;
	z-index:1000;
	height:auto;
	}	
	
#secundario h2 { padding:8px 0 10px 0; margin:0; font-size:2em;}

.foto_h {  
	position:relative;
	width:230px;
	margin:0;
	padding:0;
	border:0px solid blue;
	}

.foto_v {  
	position:relative;
	width:160px;
	margin:0;
	padding:0;
	border:0px solid blue;
	}

.foto_v p, .foto_h p {  font-size:11px; font-weight:bold; margin:0; }
.foto_v span, .foto_h span {  font-size:10px; font-weight:bold; }

.esquerda { float:left; margin-right:10px; }
.direita { float:right; margin-left:5px;  }

/* imagem da notícia principal (destaque) */
#img_principal_destaque, #img_secundario_destaque  {
	clear:both;
	}

/* matérias capa */

#coluna_2 { 
	float: left;
	height: auto;
	margin: 0px 0px 0px 0px;
	width:260px;
	height:185px;
	position: relative;
	border-bottom: 1px solid #4fafc5;
	padding:0;
	z-index:99999;
	}

#coluna_2 h2 {font-size:2em !important;}

#coluna_3 {
	float: left;
	height: auto;
	margin: 0px 0px 0px 10px;
	width:260px;
	height:185px;
	position: relative;
	border-bottom: 1px solid #4fafc5;
	padding:0;
	z-index:99999;	
	}

#coluna_3 h2 {font-size:2em !important;}
	
/* h2 que define a cor dos títulos das notícias deste perfil*/
.caixa_noticia h2 a:link, .caixa_noticia h2 a:visited, .caixa_noticia h2 a:hover, .caixa_noticia h2 a:active {
	color:#238d9a; 
	}
	
.lead { margin:0; padding:0; border:0px solid red; background-color:#fff; }	

.lead a:link, .lead a:visited, .lead a:active, .caminho a:link, .caminho a:visited, .caminho a:active{
	color: #333;
	text-decoration:none;
	font-size:2em;
	}
	
.lead a:hover,.caminho a:hover
{text-decoration:underline;}
	
	#caixa_noticia p {
	color: #000;   
	}
	
	 .meia_coluna  {font-size:1.2em !important; border:0px solid red;  margin:10px 0 0 0; padding:0;}
	 .meia_coluna a:link, .meia_coluna a:active, .meia_coluna a:visited { color:#000; text-decoration:none; font-size:2em;}
	 .meia_coluna a:hover {text-decoration:underline;}
	 .meia_coluna h2 { color:#000; }
	 
/* âncora todas as notícias */

#ancora, #ancora a:link, #ancora a:visited, #ancora a:active {
color:#333;
float:right;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:0.9em;
font-weight:bold;
margin:0 12px 0 0;
text-decoration:none;
}

#ancora a:hover
{text-decoration:underline;}



/*___________ Início Col Direita ___________________________*/

.coluna_perfil {
width:210px;
height:69px;
margin:23px 0 0 0;
padding:10px 0 0 10px;
_padding:10px;
}

.coluna_perfil a:link, .coluna_perfil a:visited, .coluna_perfil a:active, .coluna_perfil a:hover {  border:0;  }

#btn-menu8 {
background-color:transparent;	
width:199px;
height:58px;
display:block;
text-decoration:none;
text-transform:uppercase;
font-weight:700;
}

#btn-menu8 a:link, #btn-menu8 a:visited, #btn-menu8 a:active, #btn-menu8 a:hover {cursor:pointer !important;}

.panelh {
position:absolute;
clear:both;
display:none;
width:195px;
_width:198px;
z-index:12;
}

.panelh ul {
text-align:left;
line-height:0;
list-style-position:inside;
list-style:none;
margin:0;
padding:0;
}

.panelh ul li a {
display:block;
text-decoration:none;
font-weight:700;
font-size:0.9em;
text-indent:10px;
padding:15px 0;
*text-indent:-5px;
}

#caixa1 {
display:block;
width:220px;
height:250px;
background:url("../images/fundos/bg_slider.png") no-repeat 0 0;
margin:0;
padding:0;
}

#slider1 {
position:absolute;
display:block;
width:220px;
height:228px;
border:0 solid red;
margin:10px 0 0;
padding:0;
}

#slider1 ul,#slider1 li {
list-style:none;
margin:0;
padding:0;
}

#slider1 li {
width:220px;
height:228px;
overflow:hidden;
text-align:center;
border:0 solid blue;
}

#banner_156 {
margin:15px 0 0;
}

#gallery {
position:relative;
height:70px;
width:220px;
overflow:hidden;
margin:10px 0;
}

#gallery a {
float:left;
position:absolute;
}

#gallery a img {
border:none;
top:0;
left:0;
}

#gallery a.show {
top:0;
left:0;
z-index:5;
}

.clear {
clear:both;
}

#noticias {
position:relative;
float:left;
width:220px;
color:#333;
margin:0 0 5px;
}

#noticias h2 {
font-size:1.4em;
font-weight:700;
margin:0 0 10px;
padding:0;
}

.not_data {
float:left;
width:45px;
background:#e1e6e0;
border-top:10px solid #999;
font-weight:700;
text-align:center;
margin:0 5px 10px 0;
padding:2px 0 5px;
}

.data_dia {
font-size:1em;
}

.data_mes {
font-size:1.1em;
}

.data_hora {
font-size:0.8em;
}

.not_titulo {
height:61px;
margin-bottom:10px;
color:#333;
padding:0;
}

.not_titulo h1 {
position:relative;
font-size:1em;
font-weight:700;
margin-bottom:5px;
padding:0;
}

.not_titulo p {
position:relative;
font-size:0.9em;
margin-bottom:5px;
padding:0;
}

.not_titulo span {
position:relative;
font-size:0.9em;
font-weight:700;
top:11px;
margin:0;
padding:0;
}

#todas_noticias  {
background-color:#CCCCCC;
clear:both;
height:auto;
margin:0;
padding:10px;
position:relative;
text-align:center;
vertical-align:middle;
width:205px;
}

#todas_noticias a:link,#todas_noticias a:visited,#todas_noticias a:active {
color:#000;
font-size:1.2em;
text-decoration:none;
font-weight:700;
}

.not_titulo a:link,.not_titulo a:visited,.not_titulo a:active,.not_titulo h1 a:link,.not_titulo h1 a:visited,.not_titulo h1 a:active {
color:#000;
text-decoration:none;
}

.not_titulo a:hover,.not_titulo h1 a:hover,#todas_noticias a:hover {
text-decoration:underline;
}

/* estilos busca coluna direita ____________________________________________________________________________ */
#busca_direita
{
position:relative;
border:1px solid #618e97;
background-color:#fff;
padding:0 0 0 8px;
height:39px;
vertical-align:middle;
margin-top:22px;
}

#busca_direita .txt_buscad 
{
position:relative;
float:left;
background-color:transparent;
border:0;
font-size:0.875em;
width:121px;
margin-top:12px;
}


#busca_direita .btn_buscad
{
position:relative;
float:right;
width:60px;
height:39px;
border:0;
padding:0;
}

#busca_direita .lupa
{
float:left;	
position:relative;
margin-top:15px;	
}

/*APLICAÇÃO METROCLIMA*/

#app_metroclima
{
background-color:#eeeeee;
border:1px solid #bababa;
vertical-align:middle;
width:198px;
height:30px;
margin:15px 0 13px 19px;
padding:0;
}

#app_metroclima a:link,#app_metroclima a:visited,#app_metroclima a:active
{
position:absolute;
background:transparent;
width:198px;
height:30px;
text-decoration:none;
color: #000;
z-index:0;
cursor:pointer;
}

#app_metroclima a:hover
{
position:absolute;
background:url(../images/fundos/bg_itens_uteis.png) repeat-x;
width:198px;
height:30px;
text-decoration:none;
}

#app_metroclima .ico_metroclima
{
position:absolute;
left:-1px;
width:45px;
height:35px;
z-index:0;
}

#app_metroclima ul
{
position:relative;
margin:2px 20px 0 0;
padding:0;
list-style:none;
width:100%;
float:right;
*left:-20px;
}

#app_metroclima li
{
display:inline;
vertical-align:middle;
text-align:center;
margin:0;
padding:0;
line-height:0;
}

#app_metroclima .max_min
{
position:relative;
width:85px;
float:left;
line-height:12px;
font-weight:bold;
font-size:0.85em;
left:30px;
top:1px;
}

#app_metroclima .data_metroclima
{
position:relative;
float:right;
width:110px;
line-height:10px;
font-size:0.8em;
z-index:999999;
}

#app_metroclima .max_min .temp_max
{
color:#ff0000;
}
#app_metroclima .temp_min
{
color:#0066cc;
}

/*BANNERS RANDÔMICOS */

#banner1
{
position:relative;
width:220px;
height:70px;
margin:0 0 10px 0;
border:0px solid red;
z-index:-1;
}

#banner2
{
position:relative;
width:220px;
height:70px;
margin:0px 0 0px 0;
border:0px solid red;
z-index:-1;
}

.banner3
{
position:relative;
width:220px;
height:70px;
margin:0 0 20px 0;
z-index:-1;
}

/*NEWSLETTER*/
/*#campo_news {
	margin: 3px 0 0 3px;
	*margin: 0 0 0 -7px;
	width: 305px;
	*width: 305px;
	height: 41px;
	*height: 31px;
	padding: 0 0 0 5px;
	*padding: 10px 0 0 5px;
	border-style: none;
	background-color:transparent;
	font-size: 1.2em;
	font-weight:bold;
	outline:none;
	}
*/

#formnews
{
border:1px solid #bababa;
background-color:#E1E6E0;
display:none;
margin:8px 0 0 0;	
}

#formnews label
{float:left; margin: 10px 0 0 12px;}

#formnews form {margin:0;}

#campo_news {
	margin: 3px 0 0 3px;
	width: 190px;
	height: 21px;
	padding: 0 0 0 5px;
	border-style: none;
	font-size: 1.2em;
	font-weight:bold;
	outline:none;
	border:1px solid #bababa;
	background-color:#fff;
	}


/*#campo_news_email {
	margin: 3px 0 0 14px;
	*margin: 3px 0 0 14px;
	_margin: 3px 0 0 19px;
	width: 215px;
	*width: 215px; 
	_width:220px;
	height: 41px;
	*height: 31px;
	padding: 0 0 0 5px;
	*padding: 10px 0 0 5px;
	border-style: none;
	background-color:transparent;
	font-size: 1.2em;
	font-weight:bold;
	}*/

#campo_news_email {
	margin: 3px 0 0 3px;
	width: 190px;
	height: 21px;
	padding: 0 0 0 5px;
	border-style: none;
	font-size: 1.2em;
	font-weight:bold;
	outline:none;
	border:1px solid #bababa;
	background-color:#fff;
	}
#news_assinar
       {
       position:relative;
       margin: 10px 0 10px 0;
       width: 124px;
       height: 39px;
       clear:both;
       color:#000;
       font-weight:bold;
       border: 1px solid #A6B5A2;
       background: -moz-linear-gradient(top, #BDFE6E, #ABE26B);
	   background: -webkit-gradient(linear, left top, left bottom, from(#BDFE6E), to(#ABE26B));
	   filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#BDFE6E', EndColorStr='#ABE26B');
 	   text-shadow: 0 1px 0 #DDD;
       }
       
/*_____________________Início Estilo Rodapé__________________________*/

#coluna_40 {
position:relative;
_position:absolute;
float:right;
width:220px;
height:auto;
border:0 solid #333;
z-index:15;
margin:0;
_right:0;
}

#navegue_az {
display:block;
position:relative;
width:220px;
height:53px;
background:url(../images/fundos/bg_az.gif) repeat-x left top;
text-align:center;
margin:10px 0 0;
padding:10px 0 0;
}

#navegue_az a:link,#navegue_az a:visited,#navegue_az a:active {
color:#fff;
font-weight:700;
font-size:1.2em;
text-decoration:none;
}

#navegue_az a:hover
{
text-decoration:underline;	
}

#newsletter {
display:block;
position:relative;
width:220px;
height:53px;
background:url(../images/fundos/bg_az.gif) repeat-x left top;
text-align:center;
margin:0px 0 0;
padding:10px 0 0;
}

#newsletter a:link,#newsletter a:visited,#newsletter a:active {
color:#fff;
font-weight:700;
font-size:1.2em;
}

#label_az {
background:#fff;
display:block;
position:relative;
width:220px;
height:53px;
margin:10px 0 0;
}

#ancora_topo {
float:right;
position:relative;
width:auto;
height:auto;
left:0;
text-align:right;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:0.9em;
font-weight:700;
color:#333;
margin:0;
padding:0;
z-index:-120;
}

#ancora_topo a:link,#ancora_topo a:visited {
text-decoration:none;
}

#ancora_topo2 {
top:20px;
float:right;
position:relative;
width:94px;
height:10px;
}

.rodape_secretarias {
position:relative;
z-index:99999;
width:226px;
height:110px;
_height:140px;
_overflow:hidden;
margin:0;
padding:0 0 30px;
*padding:5px 0 30px;
}

.rodape_cidadao {
position:relative;
display:block;
z-index:99999;
width:226px;
height:110px;
_height:340px;
_overflow:hidden;
margin:0;
padding:0 0 30px;
*padding:5px 0 30px;
}

#btn-menu12 {
background:#E20001;
text-align:left;
width:226px;
height:31px;
_height:39px;
display:block;
color:#fff;
text-indent:0.8em;
vertical-align:middle;
font-weight:700;
font-size:1.6em;
padding-top:7px;
margin:0;
}

#btn-menu13 {
background:#F8CA14;
text-align:left;
width:226px;
height:31px;
_height:39px;
display:block;
color:#fff;
text-indent:0.8em;
vertical-align:middle;
font-weight:700;
font-size:1.6em;
padding-top:7px;
margin:0;
}

#btn-menu14 {
background:#FF3D11;
text-align:left;
width:226px;
height:31px;
_height:39px;
display:block;
color:#fff;
text-indent:0.8em;
vertical-align:middle;
font-weight:700;
font-size:1.6em;
padding-top:7px;
margin:0;
}

#btn-menu15 {
background:#238D9A;
text-align:left;
width:226px;
height:31px;
_height:39px;
display:block;
color:#fff;
text-indent:0.8em;
vertical-align:middle;
font-weight:700;
font-size:1.6em;
padding-top:7px;
margin:0;
}

#btn-menu18 {
background:#22A557;
text-align:left;
width:226px;
height:31px;
_height:39px;
display:block;
color:#fff;
text-indent:0.8em;
vertical-align:middle;
font-weight:700;
font-size:1.6em;
padding-top:7px;
margin:0;
}

#caixa_redes_sociais {
position:relative;
clear:both;
display:block;
left:0;
}

#slider_redes_sociais {
position:relative;
display:block;
clear:both;
width:220px;
height:228px;
background-color:#fff;
padding:0;
border:0px solid black;
text-align:center;
}

#slider_redes_sociais ul,#slider_redes_sociais li {
list-style:none;
margin:0;
padding:0;
}

#slider_redes_sociais li {
width:220px;
height:228px;
overflow:hidden;
border:0px solid black;
}

#caixa_redes_sociais h1 {
font-size:1.5em;
font-weight:700;
font-family:arial, helvetica, sans-serif;
text-align:center;
}

#coluna_30,#coluna_20,#coluna_10 {
position:relative;
float:left;
width:241px;
z-index:15;
margin:0 11px 100px 0;
*margin:0 11px 100px -5px;
}

#navegue_az a:hover,#ancora_topo a:hover {
text-decoration:underline;
}

.rodape_secretarias p,.rodape_departamentos p,.rodape_empresas p,.rodape_servicos p,.rodape_cidade p,.rodape_cidadao p,.rodape_estudante p,.rodape_turista p,.rodape_empreendedor p,.rodape_servidor p {
width:226px;
text-align:left;
}

.rodape_secretarias a,.rodape_departamentos a,.rodape_empresas a,.rodape_servicos a,.rodape_cidade a,.rodape_cidadao a,.rodape_estudante a,.rodape_turista a,.rodape_empreendedor a,.rodape_servidor a {
color:#000;
text-decoration:underline;
clear:both;
}

.rodape_secretarias a:active,.rodape_departamentos a:active,.rodape_empresas a:active,.rodape_servicos a:active,.rodape_servicos a:focus,.rodape_cidade a:active,.rodape_cidadao a:active,.rodape_cidadao a:focus,.rodape_estudante a:active,.rodape_estudante a:focus,.rodape_turista a:active,.rodape_turista a:focus,.rodape_empreendedor a:active,.rodape_empreendedor a:focus,.rodape_servidor a:active,.rodape_servidor a:focus {
font-weight:700;
}

.rodape_secretarias a:hover,.rodape_secretarias a:focus,.rodape_departamentos a:hover,.rodape_departamentos a:focus,.rodape_empresas a:hover,.rodape_servicos a:hover,.rodape_cidade a:hover,.rodape_cidadao a:hover,.rodape_estudante a:hover,.rodape_turista a:hover,.rodape_empreendedor a:hover,.rodape_servidor a:hover {
color:#000;
text-decoration:underline;
clear:both;
font-weight:700;
}

.rodape_departamentos,.rodape_empresas,.rodape_servicos,.rodape_cidade,.rodape_estudante,.rodape_turista,.rodape_empreendedor,.rodape_servidor {
position:relative;
display:block;
z-index:99999;
width:226px;
height:110px;
_height:140px;
_overflow:hidden;
margin:0;
padding:0 0 30px;
*padding:5px 0 30px;
}

#btn-menu9,#btn-menu10,#btn-menu11 {
background:#495241;
text-align:left;
width:226px;
height:31px;
_height:39px;
display:block;
color:#fff;
text-indent:0.8em;
vertical-align:middle;
font-weight:700;
font-size:1.6em;
padding-top:7px;
margin:0;
}

#btn-menu16,#btn-menu17 {
background:#036CAD;
text-align:left;
width:226px;
height:31px;
_height:39px;
display:block;
color:#fff;
text-indent:0.8em;
vertical-align:middle;
font-weight:700;
font-size:1.6em;
padding-top:7px;
margin:0;
}

/*________________________ Início Estilo Metroclima __________________*/

#caixa_metroclima {
position:relative;
float:left;
background-color:#f0f0f0;
border:1px solid #d0d0d0;
margin:23px 0 0 40px;
padding:10px;
}


/*________________ Início Estilos Fundo Menor Página Interna __________*/
.interna {
background: url(../images/fundos/fundo_verde_pq.gif) repeat-x left top; z-index:-10;
}

/*________________ Início Estilos Fundo Maior Home __________*/
.capa {
background: url(../images/fundos/fundo_verde.gif) repeat-x left top; z-index:-10;
}




/*___________________________ menu perfis quem é você __________________________________*/

#barra_qv {z-index:2000; width:220px; height:41px; margin: 15px 0 0 0; }

#cssMenu_qv_header {color:#000000; font-weight:normal;text-align:left; padding:5px 0 0 9px;}

ul.cssMenu_qv li #cssMenu_qv_header a:link,
ul.cssMenu_qv li #cssMenu_qv_header a:visited,
ul.cssMenu_qv li #cssMenu_qv_header a:active,
ul.cssMenu_qv li #cssMenu_qv_header a:hover {
	position:relative;
	background-color:transparent; /* cor do fundo over */
	font-size:13px;			/* tamanho da fonte quando selecionado  */
	color: #000000;			/* cor da fonte over */
	text-decoration:none;
}

/*	caracteristicas gerais  __________________________________________ */

ul.cssMenu_qv ul{display:none;  z-index:2000;}		 		/* esconde os submenus  */
ul.cssMenu_qv li:hover>ul{display:block} /* empilha os elementos do menu vertical  */

ul.cssMenu_qv ul{position: absolute; left:-1px; top:37px;}		/*  -  */
ul.cssMenu_qv ul ul{position: absolute; left:98%; top:-2px;}		/*  -  */

ul.cssMenu_qv, ul.cssMenu_qv ul {
	margin:0px;	 							/*  margen geral em torno do menu  */
	list-style:none;	 						/* esconde os marcadores da lista  */
	padding:0px 0px 0px 0px;	 			/* espaco interno entre o ul e os li - podefazer efeitos de borda  */
	width:216px;	 								/* largura do ul geral do menu */
	z-index:2000;
}

ul.cssMenu_qv ul {
	width:216px; 								/* largura dos ul dos submenus  */
	z-index:99999;
	margin-left:1px;
}

ul.cssMenu_qv li {
	display:block;								/* empilha os elementos do menu vertical  */
	margin:0px 0px 0px 0px;				/* espaco interno entre os li e o ul - pode fazer efeitos de borda  */
	font-size:0px;
	width:216px;
	z-index:2000;
	
}

ul.cssMenu_qv a:active, ul.cssMenu_qv a:focus {
	outline-style:none;						/* retira a linha sublinhada dos links  */
}



ul.cssMenu_qv a {
	display:block;								/* empilha os elementos do menu vertical  */
	vertical-align:middle;					/* posiciona verticalmente o texto na metade  */
	background-color:;						/* cor do fundo dos menus  */
	text-align:center;							/* alinhamento do texto - padrao esquerda  */
	text-decoration:none;					/* retira a linha sublinhada dos links  */
	padding:7px 0px 10px 7px;				/* espaço interno - faz a altura dos menus  */
	_padding-left:0;							/*  -  */
	font-size:13px;							/* tamanho da fonte quando selecionado  */
	font-weight:bold; 
	color: #000;							/*  cor da fonte do menu  */
	text-decoration:none;
	}

ul.cssMenu_qv span{ overflow:hidden; color: #000; } 	/*  -  */
ul.cssMenu_qv li { float:left; }				/*  -  */

ul.cssMenu_qv ul li { 
	float:none; 	
	background-color:#fff;				/* cor do fundo dos menus  */
	width:216px;	
	z-index:5001;
	
	}			

ul.cssMenu_qv ul a {
	text-align:left;							/* alinhamento do texto no link - padrao esquerda  */
	white-space:nowrap;					/* espaço em branco - sem quebra  */
}



ul.cssMenu_qv li:hover { position:relative; }	/*  -  */

ul.cssMenu_qv li:hover>a {
	
	background-color:;			/* cor do fundo over */
	font-size:13px;							/* tamanho da fonte quando selecionado  */
	color: #FFFFFF;							/* cor da fonte over */
	text-decoration:none;
}

ul.cssMenu_qv li a:hover {
	position:relative;
	background-color:transparent; /* cor do fundo over */
	font-size:13px;			/* tamanho da fonte quando selecionado  */
	color: #000000;			/* cor da fonte over */
	text-decoration:none;
	
}

ul.cssMenu_qv ul li a:hover {
	position:relative;
	font-size:13px;			/* tamanho da fonte quando selecionado  */
	color: #FFFFFF;			/* cor da fonte over */
	text-decoration:none;
	
}

/*	setas em imagens  __________________________________________ */

ul.cssMenu_qv span {
	display:block;								/* empilha os elementos na vertical  */
	background-image:url(../images/arrow_sub5.gif);	/* caminho  */
	background-position:right center;	/* alinhamento h | v  */
	background-repeat: no-repeat;		/* sem repetição  */
	padding-right:12px;						/* espaço direito da margem interna  */
}

ul.cssMenu_qv li:hover>a>span { background-image:url(../images/arrv_anim_1o.gif);}		/* 1º nivel caminho  */
ul.cssMenu_qv a:hover span{ _background-image:url(../images/arrv_anim_1o.gif)}			/* 1º nivel caminho  */
ul.cssMenu_qv ul span, ul.cssMenu_qv a:hover table span {background-image:url(../images/arr_double_1.gif)} /* 2º nivel  */
ul.cssMenu_qv ul li:hover > a span{ background-image:url(../images/arr_double_1o.gif);}	/* 2º nivel  */

/*	caracteristicas para IE 6  __________________________________________ */

ul.cssMenu_qv table {border-collapse:collapse}	/*  -  */
ul.cssMenu_qv {
	display:block; 							/* empilha os elementos do menu vertical  */
	zoom:1;									/* -  */
	_width:116.55000000000001px;	/* -  */
	float: left;								/* -  */
}

ul.cssMenu_qv a:hover img.over, ul.cssMenu_qv a:hover ul img.def, ul.cssMenu_qv a:hover a:hover ul img.def, ul.cssMenu_qv a:hover a:hover a:hover ul img.def, ul.cssMenu_qv a:hover a:hover img.over, ul.cssMenu_qv a:hover a:hover a:hover img.over, ul.cssMenu_qv a:hover a:hover a:hover a:hover img.over {display:inline} /* -  */

ul.cssMenu_qv a:hover img.def, ul.cssMenu_qv a:hover ul img.over, ul.cssMenu_qv a:hover a:hover ul img.over, ul.cssMenu_qv a:hover a:hover a:hover ul img.over,ul.cssMenu_qv a:hover a:hover img.def, ul.cssMenu_qv a:hover a:hover a:hover img.def, ul.cssMenu_qv a:hover a:hover a:hover a:hover img.def {display:none} /* -  */

ul.cssMenu_qv a:hover ul, ul.cssMenu_qv a:hover a:hover ul, ul.cssMenu_qv a:hover a:hover a:hover ul {display:block}
ul.cssMenu_qv a:hover ul ul, ul.cssMenu_qv a:hover a:hover ul ul {display:none} /* -  */

/*

	PROCEMPA -  Empresa de Tecnologia da Informacao e Comunicacao de Porto Alegre
	T/IGE - Internet e Governo Eletronico
	Padrao de estilos para sites desenvolvidos com o gerenciador de conteudos ProWeb.
	data de versao:	08/2009
	versao 1.0
	menu vertical		padrao - novos sites

*/

#barra_v { background: url(../images/fundos/fundo_menu_uteis.png) no-repeat; z-index:2000; width:220px; height:207px; margin: 0 0 5px 0;}

/*	caracteristicas gerais  __________________________________________ */

ul.cssMenu_v ul{display:none; }		 		/* esconde os submenus  */
ul.cssMenu_v li:hover>ul{display:block} /* empilha os elementos do menu vertical  */

ul.cssMenu_v ul{position: absolute;left:98%;top:-1px;} 		/*  -  */
ul.cssMenu_v ul ul{position: absolute;left:98%;top:-2px;}		/*  -  */

ul.cssMenu_v,ul.cssMenu_v ul {
	margin:0px;	 							/*  margen geral em torno do menu  */
	list-style:none;	 						/* esconde os marcadores da lista  */
	padding:0px 1px 1px 0px;	 			/* espaco interno entre o ul e os li - podefazer efeitos de borda  */
	background-color:transparent; 			/* cor da borda dos menus  */
	border: 0px solid #000; 				/* borda no menu - no padrao e gerada pelo padding  */
	width:220px;	 							/* largura do ul geral do menu */
	
}

/*	caracteristicas dos submenus  ________________________________________ */

ul.cssMenu_v ul {
	width:220px; 								/* largura dos ul dos submenus  */
}

ul.cssMenu_v li {
	list-style:none;
	display:block;								/* empilha os elementos do menu vertical  */
	margin:0px 0px 12px 20px;				/* espaco interno entre os li e o ul - pode fazer efeitos de borda  */
	font-size:0px;
	}

ul.cssMenu_v a:active, ul.cssMenu_v a:focus {
	outline-style:none;						/* retira a linha sublinhada dos links  */
}

ul.cssMenu_v a, ul.cssMenu_v li.dis a:hover, ul.cssMenu_v li.sep a:hover {
	display:block;								/* empilha os elementos do menu vertical  */
	vertical-align:middle;					/* posiciona verticalmente o texto na metade  */
	background-color:transparent;				/* cor do fundo dos menus  */
	border: 0px solid #E4E1DE; 			/* borda no menu - no padrao e gerada pelo padding  */
	text-align:left;							/* alinhamento do texto - padrao esquerda  */
	text-decoration:none;					/* retira a linha sublinhada dos links  */
	padding:0;								/* espaço interno - faz a altura dos menus  */
	_padding-left:0;							/*  -  */
	font-size:12px;							/* tamanho da fonte quando selecionado  */
	font-weight:bold;
	color: #5c5c5c;						/*  cor da fonte do menu  */
	/* cursor:default;							 -  */
	height:32px;
}

ul.cssMenu_v ul li {	float:none;  }			/*  -  */

ul.cssMenu_v ul a {
	text-align:left;							/* alinhamento do texto no link - padrao esquerda  */
	white-space:nowrap;					/* espaço em branco - sem quebra  */
	margin: 0;
	}

ul.cssMenu_v li.sep {
	text-align:left;							/*  -  */
	padding:0px;								/*  -  */
	line-height:0;								/*  -  */
}

ul.cssMenu_v li.sep span {
	float:none;									/*  -  */
	padding-right:0;							/*  -  */
	width:100%;								/*  -  */
	height:3;									/*  -  */
	display:inline-block;						/*  -  */
	background-color:#aa0f15;			/*  -  */
	background-image:none;				/*  -  */
}

ul.cssMenu_v li:hover { position:relative; }	/*  -  */

ul.cssMenu_v li:hover>a {
	background:url(../images/fundos/bg_itens_uteis.png) repeat-x;		/* cor do fundo over */
	border: 0px #FFFFFF solid;			/* borda over */
	font-size:12px;						/* tamanho da fonte quando selecionado  */
	color: #476eff;						/* cor da fonte over */
	text-decoration:none;
}

ul.cssMenu_v li a:hover {
	position:relative;
	background: url(../images/fundos/bg_itens_uteis.png) repeat-x;		/* cor do fundo over */
	border: 0px #FFFFFF solid;		/* borda over */
	font-size:12px;						/* tamanho da fonte quando selecionado  */
	color: #476eff;						/* cor da fonte over */
	text-decoration:none;
}

/*	setas em imagens  __________________________________________ */

ul.cssMenu_v span {
	display:block;								/* empilha os elementos na vertical  */
	background-position:right center;	/* alinhamento h | v  */
	background-repeat: no-repeat;		/* sem repetição  */
	position:relative;
	left:30px;
	top:8px;
}

/*	caracteristicas para IE 6  __________________________________________ */

ul.cssMenu_v table {border-collapse:collapse}	/*  -  */
ul.cssMenu_v {
	display:block; 							/* empilha os elementos do menu vertical  */
	zoom:1;									/* -  */
	_width:116.55000000000001px;	/* -  */
	float: left;								/* -  */
	width:220px;	 						/* largura do ul geral do menu */
}

ul.cssMenu_v a:hover img.over, ul.cssMenu_v a:hover ul img.def, ul.cssMenu_v a:hover a:hover ul img.def, ul.cssMenu_v a:hover a:hover a:hover ul img.def, ul.cssMenu_v a:hover a:hover img.over, ul.cssMenu_v a:hover a:hover a:hover img.over, ul.cssMenu_v a:hover a:hover a:hover a:hover img.over {display:inline} /* -  */

ul.cssMenu_v a:hover img.def, ul.cssMenu_v a:hover ul img.over, ul.cssMenu_v a:hover a:hover ul img.over, ul.cssMenu_v a:hover a:hover a:hover ul img.over,ul.cssMenu_v a:hover a:hover img.def, ul.cssMenu_v a:hover a:hover a:hover img.def, ul.cssMenu_v a:hover a:hover a:hover a:hover img.def {display:none} /* -  */

ul.cssMenu_v a:hover ul, ul.cssMenu_v a:hover a:hover ul, ul.cssMenu_v a:hover a:hover a:hover ul {display:block}
ul.cssMenu_v a:hover ul ul, ul.cssMenu_v a:hover a:hover ul ul {display:none} /* -  */

/*___________________ coluna de resultados das notícias ____________________________*/

#container_busca
{
position:relative;
width:728px;
display:block;
height:auto;
}

#container_busca
.cor_resultado

{font-weight:700;
color:#0000ff;
}

#col_result_n  {
clear:both;
display:block;
float:left;
height:auto;
margin:1px 0 0;
padding:0 8px 0 0;
position:relative;
width:240px;
}

#col_result_n p
{
position:relative;
float:left;
clear:both;
width:100%;
}

#col_result_n span
{
font-weight:700;
color:#ff0000;
}

#col_result_g
{
background-color:#E9F0E9;
border:1px solid #BEC3BD;
clear:right;
display:block;
float:left;
height:auto;
left:2px;
margin-left:10px;
padding:0 13px;
position:relative;
width:250px;
}


#col_result_g p
{
position:relative;
float:left;
clear:both;
width:100%;
}

#col_result_g span
{
font-weight:700;
color:#ff0000;
}

.tit_not
{
height:110px;
}

.tit_not span
{
width:auto;	
}

.tit_not h5
{
width:auto;
padding: 0 0 10px 0;
}

.tit_not a:link,
.tit_not a:visited,
.tit_not a:active,
.tit_not a:hover
{
position:relative;
color:#000;
top:7px;
left:5px;
font-weight:700;
font-size:1.2em;
}

.tit_geral
{
border:0px solid red;
padding: 0px;
}

.tit_geral h5 
{
position:relative;	
font-size:0.85em !important;	
padding: 0 0 20px 0;
clear:left;
color:#666;
}

.tit_geral a:link,
.tit_geral a:visited,
.tit_geral a:active
{
position:relative;
color:#000;
top:0;
font-weight:700;
font-size:1.1em;
text-decoration:none;
}

.tit_geral a:hover
{text-decoration:underline;}

#voltar_topo a:link,
#voltar_topo a:visited,
#voltar_topo a:active,
#voltar_topo a:hover
{color:#000;
font-weight:700;
float:right;
font-size:0.85em;
}

#paginador
{
position:relative;
width:312px;
max-width:312px;
left:auto;
height:34px;
padding-top:20px;
}

#paginador ul {
	list-style-type: none;
}
#paginador li {
	float: left;
	display: inline;
	margin: 0 5px 0 0;
	display: block;
}
#paginador li a {
	color: #696969;
	padding: 4px;
	border: 1px solid #696969;
	text-decoration: none;
	float: left;
	font-size: 0.8em;
}
#paginador li a:hover {
	color: #696969;
	background: #D3D3D3;
	border: 1px solid #696969;
	font-size: 0.8em;
}
#paginador li.nolink {
	color: #DCDCDC;
	border: 1px solid #DCDCDC;
	padding: 4px;
	font-size: 0.8em;
}
#paginador li.current {
	color: #FFF;
	border: 1px solid #333;
	padding: 4px;
	background: #333;
	font-size: 0.8em;
}

#paginador2
{
position:relative;
width:auto;
top:15px;
left:75px;
height:28px;
clear:both;
}

#paginador2 ul {
	list-style-type: none;
}
#paginador2 li {
	float: left;
	display: inline;
	margin: 0 5px 0 0;
	display: block;
}
#paginador2 li a {
	color: #696969;
	padding: 4px;
	border: 1px solid #696969;
	text-decoration: none;
	float: left;
	font-size: 0.8em;
}
#paginador2 li a:hover {
	color: #696969;
	background: #D3D3D3;
	border: 1px solid #696969;
	font-size: 0.8em;
}
#paginador2 li.nolink {
	color: #DCDCDC;
	border: 1px solid #DCDCDC;
	padding: 4px;
	font-size: 0.8em;
}
#paginador2 li.current {
	color: #FFF;
	border: 1px solid #333;
	padding: 4px;
	background: #333;
	font-size: 0.8em;
}

#col_result_n h1 { margin:5px 0px 0px 0px; padding:0px; border:0px solid green; }

#col_result_g h1 { margin:5px 0px 0px 0px; padding:0px; border:0px solid green; }

#busca_google {clear:both;}		



#tab_contato {
clear: left;
text-align: center;
width: 220px;

background-color: #E1E6E0;
color: #333;
float: left;
margin: 20px 0px 0px;
min-width: 235px;
position: relative;
}

#contato_sec {
	background-color: #E1E6E0;
clear: both;
display: block;
float: left;
height: auto;
padding: 10px 15px;
position: relative;
width: 500px;
}

/* acessibilidade ______________________________________________ */	
	
/* acessibilidade - menu invisível para cegos */
span.accesskey { 				/*  escondendo o menu para cegos  */
	text-decoration:none;
	}
.accessibility {						/*  escondendo o menu para cegos  */
	position: absolute;
	top: -999em;
	left: -999em;
	}	
	
/* acessibilidade - caixa geral */	
#acessibilidade	{
	position:relative;
	width:220px;
	/*float:right; 				 quando flutuar ao lado direito do caminho */
	text-align:center;
	background-color:#ddd;  								
    margin: 15px 0px 0px 0px;
    padding: 2px 0px 8px 0px;
 	z-index:24;
	border:1px solid #333;
	clear:both;
	}
	
	html>body #acessibilidade {  } 					/* ajuste firefox - chrome */	

/* acessibilidade - link a1 */
.a1:active, .a1:link, .a1:visited, .a1:hover { 
	text-decoration: none; 
	color: #000; 
	font-size:2em; 
	font-weight:bold; 
	}

/* acessibilidade - link a2 */
.a2:active, .a2:link, .a2:visited, .a2:hover { 
	position:absolute;
	visibility:hidden;
	width:0;
	height:0;
	}

/* acessibilidade - link a3 */
.a3:active, .a3:link, .a3:visited, .a3:hover { 
	position:absolute;
	visibility:hidden;
	width:0;
	height:0;
	}
	
/* acessibilidade - link a4  */
.a4:active, .a4:link, .a4:visited, .a4:hover { 
	position:absolute;
	visibility:hidden;
	width:0;
	height:0;
	}	

/* acessibilidade - link preto */
.preto_acessivel_m:active, .preto_acessivel_m:link, .preto_acessivel_m:visited { 
	text-decoration: none; 
	color: #fff; 
	font-weight:bold; 
	}
.preto_acessivel_m:hover { text-decoration : underline; font-weight:bold; }

/* acessibilidade - caixa preto */
.preto_acessivel_m  {
	position:relative;
	text-align:center;
	width:22px;	
	height:22px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 2px 0px;
	background-color: #000;
	color:#fff;
	font-size:2em;	
	}
	
	html>body .preto_acessivel_m {  padding: 0px 6px 0px 6px; word-spacing: 0px; }
	
/* acessibilidade - caixa preto */
.preto_acessivel {
	position:absolute;
	visibility:hidden;
	width:0;
	height:0;
	}	

/* acessibilidade - caixa preto */
.preto_m {
	position:absolute;
	visibility:hidden;
	width:0;
	height:0;	
	}	

/* acessibilidade - caixa preto */
.preto {
	position:absolute;
	visibility:hidden;
	width:0;
	height:0;
	}		
	
/* acessibilidade - link ajuda  */
.ajuda:active, .ajuda:link, .ajuda:visited, .ajuda:hover { 
	text-decoration: none; 
	color: #000; 
	font-size:2.5em; 
	font-weight:bold;
	display:none;  
	}
.ajuda:hover { text-decoration : underline; }

.twitted h2 {
	position:relative;
	left:3.2em;
	top:0.9em;
	margin: 0;
	padding: 2em 0.8em;
	font-size: 0.6em !important;
	color: #fff !important;
	height:53px;	
}

.twitted h2 a:link,.twitted h2 a:visited, .twitted h2 a:active
{color:#fff !important;
text-decoration:none;
	font-size: 0.6em !important;
}

.txt_lista a:link, .txt_lista a:visited, .txt_lista a:active, .txt_lista a:hover {
font-size:2em;
padding:2px;
}