@charset "utf-8";
/* CSS Document */

/* =============================== 
   >>>>>>>>>>> GERAL <<<<<<<<<<<<<
   ===============================  */
/* ZERANDO ESPAÇOS */
*{
	margin: 0;
	padding: 0;
	outline: none;
	position: static;
	z-index: 100;
}

/* TIPOGRAFIA */
@font-face {
    font-family: 'kreonbold';
    src: url('../fontes/kreon-bold-webfont.eot');
    src: url('../fontes/kreon-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/kreon-bold-webfont.woff') format('woff'),
         url('../fontes/kreon-bold-webfont.ttf') format('truetype'),
         url('../fontes/kreon-bold-webfont.svg#kreonbold') format('svg');
    font-weight: bold;
    font-style: normal;

}



body{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 100.01% }

a{text-decoration: none }

/* BORDA */
.border-all{ /* borda rodapé com e-mail */
	border-bottom: 1px solid #c7c7c7;
	padding: 3px 0;
	width: 680px;
	float: left;
	margin: 50px 0;
}

img{ border: none }


/* =============================== 
   >>>>>>>>> CABEÇALHO <<<<<<<<<<<
   ===============================  */
.fundo-topo{
	background: #000; 
	padding: 30px 10px 50px 10px; 
	*padding: 40px 10px 10px 10px;
	min-width: 1180px
}

.bloco-pesquisa{
	float: left;
	margin: 65px 0 0 40px;
	width: 750px;
}

.navegacao{ margin-top: -82px; padding: 30px 10px 30px 10px }

.bloco-pesquisa{
	float: left;
	margin: 65px 0 0 40px;
	width: 750px;
}

.fio-pesquisa{
	border-bottom: 1px solid #c7c7c7;
	width: 726px;
	float: left;
	margin-top: 53px;
	*margin-top: 5px;
}

.navegacao ul{ float: left; margin-left: 35px }
.navegacao li{display: inline}

.bloco-login{
	width: 100px;
	float: left;
	font-size: 12px;
	margin: -3px 0 0 15px;
}

#logo{
	float: left;
	margin-left: 40px;
	*margin-top: -100px;
}

.titulo-pesq1, .titulo-pesq2{
	float: left;
	background: #000;
	color: #fff;
	font-family: 'kreonbold';
	font-size: 14px;
	padding: 10px 0 10px 10px;
}

.titulo-pesq1{ width: 150px; margin-right: 20px }
.titulo-pesq2{ padding-right: 10px; margin-right: 250px }

.bloco-pesquisa select{
	float: left;
	margin-top: 20px;
	width: 160px;
	padding: 5px;
	color: #999;
	border: 1px solid #b3b3b3;
}

.caixa-pesq{
	float: left;
	margin: 20px 0 0 20px;
	padding: 7px;
	border: 1px solid #b3b3b3;
	color: #b3b3b3;
	font-size: 11px;
	font-style: italic;
	width: 350px;
	*width: 330px;
}

.navegacao li a{
	text-decoration: none;
	color: #fff;
	font-size:13px;
	padding: 30px 10px 30px 6px;
	border-right: 1px solid #fff;
}

.navegacao li a:hover{ color: #999 }

.btn-login, .btn-cadastro{ text-decoration: none; font-weight: bold }

.btn-login{
	margin-right: 10px;
	color: #efb814;
	-webkit-transition: ease 0.2s;
	-moz-transition: ease 0.2s;
	-o-transition: ease 0.2s;
	transition: ease 0.2s;
}

.btn-login:hover{
	color: #fcd358;
	background: url(../imagens/icone_login.png) no-repeat left;
	padding-left: 18px;
	-webkit-transition: ease 0.2s;
	-moz-transition: ease 0.2s;
	-o-transition: ease 0.2s;
	transition: ease 0.2s;
}

.btn-cadastro{ color: #f48b38 }

.btn-cadastro:hover{
	color: #f8ad72;
	background: url(../imagens/icone_reg.png) no-repeat left;
	padding-left: 18px;
	-webkit-transition: ease 0.2s;
	-moz-transition: ease 0.2s;
	-o-transition: ease 0.2s;
	transition: ease 0.2s;
}

.btn-pesq{
	margin: 20px 0 0 20px;
	padding: 7px 20px;
	*padding: 7px 10px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background: #c5502d;
	border: none;
	cursor: pointer;
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}

.btn-pesq:hover{
	background: #efb814;
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}

.btn-pesq:active{
	background: #000;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
}

/* =============================== 
   >>>>>>>>>> SIDEBAR <<<<<<<<<<<<
   ===============================  */
.bloco-sidebar{ float: left; margin: 50px 0 0 40px }

.bloco-menu, .bloco-importante{
	width: 288px;
	border: 1px solid #8e8e8e;
	padding: 5px;
}

.bloco-importante{
	margin: 30px 0;
	font-size: 14px;
	padding-bottom: 20px;
	
}

.bloco-menu-loja{ overflow-y: scroll; height: 400px }

.titulo-sidebar{
	background: url(../imagens/titulo_sidebar.jpg) no-repeat;
	padding: 10px 20px;
	font-family: 'kreonbold';
	font-size: 18px;
	*font-size: 17px;
	text-shadow: 1px 1px #e2e2e2;
}

.titulo-produtos{
	width: 690px;
	float: left;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}

.titulo-produtos h3{
	font-family: 'kreonbold';
	color: #605f5f;
	font-size: 20px;
	float: left;
}

.links-menu ul li a{
	font-size: 15px;
	text-decoration: none;
	margin-left: 25px;
	list-style: none;
}

.label-menu{ 
	margin-left: 25px; 
	font-size: 13px; 
	font-weight: 700 
}

.links1{ margin-top: 25px }
.links1 li{ margin-bottom: 10px; list-style: none }
.links1 a{ color: #7f7e7e }

.links1 li a:hover, .links2 li a:hover{ color: #000 }

.links2{
	margin: 20px 0;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	padding: 25px 0 20px 0;
}

.links2 li{ margin-bottom: 10px; list-style: none }
.links2 a{ color: #b11200 }

.bloco-importante p{
	margin: 20px 0 0 20px;
	line-height: 25px;
	overflow-y: scroll;
	height: 500px;
	padding-right: 5px;
}

/* =============================== 
   >>>>>> CONTEÚDO CENTRAL <<<<<<<
   ===============================  */
#container{ width: 1200px; margin: 0 auto }

.banner{
	background: #000;
	width: 680px;
	height: 110px;
	margin: 5px 0 30px 0;
	float: left;
}

.bloco-conteudo{
	float: left;
	margin: 45px 0 0 40px;
	width: 750px;
}	

.bloco-produtos{ margin-top: 30px; float: left }

.item-produtos{
	width: 100px;
	height: 100px;
	float: left;
	margin-bottom: 50px;
	margin-right: 35px;
}

.item-produtos-lista{
	width: 300px;
	float: left;
	padding: 23px 0;
	margin-right: 65px;
}

.linha-div{
	width: 700px;
	height: 10px;
	border-bottom: 1px dotted #bbb;
	float: left
}

.item-produtos:last-child{ margin-right: none }
.item-produtos-lista img, .titulo-item-lista, .desc-item-lista{ float: left }
.img-capa{ width: 100px; height: 100px }

.bloco-addcar{ margin-top: 5px }
.bloco-addcar-lista{ margin: 10px 0 0 0 }

.breadcrumb{
	float: left;
	font-size: 11px;
	margin: 10px 0 -50px 380px;
	clear: both;
	*width: 100%;
	width: 700px;
}

.breadcrumb a{ color: #999; margin-right: 5px }
.breadcrumb span{ color: #dc572f; font-weight: bold }

.item-produtos img, .item-produtos-lista img{ padding: 5px; border: 1px solid #ccc }

.img-car, .img-emailcar, .img-emailcar-lista{
	background: #ed5021;
	width: 40px;
	height: 34px;
	float: left;
	text-align: center;
}

.img-emailcar, .img-emailcar-lista{	background: #dca503 }

.img-emailcar-lista{ margin-left: 25px }

.img-emailcar-lista img{ margin: 6px 0 0 6px !important }

.bloco-addcar img, .bloco-addcar-lista img{
	border: none;
	margin-top: 5px;
	-webkit-transform: perspective(600px) rotateX(0deg);
	-moz-transform:perspective(600px) rotateX(0deg);
	-o-transform:perspective(600px) rotateX(0deg) ;
	-webkit-transition:All 0.8s ease;
	-moz-transition:All 0.8s ease;
	-o-transition:All 0.8s ease;
}

.bloco-addcar-lista img{ margin-left: 3px }

.bloco-addcar img:hover, .bloco-addcar-lista img:hover{
	-webkit-transform: perspective(600px) rotateX(360deg) ;
	-moz-transform: perspective(600px) rotateX(360deg) ;
	-o-transform: perspective(600px) rotateX(360deg);
}

.titulo-item, .titulo-item-lista{
	font-weight: bold;
	font-size: 14px;
	margin-top: 10px;
}

.titulo-item a{ color: #000; text-decoration: none }

.desc-item, .desc-item-lista{ font-size: 10px }

.preco-item, .preco-item-lista{
	font-family: 'kreonbold';
	font-size: 20px;
	color: #ed5021;
}

.produto-indisp, .produto-indisp-lista{
	font-size: 11px;
	font-weight: bold;
	color: #999;
	margin-top: 9px;
}

.produto-indisp-lista{ font-size: 12px; margin-bottom: 10px }

.btn-car, .btn-aviseme, .btn-aviseme-lista{
	float: left;
	background: #252525;
	width: 85px;
	*width: 100px;
	*font-size: 7px;
	*text-decoration: none;
	text-align: center;
	padding: 5px 0;
	-webkit-transition:All 0.8s ease;
	-moz-transition:All 0.8s ease;
	-o-transition:All 0.8s ease;
	cursor: pointer;
}

.btn-aviseme, .btn-aviseme-lista{ padding: 11px 0 }

.btn-car:hover, .btn-aviseme:hover, .btn-aviseme-lista:hover{
	background: #ed5021;
	-webkit-transition:All 0.8s ease;
	-moz-transition:All 0.8s ease;
	-o-transition:All 0.8s ease;
}

.btn-aviseme:hover, .btn-aviseme-lista:hover{ background: #dca503 }

.btn-car span, .btn-aviseme span, .btn-aviseme-lista span{
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	line-height: 12px;
}

/* =============================== 
   >>>>>>>> BLOCO RECENTE <<<<<<<<
   =============================== */
.bloco-recente{	float: left; width: 750px }

.caixa-recente{
	float: left;
	width: 313px;
	border: 1px solid #8e8e8e;
	padding: 10px 0px 20px 10px;
	margin: 0 30px 80px 0;
}

.caixa-recente:last-child{ margin-right: none !important }

.caixa-recente p{
	margin: 20px 0 0 20px;
	line-height: 35px;
	overflow-y: scroll;
	height: 200px;
	padding-right: 5px;
}

/* =============================== 
   >>>>>>>>>>>> RODAPÉ <<<<<<<<<<<
   =============================== */
#rodape{
	float: left;
	width: 100%;
	min-width: 1200px;
	background: #000;
	margin-top: 80px;
}

.bloco-rodape{
	width: 1200px;
	margin: 0 auto;
	padding: 20px 0 15px 0;
}

.bloco-social{ float: right; margin-right: 130px }

.creditos-rdp{
	background: #4c0301;
	float: left;
	width: 100%;
	margin-top: 20px;
	font-size: 11px;
	color: #fff;
	text-align: center;
	padding: 8px 0;
}

.bloco-rodape p{
	float: left;
	color: #fff;
	font-size: 13px;
	margin-right: 30px
}

.bloco-social img{
	transition: All 0.5s linear;
	-webkit-transition:All 0.5s linear;
	-moz-transition:All 0.5s linear;
	-o-transition:All 0.5s linear;
}

.bloco-social img:hover{
	border-radius: 50%;
	transition: All 0.5s linear;
	-webkit-transition:All 0.5s linear;
	-moz-transition:All 0.5s linear;
	-o-transition:All 0.5s linear;
}

.btn-topo{ margin: 0 200px 85px 0 }

/* =============================== 
   >>>>>> PESQUISA PRODUTO <<<<<<<
   =============================== */
.paginacao{
	float: left;
	width: 680px;
	border-top: 1px solid #c7c7c7;
	padding: 20px 0 100px 0;
}

.bloco-pagina{
	float: right;
	margin-right: -5px;
	display: inline;
}

.bloco-info-lista{ width: 450px }

.bloco-naoEncontrado{ /*produto não encontrado */
	float: left;
	background: #f4f4f4;
	width: 650px;
	margin-top: 25px;
	padding: 20px;
}

.bloco-naoEncontrado img{ float: right; margin-top: -45px }

.txt-pesq{
	font-size: 14px;
	color: #545454;
	float: right;
	margin-top: 3px
}

.prod-encontrados{
	float: left;
	font-size: 11px;
	margin-top: 15px;
	font-weight: bold;
	color: #dc572f;
}

.bloco-info-lista a{
	float: left;
	color: #cc1702;
	font-size: 13px;
	text-decoration: none;
	font-weight: bold;
	margin: 5px 0 0 20px;
}

.chamada-item-lista{
	width: 350px;
	font-size: 13px;
	color: #676767;
	float: left;
	padding: 10px 0;
	text-transform: uppercase;
}

.titulo-item-lista{	margin: 0 0 5px 20px; width: 200px; float: left }
.desc-item-lista{ font-size: 12px; margin-left: 20px; width: 200px }

.preco-item-lista{
	font-size: 20px;
	text-align: left;
	margin-bottom: 8px;
}

.txt-sem-result, .txt-cad{ font-size: 13px; color: #9c9c9c }

.forma-pesq, .conteudo-prod{ /*formato da pesquisa*/
	float: left;
	width: 680px;
	background: #000;
	height: 40px;
	margin-top: 15px;
}

.conteudo-prod{ background: transparent; height: 20px }
.bloco-visu, .bloco-ord, .bloco-pag { float: left; margin: 10px 50px 0 0 }

.bloco-visu p, .bloco-ord p, .bloco-pag p{
	float: left;
	color: #fff;
	font-size: 13px;
	margin-right: 10px;
}

.bloco-visu{ margin-left: 20px }

.forma-pesq select{
	height: 20px;
	border: none;
	font-size: 12px;
	color: #666;
}

.bloco-pagina p, .pag-num{ float: left }

.bloco-pagina p{
	color: #727171;
	font-size: 14px;
	margin-right: 10px
}

.pag-num a{
	font-size: 11px;
	color: #fff;
	background: #2c2c2c;
	margin-right: 5px;
	padding: 5px 10px;
	text-decoration: none;
	font-weight: bold;
	-webkit-transition:All 1s ease;
	-moz-transition:All 1s ease;
	-o-transition:All 1s ease;
}

.pag-num a:hover{
	background: #c5502d;
	-webkit-transition:All 1s ease;
	-moz-transition:All 1s ease;
	-o-transition:All 1s ease;
}

/* =============================== 
   >>>>>> DESCRIÇÃO PRODUTO <<<<<<
   =============================== */
.bloco-produto{
	width: 635px;
	float: left;
	padding: 23px 0;
	background: #f2f2f2;
	padding: 25px;
}

.bloco-compra{ float: left; margin-top: 65px }

.bloco-btn{ margin: -18px 0 0 -10px }

.bloco-preco{
	float: right;
	font-family: 'kreonbold';
	font-size: 28px;
	color: #ed5021;
}

.bloco-descricao{
	float: left;
	width: 645px;
	margin-left: 40px;
	border: 1px solid #bebebe;
	color: #4e4e4e;
	padding: 20px 20px 30px 20px;
	list-style-position:inside !important; 
}

.titulo-uni{
	float: left;
	background: #000;
	padding: 10px 15px;
	color: #fff;
	font-family: 'kreonbold';
	margin: 40px 0 0 40px;
}

.sem-espaco1 /*tirar margens direita e esquerda*/{ margin-left: 0; margin-right: 0 }

.bloco-track{ margin-top: 40px }

.titulo-produto{
	float: left;
	font-size: 20px;
	font-weight: bold;
	width: 300px;
}

.desc-produto{ float: left; font-size: 12px; width: 300px; }
.bloco-compra p, .caixa-qtde, .bloco-btn{ float: left }

.bloco-produto img{
	padding: 5px;
	border: 1px solid #ccc;
	float: left;
	margin-right: 20px;
}

.bloco-compra p{ font-size: 12px; color: #757575 }

.caixa-qtde{
	width: 25px;
	padding: 6px 10px;
	border: 1px solid #eee;
	text-align: center;
	margin: -10px 0 0 8px;
	font-size: 11px;
	font-weight: bold;
}

.btn-comprar{
	background: #ed5021;
	width: 35px;
	height: 30px;
	float: left;
	text-align: center;
}

.btn-comprar img{ border: none; margin: 3px 0 0 1px }

.img-btn{
	-webkit-transform: perspective(600px) rotateX(0deg);
	-moz-transform:perspective(600px) rotateX(0deg);
	-o-transform:perspective(600px) rotateX(0deg) ;
	-webkit-transition:All 0.8s ease;
	-moz-transition:All 0.8s ease;
	-o-transition:All 0.8s ease;
}

.img-btn:hover{
	-webkit-transform: perspective(600px) rotateX(360deg) ;
	-moz-transform: perspective(600px) rotateX(360deg) ;
	-o-transform: perspective(600px) rotateX(360deg);
}

.btn-comprar-txt{
	float: left;
	background: #252525;
	width: 80px;
	text-align: center;
	padding: 5px 0;
	-webkit-transition:All 0.8s ease;
	-moz-transition:All 0.8s ease;
	-o-transition:All 0.8s ease;
}

.btn-comprar-txt:hover{
	background: #ed5021;
	-webkit-transition:All 0.8s ease;
	-moz-transition:All 0.8s ease;
	-o-transition:All 0.8s ease;
}

.btn-comprar-txt span{
	color: #fff;
	font-size: 9px;
	text-decoration: none;
	line-height: 10px;
}

/* =============================== 
   >>>>>>>>>>> CARRINHO <<<<<<<<<<
   =============================== */
.tab-carrinho{ float: left; background: #f2f2f2 }

.tab-carrinho td{
	padding: 10px 8px;
	font-size: 13px;
	border-right: 1px solid #fff;
}

.desce{ margin-top: 2px }

.tab-carrinho2{
	float: left;
	background: #f1f1f1;
	margin-top: 15px;
	font-size: 14px;
}

.tab-carrinho2 td{
	padding: 15px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.botoes-carrinho{
	float: left;
	margin-top: 15px;
	width: 680px;
	font-family: 'kreonbold';
}

.tab-carrinho img{ width: 60% }

.ttl-carrinho{
	background: #000;
	color: #fff;
	font-family: 'kreonbold';
}

.nome-prod p{ font-size: 10px }

.vl-unit{
	font-family: 'kreonbold';
	color: #8e8e8e;
	text-align:center;
	font-size: 14px;
}

.txt-total{
	font-family: 'kreonbold';
	color: #b70a0a;
	text-align:center;
	font-size: 14px;
}

.txt-tabcar{ /* texto de dentro de tabela2 do carrinho */
	color: #747474;
	font-size: 13px;
}

.cons-frete{ color: #878787; font-weight: bold }

.total-compra{
	font-size: 18px;
	color: #b70a0a;
	font-weight: bold;
}

.btn-compras-cinza{
	background: #585858;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 15px;
	color: #fff;
	text-decoration: none;
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
	-o-transition:All 0.3s ease;
}

.btn-compras-cinza:hover{
	background: #3d3d3d;
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
	-o-transition:All 0.3s ease;
}

.btn-compras-cinza:active{
	background: #d24f28;
	-webkit-transition:All 0.1s ease;
	-moz-transition:All 0.1s ease;
	-o-transition:All 0.1s ease;
}

/* =============================== 
   >>>>>>>> LOGIN/CADASTRO <<<<<<<
   =============================== */
.caixa-emailCont, .caixa-emailCont2{
	width: 660px;
	padding: 10px;
	font-size: 13px;
	color: #737373;
	text-align: center;
	border: 1px solid #c7c7c7;
	float: left;
}

.caixa-emailCont2{ width: 560px !important }
.txt-vermelho{ color: #c00 }
.alinhar-alertaCad /*alinha caixa alerta cinza */{ margin-top: 5px }
.subir{ margin-top: -70px !important }

.bloco-cadLogin{
	width: 750px;
	float: left; 
	margin-top: 85px;
}

.caixa-login, .caixa-cadastro, .caixa-login-adm{
	float: left;
	width: 280px;
	padding: 20px 20px 0 20px;
	height: 450px;
	border: 1px solid #bebebe;
	margin-right: 35px;
}

.caixa-cadastro{
	margin-right: none !important;
	height: 450px;
	float: left;
	padding-bottom: 0;
}

.bloco-esqSenha{
	float: left;
	margin: 30px 0 20px 0;
	padding-top: 20px;
	border-top: 1px dotted #bebebe;
	width: 275px;
}

.bloco-voltar /* botão voltar */{
	float: left;
	width: 700px;
	margin-bottom: 100px;
}

.link-voltar a{
	float: left;
	background: #000;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	padding: 10px 15px 11px 15px;
	margin-right: 5px;
	-webkit-transition:All 0.1s ease;
	-moz-transition:All 0.1s ease;
	-o-transition:All 0.1s ease;
}

.link-voltar a:hover{
	background: #c5502d;
	-webkit-transition:All 0.1s ease;
	-moz-transition:All 0.1s ease;
	-o-transition:All 0.1s ease;
}

.txt-cad{ font-size: 13px; width: 500px }

.txt-termo, .txt-cadCompra{	font-weight: bold; color: #404040 }
.txt-cadCompra{ font-size: 15px; margin-bottom: 10px }

.label-login{ font-weight: bold; margin-bottom: 5px }

.txt-esqSenha{
	font-size: 10px;
	margin: 5px 0;
	color: #5e5e5e;
}
.ttl-atencaoCad{
	font-size: 16px;
	font-weight: bold;
	color: #c00;
}

.txt-atencaoCad{ font-size: 12px; color: #545454 }

.titulo-login, .titulo-cad{
	background: #000;
	width: 185px;
	float: left;
	padding: 10px 15px;
	color: #fff;
	font-family: 'kreonbold';
	margin: -40px 0 0 0 ;
	position: absolute;
}

.titulo-cad{ width: 205px; margin-left: 357px }

.ttl-esqSenha{
	font-size: 14px;
	font-weight: bold;
	color: #3b3b3b;
}

.campo-login{
	width: 255px;
	padding: 10px;
	border: 1px solid #bebebe;
	margin-bottom: 15px;
}

.bloco-esqSenha input[type="text"]{
	width: 200px;
	padding: 6px 10px;
	margin-top: 15px;
	border: 1px solid #bebebe;
}

.btn-contCompra{ /*botão continuar compra */
	width: 275px;
	float: left;
	padding: 15px 0;
	color: #fff;
	font-weight: bold;
	background: #c5502d;
	border: none;
	cursor: pointer;
	margin-top: 10px;
	font-size: 16px;
	text-align:center;
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}

.btn-contCompra:hover{
	background: #e05c35;
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}

.btn-ok{
	padding: 7px 10px;
	color: #fff;
	font-weight: bold;
	background: #838383;
	border: none;
	cursor: pointer;
	-webkit-transition:All 0.6s ease;
	-moz-transition:All 0.6s ease;
	-o-transition:All 0.6s ease;
}

.btn-ok:hover{
	background: #333;
	-webkit-transition:All 0.6s ease;
	-moz-transition:All 0.6s ease;
	-o-transition:All 0.6s ease;
}

/* =============================== 
   >>>>>>>>> CADASTRO/CEP <<<<<<<<
   =============================== */
.bloco-cep{
	float: left;
	width: 640px;
	margin-top: 30px;
	background: #f4f4f4;
	padding: 20px;
}

.caixa-cep{
	float: left;
	margin: 0 10px;
	display: inline;
	padding: 6px;
	border: 1px solid #bebebe;
}

.ttl-cep{
	float: left;
	font-weight: bold;
	font-size: 16px;
	color: #5b5b5b;
	margin-top: 3px;
}

.txt-cep{
	font-size: 10px;
	margin: 8px 0 0 130px;
	color: #5c5959;
}

/* =============================== 
   >>>>>>>> CADASTRO/FORM <<<<<<<<
   =============================== */
.alerta-formCad /* alerta amarelo */{
	float: left;
	margin-top: 30px;
	font-size: 12px;
	background: #f6eed6;
	padding: 15px 0;
	width: 680px;
	text-align: center;
	font-weight: bold;
	color: #ca9f1f;
	border: 1px solid #ca9f1f;
}

.bloco-dados{
	float: left;
	width: 640px;
	padding: 40px 20px;
	border: 1px solid #bebebe;
}

.label-cad{
	font-size: 14px;
	font-weight: bold;
	color: #545454;
	float: left;
	margin-right: 10px;
	margin-top: 5px;
	width: 150px;
}

.campo-cadastro, .caixa-aniv{
	padding: 7px;
	border: 1px solid #bebebe;
	font-size: 12px;
	color: #545454;
	margin-bottom: 15px;
	width: 450px;
}

.caixa-aniv{width: 136px}

.btn-cadastrar{
	width: 190px;
	float: left;
	padding: 15px 0;
	color: #fff;
	font-weight: bold;
	background: #c5502d;
	border: none;
	cursor: pointer;
	margin-top: 10px;
	font-size: 15px;
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}

.btn-cadastrar:hover{
	background: #e05c35;
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}

.btn-cadastrar:active{
	background: #000;
	-webkit-transition:All 0s ease;
	-moz-transition:All 0s ease;
	-o-transition:All 0s ease;
}

/* =============================== 
   >>>>>>> CADASTRO/FRETE <<<<<<<<
   =============================== */
.tabela-frete{
	background: #f4f4f4;
	margin-top: 30px;
	float: left;
}

.tabela-frete td{ padding: 20px }

.linha-escura{ /*fundo linha frete mais escuro */
	background: #e6e6e6;
}

.fio-frete /* fio separa td */{
	border-right: 1px solid #bebebe
}

.ttl-frete{
	font-size: 15px;
	font-weight: bold;
	color: #505050
}

.txt-frete, .txt-obs{
	font-size: 12px;
	color: #505050;
	margin: 8px 0;
}

.txt-obs{
	color: #a5a5a5;
	margin-top: 20px;
}

.btn-avancar{
	float: left;
	color: #fff;
	font-family: 'kreonbold';
	font-size: 13px;
	background: #585858;
	padding: 10px 25px;
	border: none;
	margin-top: 15px;
	text-decoration: none;
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
	-o-transition:All 0.3s ease;
	margin-right: 350px;
}

.btn-avancar:hover{
	background: #3d3d3d;
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
	-o-transition:All 0.3s ease;
}

.btn-avancar:active{
	background: #d24f28;
	-webkit-transition:All 0.1s ease;
	-moz-transition:All 0.1s ease;
	-o-transition:All 0.1s ease;
}

/* =============================== 
   >>>>>>> FORMA PAGAMENTO <<<<<<<
   =============================== */
.desce-tab{ margin-top: 30px }

.caixa-total{
	float: right;
	background: #981313;
	color: #fff;
	font-size: 17px;
	padding: 13px 10px;
	margin: 10px 67px 0 0;
	
}

.tab-pagamento{
	float: left;
	background: #f4f4f4;
	font-size: 13px;
	color: #505050;
}

.tab-pagamento td{ padding: 12px 4px 12px 10px }

.fio-pag{ border-right: 1px solid #fff }

.bloco-aviso{
	float: left;
	width: 640px;
	margin-top: 35px;
	border: 1px solid #bebebe;
	padding: 20px
}

.tab-pagamento img{ float: left }

.tab-pagamento span{
	font-size: 11px;
	margin: 5px 0 0 3px;
	float: left;
}

.titulo-aviso{
	float: left;
	width: 100px;
	background: #b83333;
	color: #fff;
	font-weight: bold;
	padding: 5px;
	font-size: 13px;
	text-align: center
}

.txt-aviso{
	float: left;
	width: 510px;
	margin: -2px 0 35px 15px;
	font-size: 12px;
}

.btn-finalizar{
	font-family: 'kreonbold';
	font-size: 16px;
	color: #fff;
	background: #c5502d;
	padding: 15px 20px;
	float: left;
	border: none;
	margin: 20px 0 100px 0;
	cursor: pointer;-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}

.btn-finalizar:hover{
	background: #e05c35;
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}

.btn-finalizar:active{
	background: #000;
	-webkit-transition:All 0s ease;
	-moz-transition:All 0s ease;
	-o-transition:All 0s ease;
}

/* =============================== 
   >>>>>>> FORMA PAGAMENTO <<<<<<<
   =============================== */
.info-pedido{
	background: #f4f4f4;
	float: left;
	padding: 20px;
	width: 650px;
}

.bloco-numPedido{
	float: left;
	border: 1px solid #bebebe;
	padding: 20px;
	width: 650px;
	text-align: center;
	font-family: 'kreonbold';
	font-size: 52px;
	color: #858585;
}

.bloco-continue{
	background: #f4f4f4;
	float: left;
	padding: 10px;
	width: 90%;
	margin: 50px 0 10px 0;
	font-size: 12px;
	font-weight: bold;
	color: #858585;
	text-align: center;
}

.titulo-pedido{
	background: #000;
	color: #fff;
	width: 86.7%;
	float: left;
	margin-top: 5px;
	padding: 12px 20px;
	font-family: 'kreonbold';
}

.alerta-pedido{
	background: #fff;
	font-size: 12px;
	text-align: center;
	padding: 10px;
	margin-bottom: 15px;
	font-weight: bold;
	color: #5e5e5e;
	border: 1px dotted #bebebe;
}

.txt-pedido{
	font-size: 14px;
	color: #616161;
	line-height: 22px;
	text-align: justify
}

.item-infos{ 
	width: 285px; 
	margin: 0 0 30px 0; 
	height: 85px
}

.item-infos img{ float: left; margin: 0 }
.sem-espaco2{ /*tirar margens topo e base*/ margin-top: 0; margin-bottom: 0 }

.bloco-naoEncontrado .titulo-produtos{ width: 640px; margin-bottom: 15px }

.separacao{ border-right: 1px solid #fff }

.bloco-redes{ 
	float: left; 
	width: 700px; 
	margin-top: 30px 
}

.bloco-redes img{ margin-right: 15px; border-radius: 3px}
.bloco-redes img:hover{ opacity: 0.9 }

.bloco-ingressos{
	float: left;
	width: 750px;
	margin-top: 30px;
}

.item-ingressos{ float: left; width: 350px; margin-right: 2px }

.bloco-data{
	background: #262626;
	height: 106px;
	width: 106px;
	color: #ffffff;
	line-height: 18px;
	font-family: 'kreonbold';
	text-align: center;
	float: left;
}

.bloco-data h1{ font-size: 70px; margin-top: 35px }
.bloco-data h4{ color: #a1a1a1 }

.info-ingressos{ background: #505050; padding: 13px 10px; float: left }
.info-ingressos h3{ font-size: 14px; font-family: 'kreonbold'; color: #fff; margin-bottom: 8px }
.info-ingressos p{ font-size: 14px; color: #b6b6b6 }
.alerta-ingressos{ width: 308px; padding: 15px }


.container-produto{
	max-height: 130px;
	min-height: 100px;
}

/* ===================================================
   >>>>>> ESTILO DA ÁREA ADMINISTRATIVA DA LOJA <<<<<<
   =================================================== */

.conteudo{
	width: 1000px;
	margin: 0 auto;
}

/* LOGIN */

.fio-topo-adm{
	height: 10px;
	top: 0;
	left: 0;
	background: #c5502d;
}

.cont-login-adm{ width: 380px; margin:100px auto }
.caixa-login-adm{ height: 360px }
.caixa-login-adm img{ margin: -21px 0 30px -21px }
.ttl-login-adm{ width: 250px }

/* TOPO */

.bloco-info{
	background: #000;
	top: 0;
	left: 0;
	color: #fff;
}

.bloco-info ul{ float: right }

.bloco-info li{
	list-style: none;
	display: inline;
	font-weight: 700;
	padding: 0 10px;
	font-size: 12px;
}

.bloco-info a{ color: #fff }
.bloco-info span{ font-weight: normal; color: #ccc; font-size: 13px }

.menu-adm ul{ padding-left: 10px }

.menu-adm ul li{
	list-style: none;
	display: inline;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 700;
	position: relative;
	float: left;
	width: 125px;
	text-align: center;
	z-index: 100;
}

.menu-adm li ul{
	position: absolute;
	left: -10px;
	display: none;
}

.menu-adm li ul li a{ margin-bottom: 2px }

.menu-adm ul li a{
	display: block;
	text-decoration: none;
	color: #333;
	background: #eee;
	padding: 10px 0;
	margin: 0 0 1px -7px;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s;
	border-radius: 1px;
}

.menu-adm ul li a:hover{
	background: #c5502d;
	color: #fff;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s;
}

.menu-adm li:hover ul { display: block }

/* ESTILO ADM'S */

.titulo-adm{
	background: #f6f6f6;
	color: #999;
	padding: 12px 0;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
}

.tabela-padrao{
	width: 980px;
	margin: 0 auto 15px auto;
	box-shadow: 0 0 5px #eee;
	border: 1px solid #ddd;
	margin-top: 10px;
	font-size: 14px;
	color: #333;
}

.tabela-padrao td{
	padding: 10px !important;
}

.ttl-padrao{
	text-align: center;
	font-family: 'kreonbold';
	text-transform: uppercase;
	font-size: 14px;
	background: #eee;
	color: #676767
}

.sub-titulo{
	color: #c2110a;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 13px;
}

.ttl-destaque-adm{
	background: #e2ecf2;
	color: #3281ae;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
}

.tabela-secundary{
	border: 1px solid #ddd;
	border-collapse: collapse;
	overflow-y: scroll;
}

.tabela-secundary tr td{
	border: 1px solid #ddd;
}

.btn{
	padding: 10px 15px;
	border: none;
	background: #ccc;
	cursor: pointer;
	font-family: 'kreonbold';
	text-transform: uppercase;
	color: #fff;
}

.btn_cadastrar{ background: #8a0601 }
.btn_cadastrar:hover{ background: #b52924 }

.btn_voltar{ background: #333 }
.btn_voltar:hover{ background: #444 }

.btn_sec{ background: #01418a }
.btn_sec:hover{ background: #0d59af }

.btn_excluir, .btn_alterar{
	padding: 5px 15px;
	border: none;
	background: #d33630;
	text-transform: uppercase;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	cursor: pointer;
}

.btn_alterar{ background: #3f78ce }

.btn_pesq{
	padding: 12px 17px;
	border: none;
	background: #ce5835;
	text-transform: uppercase;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer
}

.btn_pesq:hover{ background: #da6745 }

.tab-txt-destaque{ 
	color: #1559be;
	font-weight: 700;
}

.campo-txt{
	padding: 10px;
	border: 1px solid #ddd;
	color: #999;
	width: 96%;
}

.btn_adm{
	background: #f4f4f4;
	float: left;
	width: 195px;
	height: 195px;
	padding: 10px;
	margin: 15px;
	text-align: center;
	border-radius: 2px;
}

.btn_adm img{ margin: 20px 0 10px 0 }

a.btn_adm p{
	text-transform: uppercase;
	font-weight: 700;
	color: #333;
	font-size: 13px;
}