/*
CORES PARA ALTERACAO
(fazer replace apenas das cores abaixo)

#414D69 caminho dos produtos
#74A1B8 h1, borda dos titulos e linha (border-bottom dos h1)
#F9F9F9 cor de fundo do sub_menu_produtos

*/


/* DEFINICOES GERAIS */
BODY {
	background-image: url(imagens/fundo.gif);
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin:0;
	padding:0;
}
IMG { border:0; }



/* LINKS */
A { text-decoration:none; }
A:hover { text-decoration:none; }

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


/* FORMULARIOS */
form { margin: 0; padding: 0; }
.txt { 
	border-style: solid;
	border-width: 1px;
	margin: 2px 0 0 0; 
	padding: 0; 
}
.btn {
	background: url(imagens/btn_fundo.gif) repeat-x;
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
	font-weight: bold;
	font-size: 12px;
	height: 22px;
}


FIELDSET { position:relative; display:block; margin:0 3px; padding:10px; text-align:center; border-style: solid; border-width: 1px; }
* html FIELDSET { margin-top:-8px; } /* IE hack para corrigir a margem do fieldset */

FIELDSET LEGEND { margin:0; padding:0 5px; text-align:left; font-weight:bold; }
* html FIELDSET LEGEND { margin:0 0 8px 0; } /* IE hack para corrigir a margem da legenda */



/* HINTBOX */
#d_hint_box { position:absolute; display:block; margin:0; padding:3px 5px; border-style: dashed; border-width: 1px; }



/* PRINCIPAL */
#principal {
	display: block;
	left: 50%;
	margin: 0 0 0 -455px;
	padding: 0;
	position: relative;
	width: 911px;
}


/* TOPO */
#principal #topo {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
}

#principal #topo #data {
	display: block;
	margin: 9px 10px 4px 0;
	padding: 0;
	position: relative;
	text-align: right;
}

#principal #topo #menu_fixo {
	display: inline;
	float: right;
	margin: 9px 15px 0 0;
	padding: 0;
	position: relative;
}
#principal #topo #menu_fixo A { text-decoration: none; }
#principal #topo #menu_fixo A IMG { margin:0 3px 0 0; }
#principal #topo #menu_fixo A:hover SPAN { text-decoration: underline; }

#principal #topo #topo_sombra {
	margin: 0;
	padding: 0;
}


/* CONTEUD0 */
#principal #conteudo {
	/* PNG BUG FIX FOR IE 6 and previous versions */
	/* keep the exact structure as it is below, just change the image path and sizingMethod */
	/* IE 6 and previous dont understand !important */
	/* options for sizingMethod: image, scale, crop */
	background-image: url(imagens/principal_fundo.png) !important; /* normal background for others than IE 6 and previous */
	background-image: none;
	filter: none !important; /* filter none for others than IE 6 and previous */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagens/principal_fundo.png',sizingMethod='scale');
	position: static; /* position static for bug fix */
	/* end */
	
	height: 100%;
	margin: 0;
	padding: 0 5px;
}
#principal #conteudo #cima {
	display: block;
	height: 100px;
	margin: 0;
	padding: 15px;
	position: relative;
}
#principal #conteudo #cima h1 { /* LOGOMARCA */
	display: inline;
	float: left;
	margin: 0;
	position: relative;
}
#principal #conteudo #cima #menu {
	display: inline;
	float: right;
	font-weight: bold;
	margin: 40px 0 0 0;
	padding: 0;
	position: relative;
}
#principal #conteudo #cima #menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#principal #conteudo #cima #menu li {
	float: left;
	margin: 0;
	padding: 0;
}
#principal #conteudo #cima #menu li a { 
	display: block;
	float: left;
	height: 20px;
	margin: 0 2px;
	padding: 5px 7px;
	position: relative;
	text-decoration: none;
}
#principal #conteudo #cima #menu li a:hover { 
	background: url(imagens/menu_bt_fundo.gif) repeat-x;
}
#principal #conteudo #cima #menu li a #bt_esquerda { 
	background: none;
	height: 25px;
	width: 5px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
#principal #conteudo #cima #menu li a:hover #bt_esquerda { 
	background: url(imagens/menu_bt_esquerda.gif) no-repeat;
}
#principal #conteudo #cima #menu li a #bt_direita { 
	background: none;
	height: 25px;
	width: 5px;
	display: block;
	position: absolute;
	right: -1px;
	top: 0;
}
#principal #conteudo #cima #menu li a:hover #bt_direita { 
	background: url(imagens/menu_bt_direita.gif) no-repeat;
}

/* MENU - esquema pra marcar a pagina atual */
#principal #conteudo #cima #menu #atual a {
	background: url(imagens/menu_bt_fundo.gif) repeat-x;
	display: block;
	float: left;
	height: 20px;
	padding: 5px 7px;
	position: relative;
	text-decoration: none;
}
#principal #conteudo #cima #menu #atual a #bt_esquerda { 
	background: url(imagens/menu_bt_esquerda.gif) no-repeat;
	height: 25px;
	width: 5px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
#principal #conteudo #cima #menu #atual a #bt_direita { 
	background: url(imagens/menu_bt_direita.gif) no-repeat;
	height: 25px;
	width: 5px;
	display: block;
	position: absolute;
	right: -1px;
	top: 0;
}


/* FLASH */		
#principal #conteudo #flashDiv {
	display: block;
	margin: 0 15px 15px 15px;
	padding: 0;
	position: relative;
}

/* DESTAQUES */		
#principal #conteudo #destaques {
	background: url(imagens/destaques_fundo.gif) repeat-y;
	display: block;
	height: 210px;
	margin: 0 0 0 15px;
	padding: 15px 0 15px 15px;
	position: relative;
}
#principal #conteudo #destaques #txt_destaques {
	background: url(imagens/destaques_txt.gif) no-repeat;
	display: block;
	float: left;
	height: 196px;
	margin: 9px 0 0 0;
	padding: 0 0 0 37px;
	position: relative;
	width: 32px;
}
#principal #conteudo #destaques #produtos {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}
#principal #conteudo #destaques #produtos #produto {
	display: block;
	float: left;
	margin: 0;
	padding: 0 0 0 20px;
	position: relative;
}


#principal #conteudo #destaques #produtos #produto #destaque {
	/* PNG BUG FIX FOR IE 6 and previous versions */
	/* keep the exact structure as it is below, just change the image path and sizingMethod */
	/* IE 6 and previous dont understand !important */
	/* options for sizingMethod: image, scale, crop */
	background-image: url(imagens/destaques_box_fundo.png) !important; /* normal background for others than IE 6 and previous */
	background-image: none;
	filter: none !important; /* filter none for others than IE 6 and previous */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagens/destaques_box_fundo.png',sizingMethod='scale');
	position: static; /* position static for bug fix */
	/* end */
	
	margin: 0;
	padding: 0;
	width: 176px;
}

#principal #conteudo #destaques #produtos #produto #destaque #transparente {
	background: url(imagens/spacer.gif);
	cursor: pointer;
	display: block;
	left: 0;
	height: 140px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 170px;
	z-index: 10;
}

#principal #conteudo #destaques #produtos #produto #destaque a {
	acursor: pointer;
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
}
#principal #conteudo #destaques #produtos #produto #destaque #imagem {
	height: 140px;
	margin: 0 0 0 3px;
	padding: 0;
	position: relative;
	width: 170px;
}
#principal #conteudo #destaques #produtos #produto #destaque #texto {
	height: 52px;
	margin: 0;
	padding: 5px 10px 0 10px;
}
#principal #conteudo #destaques #produtos #produto #destaque a:hover #texto {
	text-decoration: underline;
}
#principal #conteudo #destaques #produtos #produto #destaque #texto #titulo{
	font-weight: bold;
	margin: 0;
	padding: 0;
}


/* HOME - PARTE DE BAIXO (NOTICIAS/NEWSLETTER/CONTATO) */
#principal #conteudo #home {
	display: block;
	height: 260px;
	margin: 0;
	padding: 15px;
	position: relative;
}


/* NOTICIAS */
#principal #conteudo #home #noticias {
	display: block;
	float: left;
	height: 220px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 402px;
}
#principal #conteudo #home #noticias #noticias_titulo{
	background: url(imagens/box_top.gif) repeat-x;
	border-style: solid;
	border-width: 1px;
	display: block;
	font-weight: bold;
	height: 15px;
	margin: 0;
	padding: 4px;
	position: relative;
}
#principal #conteudo #home #noticias #noticias_conteudo{
	display: block;
	float: left;
	margin: 0;
	padding: 15px 0 0 0;
	position: relative;
	width: 378px;
}
#principal #conteudo #home #noticias #noticias_conteudo #noticia{
	display: block;
	margin: 0;
	padding: 12px 0 0 0;
	position: relative;
}
#principal #conteudo #home #noticias #noticias_conteudo #noticia #titulo{
	font-weight: bold;
	margin: 0;
	padding: 0;
	position: relative;
}
#principal #conteudo #home #noticias #noticias_conteudo #noticia a:hover #titulo {
	font-weight: bold;
	text-decoration: underline;
}

#principal #conteudo #home #noticias #noticias_conteudo #noticia #resumo{
	margin: 0;
	padding: 0 0 15px 0;
	position: relative;
}
#principal #conteudo #home #noticias #noticias_esquerda{
	background: url(imagens/box_esquerda.gif) repeat-y;
	display: block;
	float: left;
	height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	width: 12px;
}
#principal #conteudo #home #noticias #noticias_direita{
	background: url(imagens/box_direita.gif) repeat-y;
	display: block;
	float: right;
	height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	width: 12px;
}


/* NEWSLETTER */
#principal #conteudo #home #newsletter {
	display: block;
	float: left;
	height: 220px;
	margin: 0 20px;
	padding: 0;
	position: relative;
	width: 202px;
}
#principal #conteudo #home #newsletter #newsletter_titulo{
	background: url(imagens/box_top.gif) repeat-x;
	border-style: solid;
	border-width: 1px;
	display: block;
	font-weight: bold;
	height: 15px;
	margin: 0;
	padding: 4px;
	position: relative;
}
#principal #conteudo #home #newsletter #newsletter_conteudo{
	display: block;
	float: left;
	margin: 0;
	padding: 15px 0 0 0;
	position: relative;
	text-align: center;
	width: 178px;
}
#principal #conteudo #home #newsletter #newsletter_conteudo FORM{
	margin: 0;
	padding: 15px;
	position: relative;
	text-align: left;
}

#principal #conteudo #home #newsletter #newsletter_esquerda{
	background: url(imagens/box_esquerda.gif) repeat-y;
	display: block;
	float: left;
	height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	width: 12px;
}
#principal #conteudo #home #newsletter #newsletter_direita{
	background: url(imagens/box_direita.gif) repeat-y;
	display: block;
	float: right;
	height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	width: 12px;
}


/* CONTATO */
#principal #conteudo #home #contato {
	display: block;
	float: left;
	height: 220px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 222px;
}
#principal #conteudo #home #contato #contato_titulo{
	background: url(imagens/box_top.gif) repeat-x;
	border-style: solid;
	border-width: 1px;
	display: block;
	font-weight: bold;
	height: 15px;
	margin: 0;
	padding: 4px;
	position: relative;
}
#principal #conteudo #home #contato #contato_conteudo{
	display: block;
	float: left;
	margin: 0;
	padding: 15px 0 0 0;
	position: relative;
	text-align: center;
	width: 198px;
}
#principal #conteudo #home #contato #contato_esquerda{
	background: url(imagens/box_esquerda.gif) repeat-y;
	display: block;
	float: left;
	height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	width: 12px;
}
#principal #conteudo #home #contato #contato_direita{
	background: url(imagens/box_direita.gif) repeat-y;
	display: block;
	float: right;
	height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	width: 12px;
}

/* CONTEUDO INTERNAS */
#principal #conteudo #conteudo_interna {
	display: block;
	float: left;
	margin: 0;
	padding: 15px 15px 20px 20px;
	position: relative;
	width: 610px;
}
#principal #conteudo #conteudo_interna h1 {
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 5px 0;
	position: relative;
}
#principal #conteudo #conteudo_interna #noticias{
	display: block;
	margin: 0;
	padding: 12px 0 0 0;
	position: relative;
}
#principal #conteudo #conteudo_interna #noticias #titulo{
	font-weight: bold;
	margin: 0;
	padding: 0;
	position: relative;
}
#principal #conteudo #conteudo_interna #noticias a:hover #titulo {
	font-weight: bold;
	text-decoration: underline;
}

#principal #conteudo #conteudo_interna #noticias #resumo{
	margin: 0;
	padding: 0 0 15px 0;
	position: relative;
}

/* COLUNA DIREITA INTERNA */
#principal #conteudo #coluna_direita_interna {
	display: block;
	float: right;
	margin: 0;
	padding: 0;
	position: relative;
}

/* CONTATO INTERNA */
#principal #conteudo #coluna_direita_interna #contato_interna {
	display: block;
	margin: 15px;
	padding: 0;
	position: relative;
	width: 222px;
}
#principal #conteudo #coluna_direita_interna #contato_interna #contato_titulo{
	background: url(imagens/box_top.gif) repeat-x;
	border-style: solid;
	border-width: 1px;
	display: block;
	font-weight: bold;
	height: 15px;
	margin: 0;
	padding: 4px;
	position: relative;
}
#principal #conteudo #coluna_direita_interna #contato_interna #contato_conteudo{
	display: block;
	float: left;
	margin: 0;
	padding: 15px 0 0 0;
	position: relative;
	text-align: center;
	width: 198px;
}
#principal #conteudo #coluna_direita_interna #contato_interna #contato_esquerda{
	background: url(imagens/box_esquerda.gif) repeat-y;
	display: block;
	float: left;
	height: 180px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 12px;
}
#principal #conteudo #coluna_direita_interna #contato_interna #contato_direita{
	background: url(imagens/box_direita.gif) repeat-y;
	display: block;
	float: right;
	height: 180px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 12px;
}
/* NEWSLETTER INTERNA */
#principal #conteudo #coluna_direita_interna #newsletter_interna {
	display: block;
	margin: 0 15px 15px 15px;
	padding: 0;
	position: relative;
	width: 222px;
}
#principal #conteudo #coluna_direita_interna #newsletter_interna #newsletter_titulo{
	background: url(imagens/box_top.gif) repeat-x;
	border-style: solid;
	border-width: 1px;
	display: block;
	font-weight: bold;
	height: 15px;
	margin: 0;
	padding: 4px;
	position: relative;
}
#principal #conteudo #coluna_direita_interna #newsletter_interna #newsletter_conteudo{
	display: block;
	float: left;
	margin: 0;
	padding: 15px 0 0 0;
	position: relative;
	text-align: center;
	width: 198px;
}
#principal #conteudo #coluna_direita_interna #newsletter_interna #newsletter_conteudo FORM{
	margin: 0;
	padding: 10px 20px 0 20px;
	position: relative;
	text-align: left;
}

#principal #conteudo #coluna_direita_interna #newsletter_interna #newsletter_esquerda{
	background: url(imagens/box_esquerda.gif) repeat-y;
	display: block;
	float: left;
	height: 190px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 12px;
}
#principal #conteudo #coluna_direita_interna #newsletter_interna #newsletter_direita{
	background: url(imagens/box_direita.gif) repeat-y;
	display: block;
	float: right;
	height: 190px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 12px;
}

/* MENU PRODUTOS */
#principal #conteudo #menu_produtos {
	display: block;
	float: left;
	margin: 0;
	padding: 0 0 0 15px;
	position: relative;
	width: 212px;
}
#principal #conteudo #menu_produtos #menu_produtos_titulo{
	background: url(imagens/box_top.gif) repeat-x;
	border-style: solid;
	border-width: 1px;
	display: block;
	font-weight: bold;
	height: 15px;
	margin: 0;
	padding: 4px;
	position: relative;
	text-transform: uppercase;
}
#principal #conteudo #menu_produtos #menu_produtos_conteudo{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	width: 212px;
}
/* UL */
#principal #conteudo #menu_produtos #menu_produtos_conteudo #menu_esquerdo{
	adisplay: block;
	list-style: none;
	margin: 0;
	padding: 0;
	aposition: relative;
}
#principal #conteudo #menu_produtos #menu_produtos_conteudo #menu_esquerdo #li_menu{
	background: url(imagens/fundo_bt_produtos.gif) repeat-x;
	display: block;
	list-style: none;
	margin: 0;
	padding: 9px 9px;
	position: relative;
}
/* SUB LI que tem q ser diferente das demais LI´s irmãs */
#principal #conteudo #menu_produtos #menu_produtos_conteudo #menu_esquerdo #sub_li{
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

/* SUB UL */
#principal #conteudo #menu_produtos #menu_produtos_conteudo #menu_esquerdo #sub_li #sub_menu{
	display: block;
	list-style: none;
	margin: 0 0 15px 0;
	padding: 0;
	position: relative;
}
	
#principal #conteudo #menu_produtos #menu_produtos_conteudo #menu_esquerdo #sub_li #sub_menu LI{
	border-bottom-style: solid;
	border-bottom-width: 1px;
	display: block;
	list-style: none;
	margin: 5px 5px 5px 15px;
	padding: 4px 0 ;
	position: relative;
}


/* PRODUTOS */
#principal #conteudo #destaque_produtos {
	display: block;
	float: right;
	margin: 0;
	padding: 0 15px 0 0;
	position: relative;
	width: 643px;
}
#principal #conteudo #destaque_produtos #destaque_produtos_titulo{
	background: url(imagens/box_top.gif) repeat-x;
	border-style: solid;
	border-width: 1px;
	display: block;
	font-weight: bold;
	margin: 0;
	padding: 4px;
	position: relative;
}
#principal #conteudo #destaque_produtos #destaque_produtos_titulo #titulo{
	display: block;
	float: left;
	position: relative;
	text-transform: uppercase;
}
#principal #conteudo #destaque_produtos #destaque_produtos_conteudo{
	background: url(imagens/box_direita.gif) right repeat-y;
	display: block;
	margin: 0;
	padding: 0 0 0 15px;
	position: relative;
}

/* LISTAGEM DE PRODUTOS */
#principal #conteudo #destaque_produtos #destaque_produtos_conteudo #produtos{
	border-style: solid;
	border-width: 1px;
	display: block;
	float: left;
	height: 185px;
	margin: 0 10px 10px 0;
	padding: 10px;
	position: relative;
	text-align: center;
	width: 176px;
}
#principal #conteudo #destaque_produtos #destaque_produtos_conteudo #produtos #nome {
	display: block;
	margin: 0;
	padding: 5px 0 0 0;
	position: relative;
}

/* PRODUTO - INTERNA */
#principal #conteudo #destaque_produtos #destaque_produtos_conteudo #produto{
	display: block;
	margin: 0 10px 0 0;
	padding: 10px;
	position: relative;
	text-align: left;
}
#principal #conteudo #destaque_produtos #destaque_produtos_conteudo #produto #nome{
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 0 0;
	position: relative;
}
#principal #conteudo #destaque_produtos #destaque_produtos_conteudo #produto #codigo{
	display: block;
	font-size: 10px;
	margin: 0;
	padding: 5px 0 10px 0;
	position: relative;
}

#principal #conteudo #destaque_produtos #destaque_produtos_conteudo #produto #descricao{
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
}
#principal #conteudo #destaque_produtos #destaque_produtos_conteudo #produto #preco{
	display: block;
	font-weight: bold;
	margin: 0;
	padding: 15px 0 10px 0;
	position: relative;
}



#principal #conteudo #destaque_produtos #destaque_produtos_esquerda{
	background: url(imagens/box_esquerda.gif) left repeat-y;
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
}


/* CAMINHO DOS PRODUTOS NAVEGADOS PELO USUARIO */
#principal #conteudo #destaque_produtos #caminho {
	display: block;
	float: right;
	list-style: none;
	margin: 0;
	padding: 0 5px 0 0;
	position: relative;
}
#principal #conteudo #destaque_produtos #caminho LI {
	display: inline;
	margin: 0;
	padding: 0;
	position: relative;
}
#principal #conteudo #destaque_produtos #caminho LI a{
	font-weight: bold;
	margin: 0;
	padding: 0;
	position: relative;
}



/* RODAPE */		
#principal #conteudo #rodape{
	background: url(imagens/rodape_fundo.gif) repeat-x;
	height: 25px;
	margin: 20px 15px 0 15px;
	padding: 15px 0;
	text-align: center;
}

/* BOTTOM */
#principal #bottom {
	margin: 0 0 30px 0;
	padding: 0;
}


/* DIV IMITA LINHA */
.linha{
	border-top-style: dashed;
	border-top-width: 1px;
}

/* UTEIS */
.clear { clear:both; }
.noborder { border:0; }
.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+"')")+
				String(this.onbeforeprint="this.runtimeStyle.filter='';this.src='"+this.src+"'").substr(0,0)+
				String(this.alphaxLoaded=true).substr(0,0)+
				String(this.src="imagens/spacer.gif").substr(0,0)
			)
		) :
		this.runtimeStyle.filter=""
	));
}