@import url('https://fonts.googleapis.com/css?family=Roboto');
html{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color:#000;
	height: 100%;
	padding: 0;
}
body {
	margin: 0px;
	height: 100%;
	padding: 0;
}
h1, h4, h5 {
	margin:0px;
	font-weight:normal;
}
h4{
	color:#FF8001;
	font-size:12px;
}
img{
	border:0px;
}
/*GO TOP*/
/*
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:40px;
	right:15px;
	overflow:hidden;
	width:66px;
	height:67px;
	border:none;
	text-indent:100%;
	background:url(https://www.viverfeliz.com/images/ui_totop.png) no-repeat left top;
	}
#toTop:active, #toTop:focus {
	outline:none;
	}
*/
/*FONTS*/
.preto12{
	font-size:12px;
	text-decoration:none;
	color:#000;
}
.doze{
	font-size:12px;
}
.cinza_10{
	color:#C3C3C3;
	font-size:10px;	
}
.cinza_12{
	color:#C3C3C3;
	font-size:12px;	
}
.titulosH{
	font-size:14px;
	padding:0px;
	font-weight:normal;
	margin:0px;
}
.lista_produtos_tituloH{
	margin:0px;
	padding-top:3px;
	padding-bottom:5px;
}
.laranja{
	color:#FF8001;
}
.textoCategoria{
	color:#B9B9C8;
	margin-top:0px;
	font-size:11px;
}
@font-face {
	font-family: facebook;
	src: url(https://www.viverfeliz.com/includes/fonts/facebold.woff);
}
.facebookfont{
	font-family: facebook;
	color:#FFF;
	font-size: 20px; 
	TEXT-DECORATION:none;
	display:block;
}
@font-face {
	font-family: google;
	src: url(https://www.viverfeliz.com/includes/fonts/catull.woff);	
}
.googlefont{
	font-family: google;
	color:#FFF;
	font-size: 17px;
	font-weight:bold; 
	TEXT-DECORATION:none;
	display:block;
}
@font-face {
	font-family: microsoft;
	src: url(https://www.viverfeliz.com/includes/fonts/segoe.woff);	
}
@font-face {
	font-family: pinterest;
	src: url(https://www.viverfeliz.com/includes/fonts/pinterest.woff);	
}
.pinterestfont{
	font-family: pinterest;
	color:#FFF;
	font-size: 22px; 
	TEXT-DECORATION:none;
	display:block;
}
.normalFacebook{
	font-family: 'Roboto', sans-serif;
	font-size: 10px;
	color:#FFF;
}
.vermelho{
	color:#F00;
	font-size:12px;
}
.vermelho14{
	color:#F00;
	font-size:14px;
	font-weight:bolder;
}
.carrinhoCAT{
	font-size: 8px;
	color:#FF8001; 
}
.texto_20_responsive{
	font-size:20px;
	font-weight:bold;
}
.linksPretos{
	text-decoration: underline;
	color:#000;	
}
/*FONTS*/


#wrapper{
	position:relative;	
	width:100%;
	min-height: 100%;
}
#content{
	max-width: 1150px;
	margin:auto;
	position:relative;
	background-color:#FFF;
	height: 100%;
	min-height:100%;
}
#head{
	max-width:1150px;
	height:242px;
	vertical-align:top;
	position:relative;
	text-align:center;
	padding-top:5px;
	background:#FFF;
	margin:auto;
}
.inline{
	display:inline-block;	
}
.divLeft{
	width:248px;
	position:absolute;
	float:left;
}
.divCentral {
	max-width:630px;
	margin:auto;
	margin-top:10px;
	height:185px !important;
}
.divCentral ul{
	margin:0px;
	padding:0px;
	margin-left:10px;
}
.divCentral li{
	list-style-type: none;
	display: inline-block;	
	font-size:11px;
	text-align:left;
}
.divRight{
	top:10px;
	right:0;
	float:right;
	position:absolute;
	width:255px;
	height:195px !important;
}
.telefone{
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
}
.margin{
	margin-left:20px;	
}
.botaoLoginCF, .botaoLoginCR{
	display:block;
	width:120px;
	line-height:32px;
	height:32px;
	vertical-align: middle;
	position:relative;
	float:left;
}
.botaoLoginCF{
	background-color:#FF8001;
	border-radius: 10px 0px 0px 10px;
}

.botaoLoginCR{
	background-color:#CCCCCC;
	border-radius:0px 10px 10px 0px;
}
.botaoTextoPreto{
	color:#000; 
}
.botaoTextoBranco{
	color:#FFF;
}
.botaoTextoBranco, .botaoTextoPreto{
	display:block;
	TEXT-DECORATION:none;
	font-size:10px;
	width:100%;
	height:100%;
	text-align:center;	
}
.hidden{
	display:none;	
}
#logo{
	margin-top:5px;
	margin-left:10px;
	position:relative;	
	z-index:12;
	width:238px;
	height:auto;
}
#logo img{
	width:100%;
	height:auto;
}
#nVerde{
	text-align:center;
	margin-top:15px;
}
#divProcura{
	vertical-align:top;
}
#procura{
	width:257px;
	text-align:right;
	margin: 1em 0;
	margin-left:20px;
}
#procuraField{
	outline: none !important;
	height:38px;
	border: 1px solid #B9B9C8;
	padding-left:10px;
	width:250px;
	border-radius: 10px 0px 0px 10px;
}
#botaoSearchDiv{
	width:80px;
	height:100px !important;
	margin: 1em 0;
}
.botao{
	width:80px;
	height:42px; 
	line-height:40px; 
	text-align:center;
	background: #FF8001;
	margin-top:2px;
	cursor:pointer;
	border-radius:0px 10px 10px 0px;
}
.botao_texto{
	font-size: 14px;
	text-decoration: none;
	display:block;
	color: #fff;
}

.botaoPop{
	width:80px;
	height:42px; 
	line-height:40px; 
	text-align:center;
	background: #FF8001;
	margin-top:2px;
	cursor:pointer;
	text-decoration: none
}
#suggesstion-box{
	background-color:#FFF;
	z-index:2001;	
	display: none;
	position:absolute;
	width:500px;
	height:511px;
	text-align:left;
	margin:auto;
	margin-top: -65px;
	margin-left:80px;
	border: 1px solid #B9B9C8;
	border-radius:10px 10px 10px 10px;
}
.searchInline{
	width:206px;
	padding:20px;
	vertical-align:top;
	height:410px;
}
.preto16_search{
	font-size:16px;
	font-weight:bold;
}
.linksSearch{
	margin-top:5px;
	margin-bottom:7px;
	width:100%;
}
.linksSearch a{
	color:#000;
}
.linksSearch a:hover{
	color:#FF8001;
}
.rodapeSearch{
	border-top: 1px solid #B9B9C8;
	height:60px;
	background-color:#F1F1F3;
	border-radius:0px 0px 10px 10px;
}
#btSearchResult{
	margin:auto;
	height:40px;
	line-height:40px;
	width:230px;
	text-align:center;
	vertical-align:middle;
	background-color:#FF8001;
	margin-top:10px;
	color:#FFF;
	border-radius:10px 10px 10px 10px;
}
.hr{
	margin:0px;
	margin-bottom:5px;
}
#headMobile{
	display:none;		
}
#content{
	max-width: 1150px;
	margin:auto;
	position:relative;
	background:#fff;
}
#bannerSpace{
	width:100%;
	position:relative;
}
#bannersDiv{
	max-width:calc(100% - 240px);
	height: auto;
	border: 1px solid #B9B9C8;
	background:#FFF;
}
.banners{
	display:none;	
}
.banners img {
	height: auto !important;
	max-width:100% !important;
	width: 100% !important;
}
#facebookFan{
	position:absolute;
	text-align:center;
	margin-left:5px;
	width:220px;
	border: 1px solid #B9B9C8;
	height:auto;
	vertical-align:top;
	right:5px;
	top:0;
	/*padding-bottom: 22.9%;*/
}
.fb-like{
	padding-top:20px;
}
#likeUsFacebook
{
	padding-top:30px;	
}
#textoLikeUs{
	position:relative;
	width:90%;
	margin:auto;
	top:15px;
}
#right{
	width:223px;
	vertical-align:top;
}
#conteudo{
	width:calc(100% - 243px);
	margin-right:8px;
	padding-left:5px;
	vertical-align:top;
}
.boxTit{
	margin-top:5px;
	background:#F1F1F3;
	border: 1px solid #B9B9C8;
	padding:5px;
}
/*LISTAGEM DE PRODUTOS*/
.lista_produtos {
	margin-top:5px;
	padding-top:5px;
	border: 1px solid #B9B9C8;
	width:222px;
	text-align:center;
	display: inline-block;
	height:370px;
	vertical-align:top;
	position:relative;
}
.lista_produtos:hover{
	background-color:#F1F1F3;
}
.seloNovo{
	position:absolute;
	left:20px;
	top:25px;
}
.superPreco{
	position:absolute;
	right:-15px;
	top:-5px;
	z-index:2000;
}
.lista_produtos_equivalencia{
	padding-top:5px;
}
.botoes_produto{
	width:160px;
	margin:auto;
	margin-top:10px;
	position:relative;
	height:34px;
}
.botao_comprar{
	margin:auto; 
	display:block;
	width:75px;
	line-height:32px;
	height:32px;
	background-color:#FF8001;
	border-radius: 10px 0px 0px 10px;
	TEXT-DECORATION:none;
	float:left;
	vertical-align: middle;
}
.botao_detalhes{
	display:block;
	width:75px;
	line-height:32px;
	height:32px;
	background-color:#CCCCCC;
	border-radius:0px 10px 10px 0px;
	TEXT-DECORATION:none;
	float:left;
	vertical-align: middle;
	color:#000;
}
.botao_detalhes:hover{
	background-color:#ADADAD;
}
.botao_comprar_text{
	display:block;
	color:#FFF;
	TEXT-DECORATION:none;
	font-size:12px;
	width:100%;
	height:100%;
	text-align:center;
}
.botao_detalhes_text{
	display:block;
	color:#000; 
	TEXT-DECORATION:none;
	font-size:12px;
	width:100%;
	height:100%;
	text-align:center;
}
.shareNetworks{
	position:relative;
	top:15px;
	width:180px;
	margin:auto;
}
.partilharProdutoFacebook,.partilharProdutoGoogle, .partilharProdutoPinterest{
	width:26px;
	line-height:26px;
	height:26px;
	vertical-align:middle;
	TEXT-DECORATION:none;
	text-align:center;
	border-radius:20px 20px 20px 20px;
	margin-left:10px;
	margin-right:10px;
}
.partilharProdutoFacebook{
	background-color:#3C5A9A;
}
.partilharProdutoFacebook:hover{
	background-color:#5375BB;
}
.partilharProdutoGoogle{
	background-color:#E04B34;
	padding-top:2px;
}
.partilharProdutoGoogle:hover{
	background-color:#E87868;
}
.partilharProdutoPinterest{
	background-color:#BD081C;
}
.partilharProdutoPinterest:hover{
	background-color:#F73346;
}
.botoesShareProduto{
	position:absolute;
	right:10px;
}
.btShareFacebook{
	top:10px;
}
.btShareGoogle{
	top:40px;
}
.btSharePinterest{
	top:72px;
}

/*LISTAGEM DE PRODUTOS*/
#rodape{
	clear: both;
	width:100%;	
	background-color:#F1F1F3;
	padding-bottom:30px;
}

#pubRodape{
	margin-top:10px;
	width:100%;
	background-color:#FF8001;
	color:#FFF;
}
#pubRodapeContent{
	max-width:1000px;
	margin:auto;
	padding:20px;
}
.divPub{
	width:24%;
	color:#fff;
}
.divPub a {
	text-decoration:none;
	color:#000;
}
.rodapeContent{
	width:calc(100% - 20px);
	margin:auto;
	color:#000;
	padding:10px;
	position:relative;
}
.percentagemPub{
	font-size:40px;	
	display:inline-block;
}
#suggesstion-box-mobile{
	position:absolute;
	z-index:2000;
	width:100%;
}
#newsletter{
	margin:auto;
	text-align:center;
	width:600px;
	margin-bottom:10px;
}
#news {
	font-size: 15px; 
	color: #000; 
	float: left; 
	width: 100%; 
	height: 32px; 
	margin: 0; 
	padding: 2px 10px 2px 10px; 
	outline: none;
	border-radius: 10px 0px 0px 10px;
	border: 1px solid #B9B9C8;
}
#newsletterForm{
	position: relative; 
	padding: 5px 140px 5px 5px; 	
}
#botaoSubmitNews {
	width:100px;
	height:38px; 
	line-height:40px; 
	vertical-align: middle;
	text-align:center;
	background: #FF8001;
	color:#FFF;
	font-size: 20px; 
	float: right; 
	margin: 0 -122px 0 0; 
	padding: 0; 
}
.clearfix:before, .clearfix:after {content: ""; display: table;}
.clearfix:after {clear: both;}
#seloSsl{
	position:absolute;
	right:90px;
	top:20px;
}
.conteudoLateral{
	position:relative;
	border: 1px solid #B9B9C8;
	margin-top:5px;
	padding:5px;
}
.carrinhoSETA{
	width: 0;
	height: 0;
	margin-left:160px;
	border-style: solid;
	border-width: 0 7.5px 13.0px 7.5px;
	border-color: transparent transparent #F1F1F3 transparent;
}
.carrinhoRECORDA{
	background-color:#F1F1F3; 
	margin:auto;
	padding:10px;
	text-align:center;
	width:190px;
	font-size:12px;
}
.botaoShareFacebook{
	margin:auto; 
	display:block;
	width:160px;
	line-height:32px;
	height:32px;
	background-color:#3C5A9A;
	TEXT-DECORATION:none;
	float:left;
	vertical-align: middle;
	text-align:center;
	}
.botaoShareFacebook:hover{
	background-color:#5375BB;
}

/*POPUS*/
#popupAlert{
	border: 1px solid;
	border-color:#B9B9C8;
	padding:10px;
	display:none; 
	width:400px; 
	height:200px; 
	position:fixed; 
	top:50%; 
	left:50%; 
	margin:-100px 0 0 -200px;
	z-index:4000;
	background-color:#FFF;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	}
.close{
	float: right;	
}
#html{
	position:relative;
	top:30px;
	width:300px;
	margin:auto;
	text-align:center;
	font-size: 14px;
	color:#000;
}
/*POPUS*/

/*CARRINHO*/
.botaoAPAGAR{
	margin:auto; 
	width:15px;
	line-height:15px;
	height:15px;
	background-color:#FF8001;
	border-radius: 5px 5px 5px 5px;
	TEXT-DECORATION:none;
	text-align:center;
	font-size:1px;
	font-weight:bold;
}
.carrinhoNOME{
	width:150px;
}
.carrinhoIMG{
	margin-right:5px;
	width:32px;
}
.carrinhoAPAGAR{
	vertical-align:top;
}
.barrinhas{
	border-top: 1px solid;
	width:190px;
	height:5px;
	line-height:5px;
	border-color:#B9B9C8; 
	margin:auto;
}
.carrinhoTOTAIS{
	padding-left:10px;
	color:#666;
	width:130px;
	font-size:12px;
}
.carrinhoTOTAISnumeros{
	width:55px;
	text-align:right;
	color:#666;
	font-size:12px;
}
.carrinhoBT{
	margin-top:10px;
	margin-left:70px; 
	display:block;
	width:140px;
	line-height:32px;
	height:32px;
	background-color:#FF8001;
	TEXT-DECORATION:none;
	vertical-align: middle;
	text-align:center;
}
#carrinhoMobile{
	position:absolute;
	top:5px;
	right:5px;
}
#carrinho{
	position:absolute;
	top:80px;
	left:0px;
	cursor:pointer;
}
.carrinhoLink{
	color:#000;
	text-decoration:none;
}
#carrinhoBola{
	color:#FFF;
	background:#FF3B02;
	position:absolute;
	width:20px;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	text-align:center;
	top:0;
	right:-3px;
}
#carrinhoBolaDesk{
	color:#FFF;
	background:#FF3B02;
	position:absolute;
	width:20px;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	text-align:center;
	top:0;
	right:-3px;
}
#carrinhoPreco{
	position:absolute;
	top:80px;
	left:50px;
	font-size:16px;
	text-align:left;
}
/*CARRINHO*/

.mostraConteudo{
	width:calc(100% - 22px);
	border: 1px solid #B9B9C8;
	margin-top:5px;
	padding:10px;
	padding-bottom:20px;
	position:relative;
}
.boxLogin{
	width:400px;
	margin:auto;
	margin-top:10px;
	position:relative;
}
.registoField{
	outline: none !important;
	height:38px;
	padding-left:10px;
	width:calc(100% - 10px);
	margin-top:3px;
	border: 2px solid #EEEAEC;
}
.registoField:focus , .cpField:focus, .cpField2:focus, .cpField3:focus, .textArea:focus{
    outline: none !important;
    border:2px solid #FF8001;
}
.erros{
	display:none;
}
#erro{
	margin-top:10px;
	display:none;
}

.BTLoading{
	display:none;
	width:140px;
	line-height:32px;
	height:32px;
	background-color:#CCCCCC;
	TEXT-DECORATION:none;
	vertical-align: middle;
	text-align:center;
	position:absolute;
	cursor:not-allowed;
	right:0;
}

.BTgenerico{
	display:block;
	width:140px;
	line-height:32px;
	height:32px;
	background-color:#FF8001;
	TEXT-DECORATION:none;
	text-align:center;
	position:absolute;
	cursor:pointer;
}
.BTcancelar{
	display:block;
	width:90px;
	line-height:32px;
	height:32px;
	background-color:#FF8001;
	TEXT-DECORATION:none;
	vertical-align: middle;
	text-align:center;
	cursor:pointer;
}
.botaoLoginFacebook{
	width:80px;
	line-height:32px;
	height:32px;
	background-color:#3C5A9A;
	vertical-align: middle;
	text-align:center;
}
.botaoLoginFacebook:hover{
	background-color:#5375BB;
}
.botaoFB_texto{
	font-family: facebook;
	font-size: 14px;
	TEXT-DECORATION:none;
	display:block;
	color: #FFF;
}
.botaoLoginGoogle{
	height:32px; 
	line-height:32px; 
	width:80px;
	vertical-align: middle;
	text-align:center;
	background-color:#E04B34;
}
.botaoLoginGoogle:hover{
	background-color:#E87868;
}
.botaoGL_texto{
	font-family: google;
	font-size: 16px;
	TEXT-DECORATION:none;
	display:block;
	color: #FFF;
}
.botaoLoginMicrosoft{
	height:32px; 
	line-height:32px; 
	width:80px;
	vertical-align: middle;
	text-align:center;
	background-color:#BD081C;
	display:inline-block;
}
.botaoLoginMicrosoft:hover{
	background-color:#F73346;
}
.botaoMS_texto{
	font-family: microsoft;
	font-size: 15px;
	TEXT-DECORATION:none;
	display:block;
	color: #FFF;
}
.redesSociais{
	width:400px; 
	margin:auto; 
	margin-top:15px; 
	text-align:center;
}
.botoesLogins{
	margin-top:10px;
	width:400px;
	height:32px;
	position:relative;
}
.cpField{
	outline: none !important;
	height:38px;
	padding-left:10px;
	width:40px;
	margin-top:3px;
	border: 2px solid #EEEAEC;
}
.cpField2{
	outline: none !important;
	height:38px;
	padding-left:10px;
	width:30px;
	margin-top:3px;
	border: 2px solid #EEEAEC;
}
.cpField3{
	outline: none !important;
	height:38px;
	padding-left:10px;
	width:calc(100% - 138px);
	margin-top:3px;
	border: 2px solid #EEEAEC;
}
#outraMoradaDiv{
	display:none;	
}
#logado{
	border: 1px solid #B9B9C8;
	background-color:#F1F1F3;
	width:235px;
	text-align:left;
	padding:5px;
	font-size:12px;
}
#logout{
	position:absolute;
	right:20px;
}
.carrinhoEncomendar{
	position:absolute;
	right:135px;
	display:block;
	width:140px;
	line-height:32px;
	height:32px;
	background-color:#FF8001;
	TEXT-DECORATION:none;
	vertical-align: middle;
	text-align:center;
	margin-top:10px;
}
/*CARRINHO COMPRAS*/
#titSpace{
	width:calc(100% - 420px);
}
#titPreco{
	width:90px;
}
#titQuantidade{
	width:145px;
}
#titTotal{
	display:inline-block;	
}
.produtoCarrinho{
	background-color:#FFF;
	border-bottom: 1px solid #EEEAEC;
}
.tableCarrinho{
	width:100%;
	position:relative;
}
.imgCarrinho{
	width:60px;
	padding:10px;
}
.descriCarrinho{
	padding:10px;
	width:calc(100% - 540px);
	display:inline-block;
}
.precoCarrinho{
	width:60px; 
	padding:10px;
	text-align:center; 
	padding-top:35px;
	vertical-align:top;
	display:inline-block;
}
.precoCarrinhoTotal{
	width:70px; 
	padding:10px;
	text-align:center; 
	padding-top:35px;
	vertical-align:top;	
	display:inline-block;
	font-weight:bold;
}
.precoCarrinhoTotal2{
	width:70px; 
	padding:10px;
	text-align:center; 
	padding-top:35px;
	vertical-align:top;	
	display:inline-block;
	font-weight:bold;
}
.quantidade, .quantidadeAmostras{
	width:120px; 
	padding:10px;
	text-align:center; 
	padding-top:35px;
	vertical-align:top;	
	display:inline-block;
}
.quantidadeDescricao{
	display:none;
}
.quantidadeCarrinho{
	width:120px; 
	padding:10px;
	text-align:left; 
	padding-top:25px;
	vertical-align:top;	
	display:inline-block;
}
.eliminarCarrinho{
	padding:10px;	
	padding-top:35px;
	vertical-align:top;	
	display:inline-block;
	width:80px;
	cursor:pointer;
}
.qtyCarrinho{
	background-color: #FFF;	
	outline: none !important;
	border: 1px solid #B9B9C8;
	width:30px;
	font-size:16px;
	text-align:center;
	vertical-align: middle;
	padding:5px;
	height:24px;
}
.botoesAdd{
	font-size:25px;
	display:inline-block;
	cursor:pointer;
	vertical-align: middle;
	text-align:center;
	width:30px;
	height:36px;
	line-height:36px;
	background-color:#FF8001;	
	color:#FFF;
}
#precoSeguro{
	font-weight:bold;
}
.links{
	text-decoration:none;
	color:#000;	
}
#ofertaCarrinho{
	display:none;	
}
.seguro{
	width:calc(100% - 195px);
}
#valeDescontoDiv{
	width:200px;
	display:inline-block;
}
#valeDesconto{
	font-size: 15px; 
	color: #A8A8B7; 
	float: left; 
	width: 100%; 
	height: 30px; 
	margin: 0; 
	padding: 2px 10px 2px 10px; 
	outline: none;	
	display:inline-block;
	border-radius: 10px 0px 0px 10px;
}
#codigoText{
	display:inline-block;
	vertical-align:top;	
	padding-top:10px;
}
.botaoVale {
	width:100px;
	height:38px; 
	line-height:40px; 
	vertical-align: middle;
	text-align:center;
	background: #FF8001;
	color:#FFF;
	font-size: 20px; 
	margin: 0 -122px 0 0; 
	padding: 0; 
}
.totaisTexto{
	width:calc(100% - 225px);
	margin-bottom:5px;
}
.totaisNumeros{
	width:100px;
	text-align:right;	
	font-weight:bold;
}
.spaceCarrinho{
	display:none;
}
.spaceCarrinhoEliminar{
	display:none;
}
#encomendarBottomOut{
	display:none;
	width:140px;
	line-height:32px; 
	height:32px; 
	background-color:#FF8001;
	vertical-align: middle;
	text-align:center;
	position:absolute;
	margin-top:20px;
	margin-bottom:50px;
	right:10px;
}
/*CARRINHO COMPRAS*/

.mb{
	max-width:400px;
	height:380px;
	background-color:#FFF;
	margin:auto;
	margin-top:10px;
	border: 1px solid #B9B9C8;
	position:relative
}
.mbTit{
	height:30px;
	line-height:30px;
	text-align:center;
	vertical-align:middle;
	margin-bottom:5px;
}
.mbLogo{
	width:85px;
	height:85px;
	text-align:center;
}

.mbwayLogo{
	width:100%;
	height:85px;
	text-align:center;
}

.mbFields{
	width:150px;
	height:85px;
	vertical-align:top;
}
.mbwayFields{
	width:80px;
	height:85px;
	vertical-align:top;
	text-align: left;
}
.mbFieldsDir{
	width:150px;
	height:85px;
	vertical-align:top;
	text-align:right;
}
.mbFields div, .mbwayFields div {
	height:30px;
}
.mbFieldsDir div{
	height:30px;
}
.telemovelSMS{
	outline: none !important;
	height:38px;
	padding-left:10px;
	width:90px;;
	margin-top:3px;
	border: 2px solid #EEEAEC;
}
.CurrentPage{
	background-color: #FF3B02;
	width:30px;
	height:25px;
	line-height:25px;
	text-align:center;
	vertical-align:middle;
	color:#FFF;
	display:inline-block;
	margin-right:5px;
	cursor:not-allowed;
}
.paginas{
	background-color: #FF8001;
	width:30px;
	height:25px;
	line-height:25px;
	text-align:center;
	vertical-align:middle;
	color:#FFF;
	display:inline-block;
	margin-right:5px;
}
.paginas a:hover{
	background: #FF3B02;
}
.texto_branco_paginas{
	color:#FFF;
	font-size: 14px;
	font-weight:bold;
	text-decoration:none;
	display:block;
}
.paginas, .CurrentPage, .paginas a:hover{
	border-radius: 5px 5px 5px 5px;
}
#nomeProduto{
	width:100%;
	text-align:center;
}
#nomeProduto h2{
	font-size:20px;	
	margin-bottom:5px;
	padding:0px;
	margin:0;
}
#equivalencia{
	width:100%;
	text-align:center;
	margin-top:5px;
}
.precoProduto{
	font-size:20px;
	color:#FF8001;
}

.dropbtn {
	background:#F1F1F3;
    color: #FF8001;
	padding:5px;
    font-size: 16px;
    border: 1px solid #B9B9C8;
    cursor: pointer;
	width:290px;
	text-align:center;
	display:block;
}

.dropdown {
    position: relative;
    display: inline-block;
	text-align:left;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    width: 300px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
	
}

.dropdown-item {
    color: black;
	line-height:32px;
	height:32px;
    text-decoration: none;
    display: block;
	vertical-align:middle;
	padding-top:3px;
	padding-bottom:3px;
	font-size:12px;
}

.dropdown-item:hover {background-color: #F1F1F3;}

.dropdown-div{
	line-height:32px;
	height:32px; 
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #DEDEE2;
}
.BTgenericoSmall{
	display:block;
	width:60px;
	font-size:10px;
	line-height:20px;
	height:20px;
	background-color:#FF8001;
	TEXT-DECORATION:none;
	text-align:center;
	position:absolute;
	cursor:pointer;
	right:5px;
	vertical-align:middle;
}
.botao_textoSmall{
	font-size: 11px;
	text-decoration: none;
	display:block;
	color: #fff;
}
.textoPerfumesBolso{
	TEXT-DECORATION:none;
	color:#000;
}
.blocoQty{
	margin-top:20px;
}
#containerBox {
    white-space:nowrap;
    text-align:center;
	position:relative;
	width:100%
}
.contactosBox{
	position:relative;
	display:inline-block;
	margin-top:5px;
	padding-top:5px;
	border: 1px solid #B9B9C8;
	width: 28.5%;
	height:240px;
	text-align:center;
	padding:20px;
	vertical-align:top;
}
.tabelaFormatacao{
	width:49%; 
	vertical-align:top;
	display:inline-block;
}
.tabelaDados{
	width:calc(100% - 20px); 
	padding-top:5px;
	vertical-align:top;
}
#erro0, #erro1, #erro2, #erro3, #erro4{
	margin-top:3px;
	display:none;	
}
.textArea{
	width:calc(100% - 50px); 
	resize: none;
	height: 60px;
	font-size: 16px; 
	outline: none !important;
	padding:10px;
	border: 2px solid #EEEAEC;
}
.selectBox{
	height:45px;
}
.botaoSent{
	display:none;
	width:140px;
	height:32px;
	line-height:32px; 
	vertical-align: middle;
	text-align:center;
	background:#F1F1F3;
	border: 1px solid #B9B9C8;
	margin:auto;
}
.liRevenda{
	padding-top:15px;	
}
hr{
	border-top: 1px dotted #B9B9C8;
}
.area1{
	width:50px;
	text-align:center;
	vertical-align:top;
}
.area2{
	width:210px;
	vertical-align:top;
}
.area3{
	width:230px;
	vertical-align:top;
}
.area4{
	width:200px;
	vertical-align:top;
	display:inline-block;
}
.area5{
	width:100px;
	vertical-align:top;
	display:inline-block;
}
.topVazio{
	padding-top:28px;
	padding-bottom:13px;
}
.topVazio2{
	padding-top:76px;
	padding-bottom:13px;
}
#descriPass{
	display:block;
}
#descriPass2{
	display:none;
}

#smartChoise1, #smartChoise2, #smartChoise3{
	display:inline-block;
	width:30%;
	text-align:center;
}
.grad1 {
    height: 300px;
	width:480px;
	margin:auto;
	text-align:center;
	color:#FFF;
    background: #FF8001; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FF8001, #FFDBB6); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FF8001, #FFDBB6); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FF8001, #FFDBB6); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FF8001, #FFDBB6); /* Standard syntax (must be last) */
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.quadradinhosPontos
{
	border: 1px solid #C11E36;
	width:60px;
	height:60px;
	background-color:#FFF;
	margin-left:10px;
	margin-right:10px;
	position:relative;
	vertical-align:top;
}
.quadradinhosPontosSmall
{
	border: 1px solid #C11E36;
	width:60px;
	height:25px;
	background-color:#FFF;
	margin-left:10px;
	margin-right:10px;
}
.luva{
	cursor: pointer;
}
.selos{
	display:inline-block;
}
.selos2{
	display:inline-block;
}

.menuDivs{
	width:16%;
	display:inline-block;
	margin-top:10px;
	border:1px #FFF solid;
	vertical-align: top;
	height: 93%;
}
.menuDivs:hover{
	background-color:#F1F1F3;
	border: 1px solid #B9B9C8;
}
.newLinks{
	color:#000;
	font-size: 12px;
	display: block;
	margin-bottom:3px;
	margin-left:3px;
	width:95%;
	padding-left:3px;
	height: 25px;
	line-height: 25px;
}
.newLinks:hover{
	color:#FFF;
	background-color: #FF8001;
}
@media all and (min-width:1150px) 
{
	html { 
		background: #DFE3ED url(https://www.viverfeliz.com/images/bg_topv2.jpg) top center no-repeat; 
	}
	#menu{
		display:block;
		top:200px;
		width:100%;
		position:absolute;
		height:42px;
		background-color:#FF8001;
		z-index:11;
	}
	/* Reset */
	.nav,
	.nav ul,
	.nav li{
		margin: 0;
		padding: 0;
		border: none;
		outline: none;
	}
	.nav a { text-decoration: none; }
	.nav li { list-style: none; }
	
	/* Menu Container */
	.nav {
		display: inline-block;
		cursor: default;
		z-index: 1000;
		float:right;
	}
	/* Menu List */
	.nav > li {
		display: block;
		float: left;
	}
	/* Menu Links */
	.nav > li > a {
		display: block;
		z-index: 1020;
		height: 42px;
		padding: 0 12px;
		line-height: 42px;
		font-weight:bold;
		font-size: 13px;
		color: #FFF;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-o-transition: all .3s ease;
		-ms-transition: all .3s ease;
		transition: all .3s ease;
	}
	.nav > li:hover > a { 
		background: #FF3B02;
	}
	.nav > li:first-child > a {
		border-left: none;
	}
	/* Menu Dropdown */
	.nav > li > div {
		position: absolute;
		display: block;
		width:calc(100% - 2px);
		left: 0;
		opacity: 0;
		visibility: hidden;
		overflow: hidden;
		background: #FFF;
		border: 1px solid #B9B9C8;
		height:300px;
		-webkit-transition: all .3s ease .15s;
		-moz-transition: all .3s ease .15s;
		-o-transition: all .3s ease .15s;
		-ms-transition: all .3s ease .15s;
		transition: all .3s ease .15s;
	}
	.nav > li:hover > div {
		opacity: 1;
		visibility: visible;
		overflow: visible;
	}
	/* Menu Content Styles */
	.nav .nav-column {
		float: left;
		width:220px;
	}
	.h3 {
		font-weight: bold;
		font-size: 14px;
		color: #FF8001;
	}
	.nav .nav-column h3.orange { 
		color: #FF8001; 
		padding-left:10px;
	}
	.nav .nav-column h3.red { 
		color:red;
		padding-left:10px;
	}
	.nav .nav-column li a {
		display: block;
		line-height: 40px;
		color: #000;
		padding-left:15px;
		border-radius:10px 10px 10px 10px;
		margin-left:10px;
		font-size:14px;
	}
	.nav .nav-column li a:hover { 
		color: #FFF; 
		background-color:#FF8001;
	}
	.nav .nav-direita{
		width:250px;
		height:290px;
		border-left: 1px solid #B9B9C8;
		float:right;
		text-align:center;
		padding-top:10px;
		position:relative;
		background:#FFF;
	}
	#rodapeNavDir{
		position:absolute;
		width:100%;
		height:40px;
		text-align:center;
		bottom:0px;
		background-color:#FF8001;
		color:#FFF;
	}
	/*MENU*/
	#fotoProduto{
		width:423px;
		height:436px;	
		display:inline-block;
	}
	#foto{
		width: 403px;
		height: auto;
		padding:10px;
	}
	#opcoesProduto{
		display:inline-block;
		vertical-align:top;
		width:calc(100% - 460px);
		padding:10px;
		text-align:left;
		padding-top:25px;
	}
}
@media all and (min-width:801px) and (max-width: 1000px) 
{
	#titSpace{
		display:none;
	}
	#titPreco{
		display:none;
	}
	#titQuantidade{
		display:none;;
	}
	#titTotal{
		display:none;	
	}
	.descriCarrinho{
		padding:10px;
		width:calc(100% - 140px);
	}
	.spaceCarrinho{
		display:inline-block;
		width:calc(100% - 322px);
	}
	.eliminarCarrinho{
		padding-left:15px;	
		padding-top:5px;
		padding-bottom:10px;
	}
	.quantidadeCarrinho{
		padding-top:5px;
	}
	.precoCarrinho, .quantidadeAmostras, .precoCarrinhoTotal{
		padding-top:15px;
	}
	.totaisTexto{
		width:calc(100% - 120px);
		margin-bottom:5px;
	}
	.totaisNumeros{
		width:100px;
		text-align:right;	
	}
	.seguro{
		width:calc(100% - 85px);
		padding-right:5px;	
	}
	.carrinhoEncomendar{
		right:20px;
	}
	.area4{
		padding-left:50px;
	}
	.area5{
		padding-left:50px;
		margin-top:5px;
	}
}
@media all and (min-width:801px) and (max-width: 1149px) 
{
	#itemsTop{
		position:absolute;
		top:150px;
		left:0;
		text-aligN:center;
		margin-left:27%
	}
	#divCentral {
		position:absolute;
		width:360px;
		margin:auto;
		border: 1px solid #FF0000;
	}
	#procura{
		width:257px;
		text-aligN:center;
		margin-left:0px;
	}
	#procuraField{
		width:250px;	
	}
	.divCentral li{
		font-size:10px;
	}
	#logo{
		width:190px;
		height:auto;
	}
	#menu{
		display:block;
		top:200px;
		width:100%;
		position:absolute;
		height:42px;
		background-color:#FF8001;
		z-index:11;
	}
	/* Reset */
	.h3 {
		font-weight: normal;
		font-size: 14px;
		color: #FF8001;
	}
	.nav,
	.nav ul,
	.nav li {
		margin: 0;
		padding: 0;
		border: none;
		outline: none;
	}
	.nav a { text-decoration: none; }
	.nav li { list-style: none; }
	
	/* Menu Container */
	.nav {
		display: inline-block;
		cursor: default;
		z-index: 1000;
		float:none;
	}
	/* Menu List */
	.nav > li {
		display: block;
		float: left;
	}
	/* Menu Links */
	.nav > li > a {
		display: block;
		z-index: 1020;
		height: 42px;
		line-height: 42px;
		font-weight:bold;
		font-size: 12px;
		padding: 0 9px;
		color: #FFF;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-o-transition: all .3s ease;
		-ms-transition: all .3s ease;
		transition: all .3s ease;
	}
	.nav > li:hover > a { 
		background: #FF3B02;
	}
	.nav > li:first-child > a {
		border-left: none;
	}
	/* Menu Dropdown */
	.nav > li > div {
		position: absolute;
		display: block;
		width:calc(100% - 2px);
		left: 0;
		opacity: 0;
		visibility: hidden;
		overflow: hidden;
		background: #FFF;
		border: 1px solid #B9B9C8;
		height:300px;
		-webkit-transition: all .3s ease .15s;
		-moz-transition: all .3s ease .15s;
		-o-transition: all .3s ease .15s;
		-ms-transition: all .3s ease .15s;
		transition: all .3s ease .15s;
	}
	.nav > li:hover > div {
		opacity: 1;
		visibility: visible;
		overflow: visible;
	}
	/* Menu Content Styles */
	.nav .nav-column {
		float: left;
		width:24%;
	}
	.nav .nav-direita{
		display:none;
	}
	.nav .nav-column h3 {
		margin: 20px 0 10px 0;
		line-height: 18px;
		font-weight: bold;
		font-size: 14px;
		color: #FF8001;
		text-transform: uppercase;
	}
	.nav .nav-column h3.orange { 
		color: #FF8001; 
		padding-left:15px;
	}
	.nav .nav-column li a {
		display: block;
		line-height: 40px;
		color: #000;
		padding-left:15px;
		border-radius:10px 10px 10px 10px;
		font-size:14px;
	}
	.nav .nav-column li a:hover { 
		color: #FFF; 
		background-color:#FF8001;
	}
	.nav .nav-direita{
		width:250px;
		height:290px;
		border-left: 1px solid #B9B9C8;
		float:right;
		text-align:center;
		padding-top:10px;
		position:relative;
		background:#FFF;
	}
	#rodapeNavDir{
		position:absolute;
		width:100%;
		height:40px;
		text-align:center;
		bottom:0px;
		background-color:#FF8001;
		color:#FFF;
	}
	.nav-central-direita{
		display:none;		
	}
	/*MENU*/
	.fb-like{
		padding-top:10px;
	}
	#likeUsFacebook
	{
		padding-top:0px;	
	}
	.lista_produtos {
		width:calc(33% - 2px);
	}
	.percentagemPub{
		font-size:40px;	
		display:block;
	}
	#carrinho{
		left:35px;
	}
	#carrinhoPreco{
		left:85px;
	}
	#textoLikeUs{
		display:none;
	}
	#fotoProduto{
		width:330px;
		height:340px;
		display:inline-block;
		text-align:left;
	}
	#foto{
		width: 320px;
		height: auto;
		padding:10px;
	}
	#opcoesProduto{
		display:inline-block;
		vertical-align:top;
		width:calc(100% - 360px);
		padding:10px;
		text-align:left;
		padding-top:25px;
	}
	.contactosBox{
		width:calc(31% - 29px);	
	}
	.area5{
		padding-left:50px;
		margin-top:5px;
	}
}
@media all and (min-width:801px) and (max-width: 945px) 
{
	
	.nav .nav-direita{
		display:none;
	}
	.nav .nav-column {
		width:24%;
	}
	.nav .nav-column li a {
		font-size:13px;
	}
	.lista_produtos {
		width:calc(33% - 3px);
	}
	#fotoProduto{
		display:block;
		margin:auto;
	}
	#opcoesProduto{
		display:block;
		width:100%;
		text-align:center;
		position:relative;
	}
	.blocoQty{
		margin-top:20px;
		width:100%;
		text-align:center;
		margin-left:-70px;
	}
	.contactosBox{
		width:calc(100% - 40px);
		display:block;
	}
	.area3{
		padding-left:50px;
		display:block;
	}
}
@media all and (min-width:0px) and (max-width: 800px) 
{
	#head{
		display:none;		
	}
	#headMobile{
		display:block;		
	}
	/*HAMBURGUER*/
	.hamburguer{
		/*border-right: 1px solid #4A4B4D;*/
		/*border-bottom: 1px solid #4A4B4D;*/	
		z-index: 999;
		position:absolute;
		top:0px;;
		left:0px;
		width:40px;
		height:40px;
		border-bottom: 1px solid #FFF;
		}
	#nav-toggle{position: absolute;; left:5px; top:8px; z-index: 999; cursor: pointer; padding: 10px 35px 16px 0px;}
	#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {cursor: pointer;border-radius: 1px;height: 5px;width: 35px; background: #FF8001; position: absolute;display: block;content: ''}
	#nav-toggle span:before {top: -10px;}
	#nav-toggle span:after {bottom: -10px;}
	#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {transition: all 500ms ease-in-out;}
	#nav-toggle.active span {background-color: transparent;}
	#nav-toggle.active span:before, #nav-toggle.active span:after {top: 0;}
	#nav-toggle.active span:before {transform: rotate(45deg);background: #FFF;}
	#nav-toggle.active span:after {transform: rotate(-45deg);background: #FFF;}
	/*HAMBURGUER*/
	/*MENU*/
	#menuMobile {
		width: 250px;
		height:100vh;
		background-color: #FF8001;
		position:absolute;
		top:0px;
		z-index: 997;
		display:none
	}
	.menuMobile{
		margin: 0;
		padding: 0;
		list-style: none;
		width: 100%;
		font-size: 15px;	
	}
	.menuMobile li{
		border-bottom: 1px solid #FFF;	
		text-align:left;
		list-style: none;
		width: 250px;
		background-color: #FF8001;
	}
	.menuMobile li a {
		display: block;
		text-decoration: none;
		color: #FFF;
		height:40px;
		line-height:40px;
		vertical-align:middle;
		padding-left:10px;
		text-align:left;
		left:0px;
	}
	li ul{
		position: RELATIVE;
		left: -40px;
		top: 0;
		display: none;
		text-align:left;
		width: 100%;
		color:#000;
	}
	.sub-menu li.subMenu a{
		color:#FFF;
		padding-right:10px;
		text-align:right;
		background:#FF3B02;
		}
	#menuTop{
		margin-left:0px;
		padding-left:50px;
		width:200px;
		height:40px;
		line-height:40px;
		text-align:left;
		border-bottom: 1px solid #FFF;
		color: #FFF;
		font-size:18px;
		cursor: pointer;
		background-color: #FF8001;
	}
	.triangulo{
		margin-left:5px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 15px 10px 0 10px;
		border-color: #FFF transparent transparent transparent;
		cursor:pointer;
	}
	/*MENU*/
	#logoMobile{
		position:absolute;
		width:100%;
		min-width:318px;
		height:61px;
		margin:auto;
		text-align:center;	
	}
	.menuNVerde{
		width:calc(100% - 2px);
		text-align:center; 
		background:#fff; 
		height:75px; 
		padding-top:5px;
		border: 1px solid #FF800;
	}
	.loginsMobile{
		width:100%;	
		position:absolute;
		margin:auto;
		margin-top:65px;
	}
	.botoesLogin{
		width:calc(50% - 2px);
		text-align:center;
		line-height:30px;
		height:30px;
		vertical-align: middle;
		
	}
	.botoesLoginCF{
		background-color:#FF8001;	
		color:#fff;
		text-decoration:none;
	}
	.botoesLoginCR{
		background-color:#CCCCCC;
		text-decoration:none;
		color:#000;
	}
	#searchMobile{
		top:98px;
		position: relative;
		height:50px;
		background: #F1F1F3;
		max-width:100%;
		padding:4px;
		border-bottom:#FF8001 1px solid;
	}
	#search_form_Mobile {
		position: relative; 
		padding: 5px 140px 5px 5px; 
	}
	.clearfix:before, 
	.clearfix:after {content: ""; display: table;}
	.clearfix:after {clear: both;}
	#search_text {
		font-size: 15px; 
		color: #A8A8B7; 
		float: left; 
		width: 100%; 
		height: 30px; 
		margin: 0; 
		padding: 2px 10px 2px 10px; 
		outline: none;
		border-radius: 10px 0px 0px 10px;
	}
	#botaoSearchMobile {
		width:100px;
		height:38px; 
		line-height:40px; 
		vertical-align: middle;
		text-align:center;
		background: #FF8001;
		color:#FFF;
		font-size: 20px; 
		float: right; 
		margin: 0 -124px 0 0; 
		padding: 0; 
		border-radius:0px 10px 10px 0px;
	}
	#perfume-list {
		margin-left:-40px;
		margin-top:98px;	
		background:#FFF;
	}
	#perfume-list li{
		padding: 10px; 
		background:#FFF;
		border-bottom:#FF8001 1px solid;
		list-style:none;
	}
	#perfume-list li:hover{
		cursor: pointer;
		background:#F0F0F0;
	}
	.cinza_12{font-size:11px;}
	#content{
		margin-top:100px;
	}
	#bannersDiv{
		max-width:100%;
		border: 0px;
		position:relative;
	}
	#facebookFan{
		display:none;
	}
	#right{
		display:none
	}
	#conteudo{
		width:calc(100% - 14px);
	}
	.lista_produtos {
		width:calc(50% - 4px);
	}
	#pubRodapeContent{
		padding:0px;
	}
	.divPub{
		width:40%;
		padding:10px;
	}
	#newsletter{
		width:100%;
	}
	/*POPUS*/
	#popupAlert{
		border: 1px solid;
		border-color:#B9B9C8;
		padding:10px;
		display:none; 
		width:250px; 
		height:200px; 
		position:fixed; 
		top:50%; 
		left:50%; 
		margin:-10px 0 0 -125px;
		z-index:4000;
		background-color:#FFF;	
	}
	.close{
		float: right;	
	}
	#html{
		position:relative;
		top:20px;
		width:220px;
		margin:auto;
		text-align:center;
		font-size: 14px;
	}
	/*POPUS*/
	.boxLogin{
		width:100%;
	}
	.botoesLogins{
		width:calc(100% - 10px);
	}
	.redesSociais{
		width:100%;
	}
	#logado{
		border:0px;
		width:calc(100% - 10px);
		position:absolute;
		margin:auto;
		margin-top:65px;
		padding-top:15px;
	}
	#titSpace{
		display:none;
	}
	#titPreco{
		display:none;
	}
	#titQuantidade{
		display:none;;
	}
	#titTotal{
		display:none;	
	}
	#precoSeguro{
		/*float:right;*/
	}
	.seguro{
		width:calc(100% - 85px);
		padding-right:5px;	
	}
	.totaisTexto{
		width:calc(100% - 120px);
		margin-bottom:5px;
	}
	.totaisNumeros{
		width:100px;
		text-align:right;	
	}
	.descriCarrinho{
		padding:10px;
		width:calc(100% - 110px);
	}
	.precoCarrinho{
		display:none;	
	}
	.carrinhoEncomendar{
		right:20px;
	}
	.spaceCarrinho{
		display:inline-block;
		width:calc(100% - 240px);
	}
	.eliminarCarrinho{
		display:block;
	}
	.descri{
		font-size:12px;
	}
	.eliminarCarrinho{
		padding:15px;	
		padding-top:5px;
		padding-bottom:10px;
	}
	.quantidadeCarrinho{
		padding-top:5px;
	}
	.precoCarrinhoTotal, .quantidadeAmostras{
		padding-top:15px;
	}
	#valeDescontoDiv{
		width:calc(100% - 120px);
		display:block;
		height:40px;
	}
	.mbTit{
		font-size:12px;
		margin-bottom:10px;
	}

	.mbFields, .mbFieldsDir, .mbwayFields{
		width:calc(50% - 50px);
		font-size:12px;
	}
	#fotoProduto{
		display:block;
		width:300px;
		margin:auto;
	}
	#foto{
		width: 280px;
		height: auto;
		padding:10px;
	}
	#opcoesProduto{
		display:block;
		width:100%;
		text-align:center;
		position:relative;
	}
	.blocoQty{
		margin-top:20px;
		width:100%;
		text-align:center;
		margin-left:-70px;
	}
	/*GO TOP*/
	#toTop {
		display:none;
		text-decoration:none;
		position:fixed;
		bottom:70px;
		right:20px;
		overflow:hidden;
		width:53px;
		height:54px;
		border:none;
		text-indent:100%;
		background:url(https://www.viverfeliz.com/images/ui_totop_mobile.png) no-repeat left top;
	}
	#toTop:active, #toTop:focus {
		outline:none;
	}
	.btShareFacebook{
		top:140px;
	}
	.btShareGoogle{
		top:170px;
	}
	.btSharePinterest{
		top:202px;
	}
	.contactosBox{
		width:calc(100% - 40px);
		display:block;
	}
	.tabelaFormatacao{
		width:100%; 
		vertical-align:top;
		display:block;
	}
	.area3{
		padding-left:50px;
	}
	.area4{
		padding-left:50px;
	}
	.area5{
		padding-left:50px;
	}
	.topVazio{
		padding-top:8px;
	}
	.topVazio2{
		padding-top:8px;
	}
	#descriPass{
		display:none;
	}
	#descriPass2{
		display:block;
	}
	.grad1 {
		height: 200px;
		width:320px;
	}
	
}
.carrinhoRECORDA, .botaoShareFacebook, #popupAlert, .carrinhoBT, #carrinhoBola, .botaoPop, #carrinhoBolaDesk, .registoField, .BTgenerico,.botaoLoginFacebook,.botaoLoginGoogle, .botaoLoginMicrosoft, .cpField,.cpField2, .cpField3, #logado, .carrinhoEncomendar, .botoesAdd, .qtyCarrinho, #encomendarBottomOut, .BTgenericoSmall, .textArea, .botaoSent, .BTcancelar, .grad1, .quadradinhosPontos, .quadradinhosPontosSmall,.BTLoading{
	border-radius: 10px 10px 10px 10px;
}
.botaoLoginCF:hover, .carrinhoBT:hover, #btSearchResult:hover, .botao:hover, .botao_comprar:hover, #botaoSubmitNews:hover, .botaoPop:hover, .BTgenerico:hover, .botaoAPAGAR:hover, .carrinhoEncomendar:hover, .botoesAdd:hover, .BTgenericoSmall:hover, .BTcancelar:hover{
	background: #FF3B02;
}

/* Credit Card */
.importancia{
	width:360px;
	height:55px;
	text-align: center;
	padding-top: 15px;
	margin: 20px auto 0;
	border: 1px solid #B9B9C8;
	background:#F1F1F3;
}

.ip{
	width:340px;
	font-size:12px;
	text-align:center;
	margin: 20px auto 0;
	border: 1px solid #B9B9C8;
	background:#F1F1F3;
	padding:10px;
}

/* Credit Card */
.credit-card {
  width            : 360px;
  height           : 400px;
  margin           : 20px auto 0;
  border           : 1px solid #B9B9C8;
  background-color : #fff;
  position:relative;
}

.form-header {
  height        : 60px;
  padding       : 20px 30px 0;
  border-bottom : 1px solid #E1E8EE;
}

.form-body {
  height  : 340px;
  padding : 30px 30px 20px;
}

/* Title */

.title {
  margin    : 0;
  color     : #5e6977;
  font-size : 18px;
  padding-bottom:0px;
}

/* Common */

.card-number,
.cvv-input input,
.month select,
.paypal-btn,
.proceed-btn,
.year select {
  height : 42px;
}

.card-number,
.cvv-input input,
.month select,
.year select {
    font-size: 14px;
    font-weight: 100;
    line-height: 14px;
}

.card-number,
.cvv-details,
.cvv-input input,
.month select,
.year select {
  color   : #000000;
  opacity : .7;
}

/* Card Number */

.card-number {
  width         : 100%;
  margin-bottom : 20px;
  padding-left  : 20px;
  border        : 2px solid #e1e8ee;
  border-radius : 6px;
  box-sizing : border-box;
  outline: none;
}


/* Date Field */

.month select,
.year select {
  -moz-appearance     : none;
  -webkit-appearance  : none;
  width               : 145px;
  margin-bottom       : 20px;
  padding-left        : 20px;
  border              : 2px solid #e1e8ee;
  border-radius       : 6px;
  background          : url('https://www.yodeyma-paris.com/images/caret.png') no-repeat;
  background-position : 85% 50%;
  box-sizing : border-box;
  outline: none;
}

.month select {
  float : left;
}

.year select {
  float : right;
}

/* Card Verification Field */

.cvv-input input {
  width         : 145px;
  float         : left;
  padding-left  : 20px;
  border        : 2px solid #e1e8ee;
  border-radius : 6px;
  background    : #fff;
  box-sizing : border-box;
  outline: none;
}

.cvv-details {
  float         : right;
  margin-bottom : 20px;
  font-size     : 12px;
  font-weight   : 300;
  line-height   : 16px;
  box-sizing : border-box;
}

.cvv-details p {
  margin-top : 6px;
}

/* Buttons Section */

.proceed-btn {
  cursor: pointer;
  width         : 100%;
  border-color  : transparent;
  border-radius : 6px;
  font-size     : 16px;
}

.proceed-btn {
  margin-bottom : 10px;
  background    : #7dc855;
}

.proceed-btn a {
  text-decoration : none;
  cursor          : pointer;
}

.proceed-btn a {
  color : #fff;
}
.botaoCC{
	background: #FF8001;
	width: 100%;
	height: 45px;
	line-height:45px;
	display:inline-block;
	margin-bottom : 10px;
	border-radius : 10px;
	text-align:center;
}
.botaoCC a{
	font-size : 16px;
	color: #FFFFFF;
	text-decoration:none;
	vertical-align: middle;
	display:block;
	padding-left:10px;
	padding-right:10px;
}
.botaoCC:hover{
	background: #FF3B02;
}

.botaoCCOff{
	background:#CCCCCC;
	border: 1px solid #B9B9C8;
	width: 100%;
	height: 45px;
	line-height:45px;
	display:inline-block;
	margin-bottom : 10px;
	border-radius : 6px;
	text-align:center;
	cursor:not-allowed;
}
.botaoCCOff a{
	font-size : 16px;
	color: #000000;
	text-decoration:none;
	vertical-align: middle;
	display:block;
	padding-left:10px;
	padding-right:10px;
}

#erroCC{
	position:absolute;
	width:300px;
	text-align:center;
	margin-top:145px;
	color:rgba(255,0,4,1.00);
	font-size:14px;
}


/*POPUS*/
#Secure3D{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:none;
	background:#FFFFFF;
	border: 1px solid;
	border-color:#B9B9C8;
	padding-top:10px;
	z-index:1100;
}
#html3D{
	width:100%;
	height:100%;
}

.iframe-placeholder
    {
		width:100%;
		height:100%;
       background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 100% 100%"><text fill="%23000000" x="50%" y="50%" font-family="\'Roboto\', sans-serif" font-size="24" text-anchor="middle">Aguarde</text></svg>') 0px 0px no-repeat;
    }