/************************************************************************************************************
Estilos " SITE PIGMENTUM "
************************************************************************************************************/




* {
/* Zera todas as configurações  */
	text-decoration:none;
	list-style:none;
	border:none;
}

html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	background-color:#000000;
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	/*  Para o IE barra colorida */
	scrollbar-face-color: #000000;
	scrollbar-highlight-color: #000000;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-shadow-color: #000000;
	scrollbar-arrow-color: #ffffff;
	scrollbar-track-color: #333333;
	line-height: 20px;
}


div {
	font-family: Verdana;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}




/************************************************************************************************************
# GERAL		Div que envolve todo o site 
************************************************************************************************************/

#geral {
	margin:0px auto;
	width:955px;
	background-color:#000000;
	position: relative;
}






/************************************************************************************************************
# TOPO		Local onde aparece o Logotipo, Endereço 
************************************************************************************************************/
#topo {
	/*border: 1px solid red;*/
	width: 850px;
	height:90px; 
	margin-left:50px; margin-bottom:20px;

}


#logotipo {
	/*border: 1px solid red;*/
	width:330px;
	float:left; 
}


#endereco{
	/*border: 1px solid red;*/
	width:450px;
	float:left;
	margin-top:25px;
	text-align:right;
	color: #7c7c7c;
	text-decoration: none;
}

 
#telefone{
	/*border: 1px solid red;*/
	width:450px;
	float:left;
	text-align:right;
	margin-top:5px; 
	margin-bottom:0px;
}


#icone_contato {
	/*border: 1px solid red;*/
	width:50px;
	float:right;
	margin-top:-25px;
	margin-right:0px;

	/*overflow:auto;*/
}








/************************************************************************************************************
# RODAPÉ		Local onde aparece a animação 
************************************************************************************************************/

#rodape {

	width: 955px;
	height:280px;
	padding:0px 0;
	text-align:center;
	position:relative;
}

#rodape_links {

	width: 955px;
	height:80px;
	padding:0px 0;
	text-align:center;
	position:relative;
}





/************************************************************************************************************
#LINKS		Definições dos LINKS gerais do site 
************************************************************************************************************/




a:link {
	font-weight: bold;
	color:#999999;		
	text-decoration: none;
}

a:active {
	font-weight: bold;
	color:#999999;		
	text-decoration: none;
}

a:visited {
	font-weight: bold;
	color:#999999;		
	text-decoration: none;
}

a:hover {
	font-weight: bold;
	color:#999999;		
	text-decoration: underline
}




/************************************************************************************************************
#LINK PERSONALIZADO						
************************************************************************************************************/


.link_BRANCO {
	color: #ffffff;
	text-decoration: none;
}

.link_BRANCO:link {
	color: #ffffff;
	text-decoration: none;
}

.link_BRANCO:active{
	color: #ffffff;
	text-decoration: none;
}

.link_BRANCO:visited {
	color: #ffffff;
	text-decoration: none;
}

.link_BRANCO:hover { 
	color: #D9E9F2;
	text-decoration: none;
}

/*************************************************************************************************************
#LINK PERSONALIZADO 
*************************************************************************************************************/

.link_PEQUENO {
	font-size:10px;
	text-decoration: none;
	color:#999999;		
}

.link_PEQUENO:link { 
	font-size:10px;
	text-decoration: none;
	color:#999999;		
}

.link_PEQUENO:active{
	font-size:10px;
	text-decoration: none;
	color:#999999;		
}

.link_PEQUENO:visited {
	font-size:10px;
	text-decoration: none;
	color:#999999;		
}

.link_PEQUENO:hover { 
	font-size:10px;
	text-decoration: underline;
	color:#999999;		
}









.link_MENU_TOPO {
	font-size:10px;
	text-decoration: none;
	color:#454545;
	font-weight: normal;	
}

.link_MENU_TOPO:link { 
	font-size:10px;
	text-decoration: none;
	color:#454545;
	font-weight: normal;			
}

.link_MENU_TOPO:active{
	font-size:10px;
	text-decoration: none;
	color:#454545;
	font-weight: normal;			
}

.link_MENU_TOPO:visited {
	font-size:10px;
	text-decoration: none;
	color:#454545;
	font-weight: normal;		
}

.link_MENU_TOPO:hover {
	font-size:10px;
	text-decoration: none;
	color:#999999;
	font-weight: normal;
}



/*************************************************************************************************************
#LINK PERSONALIZADO 
*************************************************************************************************************/

.link_CINZA16 {
	font-size: 12px;
	font-weight: bold; 
	color:#ffffff;

}

.link_CINZA16:link {
	font-size: 12px;
	font-weight: bold; 
	color:#ffffff;
}

.link_CINZA16:hover {
	font-size: 12px;
	font-weight: bold;
	color:#ffffff;
	text-decoration: underline;

}

.link_CINZA16:active {
	font-size: 12px;
	font-weight: bold; 
	color:#ffffff;

}


.link_CINZA16:visited {
	font-size: 12px;
	font-weight: bold; 
	color:#ffffff;

}


/*************************************************************************************************************
#LINK PERSONALIZADO
*************************************************************************************************************/


.link_CINZA10 {
	font-size: 10px;
	font-weight: bold; 
	color:#CCCCCC;

}

.link_CINZA10:link {
	font-size: 10px;
	font-weight: bold; 
	color:#CCCCCC;

}

.link_CINZA10:hover {
	font-size: 10px;
	font-weight: bold;
	color:#666666;
	text-decoration: none;

}

.link_CINZA10:active {
	font-size: 10px;
	font-weight: bold; 
	color:#CCCCCC;

}


.link_CINZA10:visited {
	font-size: 10px;
	font-weight: bold; 
	color:#CCCCCC;

}










/************************************************************************************************************
#CONTEÚDO		Aqui entra toda estrutura do site. Esse é IFRAME
************************************************************************************************************/

#moldura_conteudo_427 {

	clear:both;
	overflow:auto; 
	right:500px;
	 
	padding-top: 5px;
	padding-left:5px;
	padding-right:5px;
	
	width: 825px;
	height: 384px;
	margin:auto;
	text-align:left;
}


#moldura_conteudo_487 {

	clear:both;
	overflow:auto; 
	right:500px; 
	 
	padding-top: 5px;
	padding-left:5px;
	padding-right:5px;
	
	width: 945px;
	height: 440px;
	margin:auto;
	margin-left:80px;
	text-align:left;
	
}

#moldura_selo {
	right:115px; 
	top:385px; 
	width: 150px;
	height: 150px;
	z-index:10; 
	position:absolute;
}





/************************************************************************************************************
#VOLTAR		
************************************************************************************************************/

#moldura_VOLTAR { top:580px;
	height: 20px;
	width: 840px;
	vertical-align: middle;
	text-align:left;
	position:absolute;
	bottom:170px; 
	left:-10px;
	z-index: 25; 
}





/************************************************************************************************************
#MENUS		Configurações do menu principal da esquerda e menu secundário da direita
************************************************************************************************************/

#menu_principal {
	position:absolute;

	left: 10px;
	top: 110px;

	width:178px;
	height: 305px;
	z-index: 10;
}


#sub_menu {
	position:absolute;

	right: 25px;
	top: 160px;

	width:178px;
	height: 305px;
	z-index: 10;
}




















/************************************************************************************************************
#IMAGENS		Configurações das imagens
************************************************************************************************************/

A:hover img {filter:alpha(opacity=85); -moz-opacity: 0.80; opacity: 0.80;}

#moldura_imagemhome {
	width: 815px;
	height:425px;
	background-image: url(../imagens/loading.gif);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:center;
	border:0px;

}

#moldura_imagemgrande {
	width: 815px;
	height:422px;
	background-image: url(../imagens/loading.gif);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:center;
	border:0px;
}

#borda_imagempequena { 
/*border:1px solid #666666;*/
border:0px;
width:200px;
height:150px;
}


#imagem_tema {
	width: 842px;
	height: 349px;
	background-image: url(../imagens/loading.gif);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:center;
	border:0px;
}

#rodape_vermaisimagens {

	width: 800px;
	vertical-align:middle;

	margin: 5px;
	text-align: right; 
	padding:5px;


}





/************************************************************************************************************
#HOME		Configurações do box de DESTAQUE
************************************************************************************************************/

#moldura_destaquehome {
	background: #313232; 
	width: 200px;
	height:425px;
	position:absolute;
	right: 85px;
	z-index: 10;

	margin-top: 6px;
	margin-right: 2px;
	margin-bottom: 1px;
	margin-left: 2px; 
}

#destaquehome {
	width: 100%; 
	padding:2px;

}



















/************************************************************************************************************
#TÍTULOS		Definições dos títulos internos
************************************************************************************************************/

#moldura_TITULO_secao {
	background-image: url(../imagens/fundo_titulo.gif);
	height: 55px;
	width: 840px;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: right;
	margin: 1px;
}

#TITULO_secao { position:absolute; 
	top:110px;
	right:110px;
	text-align: right;
	margin: 17px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 3px; color:#000000; z-index:5;
}

.TITULO_texto {
	font-weight: bold; 
	font-size:16px;

}

.TITULO_explicativo_cinza10 { 
	font-size:10px; 
	color:#999999;


}

.TITULO_explicativo_branco10 { 
	font-size:10px; 
	color:#ffffff;


}










/************************************************************************************************************
#LISTA DE CONTEÚDOS
************************************************************************************************************/

#moldura_itemdelista {
	background-image: url(../imagens/fundo_itemdelista.gif);
	height: 178px;
	width: 761px;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: right;
	margin: 5px;

}

#moldura_descricaoarea {
	height: 60px;
	width:700px;
	vertical-align: top;
	margin: 5px; margin-left:100px;

}

#conteudo_itemdelista { 
	padding: 10px;
	margin: 17px;
}

#leiamais {
	font-size: 10px;
	text-align: right;
	padding: 10px;

}


#moldura_paginacao { 

	vertical-align:middle;
	height: 20px;
	margin: 5px;
	text-align: center;
}


#espaco_entreitens {
	height: 60px; 
	background-image:url(../imagens/divisao_itemdelista.gif); 
	background-repeat:no-repeat;

}






/************************************************************************************************************
#FORMULÁRIOS
************************************************************************************************************/

#moldura_formulario {
	width: 600px;
	margin: 10px;
	padding: 10px;
	background-color: #333333;
	border: 1px solid #000000;
	margin-left:90px; }

textarea {
	background-color: #CCCCCC;
}


input {
	background-color: #CCCCCC;
}
select {
	background-color: #CCCCCC;
}

*/
/************************************************************************************************************
#ENTRELINHAS
************************************************************************************************************/

#ENTRELINHA_1 {
	height:10px;	}

#ENTRELINHA_2 {
	height:20px;	}

#ENTRELINHA_3 {
	height:30px;	}

#ENTRELINHA_4 { 
	height: 40px;	}
	
#ENTRELINHA_5 { 
	height: 50px;	}	
	
#ENTRELINHA_6 { 
	height: 7px;	}	

#ENTRELINHA_TRACOS_1 { 
	height: 10px;
	background-image:url(../imagens/tracos01.gif);	}	
	
#ENTRELINHA_TRACOS_2 { 
	height: 20px;
	background-image:url(../imagens/tracos.gif);	}	
	
#ENTRELINHA_TRACOS_3 { 
	height: 30px;
	background-image:url(../imagens/tracos.gif);	}			
	
/************************************************************************************************************/
/*



/************************************************************************************************************
# TÍTULOS
************************************************************************************************************/

h1 {
	font-family: Verdana;
	font-size: 12px;
	color: #000000;


	}

h2 {
	font-size: 12px;
	font-weight: bold;
	color:#ffffff;
	float:left;

}
h3 {
	font-weight: bold; 
	font-size:16px;
	}
	
	
	/*********************************************************************************************************************/
	
	
.TABELA{
	width:930px;
}

.COLUNA{
	width:220px;
	height:auto;
	padding:3px;
	border:solid 0px #ccc;
	float:left;
	margin:0px 0px 20px 5px;
}

.clear{clear:both}



.TEXTO_01 { color:#036cab; font-family:Arial, Helvetica, sans-serif, Haettenschweiler; font-size:23px; }


.link_1, 
.link_1:link, 
.link_1:active, 
.link_1:visited   {
	font-weight: bold; 
	font-size:11px; 
	color: #FFFFFF;	
	text-decoration: none;
	padding-left:20px;

}

.link_1:hover { 
	font-weight: bold;
	font-style:italic; 
	font-size:11px; 	
	color: #FFFFFF;	
	text-decoration: none;
	padding-left:20px;
	position: relative;
	top: 1px;
/*	left: 1px; */
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
}


#MOLDURA_IMAGEM_FUNDO {	
background-image:url(../imagens/fundo-area-oque-fazemos.gif);
background-position:left;
background-repeat:repeat-y;
}