@charset "utf-8";

/**
 *
 * Formulário de busca de produtos
 *
 **/
form#formulario-de-pesquisa fieldset {
	position:relative;
	height:26px;
	line-height:26px;
	text-align:center;
	margin:0;
	padding:5px 0 35px;
	border:none;
	overflow:hidden;
	clear:both;
}

form#formulario-de-pesquisa fieldset label,
form#formulario-de-pesquisa fieldset input,
form#formulario-de-pesquisa fieldset button {
	position:absolute;
	top:5px;
	display:block;
}


form#formulario-de-pesquisa fieldset label {
	left:134px;
	width:140px;
	height:26px;
	line-height:26px;
	font-size:80%;
}

form#formulario-de-pesquisa fieldset label strong { font-family:Georgia, "Times New Roman", Times, serif; }

form#formulario-de-pesquisa fieldset input {
	left:276px;
	width:68px;
	height:20px;
	line-height:20px;
	text-align:center;
	font-size:80%;
	font-weight:bold;
	color:#333;
	letter-spacing:3px;
	padding:1px 0;
	border:1px solid;
	border-color:#333 #ccc #ccc #333;
}

form#formulario-de-pesquisa fieldset button#btn-buscar {
	left:354px;
	width:70px;
	height:26px;
	text-indent:-9999px;
	background:#eee url(../imagens/btn-buscar.png) no-repeat 0 0;
	border:none;
	cursor:pointer;
}

form#formulario-de-pesquisa fieldset button#btn-buscar:hover { background-position:0 -26px; }

/* Botão desativado */
form#formulario-de-pesquisa fieldset button#btn-buscar.disabled {
	background:#eee url(../imagens/btn-buscar.png) no-repeat 0 -52px;
	cursor:default;
}



/**
 *
 * Box das categorias e subcategorias
 *
 * http://www.tecdec.com.br/produtos/
 * http://www.tecdec.com.br/produtos/(nome da categoria)/
 *
 **/
div#conteudo ul#lista {
	width:596px;
	margin-left:-38px;
	*padding-bottom:38px; /* IE6 e IE7 */
	list-style-type:none;
}

div#conteudo ul#lista li {
	position:relative;
	display:inline;
	float:left;
	width:240px;
	height:180px;
	padding:10px;
	background-color:#ebebeb;
	margin:0 0 38px 38px;
}


/* Nome da categoria/subcategoria */
div#conteudo ul#lista li h3 {
	position:absolute;
	top:10px;
	left:10px;
	display:block;
	width:240px;
	height:22px;
	line-height:22px;
	font-size:80%;
	text-align:center;
	background:url(../imagens/bg-categorias.png) repeat;
}

div#conteudo ul#lista li h3 a {
	display:block;
	width:240px;
	height:22px;
	line-height:22px;
	color:#fff;
	text-decoration:none;
}
div#conteudo ul#lista li a img {
	display:block;
	width:240px;
	height:180px;
}



/**
 *
 * Box dos produtos
 *
 * http://www.tecdec.com.br/produtos/(nome da categoria)/
 * http://www.tecdec.com.br/busca-de-produtos/(código do produto)
 *
 **/
div#conteudo div.boxProduto {
	width:558px;
	margin-bottom:20px;
	padding-bottom:10px;
	background:#f6f6f6 url(../imagens/bg-box-produto.gif) repeat-x 0 30px;
}
div#conteudo div.boxProduto h3 {
	display:block;
	height:30px;
	line-height:30px;
	font-size:90%;
	text-indent:10px;
	color:#fff;
	margin-bottom:10px;
	background:#b6b6b6 url(../imagens/bg-barra-titulo.gif) left top no-repeat;
	border-right:1px solid #b6b6b6;
	clear:both;
}

/* Miniatura */
div#conteudo div.boxProduto div.boxMiniatura {
	display:inline;
	float:left;
	width:122px;
	height:94px;
	margin:0 10px;
	overflow:hidden;
}

div#conteudo div.boxProduto div.boxMiniatura p,
div#conteudo div.boxProduto div.boxMiniatura a {
	display:block;
	width:110px;
	height:82px;
	margin:0;
	padding:5px;
	background-color:#fff;
	border:1px solid #ccc;
}

div#conteudo div.boxProduto div.boxMiniatura a:hover { border-color:#999; }

div#conteudo div.boxProduto div.boxMiniatura p img,
div#conteudo div.boxProduto div.boxMiniatura a img {
	display:block;
	width:110px;
	height:82px;
}

/* Detalhes do produto */
div#conteudo div.boxProduto p {
	position:relative;
	float:left;
	width:406px;
	font-size:75%;
	margin:0 10px 0 0 !important;
	margin-right:5px; /* IE6 */
}

/* Avisos (atenção) */
div#conteudo div.boxProduto p span.atencao { color:#c00; }

/* Lançamento */
div#conteudo div.boxProduto p strong.lancamento {
	position:absolute;
	top:-33px;
	right:0;
	display:block;
	color:#c00;
	margin:0;
}



/**
 *
 * Paginação de resultados
 *
 **/
div#paginacao {
	width:564px;
	font-size:70%;
	margin-top:20px;
}

div#paginacao a,
div#paginacao strong,
div#paginacao span#pagAtual {
	display:block;
	float:left;
	width:14px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	padding:5px;
	background-color:#ebebeb;
}


/* Página: */
div#paginacao strong {
	width:54px;
	text-align:left;
	font-size:110%;
	margin-bottom:31px;
	padding:2px 0 0;
	background-color:#fff;
}

/* Página Atual */
div#paginacao span#pagAtual {
	color:#fff;
	margin:0 6px 6px 0;
	padding:5px;
	background-color:#273b90;
	overflow:hidden;
}

/* Número da Página */
div#paginacao a {
	margin:0 6px 6px 0;
	overflow:hidden;
}

div#paginacao a:hover {
	color:#fff;
	background-color:#595959;
}



/**
 *
 * Box das coleções
 *
 **/

/* Box dos composês com 1 ou 2 produtos */
div#conteudo div.boxCompose1,
div#conteudo div.boxCompose2 {
	width:538px;
	margin:0 auto 20px;
	padding:5px 5px 0;
	background:#f6f6f6 url(../imagens/bg-box-produto.gif) repeat-x top;
}
/* Box dos composês com 3 ou 5 produtos */
div#conteudo div.boxCompose3,
div#conteudo div.boxCompose5 {
	width:537px;
	margin:0 auto 20px;
	padding:5px 5px 0;
	background:#f6f6f6 url(../imagens/bg-box-produto.gif) repeat-x top;
}
/* Box dos composês com 4 produtos */
div#conteudo div.boxCompose4 {
	width:536px;
	margin:0 auto 20px;
	padding:5px 5px 0;
	background:#f6f6f6 url(../imagens/bg-box-produto.gif) repeat-x top;
}

/* Box da Miniatura */
div#conteudo div.boxCompose1 div.boxMiniatura,
div#conteudo div.boxCompose2 div.boxMiniatura,
div#conteudo div.boxCompose3 div.boxMiniatura,
div#conteudo div.boxCompose4 div.boxMiniatura,
div#conteudo div.boxCompose5 div.boxMiniatura {
	display:inline;
	float:left;
	font-size:70%;
	text-align:center;
	margin:4px 4px 9px;
	padding-bottom:10px;
	background-color:#fff;
	border:1px solid #dadada;
}

/* Miniatura */
div#conteudo div.boxCompose1 div.boxMiniatura a img,
div#conteudo div.boxCompose2 div.boxMiniatura a img,
div#conteudo div.boxCompose3 div.boxMiniatura a img,
div#conteudo div.boxCompose4 div.boxMiniatura a img,
div#conteudo div.boxCompose5 div.boxMiniatura a img { margin-bottom:5px; }

/* Uma coluna */
div#conteudo div.boxCompose1 div.umaColuna { width:528px; }

/* Duas colunas */
div#conteudo div.boxCompose2 div.duasColunas { width:259px; }

/* Três colunas */
div#conteudo div.boxCompose3 div.tresColunas { width:169px; }

/* Quatro colunas */
div#conteudo div.boxCompose4 div.quatroColunas { width:124px; }


/**
 *
 * Cinco colunas: Como só cabem 4 produtos em uma linha, quando há 5 produtos é necessário separá-los em duas linhas. Dessa
 * forma, criamos formatações para os produtos da linha de cima e da linha debaixo
 *
 **/
div#conteudo div.boxCompose5 div.cincoColunas { width:169px; }
div#conteudo div.boxCompose5 div.prod4 { margin-left:94px; }
div#conteudo div.boxCompose5 div.prod4,
div#conteudo div.boxCompose5 div.prod5 { margin-top:0; }


/* Código do modelo */
div#conteudo div.boxCompose1 h3,
div#conteudo div.boxCompose2 h3,
div#conteudo div.boxCompose3 h3,
div#conteudo div.boxCompose4 h3,
div#conteudo div.boxCompose5 h3 {
	display:block;
	height:30px;
	line-height:30px;
	font-size:125%;
	text-align:center;
	color:#fff;
	margin-bottom:10px;
	background:#b6b6b6 url(../imagens/bg-barra-titulo.gif) no-repeat -50px top;
	border-right:1px solid #b6b6b6;
	border-left:1px solid #b6b6b6;
	clear:both;
}

/* Box Imagem do Composê */
div#conteudo div.boxImgCompose {
	width:100%;
	text-align:center;
	margin:0 auto;
	padding-bottom:7px;
	clear:both;
}



/**
 *
 * Aviso dos produtos em promoção
 * http://www.tecdec.com.br/busca-de-produtos/(código do produto)
 *
 **/
p#avisoPromocao {
	height:30px;
	margin:0;
	padding:0 0 35px;
}
p#avisoPromocao span {
	display:block;
	height:30px;
	line-height:30px;
	text-align:center;
	color:#c00;
	font-size:130%;
}



/**
 *
 * Liquidação Anual
 *
 * http://www.tecdec.com.br/produtos/
 * http://www.tecdec.com.br/produtos/(nome da catgoria)/
 * http://www.tecdec.com.br/produtos/(nome da catgoria)/(nome da subcategoria)/
 *
 **/
h2#liquidacao-anual {
	padding-bottom:200px;
	background:url(../imagens/liquidacao-anual.gif) no-repeat center bottom;
}

/* Título na página de exibição dos produtos com o formulário de solicitação de orçamento */
h2.orcamento#liquidacao-anual {
	float:left;
	width:313px;
}




/**
 *
 * Formulário de solicitação de orçamento
 * http://www.tecdec.com.br/produtos/orcamento
 *
 **/
div#orcamento {
	float:right;
	width:220px;
	height:220px;
	padding:2px 7px 8px 3px;
	overflow:hidden;
	background:url(../imagens/bg-form-orcamento.jpg) no-repeat left top;
}

div#orcamento form fieldset {
	position:relative;
	border:none;
}

div#orcamento form fieldset h3 {
	width:220px;
	height:22px;
	line-height:20px;
	text-align:center;
	font-size:70%;
	color:#fff;
	padding-bottom:10px;
}

/* Labels */
div#orcamento form fieldset label {
	display:block;
	float:left;
	width:70px;
	height:22px;
	line-height:20px;
	font-size:70%;
	font-weight:bold;
	color:#000;
	padding-left:10px;
}

/* Inputs */
div#orcamento form fieldset input.inputs {
	display:block;
	float:left;
	width:130px;
	height:22px;
	line-height:22px;
	text-indent:2px;
	font-size:70%;
	color:#000;
	margin-bottom:1px;
	border:none;
	background-color:transparent;
	background-image:url(../imagens/bg-input-orcamento.png) !important;
	background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=imagens/bg-input-orcamento.png,sizingMethod='scale');
}

/* Label "Orçamento" */
div#orcamento form fieldset p#label-orcamento {
	float:left;
	width:70px;
	height:22px;
	line-height:20px;
	font-size:70%;
	font-weight:bold;
	color:#000;
	margin:0;
	padding-left:10px;
}


/**
 *
 * Lista dos produtos adicionados
 *
 **/
div#orcamento form fieldset p#lista-dos-produtos {
	position:relative;
	float:left;
	width:123px;
	height:92px;
	line-height:16px;
	text-indent:0;
	font-size:70%;
	color:#000;
	margin:0;
	padding:2px 3px 15px 4px;
	background-image:url(../imagens/bg-input-orcamento.png) !important;
	background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=imagens/bg-input-orcamento.png,sizingMethod='scale');
	overflow-y:auto;
}

/* Lista dos produtos vazia (aviso) */
div#orcamento form fieldset p#lista-dos-produtos span#aviso {
	position:absolute;
	top:0;
	left:0;
	width:123px;
	height:89px;
	line-height:16px;
	text-align:center;
	text-indent:3px;
	color:#333;
	margin:0;
	padding:18px 3px 2px 4px;
}


/* Botão "Enviar" */
div#orcamento form fieldset input#botao-enviar {
	position:absolute;
	top:151px;
	left:2px;
	width:60px;
	height:20px;
	margin:0;
	padding:0;
	border:none;
}


/* Link "Limpar" */
div#orcamento form fieldset a#limpar {
	position:absolute;
	bottom:0;
	left:120px;
	display:block;
	width:50px;
	height:13px;
	text-indent:-9999px;
	margin:0;
	padding:0;
	background:#d9d6d7 url(../imagens/botao-limpar.gif) no-repeat left -13px;
	overflow:hidden;
	z-index:400;
}

/* Link "Limpar" desativado */
div#orcamento form fieldset a#limpar.disabled {
	background-position:left top;
	cursor:default;
}


/* Botão "Incluir no orçamento" (ativo e inativo) */
div#conteudo div.boxProduto p span.botao-incluir,
div#conteudo div.boxProduto p a.botao-incluir {
	position:absolute;
	top:-5px;
	right:3px;
	display:block;
	width:87px;
	height:37px;
	text-indent:-9999px;
}

/* Botão inativo */
div#conteudo div.boxProduto p span.botao-incluir { background:url(../imagens/botao-incluir-no-orcamento.gif) no-repeat left top; }

/* Botão ativo */
div#conteudo div.boxProduto p a.botao-incluir { background:url(../imagens/botao-incluir-no-orcamento.gif) no-repeat left -37px; }


/* Lista dos produtos que é criada ao submeter o formulário */
div#orcamento form fieldset input#lista-produtos { display:none; }


/**
 *
 * Formulário para informar a quantidade em metros (ModalBox)
 *
 **/
div#overlay {
	position:fixed;
	top:0;
	left:0;
	display:none;
	width:100%;
	height:100%;
	background-color:#000;
	z-index:500;
}

div#modalBox {
	position:fixed;
	top:50%;
	left:50%;
	display:none;
	width:300px;
	height:150px;
	color:#333;
	margin:-95px 0 0 -150px;
	padding:41px 15px 15px;
	background-color:#fff;
	border:4px solid #525252;
	z-index:501;
}

div#modalBox form fieldset {
	margin:0;
	padding:0;
	border:none;
}

/* Título do modal */
div#modalBox form fieldset h2 {
	position:absolute;
	top:0;
	left:0;
	width:328px;
	height:30px;
	line-height:30px;
	text-indent:10px;
	font-size:100%;
	color:#fff;
	background:#b6b6b6 url(../imagens/bg-barra-titulo.gif) no-repeat center top;
	border:1px solid #b6b6b6;
	border-top:none;
}

div#modalBox form fieldset label#label-quantidade {
	display:block;
	font-size:80%;
	margin:0;
}

div#modalBox form fieldset p#area-quantidade {
	position:relative;
	height:22px;
	line-height:22px;
	font-size:80%;
	margin-bottom:18px;
	padding:18px 0;
	border-bottom:1px dotted #ccc;
}

/* Input da quantidade */
div#modalBox form fieldset p#area-quantidade input#input-quantidade {
	position:absolute;
	top:15px;
	left:0;
	display:block;
	width:64px;
	height:22px;
	line-height:22px;
	text-align:center;
	text-indent:2px;
	margin:0;
	border:1px solid #7f9db9;
}

/* Legenda "metros" */
div#modalBox form fieldset p#area-quantidade span#legenda {
	position:absolute;
	top:15px;
	left:72px;
	display:block;
	height:22px;
	line-height:22px;
}

/* Botões "OK" e "Cancelar" */
div#modalBox form fieldset button {
	width:67px;
	height:30px;
	font-size:70%;
	font-weight:bold;
	margin-right:3px;
}

/* Botão "OK" */
div#modalBox form fieldset button#btn-ok { color:#00c; }

/* Botão "Cancelar" */
div#modalBox form fieldset button#btn-cancelar { color:#f00; }



/**
 * Descrição:
 * Corrige o problema que os selects na página não permitem que outros elementos fiquem sobre os mesmos, mesmo usando z-index. É
 * criado um <iframe> com dimensões do tamanho da tela, sobrepondo todos os elementos. Devido à opacidade 0 (zero), os elementos
 * são sobrepostos mas o <iframe> não é exibido.
 * 
 * Versões afetadas:
 * IE6
 *
 * Páginas:
 * http://www.tecdec.com.br/produtos/
 *
 **/
iframe#hideSelect {
	_position:absolute;
	_top:0;
	_left:0;
	_width:100%;
	_height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	_background-color:#fff;
	_border:none;
	_filter:alpha(opacity='0');
	_opacity:0;
	_z-index:99999;
}



/**
 * Descrição:
 * Corrige o problema do position:fixed no IE6
 * 
 * Versões afetadas:
 * IE6
 *
 * Páginas:
 * http://www.tecdec.com.br/produtos/
 *
 **/
div#overlay {
	_position:absolute;
	_height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	_z-index:100000;
}
div#modalBox {
	_position:absolute;
	_margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
	_z-index:100001;
}