@charset "utf-8";
/* CSS Document */


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

global styles

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

html, body {height:100%;}

body {     

margin: 0;      
padding: 0;     
background: #fff url('imagens/bg_body.jpg') repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
color:#000033;
font-size:100%;
line-height: 1.5em;

} 

div.bege  {     

margin: 0;      
padding: 5px;
position: relative;   
background: #f5e9d9;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.875em;

} 

div.bege2  {     

margin: 22px 0 0;      
padding: 7px 10px;
float:right;
width: 178px;
height: 50px;
background: #f5e9d9;


} 

a:link { color: #000033; text-decoration: underline; }
a:visited { color: #999999; text-decoration: underline; }
a:focus { color: #000; text-decoration: underline; }
a:hover { color: #000033; text-decoration: none; }
a:active { color: red; text-decoration: underline; }


a.pq:link { color: #000033; text-decoration: underline; font-size:13px; line-height: 20px; }
a.pq:visited { color: #999999; text-decoration: underline; font-size:13px; line-height: 20px; }
a.pq:focus { color: #000; text-decoration: underline; font-size:13px; line-height: 20px; }
a.pq:hover { color: #000033; text-decoration: none; font-size:13px; line-height: 20px; }
a.pq:active { color: red; text-decoration: underline; font-size:13px; line-height: 20px; }

a.verm:link { color: #cc0000; text-decoration: underline; font-size:0.875em; }
a.verm:visited { color: #999999; text-decoration: underline; font-size:0.875em; }
a.verm:focus { color: #cc0000; text-decoration: underline; font-size:0.875em; }
a.verm:hover { color: #cc0000; text-decoration: none; font-size:0.875em; }
a.verm:active { color: red; text-decoration: underline; font-size:0.875em; }


a.cz:link { color: #333333; text-decoration: underline; font-size:0.875em; }
a.cz:visited { color: #999999; text-decoration: underline; font-size:0.875em; }
a.cz:focus { color: #333333; text-decoration: underline; font-size:0.875em; }
a.cz:hover { color: #999999; text-decoration: none; font-size:0.875em; }
a.cz:active { color: #666666; text-decoration: underline; font-size:0.875em; }

a.br:link { font-family:Verdana, Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: none; font-size:12px; }
a.br:visited { font-family:Verdana, Arial, Helvetica, sans-serif; color: #cccccc; text-decoration: none; font-size:12px; }
a.br:focus { font-family:Verdana, Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: none; font-size:12px; }
a.br:hover { font-family:Verdana, Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: underline; font-size:12px; }
a.br:active { font-family:Verdana, Arial, Helvetica, sans-serif; color: #ffff00; text-decoration: none; font-size:12px; }


div.txtazul { 

color: #032a48; 
font-size:17px;
font-weight:bold;
margin-left: 23px;
margin-top: 42px;
height: 50px;

}

div.txt { 

font-family:Verdana, Arial, Helvetica, sans-serif;
color: #000033; 
font-size:0.875em;
text-decoration: none;
line-height: 150%;

}


div.txt2 { 

font-family:Verdana, Arial, Helvetica, sans-serif;
color: #000000; 
font-size:0.975em;
text-decoration: none;
text-align:center;

}

.txt { 

font-family:Verdana, Arial, Helvetica, sans-serif;
color: #000000; 
font-size:0.975em;
text-decoration: none;

}


h3 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.35em;
	color: #cc0000;
	text-decoration:none;
	padding: 0;
	margin: 0;

}

h2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.35em;
	color: #13466d;
	text-decoration:none;
	padding: 0;
	margin: 0;

}


h4 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.35em;
	color: #cc0000;
	text-decoration:none;
	font-weight:bold;
	padding: 0;
	margin: 0;

}

.subtitulo {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.975em;
	color: #003366;
	text-decoration:none;
	margin: 0;

}

.campo {
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.975em;
	color: #333333;
	text-decoration: none;
	background-color: #ffffff;
	border: 1px solid #ccc;
	height: 21px;
	width: 278px;
	margin: 0;
	padding: 3px;

}

.botao {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 12px;
	color: #ffffff;
	background-color: #cc0000;
	margin: 0;
	padding: 5px 8px 5px 8px;
	height: 27px;
	border: 0;	

}

#nobrake {

display:inline;
float:left;
margin-right: 5px;

}

#nobrake2 {

display:inline;
margin-right: 5px;
margin-bottom: 8px;

}




/* ------------------------------
Link configurações
------------------------------ */

#contraste {

display: block;
width: 135px;
height: 29px;
padding: 0px 2px 5px 0px;;
float: right;
margin-left: 10px;
margin-top: 0px;

}


ul.contraste {
 
	list-style-type: square;
	margin: 0px;
	padding-bottom: 6px;
	
	}
	
li.contraste {
 
	list-style-type: square;
	list-style-position: outside;
	text-align: left;
	padding: 0px;
	margin: 0px;
	line-height: 14px;
	
	}


#contraste a:link,a:visited
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color:#000033;
text-decoration:none;
font-size: 0.9em;

}

#contraste a:hover,a:active
{
text-decoration: underline;

}



a.tam:link,a.cont:visited
{
display:block;
font-weight:bold;
color:#000033;
background-image:url("imagens/bg_degradeecz.jpg");
width:24px;
height: 26px;
text-align:center;
padding: 4px 2px;
text-decoration:none;
border: 1px solid #ccc;
margin-left: 10px;
float:right;
font-size: 1.1em;

}

a.tam:hover,a.cont:active
{
background-image:none;
background-color:#dbe7e1;
}




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

container styles

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

#tudo {
width:100%;
min-height: 100%;
margin: 0;
padding: 0;
position:relative;

}

* html #tudo {
	height: 100%; /* hack para IE6 que trata height como min-height */
	}



#container {

width: 980px;
min-height: 100%;
margin: 0 auto;
padding: 0 0 160px 0;
text-align: left;

}


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

header styles

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


#header {

margin: 0;
padding: 0;
height: 172px;
width: 100%;
position: relative;

}

#logo  {    

float: left;    
width: 250px;   
margin: 0; 
display: inline;

}    

#red {

color: #cc0000;

}

#braille {

margin: 0;
float: right;  
display: inline;
background-image:url("imagens/braille_home.jpg");
background-repeat:no-repeat;
width: 504px;
height: 78px;

}


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

menu top

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

#menutop {

color: #000033;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin-top: 20px;
padding: 2px 0;
float: right;
width: 650px;
height: 42px;

}

.menutop {

margin: 0 10px 0;
padding: 0;
list-style-type: none;
display: inline;

}

.menutop1 {

display: inline;
padding: 0 6px;

}



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

menu styles

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

#menu {

color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
padding: 2px 0;
margin-bottom: 2px;
margin-top: 5px;
height: 36px;

}

#menu ul {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight:bold;
margin: 0 0 0 15px;
padding: 0;
list-style-type: none;
border-left: 1px solid #fff;

}

#menu li {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight:bold;
display: inline;
padding: 0 14px;
border-right: 1px solid #ffffff;

}

#menu li a {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight:bold;
text-decoration: underline;
color: #fff;

}

#menu li a:hover {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight:bold;
text-decoration: none;
color: #fff;

}




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

apresentacao styles

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

#apresentacao {
	background-image: url("imagens/bg_apresentacao.jpg");
	background-repeat:no-repeat;
	position: relative;
	height: 344px;
	width: 100%;
	margin: 0;
	padding: 0;
}

.faixaimg {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 1em;
font-weight: 200;
height: 200px;
float:left;

}

.indent {

margin-left: 20px;

}

#animacao {

padding: 0;
height: 200px;
float:right;
width: 570px;
margin: 0; 
background-image: url("imagens/foto01.jpg");
background-repeat:no-repeat;

}



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

Serviços styles

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

div.servicos1
   {
   margin: 22px 20px 18px 88px;
   width: 140px;
   position: relative;
   float: left;
   text-align:center;
   height: 114px;
   display:inline;

   }
   
 
div.servicos1 a
   {
 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.25em;
	color: #333;
	text-decoration:underline;
	}
	
		  
div.servicos1 a:hover
   {
 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.25em;
	color: #333;
	text-decoration:none;
	}

div.servicos
   {
   margin: 20px;
   width: 140px;
   position: relative;
   float: left;
   text-align:center;
   height: 114px;
   display:inline;
   }
 div.servicos img
   {
   display:inline;
   margin:3px;
    }
 
 div.servicosdesc
   {
   text-align:center;
   font-weight:normal;
   width:140px;
   margin:4px;
   
      }
	  
div.servicos a
   {
 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.25em;
	color: #333;
	text-decoration:underline;
	}
	
		  
div.servicos a:hover
   {
 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.25em;
	color: #333;
	text-decoration:none;
	}
	
	
	
div.servicos2
   {
   background-image:url('imagens/bg_legislacao.gif');
   margin: 20px 0px 0px 0px;
   width: 135px;
   height: 85px;
   float: right;
   padding: 8px 20px 8px 20px;
  
   }
   
   div.servicos2 h1
   {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333;
	text-decoration:none;
    text-align:left;
	margin: 0;
	padding: 0;
   } 
  	
 div.servicos2 a
   {
 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333;
	text-decoration:underline;
	}
	
		  
div.servicos2 a:hover
   {
 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333;
	text-decoration:none;
	}
	
	
 div.servicos2 ul
   {
 
	list-style-type: square;
	list-style-position:inside;
	padding:0;
	margin: 0;
	
	}
	
div.servicos2 li
   {
 
	list-style-type: square;
	text-align:left;
	padding:0;
	margin: 0;
	
	}
	
	
/* ------------------------------

Contents styles

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

#contents {

float: left;
width: 732px;
height: 336px;
background-color: #fff;
margin: 30px 0 0 0;
padding: 0;
display: inline;

}

#contentsa {

float: left;
width: 360px;
height: 269px;
margin: 0;
padding: 0;
display: inline;

}

#contentsb {

float: right;
width: 360px;
height: 269px;
margin: 0;

}

.noticias {

background: #f6f1de url('imagens/fx_noticias.gif') repeat-x;
margin: 16px 10px 0 0;
width: 328px;
height: 204px;
padding: 16px;

}


.noticias a
   {
 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333;
	text-decoration:underline;
	}
	
		  
.noticias a:hover
   {
 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333;
	text-decoration:none;
	}
	
	
.noticias ul
   {
 
	list-style-type: square;
	list-style-position:inside;
	padding:0;
	margin: 0;
	
	}
	
.noticias li
   {
 
	list-style-type: square;
	text-align:left;
	padding:0;
	margin: 0;
	
	}


div.branco  {     

margin: 6px 9px 0 0;      
padding: 6px;
height: 30px;
background: #ffffff;
display: inline;

} 

div.branco2 {     

margin: 6px 0 0 0;      
padding: 6px;
height: 30px;
background: #ffffff;
display: inline;

} 

p.espaco {
height: 20px;
}

.acessibilidade {

background: #f6f1de url('imagens/fx_noticias.gif') repeat-x;
margin: 16px 0 0 0;
width: 320px;
height: 196px;
padding: 20px;

}

.acessibilidade a
   {
 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.5em;
	color: #333;
	text-decoration:underline;
	}
	
		  
.acessibilidade a:hover
   {
 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.5em;
	color: #333;
	text-decoration:none;
	}

.imagefloat {

float: left;
padding: 2px;
border: 1px solid #999999;
margin: 0 10px 10px 0px;

}

.convivacapapq {

padding: 0;
border: 1px solid #999999;
margin-top: 5px;
margin-bottom: 15px;
margin-left: auto;
margin-right: auto;
width: 140px;
height: 224;

}


#contents2 {

float: right;
width: 238px;
height: 336px;
background-color: #fff;
margin: 30px 0 0 0;
padding: 0;

}

.conviva

{
background: #e8f2ed url('imagens/fx_conviva.gif') repeat-x;
width: 198px;
height: 262px;
margin: 16px 0 0 0;
padding: 20px;
text-align:center;

}


.buscas {

float: left;
background-color: #f6f1de;
margin: 15px 0 0 0;
width: 702px;
height: 28px;
padding: 15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.875em;
color: #000000;

}


#contents3 {

float: left;
margin: 36px 0 0 0;
padding: 0;

}

#comocolaborar {

background: #ffffff url('imagens/fx_noticias.gif') repeat-x;
margin: 16px 0 0 0;
width: 980px;
height: 150px;
padding: 0;

}

.comocolaborar_a {

float: left;
background: #ffffff url('imagens/bg_azul.gif') repeat-x;
margin: 7px 13px 0 0;
width: 320px;
height: 97px;
padding: 5px 0px 5px 15px;
display: inline;

}

.comocolaborar_b {

float: left;
background: #ffffff url('imagens/bg_azul.gif') repeat-x;
margin: 7px 13px 0 0;
width: 281px;
height: 97px;
padding: 5px 15px;
display: inline;

}


.comocolaborar_c {

float: right;
background: #ffffff url('imagens/bg_azul.gif') repeat-x;
margin: 7px 0 0 0;
width: 278px;
height: 97px;
padding: 5px 15px;

}


#redessociais {
 width: 980px;
 float: left;
 margin-top: 1em;
 padding-top: 1em;
 border-top: thin solid #CCCCCC;
 height: 57px;
 
}


#twitter {

display: inline;
margin: 10px;
width: 46px;
height: 47px;

}


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

Rodapé styles

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


#rodape {

float: left;
width:100%;
bottom: 0;
margin: 0;
background-color: #012642;
clear:both;
padding: 0;
position:absolute;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;

}

.indique {

font-family: Arial, Verdana, Helvetica, sans-serif;
color:#CCCCCC;
font-size: 1 em;
display: inline;

}

.conteudo_rodape {

margin: 0 auto;
width: 980px;
height: 158px;

}


.rodape1 {

font-size: 0.75em;
padding: 30px 20px 30px 20px;
width: 610px;
heigh: 80px;
float: left;

}

.rodape2 {

font-size: 0.75em;
float: right;
padding: 30px 20px 20px 0px;
width: 240px;

}

.clear {clear:both;}


#nav {

width: 100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#d6cec0;
font-size: 11px;
background-color: #000000;
height: 30px;
float: left;

}

#nav ul {

margin: 0 15px 0;
padding: 0;
list-style-type: none;
display: inline;

}

#nav li {

display: inline;
padding: 0 6px;

}

#nav li a {

text-decoration: underline;
color: #fff;

}

#nav li a:hover {

text-decoration: none;
color: #fff;