/*
 JESUS CRISTO Seja Louvado, Bendito para Sempre, Amém!

 Erick Monteiro WebDesigner e Programador
 Copyright (c) 2012 - ErickMonteiro.com.br

 Desenvolvido por

 Empresa   : Erick Monteiro WebDesigner e Programador
 Contato   : erick@erickmonteiro.com.br
 WebSite   : http://www.erickmonteiro.com.br

*/
/* ============================================================================
	Tipografia
============================================================================ */
/* Carregando */
#CarregandoPagina {
	position: fixed;
	background:#fff url(../img/loading.gif) no-repeat 6px 4px;
	color: #778587;
	left: 47%;
	padding: 4px 9px 4px 29px;
	top: 9px;
	line-height:16px;
	box-shadow: 0 0 4px rgba(0,0,0,0.2);
	border-radius: 4px;
	z-index: 9999;
}
/* Fonts */
@font-face {
    font-family: 'helvetica';
    src: url('./fonts/helvetica/helvetica.eot');
    src: url('./fonts/helvetica/helvetica.eot?#iefix') format('embedded-opentype'),
         url('./fonts/helvetica/helvetica.woff') format('woff'),
         url('./fonts/helvetica/helvetica.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helvetica';
    src: url('./fonts/helvetica/helvetica-bold.eot');
    src: url('./fonts/helvetica/helvetica-bold.eot?#iefix') format('embedded-opentype'),
         url('./fonts/helvetica/helvetica-bold.woff') format('woff'),
         url('./fonts/helvetica/helvetica-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'helvetica';
    src: url('./fonts/helvetica/helvetica-light.eot');
    src: url('./fonts/helvetica/helvetica-light.eot?#iefix') format('embedded-opentype'),
         url('./fonts/helvetica/helvetica-light.woff') format('woff'),
         url('./fonts/helvetica/helvetica-light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
/* Botões */
.botaoVermelho { background:#A8032C; color:#fff; border:none; text-shadow:none; border-radius:0; }
.botaoVermelho:hover { color:#fff; background:#D12953; }
.botaoVermelho:active { color:#000; }

/* ============================================================================
	Geral
============================================================================ */
body { font-family:helvetica; background:#dfdfdf; }

/*** Topo ======================================== */
#siteTopo { background:#c9caca; border-bottom:3px solid #fff; }
#siteTopo > .container { position:relative; height:100px; }
	/* Logo */
	#siteTopo #Logo { position:absolute; left:0; bottom:0; margin:0; width:163px; }
	#siteTopo #Logo a span { display:none; }
	/* Botao voltar */
	#siteTopo .botaoTopoVoltar {
		position:absolute;
		bottom:0;
		left:290px;
		padding:5px 12px 5px 20px;
		color:#fff;
		background:#BB0031 url(../img/botaotopovoltar.png) no-repeat 5px center;
	}
	#siteTopo .botaoTopoVoltar:hover { background-color:#2F2F2F; text-decoration:none; }
	/* Contato */
	#siteTopo .topoContato { position:absolute; left:290px; top:18px; }
	#siteTopo .topoContato .link-facebook,
	#siteTopo .topoContato .link-twitter {
		float:left;
		padding:0 3px;
		margin-right:5px;
		height:21px;
		line-height:21px;
		color:#fff;
		font-size:18px;
		background:#2f2f2f;
	}
	#siteTopo .topoContato .link-facebook:hover,
	#siteTopo .topoContato .link-twitter:hover { text-decoration:none; background:#eee; }
	#siteTopo .topoContato .link-facebook:hover i,
	#siteTopo .topoContato .link-twitter:hover i { color:#bb0031; }
	#siteTopo .topoContato .telefoneLabel,
	#siteTopo .topoContato .telefoneNumero {
		float:left;
		padding:0 3px;
		margin-right:5px;
		width:163px;
		height:21px;
		line-height:21px;
		text-align:center;
		color:#fff;
		font-size:11px;
		background:#2f2f2f;
		font-weight:bold;
	}
	#siteTopo .topoContato .telefoneNumero { font-size:15px; background:#bb0031; }
	#siteTopo .topoContato .telefoneNumero small { font-size:12px; }

/*** Corpo ======================================== */
#siteCorpo { padding-top:17px; background:url(../img/corpo-fundo.png) repeat-x center top; }

/*** Rodape ======================================== */
#siteCopyright { margin-top:15px; font-size:9px; font-weight:bold; }

/* ============================================================================
	Páginas
============================================================================ */
/*** Home ======================================== */
body.BodyHome #siteCorpo .gridCaixas { position:relative; }
body.BodyHome #siteCorpo .gridCaixas > .row > .span2 { height:126px; }
body.BodyHome #siteCorpo .gridCaixas .gridCaixaPreta { color:#bb0031; background:#2f2f2f; }
body.BodyHome #siteCorpo .gridCaixas .gridCaixaPreta a {
	display:block;
	position:relative;
	height:100%;
	color:#bb0031;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
body.BodyHome #siteCorpo .gridCaixas .gridCaixaPreta a:hover { color:#fff; background:#1e1e1e; }
body.BodyHome #siteCorpo .gridCaixas .gridCaixaVermelha { background:#bb0031; }
body.BodyHome #siteCorpo .gridCaixas .gridCaixaEmpresa a span,
body.BodyHome #siteCorpo .gridCaixas .gridCaixaColecao a span,
body.BodyHome #siteCorpo .gridCaixas .gridCaixaCatalogo a span,
body.BodyHome #siteCorpo .gridCaixas .gridCaixaContato a span { position:absolute; top:45%; width:100%; font-size:15px; font-weight:bold; text-align:center; }
body.BodyHome #siteCorpo .gridCaixas .gridCaixaColecao a span { top:35%; }
body.BodyHome #siteCorpo .gridCaixas .gridCaixaCatalogo a span { right:7px; top:auto; bottom:5px; line-height:15px; font-size:11px; text-align:right; }
body.BodyHome #siteCorpo .gridCaixas .gridCaixaMensagemBiblica { position:relative; }
body.BodyHome #siteCorpo .gridCaixas .gridCaixaMensagemBiblica span { position:absolute; right:7px; bottom:5px; line-height:15px; font-size:11px; font-weight:bold; font-style:italic; color:#707070; text-align:right; }
/* Empresa */
body.BodyHome #siteCorpo .gridCaixas .caixaEmpresa {
	display:none;
	position:absolute;
	left:0;
	top:0;
	width:163px;
	height:126px;
	background:#ECEEEE;
	filter: alpha(opacity=0);
	opacity:0;
}
body.BodyHome #siteCorpo .gridCaixas .caixaEmpresa .caixaEmpresaDentro {
	position:absolute;
	top:-30px;
	filter: alpha(opacity=0);
	opacity:0;
}
body.BodyHome #siteCorpo .gridCaixas .caixaEmpresa .tituloEmpresa { padding:10px 15px 0 15px; margin:0; }
body.BodyHome #siteCorpo .gridCaixas .caixaEmpresa .tituloEmpresa a { float:right; color:#DB5173; text-decoration:none; }
body.BodyHome #siteCorpo .gridCaixas .caixaEmpresa .caixaScroll {
	overflow:auto;
	padding:5px 15px 0 15px;
	height:320px;
}

/* Contato */
body.BodyHome #siteCorpo .gridCaixas .caixaContato {
	display:none;
	position:absolute;
	left:0;
	bottom:0;
	width:163px;
	height:126px;
	background:#ECEEEE;
	filter: alpha(opacity=0);
	opacity:0;
}
body.BodyHome #siteCorpo .gridCaixas .caixaContato .caixaContatoDentro {
	position:absolute;
	top:-30px;
	width:100%;
	filter: alpha(opacity=0);
	opacity:0;
}
body.BodyHome #siteCorpo .gridCaixas .caixaContato .tituloContato { padding:10px 15px 0 15px; margin:0; }
body.BodyHome #siteCorpo .gridCaixas .caixaContato .tituloContato a { float:right; color:#DB5173; text-decoration:none; }
body.BodyHome #siteCorpo .gridCaixas .caixaContato form { padding:5px 15px 0 15px; margin:0; }
body.BodyHome #siteCorpo .gridCaixas .caixaContato form .contatoCampo { margin-bottom:5px; }
body.BodyHome #siteCorpo .gridCaixas .caixaContato form .contatoCampo label { margin-bottom:2px; }
body.BodyHome #siteCorpo .gridCaixas .caixaContato form .contatoCampo label .campoErro { float:right; color:#f00; }
body.BodyHome #siteCorpo .gridCaixas .caixaContato form #frm_mensagem { width:454px; height:90px; }
body.BodyHome #siteCorpo .gridCaixas .caixaContato form .contatoCampoBotao { margin-top:10px; text-align:center; }
body.BodyHome #siteCorpo .gridCaixas .caixaContato form #mensagemEnviando { display:none; }
body.BodyHome #siteCorpo .gridCaixas .caixaContato #contatoRetornoMensagem { display:none; margin-top:100px; text-align:center; }
body.BodyHome #siteCorpo .gridCaixas .caixaContato #contatoRetornoMensagem #btnErroMensagemVoltar { display:none; }

/*** Produtos ============================================= */
body.BodyProdutos #siteCorpo .listaProduto { position:relative; float:left; margin:0 8px 39px 0; }
body.BodyProdutos #siteCorpo .listaProduto a {
	display:block;
	position:relative;
	width:202px;
	height:153px;
	border:8px solid #2f2f2f;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
body.BodyProdutos #siteCorpo .listaProduto a span { position:absolute; right:6px; bottom:-25px; padding:0 5px 0 0; width:170px; min-height:42px; color:#fff; font-size:15px; font-weight:bold; text-align:right; background:#bb0031; }
body.BodyProdutos #siteCorpo .listaProduto a:hover { border:8px solid #ECEEEE; box-shadow:0 0 4px -2px #333; }
body.BodyProdutos #siteCorpo .listaProduto a:hover span { background:#8f0227; }

/* Página de detalhe */
/* Coluna de fotos */
body.BodyProdutosDetalhe #siteCorpo .colunaFotos { float:left; width:504px; }
body.BodyProdutosDetalhe #siteCorpo .colunaFotos .miniaturaProduto { position:relative; float:left; margin-top:6px; }
body.BodyProdutosDetalhe #siteCorpo .colunaFotos .imagemGrandeProduto a,
body.BodyProdutosDetalhe #siteCorpo .colunaFotos .miniaturaProduto a {
	display:block;
	position:relative;
	width:232px;
	height:151px;
	border:8px solid #2f2f2f;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
body.BodyProdutosDetalhe #siteCorpo .colunaFotos .imagemGrandeProduto a { width:488px; height:375px; }
body.BodyProdutosDetalhe #siteCorpo .colunaFotos .imagemGrandeProduto a span { position:absolute; right:-8px; bottom:11px; padding:0 5px 0 0; width:170px; min-height:42px; color:#fff; font-size:15px; font-weight:bold; text-align:right; background:#bb0031; }
body.BodyProdutosDetalhe #siteCorpo .colunaFotos .imagemGrandeProduto a:hover,
body.BodyProdutosDetalhe #siteCorpo .colunaFotos .miniaturaProduto a:hover { border:8px solid #ECEEEE; box-shadow:0 0 4px -2px #333; }
body.BodyProdutosDetalhe #siteCorpo .colunaFotos .Coluna1 { }
body.BodyProdutosDetalhe #siteCorpo .colunaFotos .Coluna2 { float:right; }
/* Coluna de dados */
body.BodyProdutosDetalhe #siteTopo #Logo { left:-71px; }
body.BodyProdutosDetalhe #siteCorpo > .container,
body.BodyProdutosDetalhe #siteCorpo > .container > .row > .span10 { width:995px; }
body.BodyProdutosDetalhe #siteCorpo .colunaDados { float:right; width:483px; }
body.BodyProdutosDetalhe #siteCorpo .colunaDados h3.linhaTitulo { margin:0; line-height:42px; color:#fff; font-size:19px; font-weight:bold; background:#bb0031; }
body.BodyProdutosDetalhe #siteCorpo .colunaDados .linhaDados { padding:10px 0; margin:6px 0; color:#fff; font-size:17px; font-weight:bold; background:#bb0031; }
body.BodyProdutosDetalhe #siteCorpo .colunaDados .linhaDados p { margin:0 0 10px 0; }
body.BodyProdutosDetalhe #siteCorpo .colunaDados .Coluna1 { float:left; width:215px; text-align:right; }
body.BodyProdutosDetalhe #siteCorpo .colunaDados .Coluna2 { float:right; margin-right:30px; width:215px; text-align:right; }
body.BodyProdutosDetalhe #siteCorpo .linhaPadraoCoresTecidos { position:relative; margin-top:6px; }
body.BodyProdutosDetalhe #siteCorpo .linhaPadraoCoresTecidos h3.linhaTituloOpcoes { position:absolute; top:-41px; right:0; margin:0; width:483px; line-height:34px; text-align:center; font-size:17px; color:#fff; font-weight:bold; background:#bb0031; }
body.BodyProdutosDetalhe #siteCorpo .linhaPadraoCoresTecidos .etalage_zoom_area { left:0 !important; bottom:133px !important; }

/* ============================================================================
	Plugins
============================================================================ */