/* CSS Document */

html, body, img, td, p, h1, h2, h3, h4, dl, dd {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight:normal;
}
* {
	font-family:Arial, Helvetica, sans-serif; 
	color:#000; 
	font-size:12px;
}
a {
	color:#09C;
}
img {
	border:0;	
}

.f10 {font-size:10px};
.f11 {font-size:11px};
.f12 {font-size:12px};
.f14 {font-size:14px};
.f16 {font-size:16px};
.f18 {font-size:18px};
.f20 {font-size:20px};

.linksDefault {
	color:#09C;
	text-decoration:none;
}


.linksDefault:hover {
	text-decoration:underline;
}

#divLogotipo {
	position:absolute;
	width:152px;
	height:92px;
	left:47%;
	top: 20px;
	margin-left:-71px;	
}


#divTelefoneContato {
	position:absolute;
	width:350px;
	height:21px;
	top: 11px;
	text-align:right;
	margin-left:-41px;
	right:10px;
}

#divSaudacaoEntrada {
	position:absolute;
	width:303px;
	height:64px;
	left:112px;
	top: 22px;
	margin-left:-91px;	
}


/* ######## Menu Top com imagem ############*/
body {background: url(../Images/FundoGeral.jpg) no-repeat center top;}

#tdFundoLogo {height:77px;}

/*menu Top sem imagem deixar como comentario o css acima body e tdFundoLogo e descomentar o abaixo*/
 /*#tdFundoLogo {
	background: url(../Images/FundoLogo.jpg) no-repeat center top;
	height:77px;
} */

#tdFundoBusca {
	background: url(../Images/FundoBarraPesquisa.jpg) repeat-x left top;
	height:57px;
}
#tdBuscaCentro {
	width:99%;
	height:57px;
}
#tdBuscaLatEsq, #tdBuscaLatDir {
	height:57px;
	width:5px;
}
#tdBuscaLatEsq {
	background: url(../Images/PesquisaLatEsq.jpg) no-repeat left top;
}
#tdBuscaLatDir {
	background: url(../Images/PesquisaLatDir.jpg) no-repeat right top;
}
#tdBuscaLinhaSup {
	height:22px;
}
#divBuscaLinhaSupEsq, #divBuscaLinhaSupDir {
	font-size:10px;
	width:300px;
	margin-top:4px;
}
#divBuscaLinhaSupEsq {
	float:left;	
}
#divBuscaLinhaSupDir {
	float:right;
	text-align:right;
}
#tblBusca {
	width:100%;
	height:57px;
}
#tdLabelBusca {
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	width:80px;
}
#tdtexto {
	
}
#texto {
	font-size:10px;
	color:#06C;
	height:18px;
	border:solid 2px #FF0000;
	display:inline-block;
	margin-top:2px;
	width:70%;
}
#texto {
	width:100%;
}
#ddlBuscaAonde {
	font-size:10px;
	height:17px;
	width:200px;
}
#btnBuscaOK {
	display:block;
	margin-top:4px;	
}

/* ########### rodape ########## */
#tblRodapeContainer {	
	height:220px;
	width:100%;
	background: url(../Images/FundoRodape.jpg) repeat-x left top;
	text-align:center;
}
#tblRodapeConteudo{
	position:relative;
	width:760px;
}
#tdRodapeTop {
	height:70px;
	border-bottom:dotted 1px #999;
}
.tdTitulos {
	font-size:12px;
	color:#000;
	font-weight:bold;
}
.fonte12 {
	font-size:12px;
	color:#000;	
}
#tdRodapeBottom {
	height:150px;
	padding-top:15px;
}
.tdCondicoesVermelho {
	font-size:10px;
	color:#F00;
	font-weight:bold;
	padding-right:5px;
}
.tdCondicoesCinza {
	font-size:10px;
	color:#666;	
}
#tdBtnCarrinhoFundo {
	width:80px;
	background: url(../Images/fundoBtnCarrinho.jpg) no-repeat left top;
	font-size:10px;
	color:#06C;
	padding-left:3px;
	padding-top:3px;
}


/* ############## Barra de categorias - Uma linha ################## */

#tblCategorias_1Linha {
	width:100%;
	height:28px;
	margin-top:5px;
}
#tdCatLatEsq_1Linha, #tdCatLatDir_1Linha {
	height:28px;
	width:3px;
}
#tdCatLatEsq_1Linha {
	background: url(../Images/categoriasFundoEsq_1linha.jpg) no-repeat left top;
}
#tdCatLatDir_1Linha {
	background: url(../Images/categoriasFundoDir_1linha.jpg) no-repeat right top;
}
#tdCatCentro_1Linha {
	background: url(../Images/categoriasFundoCentro_1linha.jpg) repeat-x right top;
}

/* ############## tabelas ################## */

/* ############## Barra de categorias ################## */

#tblCategorias {
	width:100%;
	height:55px;
	margin-top:1px;
}
#tdCatLatEsq, #tdCatLatDir {
	height:55px;
	width:5px;
}
#tdCatLatEsq {
	background: url(../Images/categoriasLatEsq.jpg) no-repeat left top;
}
#tdCatLatDir {
	background: url(../Images/categoriasLatDir.jpg) no-repeat right top;
}
#tdCatCentro {
	background: url(../Images/categoriasFundo.jpg) repeat-x right top;
}
.LinkCategorias {
	font-size:12px;
	/*color:#0099cc;*/
	color:#06C;;
	font-weight:bold;
	text-decoration:none;
	display:inline-block;
	width:100%;
	text-align:center;
}
.seta {
	display:inline-block;
	margin-left:3px;
}
.tdDivisoria {
	background: url(../Images/divisoria.jpg) no-repeat left top;
}

/* ############## tabelas ################## */

.tblBordaAzul {
	border:solid 1px #146EB4;
	padding:5px;
}
.divTituloBoxes, .divTituloPagina{
	background: url(../Images/fundoTituloBoxes.jpg) repeat-x right top;	
	height:26px;
}
.divTituloPagina a {
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	display:inline-block;
	margin-top:5px;
}
.divTituloPagina a:hover {
	text-decoration:underline;
}
.divTitulosBoxesEsq {
	height:26px;
	width:5px;
	background: url(../Images/fundoTituloBoxesEsq.jpg) no-repeat left top;
	float:left;
}
.divTitulosBoxesDir {
	height:26px;
	width:5px;
	background: url(../Images/fundoTituloBoxesDir.jpg) no-repeat right top;
	float:right;
}
.divTituloBoxes h2, .divTituloPagina h2 {
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	float:left;
	display:inline-block;
	margin-top:5px;
}
.divTitulosPaginaEsq {
	height:26px;
	width:180px;
	background: url(../Images/fundoTituloPaginaEsq.jpg) no-repeat left top;
	float:left;
	padding-left:5px;
}
.divTitulosPaginaDir {
	height:26px;
	background: url(../Images/fundoTituloPaginaDir.jpg) no-repeat right top;
	float:right;
	padding-right:5px;
}



/* ######## Menu left ############*/

.lnkNivel1 {
	color:#06C;
	font-weight:bold;
	font-size:12px;
	display:block;
	background: url(../Images/setaLeft.gif) no-repeat 0 4px;
	padding-left:9px;
	text-decoration:none;
	margin-bottom:3px;
}
.lnkNivel2 {
	color:#09F;
	font-size:11px;
	display:block;
	padding-left:15px;
	text-decoration:none;
}
.lnkNivel3 {
	color:#999;
	font-size:11px;
	display:block;
	font-weight:bold;
	padding-left:15px;
	text-decoration:none;
	border-bottom:dotted 1px #e2e5e7;
	margin-bottom:8px;
	padding-bottom:8px;
}
.lnkNivel1:hover, .lnkNivel2:hover, .lnkNivel3:hover {
	text-decoration:underline;
}



#txtBusca {
	font-size:10px;
	color:#06C;
	height:18px;
	border: solid 1px #FF0000;
	display:inline-block;
	margin-top:2px;
	width:60%;
}
#txtBusca {
	width:100%;
}

#IDCategoria{
	font-size:10px;
	color:#06C;
	height:18px;
	border olid 1px #01CCFF;
	display:inline-block;
	margin-top:2px;
	width:40%;
}
#IDCategoria {
	width:90%;
}

/* ######## Ítens gerais ############*/

/* Se quiser que esta classe seja aplicada a todos os h1 no site inteiro
mude o nome da classe para somente "h1", sem ponto nem complemento */
.h1Padrao {
	font-size:21px;
	color:#06C;
	font-weight:bold;
}

.h1Preco {
	font-size:21px;
	color:#09F;
	font-weight:bold;
}

/*H1 para detalhes do produto*/
.h1NomeProdutoCinza{
	font-family:tahoma;
	font-size:18px;
	color:#888888;
	font-weight:bold;
}

.h1NomeProdutoAzul{
	font-size:16px;
	color:#09F;
	font-weight:bold;
}

/* Se quiser que esta classe seja aplicada a todos os h2 no site inteiro
mude o nome da classe para somente "h2", sem ponto nem complemento */
.h2Padrao {
	font-size:18px;
	color:#06C;
	font-weight:bold;
}

/* Se quiser que esta classe seja aplicada a todos os h3 no site inteiro
mude o nome da classe para somente "h3", sem ponto nem complemento */
.h3Padrao {
	font-size:15px;
	color:#06C;
	font-weight:bold;
}

/* Se quiser que esta classe seja aplicada a todos os h4 no site inteiro
mude o nome da classe para somente "h4", sem ponto nem complemento */
.h4Padrao {
	font-size:13px;
	color:#06C;
	font-weight:bold;
}

.lnkTipo1 {
	color:#06C;
	font-weight:bold;
	font-size:12px;
	background: url(../Images/setaLeft.gif) no-repeat 0 4px;
	padding-left:9px;
	text-decoration:none;
	margin-bottom:3px;
}
.lnkTipo2 {
	color:#06C;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}
.lnkTipo3 {
	color:#09F;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}
.lnkTipo4 {
	color:#09F;
	font-size:11px;
	text-decoration:none;
}
.lnkTipo5 {
	color:#999;
	font-size:11px;
	text-decoration:none;
}
.lnkTipo7 {
	color:#999999;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}
.lnkTipo1:hover, .lnkTipo2:hover, .lnkTipo3:hover, .lnkTipo4:hover, .lnkTipo5:hover, lnkTipo6:hover, .lnkTipo7:hover {
	text-decoration:underline;
}

.lnkTipo6{
	color:#FFFFFF;
	font-size:15px;
	text-decoration:none;
}

.txtBoxPadrao {
	border:solid 1px #e2e5e7;
	background-color:#f1f1f1;
	font-size:12px;
	color:#06C;
}

/* larguras */

.w20 {width:20px;}
.w40 {width:40px;}
.w60 {width:60px;}
.w80 {width:80px;}
.w100 {width:100px;}
.w120 {width:120px;}
.w120 {width:140px;}
.w120 {width:160px;}
.w120 {width:180px;}
.w200 {width:200px;}
.w220 {width:220px;}
.w240 {width:240px;}

/* cores e estados */

.verde {color:#090;}
.vermelho {color:#F00;}
.azulLink {color:#09C;}
.azulClaro {color:#09F;}
.azulEscuro {color:#069;}
.bold {font-weight:bold;}
.preto {color:#000000;}
.cinza {color:#666666;}
.cinzaEscuro{color:#333333;}
.branco{color:#FFFFFF}
.amareloEscuro{color:#FFFF00}
.amareloIntermediario{color:#FFFF33}
.amareloClaro{color:#FFFF99}
/* Tabelas */

.tablePadding {
	padding:10px;	
}
/* tbl tipo 1 */
.tblTipo1 {	
	border:0;
	width:100%;	
}
.tblTipo1 tr {
	height: 25px;
}
.tblTipo1 tr th {
	background-color:#f3f3f3;
	width:19%;
	text-align:right;
	font-weight:bold;
	padding-right:4px;
}
.tblTipo1 tr td {
	width:81%;
	padding-left:4px;
}
.tblTipo1 tr td.cabecalho {
	background-color:#e2e5e7;
	font-weight:bold;
	padding:4px;
}
/* tbl tipo 2 */
.tblTipo2 {
	border:0;
	width:100%;
}
.tblTipo2 tr th {
	background-color:#f3f3f3;
	text-align:left;
	font-weight:bold;
	padding:4px;
}
.tblTipo2 tr .tdDivisoriaHoriz {
	padding-top:4px;
	padding-bottom:4px;
	border-bottom:solid 1px #e2e5e7;
}
.tdCod, .tdQtd {width:40px;}
.tdDescricao {width:60%;}
.tdVal {width:100px;}

.tdTotaisTitulo {
	background-color:#f3f3f3;
	font-weight:bold;
	text-align:right;
	padding:5px;
}
.tdTotaisDados {
	background-color:#e2e5e7;
	font-weight:bold;
	text-align:left;
	padding:5px;
}
.block {display:block;}
.left {float:left;}
.right {float:right;}
.bgcolor {background-color:#090;}

.DivBarraAnuncio {
	height:30px;
	background-color:#003399;
	width:99%;
	text-align:center;
}
.DivBarraAnuncio div a {
	color:#FFFF00;
	margin-top:5px;
	display:inline-block;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
.filho {
	width:99%;
	text-align:center;
}
.DivBarraAnuncio div a:hover {
	text-decoration:underline;
}
#DivFlash {
	border:solid 1px #CCC; 
	margin-top:10px;	
}