@charset "utf-8";

/* Geral */
body{
	background-color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
a{ text-decoration:none;}
.clear{
	clear:both;
	height:1px;
	overflow:hidden;
}
.show{ display:block; }
.hide{ display:none; }
.semBorda { border:none !important; }
	


/* HEADER */
.header{
	background:url(../images/header-ecommerce/bg-header.gif) repeat-x 0 0;
	height:224px;
	width:100%;
	position:relative;
	z-index:2;
}
	.headerConteudo{
		margin:0 auto;
		width:965px;
	}
	.header ul.menuInstitucional{
		height:39px;
		margin-left:4px;
		width:961px;
	}
		.header ul.menuInstitucional li{
			display:inline;
			float:left;
			height:39px;
		}
		.header ul.menuInstitucional li.areaExclusiva{
			margin-left:136px;
		}
			.header ul.menuInstitucional li a{
				display:block;
				font-size:1px;
				height:39px;
				text-indent:-2000px;
				overflow:hidden;
			}
				.header ul.menuInstitucional li a.homeInstitucional{
					background:url(../images/header-ecommerce/menu-home-institucional.jpg);
					width:182px;
				}
					.header ul.menuInstitucional li a.homeInstitucional:hover{ background:url(../images/header-ecommerce/menu-home-institucional-hover.jpg);}
				.header ul.menuInstitucional li a.quemSomos{
					background:url(../images/header-ecommerce/menu-quemsomos.jpg);
					width:109px;
				}
					.header ul.menuInstitucional li a.quemSomos:hover{ background:url(../images/header-ecommerce/menu-quemsomos-hover.jpg);}
				.header ul.menuInstitucional li a.solucoes{
					background:url(../images/header-ecommerce/menu-solucoes.jpg);
					width:181px;
				}
					.header ul.menuInstitucional li a.solucoes:hover{ background:url(../images/header-ecommerce/menu-solucoes-hover.jpg);}
				.header ul.menuInstitucional li a.noticias{
					background:url(../images/header-ecommerce/menu-noticias.jpg);
					width:76px;
				}
					.header ul.menuInstitucional li a.noticias:hover{ background:url(../images/header-ecommerce/menu-noticias-hover.jpg);}
				.header ul.menuInstitucional li a.fale{
					background:url(../images/header-ecommerce/menu-faleconosco.jpg);
					width:114px;
				}
					.header ul.menuInstitucional li a.fale:hover{ background:url(../images/header-ecommerce/menu-faleconosco-hover.jpg);}
					.header ul.menuInstitucional li a.exclusiva, .header ul.menuInstitucional li a.login{
						color:#b6b6b6;
						font-size:11px!important;
						height:19px;
						padding-top:4px;
						text-align:center;
						text-indent:0!important;
					}
						.header ul.menuInstitucional li a.exclusiva{
							background:url(../images/header-ecommerce/menu-area-exclusiva.jpg) no-repeat 0 0;
							line-height:normal;
							margin:7px 1px 0 0;
							width:102px;
						}
						.header ul.menuInstitucional li a.login{
							background:url(../images/header-ecommerce/menu-login.jpg) no-repeat 0 0;
							width:60px;
							line-height:normal;
							margin-top:7px;
						}
							.header ul.menuInstitucional li a.exclusiva:hover, .header ul.menuInstitucional li a.login:hover{color:#fff;}
							.header ul.menuInstitucional li.restrito #login {
							display:none;
							position: absolute;
							z-index: 10;
							width: 209px;
							height: 172px;
							margin: 4px 0 0 -45px;
							background: url(../images/header-ecommerce/login.gif) no-repeat;
						}
							.header ul.menuInstitucional li.restrito #login p {
								color: #FFF;
								padding: 10px 0 5px 21px;
							}
							.header ul.menuInstitucional li.restrito #login strong {
								font-size: 1.3em;
								color: #bab8b8;
							}
							.header ul.menuInstitucional li.restrito #login a {
								display:inline;
								color: #FFF!important;
								font-size:10px!important;
								text-indent:0!important;
								text-decoration: underline;
							}
								.header ul.menuInstitucional li.restrito #login a:hover{text-decoration:none;}
	.header .logoFCM{
		background:url(../images/header-ecommerce/logo-fcm.gif) no-repeat 0 0;
		float:left;
		font-size:1px;
		height:69px;
		margin-top:33px;
		overflow:hidden;
		text-indent:-2000px;
		width:236px;
	}
	.header .headerDir{
		float:right;
		position:relative;
		width:355px;
	}
		.header .headerDir ul.menuApoio{
			height:23px;
			margin-top:17px;
			
		}
			.header .headerDir ul.menuApoio li{
				float:right;
				height:23px;
				margin-left:4px;
			}
				.header .headerDir ul.menuApoio li a{
					color:#3d3d3d;
					display:block;
					height:18px;
					text-decoration:none;
				}
					.header .headerDir ul.menuApoio li a:hover{color:#ff0000;}
					.header .headerDir ul.menuApoio li a.linkCadastro{
						background:url(../images/header-ecommerce/bg-botao-menu-apoio.jpg) no-repeat 0 0;
						display:block;
						padding:5px 0 0 18px;
						width:79px;
					}
						.header .headerDir ul.menuApoio li a.linkCadastro:hover{ background:url(../images/header-ecommerce/bg-botao-menu-apoio-hover.jpg) no-repeat 0 0;}
					.header .headerDir ul.menuApoio li a.linkPedidos{
						background:url(../images/header-ecommerce/bg-botao-meu-carrinho.jpg) no-repeat 0 0;
						padding:6px 0 0 34px;
						width:90px;
					}
						.header .headerDir ul.menuApoio li a.linkPedidos:hover{ background:url(../images/header-ecommerce/bg-botao-meu-carrinho-hover.jpg) no-repeat 0 0;}
		
			.header .headerDir .logado{
				color:#757575;
				position:absolute;
				left:31px;
				top:45px;
				width:320px;
			}
				.header .headerDir .logado strong{
					color:#312D2E;
				}
				.header .headerDir .logado span{
					float:right
				}
					.header .headerDir .logado span a{
						color:#757575;
						font-weight:bold;
						text-decoration:none;
					}
					.header .headerDir .logado span a:hover{
						color:#BE0000;
					}	
			.header .headerDir .busca{
				clear:both;
				padding-top:28px;
			}
				.header .headerDir .busca label{
					color:#999;
					display:block;
					font-family:Corbel, Verdana, Tahoma, sans-serif;
					font-size:21px;
					margin-left:35px;
					padding-bottom:4px;
				}
				.header .headerDir .busca input.campo{
					background-color:#d6d6d6;
					float:right;
					border:none;
					color:#2d2d2d;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:12px;
					height:19px;
					padding:3px 10px 0;
					width:235px;
				}
				.header .headerDir .busca button.botao{
					border:none;
					background-color:#707070;
					color:#fff;
					cursor:pointer;
					float:right;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:12px;
					height:22px;
					margin-left:4px;
					padding-bottom:2px;
				}
				.header .headerDir .busca input.botaoHover{ background-color:#be0000;}
	.header .menuCategorias{
		height:48px;
		margin-top:15px;
	}
		.header .menuCategorias ul.mainMenu{ height:48px;}
			.header .menuCategorias ul.mainMenu li{
				float:left;
				position:relative;
			}
				.header .menuCategorias ul.mainMenu li a{
					background:url(../images/header-ecommerce/bg-menu-categorias.gif) no-repeat top right;
					color:#828181;
					float:left;
					font-family:Arial, Helvetica, sans-serif;
					font-size:17px;
					font-weight:bold;
					height:48px;
					line-height:48px;
					padding:0 27px;
					text-align:center;
				}
					.header .menuCategorias ul.mainMenu li a.promocoes{
						background:none!important;
						color:#be0000;
					}
					.header .menuCategorias ul.mainMenu li a:hover{ color:#ff0000; }
				.header .menuCategorias ul.subMenu{
					background-color:#efefef;
					display:none;
					position:absolute;
					top:48px;
					left:0;
					width:200px
				}
					.header .menuCategorias ul.subMenu li a{
						background:url(../images/header-ecommerce/bg-sub-menu.gif) repeat-x 0 bottom;
						font-size:15px;
						font-weight:normal;
						height:auto;
						line-height:normal;
						padding:5px 0 7px;
						width:200px;
					}
						.header .menuCategorias ul.subMenu li a.semBorda{ background:none;}

/* ///////////////////
	Conteúdo
///////////////// */

.content{
	width:965px;
	margin:0 auto;
}

	.banner{
		height:282px;
		margin-top:27px;
		overflow:hidden;
		width:965px;
	}
		.banner .bannerImg{
			float:left;
			width:931px;
		}
		.banner ul{
			background-color:#cc0000;
			float:right;
			height:266px;
			padding-top:16px;
			width:34px;
		}
			.banner ul li{
				font-family:Arial, Helvetica, sans-serif;
				font-size:13px;
				padding-bottom:27px;
				text-align:center;
			}
				.banner ul li a{
				 color:#fff;
				 display:block;
				 height:20px;
				 text-decoration:none;
				 width:34px;
				}
					.banner ul li a.ativo, .banner ul li a:hover{ font-weight:bold;}
	.tituloOferta{
		background-color:#cc0000;
		height:27px;
		margin-top:30px;
		width:965px;
	}
		.tituloOferta h2{
			background:url(../images/loja/titulo-oferta.gif) no-repeat 0 0;
			display:block;
			font-size:1px;
			height:27px;
			margin-left:75px;
			overflow:hidden;
			text-indent:-2000px;
			width:191px;
		}
	.produtosConteudo{
		border:1px solid #cc0000;
		border-top:none;
		overflow:hidden;
	}
	.produtosConteudo ul.listaProdutos{
		clear:both;
		overflow:hidden;
		width:963px;
	}
	.produtosConteudo ul.listaProdutos li{
		float:left;
		width:240px;
		height:250px;
		padding:20px 0;
	}
	.produtosConteudo ul.listaProdutos li a{
		display:block;
		margin:0 auto;
		text-align:center;
		width:155px;
	}
		.produtosConteudo ul.listaProdutos li a span{
			display:block;
		}
			.produtosConteudo ul.listaProdutos li a span.nomeProduto{
				color:#000;
				font-size:11px;
				line-height:13px;
			}
				.produtosConteudo ul.listaProdutos li a:hover span.nomeProduto{
					text-decoration:underline;
				}
			.produtosConteudo ul.listaProdutos li a span.preco{
				color:#000;
				font-size:14px;
				font-weight:bold;
				padding:10px 0;
			}
			.produtosConteudo ul.listaProdutos li a span.parcela{
				color:#be0000;
				font-size:11px;
				font-weight:bold;
			}
	.nuvemTags{
		width:965px;
		margin-top:14px;
	}
		.nuvemTags .nuvemTopo{
			background:url(../images/loja/nuvem-tags-topo.gif) no-repeat 0 0;
			height:9px;
			overflow:hidden;
			width:965px;
		}
		.nuvemTags .nuvemConteudo{
			background-color:#cc0000;
			width:965px;
		}
			.nuvemTags .nuvemConteudo h2{
				color:#fff;
				font-family:corbel, arial, sans-serif;
				font-size:33px;
				font-weight:normal;
				text-align:center;
			}
			.nuvemTags .nuvemConteudo .linksNuvem{
				padding:15px 10px;
				text-align:center;
			}
			.nuvemTags .nuvemConteudo .linksNuvem a{
				color:#fff;
				font-family:Arial, Helvetica, sans-serif;
				font-weight:bold;
				padding:0 3px;
			}
				.nuvemTags .nuvemConteudo .linksNuvem a:hover{text-decoration:underline;}
				.nuvemTags .nuvemConteudo .linksNuvem a.nuvem1{ font-size:6px;}
				.nuvemTags .nuvemConteudo .linksNuvem a.nuvem2{ font-size:8px;}
				.nuvemTags .nuvemConteudo .linksNuvem a.nuvem3{ font-size:10px;}
				.nuvemTags .nuvemConteudo .linksNuvem a.nuvem4{ font-size:12px;}
				.nuvemTags .nuvemConteudo .linksNuvem a.nuvem5{ font-size:14px;}
				.nuvemTags .nuvemConteudo .linksNuvem a.nuvem6{ font-size:16px;}
				.nuvemTags .nuvemConteudo .linksNuvem a.nuvem7{ font-size:18px;}
				.nuvemTags .nuvemConteudo .linksNuvem a.nuvem8{ font-size:20px;}
				.nuvemTags .nuvemConteudo .linksNuvem a.nuvem9{ font-size:22px;}
				.nuvemTags .nuvemConteudo .linksNuvem a.nuvem10{ font-size:24px;}
				
		.nuvemTags .nuvemFim{
			background:url(../../images/loja/nuvem-tags-fim.gif) no-repeat 0 0;
			height:9px;
			overflow:hidden;
			width:965px;
		}
		
/* ///////////////////////
	Menu Lateral
////////////////////// */
.colunaEsq{
	float:left;
	width:207px;
	margin-top:10px;
}
	.colunaEsq .menuLateral{ width:207px;}
		.colunaEsq .menuLateral .menuLateralTopo{
			background:url(../images/loja/menu-lateral-topo.gif) no-repeat 0 0;
			height:17px;
			width:207px;
		}
		.colunaEsq .menuLateral .menuLateralConteudo{
			background-color:#eeeeee;
		}
			.colunaEsq .menuLateral .menuLateralConteudo ul li a{
				background:url(../images/header-ecommerce/bg-sub-menu.gif) repeat-x 0 bottom;
				color:#312d2e;
				display:block;
				font-family:Arial, Helvetica, sans-serif;
				font-size:17px;
				padding:10px 10px 12px 24px;
				width:173px;
			}
				.colunaEsq .menuLateral .menuLateralConteudo ul li a:hover{ color:#ff0000;}
		.colunaEsq .menuLateral .menuLateralFim{
			background:url(../images/loja/menu-lateral-fim.gif) no-repeat 0 0;
			height:15px;
			width:207px;
		}
	.colunaEsq .publicidade{
		margin-top:84px;
		width:207px;
	}
		.colunaEsq .publicidade ul li{
			display:block;
			padding:10px 0;
		}
			.colunaEsq .publicidade ul li img{
				display:block;
				margin:0 auto;
			}
		
/* ///////////////////
	Footer
////////////////// */

.footer{
	width:965px;
	margin:10px auto 0;
	overflow:hidden;
	padding-bottom:20px;
}
	.footer .formaPagamento{
		float:left;
		padding-bottom:20px;
		width:965px;
	}
	.footer .formaPagamento span{
		color:#999;
		float:left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		line-height:28px;
		padding:10px 15px 0 0;
	}
	.footer .formaPagamento img{
		float:left;
		padding-top:10px;
	}
	.footer .formaPagamento .pagSeguro{
		background:url(../images/loja/img-compra-segura.gif) no-repeat 0 0;
		float:right;
		font-size:1px;
		height:49px;
		text-indent:-2000px;
		overflow:hidden;
		width:260px;
	}
	.footer .menuFooter{
		float:left;
		width:168px;
	}
		.footer .menuFooter .menuFooterTopo{
			background:url(../images/loja/bg-menu-footer-topo.gif) no-repeat 0 0;
			height:13px;
			overflow:hidden;
			width:168px;
		}
		.footer .menuFooter .menuFooterConteudo{ background-color:#f3f3f3}
			.footer .menuFooter .menuFooterConteudo ul{
				padding:0 22px;
			}
				.footer .menuFooter .menuFooterConteudo ul li{
					display:block;
					_height:10px;
				}
				.footer .menuFooter .menuFooterConteudo ul li a{
					background:url(../images/loja/bullet-menu-footer.gif) no-repeat left center;
					color:#3d3d3d;
					display:block;
					font-family:Arial, Helvetica, sans-serif;
					font-size:12px;
					padding:3px 0 3px 10px;
				}
					.footer .menuFooter .menuFooterConteudo ul li a:hover{
						background:url(../images/loja/bullet-menu-footer-hover.gif) no-repeat left center;
						color:#ff0000;
					}	
		.footer .menuFooter .menuFooterFim{
			background:url(../images/loja/bg-menu-footer-fim.gif) no-repeat 0 0;
			height:13px;
			overflow:hidden;
			width:168px;
		}
	.footer .assinatura{
		float:right;
	}
		.footer .assinatura img{
			display:block;
			float:right;
			margin-bottom:10px;
		}
		.footer .assinatura span{
			clear:both;
			color:#767471;
			display:block;
			font-size:9px;
			text-align:right;
		}
		.footer .assinatura span a{color:#767471;}
			.footer .assinatura span a:hover{text-decoration:underline;}		
					
/* Select */
.divSelectContent{
	background: url(../images/loja/bg-select.gif) no-repeat 178px 10px #e9e9e9;
	float:left;
	position:static;
	width:196px;
}
	.select{
		color:#828181;
		cursor:pointer;
		display:block;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		height:22px;
		text-decoration:none!important;
		padding:3px 0 0 13px; 
		width:183px;
		position:relative;
		z-index:2;
	}
		.select div.ativo{
			color:#828181;
			cursor:pointer;
			font-size:12px;
			height:23px;
			line-height:17px;
			position:relative;
			width:183px;
			z-index:2;
		}
		.select div.options{
			background-color:#e9e9e9;
			color:#828181;
			display:none;
			left:0;
			overflow:auto;
			position:absolute !important;
			top:25px;
			width:196px;
		}
			.select div.options div{
				display:block;
				float:none;
			}
			.select div.options a{
				background:#D8D8D8 none repeat scroll 0% 50%;
				color:#828181 !important;
				display:block;
				float:none;
				font-size:12px !important;
				height:20px;
				line-height:20px;
				padding:0px 5px 0 13px;
				text-decoration:none !important;
			}
				.select div.options a:hover, .select div.options a.optionAtivo{
					color:#ff0000 !important;
				}
				
/* /////////////
	Paginação
///////////// */
.produtosConteudo div.pagLoja {
		clear: both;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		height:25px;
		overflow:hidden;
		padding: 30px 0;
		text-align:center;
	}
	/*.produtosConteudo div.pagLoja A.primeira{background-image:url(../../../common/image/common/paging/primeira.png); background-repeat:no-repeat; background-position:50% 50%;}
	.produtosConteudo div.pagLoja A.anterior{background-image:url(../../../common/image/common/paging/voltar.png); background-repeat:no-repeat; background-position:50% 50%;}
	.produtosConteudo div.pagLoja A.proximo{background-image:url(../../../common/image/common/paging/proxima.png); background-repeat:no-repeat; background-position:50% 50%;}
	.produtosConteudo div.pagLoja A.ultima{background-image:url(../../../common/image/common/paging/ultima.png); background-repeat:no-repeat; background-position:50% 50%;}*/
		.produtosConteudo div.pagLoja span{
			background-color:#be0000;
			color:#FFF;
			line-height:2em;
			padding:6px;
			margin:3px;
		}
		.produtosConteudo div.pagLoja a {
			color:#be0000;
			line-height:2em;
			padding:6px;
			margin:3px;
		}
		.produtosConteudo div.pagLoja a:hover {
			background-color:#be0000;
			color:#FFF;
		}
		
/* Flutuantes Soluções */

.flutuanteOffice, .flutuanteTermica{
	display:none;
	position:absolute;
	width:831px;
	z-index:102;
}
	.flutuanteOffice .officeTopo{
		background:url(../images/solucoes-loja/bg-solucao-office-topo.png) no-repeat 0 0;
		height:35px;
		overflow:hidden;
		position:static;
		width:831px;
	}
	.flutuanteTermica .termicaTopo{
		background:url(../images/solucoes-loja/bg-solucao-termica-topo.png) no-repeat 0 0;
		height:35px;
		overflow:hidden;
		position:static;
		width:831px;
	}
		.flutuanteOffice .officeTopo a, .flutuanteTermica .termicaTopo a{
			color:#fff;
			display:inline;
			float:right;
			margin:10px 10px 0 0;
			position:relative;
		}
			.flutuanteOffice .officeTopo a:hover, .flutuanteTermica .termicaTopo a:hover{ text-decoration:underline;}
	.flutuanteConteudo{
		background-color:#4a4a4a;
	}
		.flutuanteConteudo h2{
			display:block;
			font-size:1px;
			height:36px;
			overflow:hidden;
			text-indent:-2000px;
			width:831px;
		}
			.flutuanteConteudo h2.tituloOffice{
				background:url(../images/solucoes-loja/titulo-office.gif) no-repeat 0 0;
			}
			.flutuanteConteudo h2.tituloTermica{
				background:url(../images/solucoes-loja/titulo-termica.gif) no-repeat 0 0;
			}
		.flutuanteConteudo p{
			color:#bab8b8;
			font-size:12px;
			margin:20px 30px;
		}
		.flutuanteConteudo h4{
			color:#bab8b8;
			font-size:16px;
			margin:10px 30px;
		}
		.flutuanteConteudo ul{
			padding:0 0 20px 50px;
		}
			.flutuanteConteudo ul li{
				color:#bab8b8;
				padding:5px 10px;
			}
				.flutuanteConteudo ul.office li{
					background:url(../images/solucoes-loja/azul.gif) no-repeat left center;
				}
				.flutuanteConteudo ul.termica li{
					background:url(../images/solucoes-loja/vermelha.gif) no-repeat left center;
				}
		.flutuanteConteudo a{
			display:block;
			font-size:1px;
			height:30px;
			margin-left:30px;
			overflow:hidden;
			text-indent:-2000px;
			width:260px;
		}
			.flutuanteConteudo a.office{
				background:url(../images/solucoes-loja/bt-solucao-office.gif) no-repeat 0 0;
			}
			.flutuanteConteudo a.termica{
				background:url(../images/solucoes-loja/bt-solucao-termica.gif) no-repeat 0 0;
			}
	.flutuanteFim{
		background:url(../images/solucoes-loja/bg-solucao-fim.png) no-repeat 0 0;
		height:37px;
		width:831px;
	}
	

/*---- Pop-up Natal 2011 ----*/
#popup{
	width:100%;
	height:1700px;
	display:table;
	position:absolute;
	z-index:100;
	top:0;
	left:0;
	background:url(../img/bg1.png) top center repeat;
}

.fechar {
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	text-indent:-999999px;
	position:absolute;
	background-repeat:repeat;
	background-image:url(../transp.gif);
	top:0px;
	left:0px;
	z-index:200;
	outline:none;
}