/********** geral 
azul claro dfefff
fundo conteudo f5f9fc
azul logo 4075a9
cinza claro e7e7e7

*************/



/********** Catalogo *************/

/***************************************** Menu Catálogo ************************************************/
/* Menu Catalogo Lateral - CATEGORIAS */
/* estrutura */
.box_menu{ margin: 0px; padding:10px; background-color:#FFF; overflow:hidden;/* border: 1px solid #CCCCCC;*/}
#menu_catalogo { float:left; margin: 0; margin-left:0px; padding: 0px; text-align:left; overflow:hidden; background-color:#FFF; width:140px;}
#menu_catalogo p{ margin: 0; padding: 0; font-family: Tahoma, arial, verdana; font-size: 10px; padding-top:2px; padding-bottom:2px; margin:0; font-weight:bold;}

/* lista menu */
#menu_catalogo ul{width:auto; height:auto; padding:0; margin:10px; margin-left:0; margin-top:0; font-family: Tahoma, arial, verdana; font-size: 12px; font-weight:bold; color:#666666;}
#menu_catalogo ul li{ list-style:none; font-size:10px; color:#FFF; display:list-item; text-transform:uppercase; padding:0; padding-top: 5px; padding-bottom:0px;}
#menu_catalogo ul a{color:#0B5ED7; text-decoration:none;}
/*#menu_catalogo ul a:hover{border-bottom: 2px #f89f4d solid;}*/

/* subcategoria e mais - não utilizada */
#menu_su ul li.subcategoria{ list-style: none; font-size:11px; color:#333333; display:list-item; line-height:11px; padding-top:2px;}
#menu_catalogo ul a.subcategoria{color:#333333; text-decoration:none;}
#menu_catalogo ul a.subcatetoria:hover{text-decoration:underline;}
#menu_catalogo ul li.mais{ list-style: none; font-size:11px; color:#666666; display:list-item; line-height:11px; padding-bottom: 6px; padding-top:2px;font-weight:bold; /*border-bottom: 1px solid;*/}
#menu_catalogo ul a.mais{color:#FFF; text-decoration:none;}
#menu_catalogo ul a.mais:hover{text-decoration:underline;}

/* Menu Catalogo Topo - SUBCATEGORIAS */
/* estrutura */
.box_subcategoria{ margin: 8px 5px; padding:4px 8px 0 8px; background-color:#FFFFFF; overflow:hidden; border: 1px solid #CCCCCC; font-size: 10px; height:auto; float:left; width:530px;}
.box_subcategoria p{ margin: 0; padding: 0; font-family: Tahoma, arial, verdana; font-size: 13px; padding-top:2px; padding-bottom:2px; margin:0; font-weight:bold; color: #478CA0;}
.box_subcategoria img{ margin: 0; padding: 0; top:0;}
#menu_subcategoria { float:left; margin: 0; padding: 0px; text-align:left;}


/* lista menu */
#menu_subcategoria ul{width:auto; height:auto; padding:0; margin:10px; margin-left:0; margin-top:0; font-family: Tahoma, arial, verdana; font-size: 11px; font-weight:bold; color:#666666; height:auto;}
#menu_subcategoria ul li{ list-style:none; font-size:10px; color:#FFF; display:inline; text-transform:uppercase;padding: 10px 2px 10px 2px;  line-height:20px; }
#menu_subcategoria ul a{color:#0B5ED7; text-decoration:none;  padding-left:8px;}
/*#menu_subcategoria ul a:hover{text-decoration:underline; color: #478CA0;}
*/
/********** Busca Menu*************/
Table.TBL_Busca_Menu { width: 100px; margin-top:5px; margin-bottom:5px; padding:0; border-spacing:0; font-size:12px;}
Table.TBL_Busca_Menu a{ color: #990000;}
Table.TBL_Busca_Menu a:hover{ color:#666666;}
Table.TBL_Busca_Menu TD { padding:5px; padding-left:0;border-spacing:0; margin:0;}
Table.TBL_Busca_Menu input{ padding: 0; margin-left:0px;margin-right:2px;}
Table.TBL_Busca_Menu input.opcao{ padding: 0; margin-left:5px;margin-right:10px;}
Table.TBL_Busca_Menu select{ padding: 0; margin-left:0px;margin-right:0px;}
/************************************************************** Vitrine ****************************************************************/
#vitrine_spot { padding: 15px 10px 15px 12px; text-align:center; width: 120px;}
#vitrine_spot img{ width: 120px; border:0;}


#produtos_vitrine {	background-color:#FFF; margin: 10px 0px 10px 0; height:100%; width: 420px; height:auto; padding: 10px 5px 10px 5px; overflow:hidden; left:0;}
#produtos_vitrine div.produto {
	float: left;
	background-color:#FFF;
	background-position: top left;
	background-repeat: no-repeat;
	width: 130px;
	height: 230px;
	margin-left:1px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom: 5px;
	overflow:hidden;
	padding: 0px;
/*	border: 1px #999999 solid;*/
	}
#produtos_vitrine div.produto a {
	cursor: hand;
	margin: 0;
}
#produtos_vitrine div.produto img {
	border: none;
	position: relative;
	max-width:120px;  
	width: expression(this.width > 120 ? 120: true); 
	max-height:120px;
	height: expression(this.height > 120 ? 120 true);
	margin: 10px 0 0 5px;
}
#produtos_vitrine div.descricao{
	position:relative;
	width:100%;
	height:30px;
	margin: 2px 0;
	padding:0px;
	padding-top:4px;
	text-align:center;
	color:#0855A0;
	font-family: tahoma;
	font-size:12px;
	font-weight:bold;
	overflow:hidden;
	text-transform: capitalize;
}
#produtos_vitrine div.descricao a{
	color:#0855A0;
	text-decoration:none;
	font-size:12px;
	color:#0B5ED7;
	}
#produtos_vitrine div.descricao a:hover{
	text-decoration:underline;
	}
#produtos_vitrine div.descricao img{
	margin: 0;
	padding: 0;
}
#produtos_vitrine div.produto div.enfeite {
	display: block;
	width: 43px;
	height: 43px;
	position: absolute;
	margin-top: -150px;
	margin-left: -25px;
	background-image: url(img/enfeite.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
#produtos_vitrine div.clique{
	position:relative;
	width:auto;
	height:auto;
	margin: 0;
	padding:0px;
	background-color:#FFF;
	text-align:center;
	color:#000099;
	font-family: tahoma;
	font-size:12px;
	font-weight:bold;
	overflow:hidden;
}
#produtos_vitrine div.clique a{
	color:#666666;
	text-decoration:none;
	}
#produtos_vitrine div.clique a:hover{
	text-decoration:underline;
	}


/******************************************************** Fornecedor Catalogo ********************************************************/ 
#forncedor_catalogo {float:right; margin-top:10px; font-size: 12px;}
#forncedor_catalogo a{text-decoration:none; color:#999999; font-weight:bold;}
#forncedor_catalogo a:hover{text-decoration:underline;}
#forncedor_catalogo img{margin-right: 50px;}


/************************************************************ Categorias ********************************************************/ 
#produtos_categorias {	margin: 5px 0 10px 0px; padding: 0; background-color:#FFF; height:100%; width:580px; padding-bottom: 10px; }
#produtos_categorias div.produto {
	float: left;
	/*background-image: url(produto_box.jpg);*/
	background-color:#FFF;
	background-position: top left;
	background-repeat: no-repeat;
	width: 160px;
	height: 250px;
	margin-left:10px;
	margin-right:10px;
	margin-top:20px;
	overflow:hidden;
	padding-bottom: 10px;
/*	border: 1px #66CCCC solid; */	
}

#produtos_categorias div.produto a {
	cursor: pointer;
	margin: 0;
	background-color:#FFF;
}
#produtos_categorias div.produto img {
	border: none;
	position: relative;
	max-width:120px;  
	width: expression(this.width > 120 ? 120: true); 
	max-height:120px;
	height: expression(this.height > 120 ? 120: true);
	margin: 10px 0 0 20px;
}
#produtos_categorias div.descricao{
	position: relative;
	text-align:center;
	color:#000099;
	font-family: tahoma;
	font-size:11px;
	overflow:hidden;
	margin: 15px 10px 10px 10px;
	padding:0px;
	float:left;
	font-weight:bold;
	background-color:#FFF;
}

#produtos_categorias div.descricao p{
	text-align:center;
	color:#000099;
	font-family: tahoma;
	font-size:11px;
	overflow:hidden;
	margin: 15px 10px 10px 10px;
	padding:0px;
	float:left;
	font-weight:bold;
}

#produtos_categorias div.descricao a{
	color:#666666;
	text-decoration:none;
}

#produtos_categorias div.descricao a:hover{
	text-decoration:underline;
}


#produtos_categorias div.produto div.enfeite {
	display: block;
	width: 43px;
	height: 43px;
	position: absolute;
	margin-top: -20px;
	margin-left: -15px;
	background-image: url(img/enfeite.gif);
	background-position: top left;
	background-repeat: no-repeat;
}


/* Produtos detalhes */

#produtos_detalhes {	margin: 10px 0; background-color:#FFF; height:auto; width:550px; }
#produtos_detalhes div.produto {
	float: left;
	/*background-image: url(produto_box.jpg);*/
	background-color:#FFF;
	background-position: top left;
	background-repeat: no-repeat;
	width: 160px;
	height: 160px;
	margin-left:2px;
	margin-right:2px;
	margin-top:20px;
	overflow:hidden;
	padding-bottom: 10px;
	background-color:#FFF
	}
#produtos_detalhes div.produto a {
	display: block;
	height: 160px;
	width: 160px;
	cursor: pointer;
	cursor: hand;
	padding: 0;
	margin: 0;
	background-color:#FFF;
}
#produtos_detalhes div.produto img {
	border: none;
	position: absolute;
	max-width:160px;  
	width: expression(this.width > 160 ? 160: true); 
	max-height:160px;
	height: expression(this.height > 160 ? 160: true);
}


#produtos_detalhes div.produto div.enfeite {
	display: block;
	width: 43px;
	height: 43px;
	position: absolute;
	margin-top: -10px;
	margin-left: -15px;
	background-image: url(img/enfeite.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#produtos_detalhes input.btn{font-family:arial; font-size:12px; font-weight:bold; color: #4075a9; height:23px; border-width:2px; border-style:solid; border-color:#4075a9; background-color:#FFFFFF; margin-top:10px;}	
#produtos_detalhes a:hover input.btn{background-color:#0078B9; color:#FFFFFF; border-color:#4075a9;}

/* descrição dos produtos: nome, preço*/
#produtos_detalhes div.descricao{
	text-align:left;
	font-family: tahoma;
	font-size:12px;
	overflow:hidden;
	margin:8px;
	margin-top:15px;
	padding:5px;
	height: 160px;
}
#produtos_detalhes div.descricao h1{
	font-size:16px;
	color:#0B5ED7;
	font-weight:bold;
	padding-left:5px;
}
#produtos_detalhes div.descricao p.pontos{
	font-size:14px;
	font-weight:bold;
	padding-bottom:20px;
	padding-left:5px;
}

/* troca - quantidade, definir alvo */
#produtos_detalhes div.troca{
	text-align:left;
	color:#000000;
	font-family: tahoma;
	font-size:12px;
	overflow:hidden;
	margin: 20px 0px 20px 0px;
	padding:10px;
	width: 100%;
	height: 100%;
	background-color:#FFF;
}
#produtos_detalhes div.troca fieldset {
	 border: 0;
}
#produtos_detalhes div.troca p{margin: 0; }
#produtos_detalhes div.troca label{
 	float: left;
 	margin-left:5px;
}
#produtos_detalhes div.troca select{margin: 0 10px 0 10px;}
#produtos_detalhes div.troca input.produto{ 
	 width: 170px;
 	margin: 0;
}
/*#produtos_detalhes div.troca input{ 
	 width: 10px;
 	margin: 2px 0;
}*/
#produtos_detalhes div.troca input.cbox{ 
	 width: 10px;
 	margin: 5px 5px 0 0;
}
#produtos_detalhes div.troca input.botao {
 	width:100px;
}  
#produtos_detalhes div.troca span {
border-left: 2px solid #999999;
margin: 20px;
padding: 10px 0;
}  




/* detalhes dos protudos: caracteristicas */
#produtos_detalhes div.detalhes{
	text-align:left;
	color:#000000;
	font-family: tahoma;
	font-size:12px;
	overflow:hidden;
	margin: 30px 2% 20px 0px;
	padding:10px;
	width: 100%;
	height: 100%;
	background-color:#FFF;
}
#produtos_detalhes div.detalhes h1{
	color:#000000;
	font-size:11px;
	font-weight:bold;
}
#produtos_detalhes div.detalhes h2{
	color:#000000;
	font-size:9px;
	font-family: tahoma;
}


/************************************************************ Busca Produtos ********************************************************/
/***** buscaform - busca compacta *************/
#buscaform{overflow:hidden;}

#buscaform fieldset {
	 background:#FFFFFF;
	 border: 0;
	 font-size: 11px;
	 font-weight:bold;
	 color: #478CA0;
}
#buscaform p{margin: 0;}

#buscaform label{
 	float: left;
 	margin-left:5px;
}
#buscaform select{margin: 0 2px 0 0px; width:100px; font-size:10px;}
#buscaform input.produto{ 
	 width: 100px;
 	margin: 0;
}

#buscaform input.cbox{ 
	 width: 10px;
 	margin: 5px 5px 0 0;
}
#buscaform input.botao {
 	width:auto;
	margin: 10px 0 0 0;

}  
 
/********** Busca Detalhada *************/
Table.TBL_Busca { width: 200px; margin-top:10px; margin-bottom:50px; padding:0; border-spacing:0; font-size:12px;}
Table.TBL_Busca a{ color: #990000;}
Table.TBL_Busca a:hover{ color:#666666;}
Table.TBL_Busca TD { padding:10px; border-spacing:0; margin:0;}
Table.TBL_Busca input{ padding: 0; margin-left:2px;margin-right:2px;}
Table.TBL_Busca input.opcao{ padding: 0; margin-left:5px;margin-right:10px;}
Table.TBL_Busca select{ padding: 0; margin-left:5px;margin-right:10px;}

 
#busca_produto {	margin: 5px 0 10px 0px; padding: 0; background-color:#FFF; height:100%; width:100%; padding-bottom: 10px; }
#busca_produto div.produto {
	float: left;
	/*background-image: url(produto_box.jpg);*/
	background-color:#FFF;
	background-position: top left;
	background-repeat: no-repeat;
	width: 160px;
	height: 250px;
	margin-left:15px;
	margin-right:2px;
	margin-top:30px;
	overflow:hidden;
	padding-bottom: 10px;
/*border: 1px #66CCCC solid;*/
}

#busca_produto div.produto a {
	cursor: pointer;
	margin: 0;
	background-color:#FFF;
}
#busca_produto div.produto img {
	border: none;
	position: relative;
	max-width:120px;  
	width: expression(this.width > 120 ? 120: true); 
	max-height:120px;
	height: expression(this.height > 120 ? 120: true);
	margin: 10px 0 0 5px;
}
#busca_produto div.descricao{
	position: relative;
	text-align:center;
	color:#000099;
	font-family: tahoma;
	font-size:11px;
	overflow:hidden;
	margin: 15px 8px 10px 8px;
	padding:0px;
	float:left;
	font-weight:bold;
	background-color:#FFF;
}

#busca_produto div.descricao p{
	text-align:center;
	color:#000099;
	font-family: tahoma;
	font-size:11px;
	overflow:hidden;
	margin: 15px 10px 10px 10px;
	padding:0px;
	float:left;
	font-weight:bold;
}

#busca_produto div.descricao a{
	color:#666666;
	text-decoration:none;
}

#busca_produto div.descricao a:hover{
	text-decoration:underline;
}


#busca_produto div.produto div.enfeite {
	display: block;
	width: 43px;
	height: 43px;
	position: absolute;
	margin-top: -20px;
	margin-left: -15px;
	background-image: url(img/enfeite.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

/******************************** Fornecedores ***************************************/
#fornecedores{
	text-align:left;
	color:#000000;
	font-family: tahoma;
	font-size:12px;
	overflow:hidden;
	margin: 20px 0 80px 0;
	padding:10px 0 10px 0;
	width: 100%;
	height: 100%;
	background-color:#FFF;
}
#fornecedores img{
	margin: 10px 20px;
	border: thin #CCCCCC solid;
}