/* GERAL */
BODY {
	margin:0; padding:0;
	background:#00a1bd;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
}
P { margin:0; }
.bold 
{ 
	font-size:14px; 
	font-weight:bold; 
	letter-spacing:-1px; 
	word-spacing:2px; 
}



/* LINKS */
A { text-decoration:none; color:#000; }
A:hover { text-decoration:none; color:#666; }

.voltar A { font-size:110%; font-weight:bold; letter-spacing:-1px; word-spacing:2px; color:#2E4668; }
.voltar A:hover { text-decoration:none; color:#FF7D06; }

.paginacao { color:#999; }
.paginacao A { color:#3486C2; }
.paginacao A:hover { color:#FF7D06; }


/* FORMULARIOS */
form 
{ 
	margin:0; 
	padding:0; 
}
.txt 
{ 
	border: 1px solid #999;
	color: #333;
	xfont-size: 12px; 
	xheight: 18px;
	xmargin:0; 
	xpadding: 3px 0 0 0;
}
.btn 
{
	border:1px solid #BAB9B9;
	background-color:#fff;
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#666;
	cursor:pointer;
}
.areatexto
{ 
	border: 1px solid #999;
	color: #333;
	font-size: 12px; 
	xheight: 80px;
	xmargin:0;
	overflow: auto;
	xpadding: 3px 0 0 0;
	xwidth: 250px;
}
.aviso { color:#c00; }




/* TITULOS */
h1 { position:relative; margin:0 0 10px 0 ; padding:0; font-size:20px; font-weight:bold; letter-spacing: 0px; word-spacing:2px; color:#1c6994; }

/* usado nos titulos do formulario trabalhe conosco*/ 
h2 { margin:10px 0; padding:0; font-size:14px; font-weight:bold; letter-spacing:0; word-spacing:2px; color:#3185C1; }

/* usado nos titulos do formulario trabalhe conosco*/ 
h3 { position:relative; margin:0; padding:0; font-size:14px; font-weight:bold; letter-spacing:0; word-spacing:0; color:#fff; }
h4 { position:relative; margin:0 0 10px 0; padding:5px 10px; font-size:14px; font-weight:bold; letter-spacing:-1px; word-spacing:2px; color:#fff; background:#3486C2; }
h5 { position:relative; margin:0; padding:0; font-size:14px; font-weight:bold; letter-spacing:-1px; word-spacing:2px; color:#fff; }
h6 { position:relative; margin:0; padding:0; font-size:14px; font-weight:bold; letter-spacing:-1px; word-spacing:2px; color:#000; }


/* top right bottom left */


/* HINTBOX */
#d_hint_box { position:absolute; display:block; margin:0; padding:3px 5px; background:#fff; border:1px dashed #000; }


/* VISUAL */
#azul_escuro 
{ 
	background: #1c6994 url("imagens/barra_flash.gif") repeat-x -8px 156px; 
	border:0; 
	display:block; 
	margin:0; 
	padding:0; 
	position:relative; 
}
#azul_escuro.interno 
{ 
	background: #1c6994 url("imagens/barra_flash2.gif") repeat-x -8px 156px; 
	border:0; 
	display:block; 
	margin:0; 
	padding:0; 
	position:relative; 
}

/*	
	###############
	barra esquerda
	###############
*/
#azul_escuro #barra_esq 
{ 
	background: url("imagens/barra_esquerda.gif") repeat-y; 
	border-bottom:2px solid #fff; 
	display:block; 
	margin:0; 
	padding:0; 
	position:relative; 
}

/*	
	###############
	conteudo
	###############
*/
#azul_escuro #barra_esq #conteudo 
{ 
	background:#fff; 
	border:0; 
	display:block; 
	margin:0 0 0 20px; 
	padding:0; 
	position:relative; 
	width:751px; 
}

/*	
	###############
	topo
	###############
*/
#azul_escuro #barra_esq #conteudo #topo 
{ 
	background:#1c6994; 
	display:block; 
	margin:0; 
	padding:0; 
	position:relative; 
}

#azul_escuro #barra_esq #conteudo #topo #tabela 
{ 
	background:#fff; 
	display:block; 
	height:129px; 
	margin:0; 
	padding:0; 
	position:relative; 
	width:751px; 
}

#azul_escuro #barra_esq #conteudo #topo #tabela #topo_esq 
{
	margin:0;
	padding:0;
	position:absolute;
}

#azul_escuro #barra_esq #conteudo #topo #tabela #topo_logo 
{ 
	margin:0; 
	padding:0 0 0 3px; 
	position:absolute; 
}

#azul_escuro #barra_esq #conteudo #topo #tabela #endereco 
{ 
	bottom:30px; 
	font-size:12px; 
	margin:0; 
	position:absolute; 
	right: 30px;
	text-align:right;
}

/*	
	###############
	menu cima
	###############
*/
#azul_escuro #barra_esq #conteudo #menu 
{ 
	background: url("imagens/menu_esq.jpg") no-repeat ; 
	display: block; 
	height: 29px; 
	margin:0 0 0 3px; 
	padding:0; 
	position: relative; 
	z-index:100;
}
	#azul_escuro #barra_esq #conteudo #menu UL 
	{ 
		background: url("imagens/menu_fundo.jpg") repeat-x; 
		display: inline; 
		float: left; 
		list-style:none; 		 
		margin:0 0 0 166px; 
		padding:0; 
		position: relative;
	}
	#azul_escuro #barra_esq #conteudo #menu UL LI 
	{ 
		background: url("imagens/menu_sep.jpg") no-repeat right; 
		display:block; 
		float:left; 
		height: 29px; 
		margin:0; 
		padding:0 15px 0 0; 
		position:relative; 
	}
	#azul_escuro #barra_esq #conteudo #menu UL LI A 
	{ 
		display:block; 
		margin: 5px 0 0 0 ; 
		padding:0 1px 0 1px; 
		position:relative; 
	}
	#azul_escuro #barra_esq #conteudo #menu UL LI A:hover 
	{ 
		color:#1C6994; 
	}

	#azul_escuro #barra_esq #conteudo #menu UL LI.contato 
	{ 
		background: url("imagens/menu_dir.jpg") no-repeat right; 
		padding:0 14px 0 0;
	}
	
	#azul_escuro #barra_esq #conteudo #menu #navSubMenu
	{
		background: transparent;
		display: block;
		left: 218px;
		margin:0;
		padding:9px 0 0 0;
		position: absolute;
		top: 20px;
		width:230px;
		z-index:100;
	}
		#azul_escuro #barra_esq #conteudo #menu #navSubMenu UL
		{
			background: none;
			display: block;
			float:none;
			list-style:none; 
			margin:0;
			padding:0;
			position:relative;
		}
		#azul_escuro #barra_esq #conteudo #menu #navSubMenu UL LI
		{
			background: none;
			display: block;
			float:none;
			height:auto;
			list-style:none; 
			margin:0;
			padding:0;
			position:relative;
		}
		#azul_escuro #barra_esq #conteudo #menu #navSubMenu UL LI A 
		{ 
			xborder:1px solid #bbb;
			color:#fff;
			display:block; 
			font-weight:bold;
			margin:0; 
			padding:5px 10px; 
			position:relative;
			width:98%;
		}
		#azul_escuro #barra_esq #conteudo #menu #navSubMenu UL LI A:hover { color:#eee; }
		
		#azul_escuro #barra_esq #conteudo #menu #navSubMenu UL LI A.verde { color: #333333; font-weight: normal; background: url("imagens/menu_fundo.jpg") repeat-x;  }
		#azul_escuro #barra_esq #conteudo #menu #navSubMenu UL LI A:hover.verde { color:#758f34; }

		#azul_escuro #barra_esq #conteudo #menu #navSubMenu UL LI A.azul { color: #333333; font-weight: normal; background: url("imagens/menu_fundo.jpg") repeat-x;  }
		#azul_escuro #barra_esq #conteudo #menu #navSubMenu UL LI A:hover.azul { color:#1f5c8a; }

		#azul_escuro #barra_esq #conteudo #menu #navSubMenu UL LI A.amarelo { color: #333333; font-weight: normal; background: url("imagens/menu_fundo.jpg") repeat-x;  }
		#azul_escuro #barra_esq #conteudo #menu #navSubMenu UL LI A:hover.amarelo { color:#cd9b07; }

/*	
	###############
	flash centro
	###############
*/
#azul_escuro #barra_esq #conteudo #flash 
{
	margin:0;
	padding:0; 
	position:relative;
	z-index:10;
}

/*	
	###############
	flash centro
	###############
*/
#azul_escuro #barra_esq #conteudo #flash #marquee
{
	height: 120px;
	left: 560px;
	margin:0;
	padding:0; 
	position: absolute;
	top: 32px;
	width: 170px;
}
	#azul_escuro #barra_esq #conteudo #flash #marquee a span.titulo
	{
		color: #FFFFFF;
		font-size: 12px;
		font-weight: normal;
		text-decoration: none;
	}
	#azul_escuro #barra_esq #conteudo #flash #marquee a:hover span.titulo
	{
		text-decoration: underline;
	}
	#azul_escuro #barra_esq #conteudo #flash #marquee a span.data
	{
		color: #FFFFFF;
		font-size: 11px;
		font-weight: normal;
		text-decoration: none;
	}
	#azul_escuro #barra_esq #conteudo #flash #marquee a:hover span.data
	{
		font-size: 11px;
		font-weight: normal;
		text-decoration: none;
	}

/*	
	###############
	centro
	###############
*/
#azul_escuro #barra_esq #conteudo #centro 
{ 
	display:block; 
	margin:0; 
	padding:0; 
	position:relative; 
	width: 751px; 
}

/*	
	###################
	conteudo interno
	###################
*/
#azul_escuro #barra_esq #conteudo #centro #conteudo_interno 
{ 
	color: #333; 
	display: block;
	font-size: 13px; 
	margin:0; 
	padding: 30px 30px 30px 140px; 
	position:relative;
	text-align:justify;
}

/*	
	###################
	menu esquerdo
	###################
*/
#azul_escuro #barra_esq #conteudo #centro #conteudo_interno #menu_esquerdo
{ 
	border: 0;
	display: block;
	margin: 0; 
	padding: 0; 
	position: absolute;
	right: 30px;
	top: 66px;
}
#azul_escuro #barra_esq #conteudo #centro #conteudo_interno #menu_esquerdo #item
{ 
	border-bottom: 1px dashed #666666;
	margin: 0;
	padding: 7px 0;
}

/*	
	###################
	texto
	###################
*/
#azul_escuro #barra_esq #conteudo #centro #conteudo_interno #texto
{ 
	margin: 0; 
	padding: 0; 
	text-align: justify; 
	width: 360px;
}
/*	
	###################
	produtos
	###################
*/
#azul_escuro #barra_esq #conteudo #centro #conteudo_interno #produtos
{ 
	margin: 0; 
	padding: 0; 
	position: relative; 
}

/*	
	###################
	destaques
	###################
*/
#azul_escuro #barra_esq #conteudo #centro #conteudo_interno #produtos #destaques
{ 
	border: 1px solid #CCCCCC;
	margin: 0 20px 20px 0;
	padding: 20px;
	position: relative;
	text-align: left;
	width: 125px;
}
#azul_escuro #barra_esq #conteudo #centro #conteudo_interno #produtos #destaques a
{ 
	border: 0;
	color: #666666; 
	margin: 0;
	padding: 0;
	text-decoration: none; 
}
#azul_escuro #barra_esq #conteudo #centro #conteudo_interno #produtos #destaques a:hover
{ 
	color: #000;
}
#azul_escuro #barra_esq #conteudo #centro #conteudo_interno #produtos #destaques img
{ 
	border: 1px solid #DDDDDD;
	margin: 0 0 10px 0;
	padding: 0;
}

/*	
	###################
	detalhe produto
	###################
*/
#azul_escuro #barra_esq #conteudo #centro #conteudo_interno #produtos #destaques_produto
{ 
	border: 1px solid #CCCCCC;
	margin: 0 20px 20px 0;
	padding: 20px;
	position: relative;
	text-align: left;
	width: 320px;
}

#azul_escuro #barra_esq #conteudo #centro #conteudo_interno #produtos #destaques_produto .nome
{
	color: #333333;
	font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#azul_escuro #barra_esq #conteudo #centro #conteudo_interno #produtos #destaques_produto .codigo
{
	font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#999999;
}
#azul_escuro #barra_esq #conteudo #centro #conteudo_interno #produtos #destaques_produto .preco
{
	color: #444444;
	font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/*  
	#################
	NOTICIAS
	#################
*/
#azul_escuro #barra_esq #conteudo #centro #conteudo_interno #noticias
{
	background: #FFFFFF;
	border: 0;
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
}
#azul_escuro #barra_esq #conteudo #centro #conteudo_interno #noticias #manchete
{
	border: 0;
	color: #3185C1;
	font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;

}
#azul_escuro #barra_esq #conteudo #centro #conteudo_interno #noticias #data_manchete
{
	border: 0;
	color: #666666;
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;

}

	#azul_escuro #barra_esq #conteudo #centro #conteudo_interno #noticias UL
	{
		margin: 0;
		padding: 0;
		list-style:none;
	}
	#azul_escuro #barra_esq #conteudo #centro #conteudo_interno #noticias UL LI
	{
		border-bottom: 1px solid #DDDDDD;
	}
	#azul_escuro #barra_esq #conteudo #centro #conteudo_interno #noticias UL LI a span.titulo
	{
		color: #000000;
		font-size: 12px;
		font-weight: normal;
		text-decoration: none;
	}
	#azul_escuro #barra_esq #conteudo #centro #conteudo_interno #noticias UL LI a:hover span.titulo
	{
		color: #777777;
		text-decoration: underline;
	}
	#azul_escuro #barra_esq #conteudo #centro #conteudo_interno #noticias UL LI a span.data
	{
		color: #3185C1;
		font-size: 11px;
		font-weight: bold;
		text-decoration: none;
	}
	#azul_escuro #barra_esq #conteudo #centro #conteudo_interno #noticias UL LI a:hover span.data
	{
		color: #3185C1;
		font-size: 11px;
		font-weight: bold;
		text-decoration: none;
	}

/*	
	###############
	botoes
	###############
*/
#azul_escuro #barra_esq #conteudo #centro #botoes
{ 
	border-right: 1px solid #CCCCCC; 
	display: inline; 
	float: left;
	height: 300px;
	margin:20px 0 20px 20px; 
	padding:0; 
	width: 350px; 
}
#azul_escuro #barra_esq #conteudo #centro #botoes a
{ 
	border: 0; 
	margin: 0 10px 0 0; 
	padding:0; 
}

/*	
	################################
	form newsletter
	################################
*/
#azul_escuro #barra_esq #conteudo #centro #form_newsletter 
{ 
	border-right: 1px solid #CCCCCC; 
	display: inline; 
	float: left; 
	height: 300px;
	margin:20px 0 20px 15px; 
	padding:0 15px 0 0; 
	width: 155px; 
}

#azul_escuro #barra_esq #conteudo #centro #form_newsletter #titulo
{
	color:#333;
	font-weight:xbold;
	margin:0 0 15px 0;
}

#azul_escuro #barra_esq #conteudo #centro #form_newsletter #form
{
	color: #666666; 
	font-size: 12px; 
	margin:0; 
	padding:0; 
}

#azul_escuro #barra_esq #conteudo #centro #form_newsletter LABEL
{
	font-size: 13px; 
}

#azul_escuro #barra_esq #conteudo #centro #form_newsletter .input_texto
{ 
	background: #FBFBFB; 
	border: 1px solid #DDDDDD; 
	color: #333333;
	height: 20px; 
	margin: 0; 
	padding: 3px 0 0 0; 
	vertical-align:middle; 
}
#azul_escuro #barra_esq #conteudo #centro #form_newsletter .botao
{ 
	cursor: pointer; 
	margin: 15px 0 0 0; 
	vertical-align:middle; 
}

/*	
	################################
	coluna direita + botao busca
	################################
*/
#azul_escuro #barra_esq #conteudo #centro #coluna_direita 
{ 
	margin:0 0 0 560px;
	padding: 20px 20px 20px 10px; 
}

#azul_escuro #barra_esq #conteudo #centro #coluna_direita #busca
{
	border-bottom: 1px solid #CCCCCC;
	margin: 0 0 15px 0;
	padding: 0 0 17px 0 ;
}
#azul_escuro #barra_esq #conteudo #centro #coluna_direita #busca .input_texto
{ 
	background: #FBFBFB; 
	border: 1px solid #DDDDDD; 
	color: #333333;
	height: 20px; 
	margin: 0; 
	padding: 3px 0 0 0; 
	vertical-align:middle; 
	width: 130px; 
}
#azul_escuro #barra_esq #conteudo #centro #coluna_direita #busca .botao_busca 
{ 
	background: transparent url("imagens/btn_lupa.gif") no-repeat; 
	border: 0; 
	cursor: pointer; 
	height: 25px; 
	margin: 0; 
	padding: 0; 
	vertical-align:middle; 
	width: 26px; 
}
#azul_escuro #barra_esq #conteudo #centro #coluna_direita #texto
{ 
	color: #666666; 
	font-size: 11px; 
	margin:0; 
	padding:0; 
}

/*	
	###############
	rodape
	###############
*/

#rodape 
{ 
	color:#FFFFFF; 
	font: 11px, "Trebuchet MS", Arial, Helvetica, sans-serif; 
	margin:0; 
	padding: 10px 0 10px 260px;
}



/* UTEIS */
.clear { clear:both; }
.noborder { border:0 !important ; }
.nomargin { margin:0; }
.nopadding { padding:0; }



/*
Alpha PNG support for IE
------------------------------
Aviso, este código abaixo funciona apenas para visualização na tela. Quando este documento for impresso, o bug voltará.
O Hack Abaixo faz o código rodar apenas no IE. Sendo que os outros browsers como, Firefox, Opera e Safari já tem a transparencia de PNG nativo.
\*/
* html img/**/ { filter:expression(this.alphaxLoaded ? "" : (this.src.substr(this.src.length-4)==".png" ? ((!this.complete) ? "" : this.runtimeStyle.filter=("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.src+"')")+(this.onbeforeprint="this.runtimeStyle.filter='';this.src='"+this.src+"'").substr(0,0)+String(this.alphaxLoaded=true).substr(0,0)+(this.src="imagens/spacer.gif").substr(0,0)) : this.runtimeStyle.filter="")); }