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

button.btn{ font-weight: 900; border: 2px solid;}

button.btn i{ font-size: 22px; padding: 0 10px 0 0;}


/*form venda do produto*/
.modal{
	background: rgba(0,0,0,0.5);
}

.modal-header .btn-close{
	     margin: 0 !important;

}

.boxLog{/*login*/
	width: 50%;
	margin: 2% auto;
	border: 1px solid #ccc;
	padding: 2%;
	border-radius: 8px;
}
.formup{
	text-transform: uppercase;
	margin: 5% 0;
	
}

.bg_form{
	background-color: #f5f5f5;
	position: relative;
	top: 0px;
	left: 0px;
}
.bg_form img.fund{
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	width: 100%;
}


.tt_admin{ position: absolute; bottom: 1%; padding: 15px;  width: 100%; text-align: left; color: #fff; font-weight: 900; }
	
	table.reptb td.titrep{ color: #fff; background: #222; position: relative; }
	table.reptb td.titrep h2{ padding: 2px; font-size: 14px; }
	table.reptb td.textrep { color: #222; background:#ccc; position: relative;  }
	table.reptb td.textrep p{font-size: 14px;}
	table.reptb td.textrep a p{ color: #333; text-transform: capitalize;}
	table.reptb td.textrep a p:hover{ background: #f03; color: #fff; text-transform: uppercase;}
	.dados_full{ background: #fff; height: 500px; overflow:auto;}
	
	
	.vclose{ color: #f03; font-weight: 900; text-transform: uppercase;}
	.vopen{ color: #0584ab; font-weight: 900; text-transform: uppercase;}
	
	.delet {position: absolute; right: 5px; top: 5px;}
table.reptb td.textrep .delet input{ width: 100%;}
	


.form_log_admin{
	position:relative;
	top:10%;
	margin:0px auto;
	padding:20px;
	background:#fff;
	width:350px;
	height:auto;
	left:0px;
	
}
#login_ind,
#login_ind2{
	position:fixed;
	z-index:9999;
	background:rgba(31,31,31,0.5);
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	opacity:1;
	transition:all ease 200ms;
	display: none;
	}

button.eyes{
	        position:absolute;
				background: none;
				border: none;
				right: 1%;
				bottom: 15%;
				font-size: 20px;
				cursor: pointer;
			}
			
			button.eyes:before{
	        font-family: 'FontAwesome';
		    color: #555;
			content:'\f06e';
			}
			button.eyes:focus{
				outline: none;
			}
			
			button.eyes:focus:before{
			font-family: 'FontAwesome';
		    color: #09F;
			content:'\f06e';
			}

/*verificação de dados*/


	.veri_confirma{
		background: rgba(51,51,51,0.7);
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0px;
		left: 0px;
		overflow:auto;
		z-index: 10000;
		
	}
	.veri_div{ 
		position: relative;
		top: 10%;
		width: 50%;
		height: auto;
		display: table;
		background: #fff;
		margin: auto;
		text-align: center;
		border-radius: 15px;
	}
	.veri_confirma .log_form { margin: auto; padding: 15px;}
	.veri_confirma .log_form img { width: 250px;}
	
	.veri_confirma .veri_div ul.resul { padding: 5px; margin: auto; display: block; list-style: none; width: 50%;}
	.veri_confirma .veri_div ul.resul  li{ padding: 5px; border-radius: 8px; margin: 10px  auto 10px auto;}
	.veri_confirma .veri_div ul.resul  li #form_ac label{ color: #fff; width: 100%;}
	.veri_confirma .veri_div ul.resul  li.send a{ color: #fff; width: 100%; display: block; font-weight: 100;}
	
	/*section #form_ac .cpf, 
    section #form_ac .email, 
    section #form_ac .loja{ color: #67b30f}

*/
/*verificação de dados*/
.fechar_log:before{
	
    font-family: 'FontAwesome';
    content: '\f00d';
    font-size: 30px;
   	display: block;
	color: #333;
	position: absolute;
	top: 5px;
	right: 10px;
}

.fechar_log p{
	display: none;
}

.linha_prom{
	padding:10px 0px;}
.promo_active{
	width:20%;
	display:inline-table;
	/*float:left;*/
	margin:2.5%;
	background:#eee;
	padding:15px;
	}
.promo_active h2{
	margin-bottom:10px;
	font-size:35px;
	font-weight:900;
	color:#F3C;
}
.promo_active h2 span{
	color:#333;
	font-weight:100;
	display:block;
	font-size:65%;}
.promo_active p{
	font-size:18px;
	color:#999;
	padding:15px 5px;
	margin:0px;}

.btn_promo{
	width:100%;
	padding:20px;
	background:#0099ff;
	color:#fff;
	text-transform:uppercase;
	font-weight:900;
	border:none;
	cursor:pointer;
	-webkit-transition:all ease 400ms;
	-moz-transition:all ease 400ms;
	-ms-transition:all ease 400ms;
	-o-transition:all ease 400ms;
	transition:all ease 400ms;
}
.cont-all .btn_promo h3{text-align: center;
}

.btn_promo:hover{
	
	background: #0584ab;
	
	
	
}
/*cadastro*/

#content .btn_orc{
	width:100%;
	color:#fff;
	display:block;
	padding:10px;
	background:#333;
	border:none;
	cursor:pointer;
	text-decoration:none;
}
.btn_orc:hover{
	background:#036;
}
/*index*/

/**/
.client_envia{
	cursor:pointer;
	position:relative;
	top:0px;
	left:0px;
	margin:0px;
	padding:10px;
	background:#0584ab;
	border:0px;
	color:#fff;
}

#search_one{
	margin:0px;
	padding:10px;
	position:absolute;
	bottom:0px;
	left:30px;
}
#search_one label{
	color:#fff;}
#search_one select{
	outline:none;
	padding:10px;
	border:#0584ab 1px solid;
}
#search_one input[type="submit"]{
	background:#0584ab;
	border:none;
	color:#fff;
	text-transform:uppercase;
	padding:10px;
}


/*index*/
.col_form{
	padding:10px;
	width:50%;
	height:auto;
	float:left;

}

.fundo_form_ac h3,
.fundo_form_ac h4{
	padding:30px;}
#form_ac{
	padding:10px;
	margin:0px 0px 50px 0px;
	border-radius:4px;
	color:#ccc;	
	text-align:left;
	position:relative;
	}

.form_log #form_ac{
	padding:10px;
	margin:0px 0px 0px 0px;
	
}
.form_log hr{
	margin:5px;}
.form_log > #form_ac label{
	padding: 0px;
}


.form_log > #form_ac span:before {
    padding: 13px 20px;
    bottom: 0px;
    left: 0px;
    font-family: 'FontAwesome';
}
.form_log > #form_ac hr{
	padding: 0px;
	margin: 0px;
}
#form_ac fieldset{
	padding:10px;
	margin:0px;
	border:none;
}
#form_ac fieldset.pessoal{
	background:#fafafa;
	padding:30px;
	margin-bottom:20px;
}
#form_ac legend{
	font-family:'aller_lightregular', arial, calibri;
	font-size:24px;
	margin:10px;
	padding:10px;
	text-transform:uppercase;
	color:#0584ab;
}
/* area contato */
#form_ac .sobre_emp{font-size: 16px; color: #333;}

#form_ac input,
#form_ac select{
	background:rgba(255,255,255,0.5);
	text-align:left;
	padding:15px 15px 15px 60px;
	margin:0px;
	font-size:18px;
	color: #0584ab;
	width:100%;
	border:2px #0584ab solid;
	-webkit-transition:all ease 400ms;
	-moz-transition:all ease 400ms;
	-ms-transition:all ease 400ms;
	-o-transition:all ease 400ms;
	transition:all ease 400ms;
	border-radius: 30px;
}

#form_ac span:before{
	-webkit-transition:all ease 400ms;
	-moz-transition:all ease 400ms;
	-ms-transition:all ease 400ms;
	-o-transition:all ease 400ms;
	transition:all ease 400ms;
	position:absolute;
	padding:13px 20px;
	bottom:0px;
	left:0px;
	font-family:'FontAwesome';
	color:#0584ab;
	
}
#form_ac label.on,
#form_ac span.active:before{
	color:#0584ab;
}
#form_ac span.nome:before{ content:'\f007';}
#form_ac span.endereco:before{ content:'\f276';}
#form_ac span.complemento:before{ content:'\f041';}
#form_ac span.cidade:before{ content:'\f279';}
#form_ac span.email:before{ content:'\f1fa';}
#form_ac span.fixo:before{ content:'\f095';}  
#form_ac span.celular:before{ content:'\f10b';}
#form_ac span.empresa:before{ content:'\f041';} 

#form_ac span.cpf:before{ content:'\f007';}
#form_ac span.cnpj:before{ content:'\f007';} 
#form_ac span.idade:before{ content:'\f073';} 
#form_ac span.sexo:before{ content:'\f228';} 

#form_ac span.senha:before{ content:'\f084';} 
#form_ac span.senha_conf:before{ content:'\f084';} 
#form_ac span.perfil:before{ content:'\f03e';} 
#form_ac span.banco:before{ content:'\f0d6';} 
#form_ac span.agencia:before{ content:'\f041';} 
#form_ac span.conta:before{ content:'\f141';} 
#form_ac span.pix:before{ content:'\f029';} 

#form_ac input:focus,
#form_ac textarea:focus{
	background:#eee;
	border:2px solid #0584ab;
	color:#222;
	outline:none;
}
#form_ac textarea{
	padding:8px;
	background:#fff;
	width:100%;
	text-align:left;
	border:2px solid #ccc;
	-webkit-transition:all ease 400ms;
	-moz-transition:all ease 400ms;
	-ms-transition:all ease 400ms;
	-o-transition:all ease 400ms;
	transition:all ease 400ms;
	}
#form_ac input[type="submit"]{
	background:#0584ab;
	border:none;
	text-align:center;
	padding:20px;
	margin:0px;
	text-transform:uppercase;
	color:#fff;
	cursor:pointer;
	outline: none;
	border-radius: 30px;
}
#form_ac input[type="submit"]:hover{
	background:#06303d;
}
#form_ac input[type="reset"]{
	background:#999;
	border:none;
	text-align:center;
	padding:20px;
	margin:0px;
	text-transform:uppercase;
	color:#fff;
	cursor:pointer;
}
#form_ac input[type="reset"]:hover{ background:#CCC; color:#222;}

p.linh_form{

	padding:0px;
	margin:0px 0px 20px 0px;
	display:block;
	position: relative;
	
}
#form_ac  p.linh_form sub, #form_ac  p sub  {color:#999; position: absolute; left: 0px; bottom: -10px;}
#form_ac label{
	position:relative;
	height:auto;
	width:100%;
	padding:15px;
	color:#222;
	font-size:16px;
	text-transform:uppercase
	}
#form_ac .label_alt{
	display:block;
	position:relative;
	width:100%;
	padding:8px;
}
/*universal*/
::-webkit-input-placeholder { /* WebKit browsers */
    color: #0584ab;
    font-style: italic;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #0584ab;
    font-style: italic;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #0584ab;
    font-style: italic;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #0584ab;
    font-style: italic;
}
#form_ac .error{ position:relative;  width:100%; color:#f03; top:0px; left:0px; margin:0px 0px;}
/* display cupom*/





/*display user*/



	.insere_cupom{ display: block;}
	.result_cp{ background: #eee; padding: 10px;}
	.form_cp{ width: 100%; padding: 5px;text-align: center; text-transform: uppercase; margin: 0px;}	
	.form_cp li{ display: inline-flex; padding: 5px 5px; text-align: center; font-size: 12px;  margin: 0px; background: #fff;}
	.form_cp li p{font-size: 12px;}
    .form_cp li select, .form_cp li input[type="submit"] {padding: 10px; text-transform: uppercase;}
	
	.form_cp li input[type="text"]{ border: none; color: #fff; width: 5px; padding: 0px; margin: 0px;}
	
	.form_cp li input[type="submit"] { padding: 10px; text-transform: uppercase; display: block; cursor:pointer;}
	
	.form_cp li.titulo{ background: #555; color: #fff; text-align: center; height: auto;}
	
	.form_cp li.cp{ width: 80px;  background: #f03; color: #fff; text-align: center;}
	.form_cp li.ds{ width: 40px; border-right: 1px solid #ccc;}
	.form_cp li.cm{ width: 40px; border-right: 1px solid #ccc;}
	.form_cp li.vn{ width: 110px; border-right: 1px solid #ccc; padding-top: 5px;}
	.form_cp li.vc{ width: 110px; border-right: 1px solid #ccc;}
	.form_cp li.cv{ width: 50px; border-right: 1px solid #ccc;}
	.form_cp li.vl{ width: 60px; border-right: 1px solid #ccc;}
	.form_cp li.st{ width: 80px; border-right: 1px solid #ccc; }
	.form_cp li.bt{ width: 100px;}
	.form_cp li.bt .dell{padding: 0px; margin: 0px;}
	.form_cp li.bt .btn_admin{padding: 5px 8px; margin: 0px;}
	.form_cp li button.link{ padding: 5px 5px; cursor: pointer; border:none; background: #17a2b8; color: #fff;}
	
	
	

	button.btn_cp{ background:#0078ff; color:#fff; font-weight:100; cursor:pointer; text-transform:uppercase; margin:8px; padding: 8px 20px; border:none; border-radius:20px;}
	button.fechar{ background:#fff; color:#333; font-weight:900; cursor:pointer; text-transform:uppercase; margin:10px; padding: 8px 15px; position:relative; bottom: 0px; border: 1px solid #333;}

    h3.info-cp{ padding: 5px;}
    h3.info-cp span{ padding: 5px; display: block; font-size: 80%;}
    h3.display_on { padding: 10px;} 


/**/
	.insere_cupom { text-align:center; width:100%; } 
	.insere_cupom .verificar #form_ac, .insere_cupom .verificado #form_ac{margin:auto; text-align:center;}
	.insere_cupom .verificar #form_ac p, .insere_cupom .verificado #form_ac p{margin:auto; width:100%; padding:0px; text-align:center; position:relative;}
    .insere_cupom .verificar #form_ac input { width:75%; margin:0px; text-transform:uppercase; padding:5px;}
	
	
	.insere_cupom .verificado #form_ac select { width:20%; margin:0px; text-transform:uppercase; padding:5px;}
	
	.insere_cupom .verificar #form_ac input[type="submit"] { position:relative; width:20%; height:100%; right:0px; top:0px;}
	.insere_cupom .verificado #form_ac input[type="submit"] {position:relative; width:50%; height:100%; right:0px; top:0px; padding:8px;}
	


	
	.veri_confirma .log_form { margin: auto; padding: 15px;}
	.veri_confirma .log_form img { width: 250px;}
	
	.insere_cupom ul.resul { padding: 5px; margin: auto; display: block; list-style: none; width: 50%;}
	.insere_cupom ul.resul  li{ padding: 5px; border-radius: 8px; margin: 10px  auto 10px auto;}
	.insere_cupom ul.resul  li #form_ac label{ color: #fff; width: 100%;}
	.insere_cupom ul.resul  li.send a{ color: #fff; width: 100%; display: block; font-weight: 100;}
	
	.aviso{font-size:16px; color:#f03;}
	
@media (max-width: 1000px){

		
		
		}
	
@media (max-width: 992px){
	

	
}

#form_ac input[type="radio"]{ width: 20%;}
			 .cpfon{ width: 20%; display: inline-table;  height: 10px; margin: 0px; padding: 0px}
			 .cnpjon{ width: 20%; display: inline-table;  height: 10px; margin: 0px; padding: 0px;}