@charset "iso-8859-1";
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #ffffff;
	margin: 0;
	padding: 0;
	color: #000;
	overflow-x:hidden;
}

ul{list-style:none;}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color:#414958;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #4E5869;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}

/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
.container0 {
	width: 100%;
	/*max-width: 1260px;*//* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
	/*min-width: 780px;*//* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
	background: #FFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
}

/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
	position: relative;/* this gives IE6 hasLayout to properly clear */
	width: 100%;	
	height:157px;
	background: url(../images/bg_barra_top.jpg);
}

.top {	
	height:107px; 
	width:960px;
	background: #FFFFFF;
	vertical-align: middle; 
	text-align: center;
	margin: 0 auto;
}

.top_logo {	
	float: left;
	width: 300px;
	padding: 10px 10px 0;
}

.top_banner {
	padding: 10px 0;
	width: 330px;
	float: left;

}

.top_contato {	
	float: left;
	width: 300px;
	height:70px; 
	vertical-align: middle; 
	text-align: right;
	padding: 30px 00px 0px 0px;
	/*border: 1px solid;*/
}
	
.top_menu {	
	width: 960px;	
	height:40px; 
	background: #666666; 
	padding: 0px 0;
	vertical-align: middle; 
	text-align: center;
	margin: 0 auto;
}
	
.top_menu_admin {	
	width: 960px;	
	height:80px; 
	background: #c90000; 
	padding: 0px 0;
	vertical-align: middle; 
	text-align: center;
	margin: 0 auto;
}

.bg_banner { /* linha 100% dos banners destaques*/
	position:relative;
	width: 100%;	
	height:369px;
	background: url(../images/bg_barra_banner.png);	
	z-index: 1;
	
}

.banner_destaques {	/* área dos banners destaques*/
	width: 960px;	
	height:369px; 	
	vertical-align: middle; 
	text-align: center;
	margin: 0 auto;
	z-index: 90; /*--Assures the paging stays on the top layer--*/
}

.linha_verm {
	width: 100%;	
	height:2px;
	background: url(../images/pixel_verm.png);
}

.conteudo {
	position: relative;/* this gives IE6 hasLayout to properly clear */
	height:300px; 
	width:960px;
	vertical-align: middle; 
	text-align: center;
	margin: 0 auto;
	z-index: 90; /*--Assures the paging stays on the top layer--*/
	background: #FFFFFF;
}


.noticias_destaque {	
	float: left;
	width: 30%;
	height: 300px;
	padding: 10px 10px 10px 10px;
	vertical-align: middle; 
	text-align: left;
	margin: 0 auto;
}

.noticias {	
	float: left;
	width: 65%;
	padding: 10px 10px 10px 10px;
	vertical-align: middle; 
	text-align: left;
	margin: 0 auto;
}


.interno {	
	width:960px;
	text-align: center;
	margin: 0 auto;
}

.bottom1 {
	width: 100%;	
	height:115px;
	background: url(../images/pixel_cinza.png);
}

.bottom1_1 {	
	float: left;
	width: 33%;
	padding: 10px 0px 0;
	vertical-align: middle; 
	text-align: left;
	margin: 0 auto;
	/*background: #666666; */
}

.bottom2 {
	width: 100%;	
	height:205px;
	background: url(../images/pixel_azul.png);
	vertical-align: middle; 
	text-align: center;
	margin: 0 auto;
}

.frase {
	width: 100%;	
	height:72px;
	background: url(../images/bg_frase.png);
}


.linha_pontilhada {
	position: relative;/* this gives IE6 hasLayout to properly clear */
	width: 960px;	
	height:20px;
	text-align: center;
	margin: 5px auto;
}

.pontilhada{
  border: 1px dotted #CCCCCC;
  width: 100%;
  text-align: center;
}

.institucional {
	width: 100%;	
	height: 200px;
}

.blocos_servicos {	/* área dos banners destaques*/
	width: 100%;	
	height: 50px;
	vertical-align: middle; 
	text-align: right;
	margin: 10px auto;
	/*background: #93A5C4;*/
	/*border: 1px solid;*/
}

/* INI -- MENU */

.menu {	/* monta MENU principal (nível 1)*/
	float: left;
	height: 31px;
	padding: 19px 19px  0 28px;
	vertical-align: middle; 
	text-align: center;
	text-transform: uppercase;
	margin: 0 auto;
}
/* FIM -- MENU */


/* INI -- BOTAO */
.leiamais {
	
	width: 113px;	
	height: 25px;
	text-align: left;
	padding: 5px 0 0 10px;
	/*border: 1px solid;*/
	background: url(../images/bt_leiamais.png);	
	margin: 15px 0  15px 0;
}


.botao_azul {
   border-top: 1px solid #efefef;
   background: #0576b9;
   padding: 1px 15px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: "Fonte fina",Verdana, Arial, Helvetica, sans-serif;
   text-decoration: none;
   vertical-align: middle;
	width: auto;
	height: 20px;
}


.voltar {
	width: 113px;	
	height: 25px;
	text-align: left;
	padding: 5px 0 0 10px;
	/*border: 1px solid;*/
	background: url(../images/bt_voltar.png);	
	margin: 15px 0  15px 0;
}

/* CSS botão padrão */
.botao {
   border-top: 1px solid #666666;
   background: #CCCCCC;
   padding: 5.5px 11px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-decoration: none;
   vertical-align: middle;
	width: auto;
	height: 20px;
}

/* FIM -- BOTAO */

/* INI -- CSS fonts */
.tt_verm {
    font-family: Verdana;
	text-align: left;
    font-size: 18px;
    color: #d32c2a;
    font-weight: bold;}

.tt_serv {
    font-family: Verdana;
	text-align: left;
    font-size: 18px;
    color: #d32c2a;}

.tt {
    font-family: Verdana;
	text-align: left;
    font-size: 26px;
    color: #0090d2;
    font-weight: bold;}

.tt_sub {
    font-family: Verdana;
	text-align: left;
    font-size: 14px;
    color: #0090d2;
    font-weight: bold;}

.tx_preto_11 {
    font-size: 11px;
    color: #000000;}

.tx_preto_12 {
    font-size: 12px;
    color: #000000;}


.tx_azul_10 {
    font-size: 10px;
    color: #0090d2;}

.tx_azul_11 {
    font-size: 11px;
    color: #0090d2;}

.tx_azul_12 {
    font-size: 12px;
    color: #0090d2;}

.lk_cinza_11 {
    font-size: 11px;
    color: #666666;}

.tx_branco_10 {
    font-size: 10px;
    color: #FFFFFF;}

.tx_branco_11 {
    font-size: 11px;
    color: #FFFFFF;}

.tx_branco_12 {
    font-size: 12px;
    color: #FFFFFF;}

.tx_branco_13 {
    font-size: 13px;
    color: #FFFFFF;}

.tx_verm_10 {
    font-size: 10px;
    color: #d32c2a;}

.tx_verm_11 {
    font-size: 11px;
    color: #d32c2a;}

.tx_verm_12 {
    font-size: 12px;
    color: #d32c2a;}

.tx_verm_13 {
    font-size: 13px;
    color: #d32c2a;}


.tx_verde_10 {
    font-size: 10px;
    color: #00792e;}

.tx_verde_11 {
    font-size: 11px;
    color: #00792e;}

.tx_verde_12 {
    font-size: 12px;
    color: #00792e;}

.tx_verde_13 {
    font-size: 13px;
    color: #00792e;}



/* FIM -- CSS fonts */


/* INI -- CSS links */
a.preto:active {  color: #000000; text-decoration: none}
a.preto:hover {  color: #000000; text-decoration: none}
a.preto:link {  color: #000000; text-decoration: none}
a.preto:visited {  color: #000000; text-decoration: none}
a.preto:visited:hover {color:#000000; text-decoration:none}

a.branco:active {  color: #FFFFFF; text-decoration: none}
a.branco:hover {  color: #FFFFFF; text-decoration: none}
a.branco:link {  color: #FFFFFF; text-decoration: none}
a.branco:visited {  color: #FFFFFF; text-decoration: none}
a.branco:visited:hover {color:#FFFFFF; text-decoration:none}

a.azul:active {  color: #0090d2; text-decoration: none}
a.azul:hover {  color: #0090d2; text-decoration: none}
a.azul:link {  color: #0090d2; text-decoration: none}
a.azul:visited {  color: #0090d2; text-decoration: none}
a.azul:visited:hover {color:#0090d2; text-decoration:none}

a.vermelho:active {  color: #d32c2a; text-decoration: none}
a.vermelho:hover {  color: #d32c2a; text-decoration: none}
a.vermelho:link {  color: #d32c2a; text-decoration: none}
a.vermelho:visited {  color: #d32c2a; text-decoration: none}
a.vermelho:visited:hover {color:#d32c2a; text-decoration:none}

a.cinza:active {  color: #3b3b3b; text-decoration: none}
a.cinza:hover {  color: #3b3b3b; text-decoration: none}
a.cinza:link {  color: #3b3b3b; text-decoration: none}
a.cinza:visited {  color: #3b3b3b; text-decoration: none}
a.cinza:visited:hover {color:#3b3b3b; text-decoration:none}

a.verde:active {  color: #00792e; text-decoration: none}
a.verde:hover {  color: #00792e; text-decoration: none}
a.verde:link {  color: #00792e; text-decoration: none}
a.verde:visited {  color: #00792e; text-decoration: none}
a.verde:visited:hover {color:#00792e; text-decoration:none}

a.style_menu:active { font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none}
a.style_menu:hover { font-size: 11px; font-weight: bold; color: #000000; text-decoration: none;}
a.style_menu:link { font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none}
a.style_menu:visited { font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none}
a.style_menu:visited:hover { font-size: 11px; font-weight: bold; color: #000000; text-decoration: none}


a.style_menusub:active { font-size: 11px; font-weight: bold; color: #000000; text-decoration: none}
a.style_menusub:hover { font-size: 11px; font-weight: bold; color: #000000; text-decoration: none;}
a.style_menusub:link { font-size: 11px; font-weight: bold; color: #000000; text-decoration: none}
a.style_menusub:visited { font-size: 11px; font-weight: bold; color: #000000; text-decoration: none}
a.style_menusub:visited:hover { font-size: 11px; font-weight: bold; color: #000000; text-decoration: none}

/* FIM -- CSS links */