/************************* ESTILOS PADROES PARA ELEMENTOS PAGINA *******************************/
body{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    color: #666666;
    text-decoration: none;
	 margin:0;
	 padding:0;
	 text-align:center; /* hack para o IE */
}/*
em{
	margin: 5px;
	padding: 5px;
	display: inline;
	background: #00FF33;
	border: 0px;
	clear: both;
}*/
A {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #3E6FB1;
    text-decoration: none;
    font-style: normal;
  }

A:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #146AFF;
    text-decoration: none;
    font-style: normal;
  }

h1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: bold;
    text-transform: none;
    color: #5483C3;
    text-decoration: none;
    letter-spacing: -1px;
	margin:0px;
	padding:10px 10px 0px 10px;
}

h2{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    text-transform: none;
    color: #999999;
    text-decoration: none;
    letter-spacing: 2px;
    word-spacing: 2px;
    font-variant: small-caps;
	margin: 0px;
	padding:10px 10px 0px 10px;
}

h3{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    text-transform: none;
    color: #999999;
    text-decoration: none;
    letter-spacing: 2px;
    word-spacing: 2px;
    font-variant: small-caps;
	margin: 0px;
	padding:10px 10px 0px 10px;
}


h4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    text-transform: none;
    color: #666666;
    text-decoration: none;
    letter-spacing: 2px;
    word-spacing: 2px;
    font-variant: small-caps;
	margin: 0px;
	padding:10px 10px 0px 10px;
}
h5{
	background: url(../img/seta.gif) no-repeat;
	text-indent: 18px;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
	font-weight : bold;
	margin: 0 auto;
}
td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    color: #666666;
    text-decoration: none;
    text-align: justify;
  }
img {
	border: 0px;
}

/******************* ESTILOS PARA CLASSES DE ELEMENTOS *************************/
/*Avisos de noticias / Destaques*/
ul.dest_notic{
	margin: 0px;
	padding: 10px;
	list-style-type : none;
}

ul.dest_notic li{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
	 font-weight : bold;
}

ul.dest_notic ul{
	margin-left: 15px;
	padding: 0px;
	list-style-type : none;
}

ul.dest_notic ul li{
	font-weight : normal;
	list-style-image: url('../img/seta2.gif');
	padding-top:5px;
	padding-bottom:5px;
}

/*Listagem de produtos e servicos*/
ul.produtos_servicos{
	margin: 0px;
	padding: 10px 5px 5px 5px;
	list-style-type : none;
	text-align:left;
}

ul.produtos_servicos li{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #3E6FB1;
    font-weight : bold;
}

ul.produtos_servicos ul{
	margin: 0px;
	padding: 0px;
	list-style-type : none;
}

ul.produtos_servicos ul li{
	font-weight : normal;
	padding-top:5px;
	padding-bottom:5px;
}

ul.produtos_servicos li a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #3E6FB1;
    text-decoration: none;
    font-style: normal;
}

ul.produtos_servicos li a:hover {
    /*color: #3E6FB1;*/
	color: #0E3F81;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    /*font-weight: bold;*/
    text-decoration: none;
  }


/*Listagem de cursos*/
ul.cursos{
	margin: 10px;
	padding: 0px;
	list-style-type : none;
}

ul.cursos li{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
	 font-weight : bold;
}

ul.cursos ul{
	margin-left: 15px;
	padding: 0px;
	list-style-type : none;
}

ul.cursos ul li{
	font-weight : normal;
	list-style-image: url('../img/seta2.gif');
	padding-top:5px;
	padding-bottom:5px;
}

/*Listagem Menus*/
ul.menus{
	margin: 0px;
	padding: 10px 5px 5px 5px;
	list-style-type : none;
	text-align:left;
}

ul.menus li{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #3E6FB1;
    font-weight : bold;
}

ul.menus ul{
	margin: 0px;
	padding: 10px 0px 0px 0px;
	/*padding-top: 10px;
	padding-left: 0px;
	padding-bottom: 10px;*/
	list-style-type: none;
	color:#666666;
	font-size: 9px;
	text-transform: uppercase;
}

ul.menus li ul li{
	font-weight : normal;
	padding-top:5px;
	padding-bottom:2px;
	text-transform:none;
}
ul.menus li a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #3E6FB1;
    text-decoration: none;
    font-style: normal;
	display:block;
}

ul.menus li a:hover {
	color: #0E3F81;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
	display: block;
  }
  
ul.menus li ul li a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #3E6FB1;
    text-decoration: none;
    font-style: normal;
	background: url(../img/bullet_vazio.jpg) no-repeat left 4px;
	padding-left: 15px;
}

ul.menus li ul li a:hover {
	color: #0E3F81;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
	background: url(../img/bullet_cheio.jpg) no-repeat left 4px;
  }
ul.menus li ul a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #3E6FB1;
    text-decoration: none;
    font-style: normal;
	text-transform:none;
}

ul.menus li ul a:hover {
	color: #0E3F81;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
	text-transform:none;
  }
  
/* Listagem de Documentos */  
ul.documentos {
	list-style-image: url(../img/seta2.gif);
	margin-left: 23px;
	padding: 0px;
	/*margin: 0px;
	padding: 0px;*/
}
ul.documentos li{
	padding-bottom: 5px;
	padding-right: 10px;
}
ul.listaPadrao {
	list-style-image:url(../img/setadupla_cinza.gif);
	margin-left: 23px;
	padding: 0px;
}
ul.listaPadrao li {
	padding-bottom: 5px;
	padding-right: 10px;
}
/*ul.teste{
	margin: 10px;
	padding: 0px;
	list-style-type : none;
}
ul.teste li {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
	font-weight : bold;
}
ul.teste ul{
	margin-left: 15px;
	padding: 0px;
	list-style-type : none;
}
ul.teste ul li{
	font-weight : normal;
	list-style-image: url('../img/seta2.gif');
	padding-top:5px;
	padding-bottom:5px;
}*/


/******************* ESTILOS PARA ELEMENTOS ESPECIFICOS ************************/
/*Tamanho da página, centralizada. (compatível com 800x600)*/
#geral {
    width:776px;
    margin:0 auto;
    padding:0px;
    text-align: justify;
  }

/*Area de navegação
Usado tanto no layout de 2 colunas como no de 3 colunas.*/
/*
#navegacao {
	display:inline; /*Bug da margem dupla para floats no IE*/
/*    float:left;
    width:170px;
	border-right: 1px solid #CCCCCC;
  }
*/
#cabecalho {
    width:776px;
    margin:0px;
    padding:0px;
    text-align: justify;
  }
#produtos_servicos {
    width:752px;
	/*width: 70em;*/
	/*height: 120px;
    margin:0px;*/
	height: 130px;
	left: 50%;
	/*margin-top: 227px - com a barra do governo;*/
	margin-top: 206px;
	margin-left: -388px;
    padding: 10px;
    text-align: center;
	border: 2px solid #3E6FB1;
	z-index: 10;
	position: absolute;
	background: url(../img/bgdivprodutos.jpg) repeat-x #FFFFFF;	
	display: none;
  }
  #produtos_servicos ul{
  	margin: 0px;
	padding-left: 30px;
	padding-right: 30px;
	list-style-type: none;
  }
  #area1{
	  margin: 0px;
	  float: left;
	  text-align: justify;
  }
  #area2{
	  margin: 0px;
	  float: right;
	  text-align: justify;
  }
#esquerda, #direita {
	/*display:inline; /*Bug da margem dupla para floats no IE*/
	width:157px;
}

#esquerda{
	float:left;
	/*border-right: 1px solid #CCCCCC;*/
}
#esquerda p{
	margin: 0px;
	padding: 10px;
}
#direita {
	float: right;
	/*border-left: 1px solid #CCCCCC;*/
}
#meio{
	width: 454px;/*460*//*6px de diferença para o IE 6*/
	margin:0 0 0 157px;
	/*margin: 0px auto;*/
	padding: 0px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	_height: 472px;
}
#meio p{
	margin: 0px;
	padding: 10px;
}
#meio table{
	margin: 0 auto;
	margin-bottom:10px;
}
/*#meio #formulario{
	margin: 0 auto;
	text-align: center;
}*/
#rodape{
	height: 35px;
	clear: both;
	text-align: center;
}
#rodape p{
	height:20px;
	vertical-align:middle;
}
.barra{
	background: url(../img/px_cinza.jpg) repeat-x;
	height:15px;
	text-indent: -9000px;
	overflow: hidden;
}
/*Area de conteudo do layout de 3 colunas*/
/*#l3c_conteudo {
   float:left;
   width:400px;
}*/

/*Area de links do layout de 3 colunas*/
/*#l3c_links {
    float:right;
    width:200px;
	border-left: 1px solid #CCCCCC;
  }*/


/*Area de conteudo do layout de 2 colunas*/
/*#l2c_conteudo {
    float:right;
    width:590px;
  }*/
/* Organograma Institucional */
/*.invisivel {
	width: .1em;
	height: .1em;
	overflow: hidden;
	position: absolute;
}

#organogramaInstitucional{
	display: block;
	width: 350px;
	height: 248px;
	background: url(../img/organograma.jpg) no-repeat #00FF33;
	margin: 0 auto;
	padding: 0px;
	position: relative;
	list-style:none;
}
#cdr {
	display: block;
	width: 128px;
	height: 47px;
	overflow: hidden;
	position: absolute;
	left: 111px;
	top: 1px;
	background: transparent url(nada.jpg) no-repeat 1px -2px #CC0000;
	text-align:center;
}
#cma {
	display: block;
	width: 128px;
	height: 47px;
	overflow: hidden;
	position: absolute;
	left: 1px;
	top: 72px;
	background: transparent url(nada.jpg) no-repeat 1px -2px #996699;
}
#cfa {
	display: block;
	width: 128px;
	height: 47px;
	overflow: hidden;
	position: absolute;
	left: 1px;
	top: 136px;
	background: transparent url(nada.jpg) no-repeat 1px -2px #999933;
}
#csg {
	display: block;
	width: 128px;
	height: 47px;
	overflow: hidden;
	position: absolute;
	left: 1px;
	top: 199px;
	background: transparent url(nada.jpg) no-repeat 1px -2px #99CC33;
}
#cvd {
	display: block;
	width: 128px;
	height: 47px;
	overflow: hidden;
	position: absolute;
	left: 221px;
	top: 72px;
	background: transparent url(nada.jpg) no-repeat 1px -2px #66CC99;
}
#cad {
	display: block;
	width: 128px;
	height: 47px;
	overflow: hidden;
	position: absolute;
	left: 221px;
	top: 136px;
	background: transparent url(nada.jpg) no-repeat 1px -2px #CC3399;
}
#cpa {
	display: block;
	width: 128px;
	height: 47px;
	overflow: hidden;
	position: absolute;
	left: 221px;
	top: 199px;
	background: transparent url(nada.jpg) no-repeat 1px -2px #CC6600;
}
*/
/* Organograma CFA */
/*#organogramacfa{
	background: url(../img/organograma_cfa.jpg);
	width: 350px;
	height: 324px;
	margin: 0 auto;
	padding: 0px;
	text-indent: -9000px;
	overflow:hidden;
}
*/
/*Menu principal do site*/
ul#menuprincipal {
	/*width: 170px;*/
	margin: 0px;
	padding: 0px;
	list-style-type : none;
	border:1px solid #CCCCCC;
	border-right:0px;
}

ul#menuprincipal li {
	border-top:1px solid #CCCCCC;
	padding:3px;
	margin-left: 5px;
	margin-right: 5px;
	text-align: right;
}

ul#menuprincipal li a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #3E6FB1;
    font-style: normal;
}

ul#menuprincipal li a:hover {
    /*color: #3E6FB1;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #0E3F81;
    /*font-weight: bold;*/
  }

select#banner_governo {
    background-color: #F8c400;
    list-style-image: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-style: normal;
    font-weight: normal;
  }

form#governo {
    margin:0px;
    padding:0px;
  }
  
#divPatent {
	text-align:justify;
	margin: 20px;
}

/*imagem da normalização*/
#imgNormalizacao{
	background: url(../img/normalizacao.jpg);
	width: 358px;
	height: 70px;
	margin: 0 auto;
	padding: 0px;
	text-indent: -9000px;
	overflow: hidden;
}
/*imagem da certificação*/
#imgCertificacao{
	background: url(../img/certsistemas.jpg);
	width: 348px;
	height: 118px;
	margin: 0 auto;
	padding: 0px;
	text-indent: -9000px;
	overflow: hidden;
}
/*imagem de ensaios não-destrutivos*/
#imgEnsaiosNaoDestrutivos{
	background: url(../img/ensaiosnaodestrutivos.jpg);
	width: 358px;
	height: 70px;
	margin: 0 auto;
	padding: 0px;
	text-indent: -9000px;
	overflow: hidden;
}
.tabela {
	border: 1px solid #FFFFFF;
}
.tabela td{
	padding: 5px;
}
.fundoTRcinza {
	background-color: #F7F7F7;
}
.fundoTRcinzaEscuro {
	background-color: #EDEBEB;
}
.fundoTRazul {
	background-color: #E3EBF7;
}
.bordaCinza {
	border: 1px solid #CCCCCC;
}
.alignCenter{
	text-align: center;
}
.alignRight{
	text-align: right;
}
/* formatação do calendário */
#miniCalendario{
	padding: 10px;
}
#mes_corrente{
	text-decoration: none;
	background-color: #FFFFFF;
}
#mes_corrente a{
	color:#666666;
}
#mes_corrente a:hover{
	color:#999999;
}
.data_evento{
	background-color: #d5dae0;
	text-align: center;
}
.month {
	border: 1px solid #FFFFFF;
	margin: 0px auto;
}
.month td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	/*border: 1px solid #CCCCCC;*/
	padding: 2px;
	text-align: center;
}
.month th{
	background-color: #d5dae0;
	font-size: 11px;
	text-align: center;
}
#setaDirCalend {
	background: #FFFFFF url(../img/setadir_calendario.gif) no-repeat center;
}
#setaEsqCalend {
	background: #FFFFFF url(../img/setaesq_calendario.gif) no-repeat center;
}
/* Equipamentos dos Laboratórios de Metrologia*/
#metrologiaFisica{
	margin: 0px auto;
	padding: 0px;
	list-style: none;
}
#metrologiaEletrica{
	margin: 0px auto;
	padding: 0px;
	list-style: none;
}
#metFisEquip1{
	width: 300px;
	height: 199px;
	background: url(../img/metrologia_fisica1.jpg) no-repeat;
	padding-bottom: 30px;
	text-indent: -9000px;
	overflow: hidden;
	margin: 0px auto;
}
#metFisEquip2{
	width: 300px;
	height: 200px;
	background: url(../img/metrologia_fisica2.jpg) no-repeat;
	padding-bottom: 30px;
	text-indent: -9000px;
	overflow: hidden;
	margin: 0px auto;
}
#metFisEquip3{
	width: 300px;
	height: 200px;
	background: url(../img/metrologia_fisica3.jpg) no-repeat;
	padding-bottom: 30px;
	text-indent: -9000px;
	overflow: hidden;
	margin: 0px auto;
}
#metFisEquip4{
	width: 300px;
	height: 200px;
	background: url(../img/metrologia_fisica4.jpg) no-repeat;
	padding-bottom: 30px;
	text-indent: -9000px;
	overflow: hidden;
	margin: 0px auto;
}
#metEletEquip1{
	width: 300px;
	height: 199px;
	background: url(../img/metrologia_eletrica1.jpg) no-repeat;
	padding-bottom: 30px;
	text-indent: -9000px;
	overflow: hidden;
	margin: 0px auto;
}
.subTitulo{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    text-transform: none;
    color: #999999;
    text-decoration: none;
    letter-spacing: 2px;
    word-spacing: 2px;
    font-variant: small-caps;
	margin: 0px;
	padding:10px 10px 0px 10px;
}

/*************************************************/
/*           Formulário Fale Conosco             */
/*************************************************/
#divFormulario{
	width: 354px;
	/*height: 370px;*/
	margin: auto;
	padding: 0px;
	/*background: #CCCCCC;*/
}

#frmFaleConosco{
	width: 354px;
	padding: 0px;
	margin: auto;
	border: 0px;
	/*background: #FFFFFF;*/
}

#frmFaleConosco p{
	padding: 0px 0px 10px 0px;
	margin: 0px;
	/*background: #00FF00;*/
}

.botao{
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	/*background: #d5dae0;*/
	background: url(../img/px_cinza.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

#frmFaleConosco label{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

#cboContatos, #txtNome, #txtEmail{
	width: 350px;
	height: 15px;
	border: 1px solid #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3E6FB1;
	padding: 1px 0px 1px 0px;
}

#cboContatos:hover, #txtNome:hover, #txtEmail:hover, #cboContatos:focus, #txtNome:focus, #txtEmail:focus{
	border: 1px solid #3E6FB1;
}

#cboContatos{
	height: 20px;
}

#areaMensagem{
	/*height: 150px;*/
	width: 350px;
	border: 1px solid #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3E6FB1;
	padding: 1px 0px 1px 0px;
	
}
/*******************************/
.noticias, .destaques{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-align: justify;
	margin: 10px;
}

#areaMensagem:hover, #areaMensagem:focus{
	border: 1px solid #3E6FB1;
}
