﻿/* PROPRIEDADES RESPONSIVAS */

@media screen and (max-width: 479px) {
	body.RESPONSIVE .produto-detalhes-opcoes-grade-opcao {
		width: 100%;
		position: relative;
	}

		body.RESPONSIVE .produto-detalhes-opcoes-grade-opcao > div.vitrine-box {
			width: calc(100% - 40px);
		}
}

@media screen and (max-width: 799px) {
	body.RESPONSIVE .custom-html {
		display: none;
	}
}

@media screen and (max-width: 1001px) {
	body.RESPONSIVE .produto-info-comprar {
		opacity: 1;
	}

	body.RESPONSIVE section.showcase article.vitrine-box {
		margin-bottom: 30px;
		padding-bottom: 30px;
		border-bottom: 1px #ccc solid;
		border-radius: 0;
	}

	body.RESPONSIVE #cx_principal #cx_conteudo_inicial section.showcase {
		width: 100%;
	}

	body.RESPONSIVE section.showcase h2 {
		width: 100%;
		line-height: 18px;
	}

		body.RESPONSIVE section.showcase h2 > span {
			display: block;
			margin-top: 5px;
			float: none;
		}

	body.RESPONSIVE #banner_flex {
		display: none;
	}

	body.RESPONSIVE #footer-whitespace {
		display: none;
	}

	body.RESPONSIVE #cx_principal section.showcase article.vitrine-box {
		width: calc(33% - 10px);
	}

		body.RESPONSIVE #cx_principal section.showcase article.vitrine-box.vitrine-box-lista {
			width: calc(100% - 10px);
		}

	body.RESPONSIVE div#showcase-sorter-options, body.RESPONSIVE div#showcase-viewer-options {
		margin-top: 12px;
		margin-left: 0;
		padding: 10px;
		border-bottom: 1px #efefef solid;
		font-weight: bold;
		text-transform: uppercase;
		width: 50%;
		float: left;
		height: 100px;
	}

	body.RESPONSIVE div#showcase-viewer-options {
		text-align: right;
	}

	body.RESPONSIVE #showcase-viewer-options > span {
		float: none;
		display: inline;
	}

	body.RESPONSIVE #showcase-viewer-options > br {
		display: inline;
	}

	body.RESPONSIVE #showcase-viewer-options > #opcao-exibicao {
		float: none;
		margin-top: 0;
		display: inline;
	}

	body.RESPONSIVE #rodape {
		line-height: 100%;
	}

	body.RESPONSIVE #cx_rodapeCompleta.vitrine-elastica #rodape td.column-gama {
		text-align: center;
	}

	/* PROPRIEDADES RESPONSIVAS DO PRODUTO DETALHES */

	body.RESPONSIVE #produto-detalhes-imagem {
		width: 100%;
		text-align: center;
		margin-top: 15px;
	}

	body.RESPONSIVE #produto-detalhes {
		border-radius: 0px;
		width: 100%;
		float: none;
	}

	body.RESPONSIVE h1.produto-detalhes-titulo {
		margin: 15px 0px 0px 15px;
		font-size: 20px;
	}

	body.RESPONSIVE #produto-detalhes-imagem .produto-detalhes-imagem-mobileview {
		display: inline-block;
	}

	body.RESPONSIVE #produto-detalhes-imagem .produto-detalhes-imagem-commonview {
		display: none;
	}

	body.RESPONSIVE #produto-detalhes-imagem-principal a > img {
		width: 100%;
	}

	body.RESPONSIVE span#produto-detalhes-sku {
		margin: 5px 15px;
		font-size: 15px;
	}

	body.RESPONSIVE #produto-detalhes-preco, body.RESPONSIVE #produto-detalhes-comprar {
		width: calc(100% - 20px);
		position: relative;
		float: none;
		margin: 10px;
	}

	body.RESPONSIVE #produto-detalhes-preco-aprazo, body.RESPONSIVE #produto-detalhes-preco-boleto {
		display: block;
		float: none;
		line-height: 20px;
		width: auto;
	}

	body.RESPONSIVE #produto-detalhes-preco-parcelamento-geral {
		width: calc(100% - 10px);
		margin: 0 auto;
		position: relative;
		max-width: 530px;
	}

	body.RESPONSIVE #produto-detalhes-preco-parcelamento-manual {
		display: table;
		width: 100%;
		text-align: center;
	}

		body.RESPONSIVE #produto-detalhes-preco-parcelamento-manual > div.parcelado {
			padding: 5px;
			font-weight: bold;
			margin: 2px;
			width: calc(50% - 4px);
			border: 1px dotted #ccc;
			text-align: center;
			font-family: Calibri Light;
			letter-spacing: 2px;
			font-size: 12px;
			min-width: 230px;
			display: inline-block;
		}

	body.RESPONSIVE #produto-detalhes-comprar-disponibilidade {
		max-width: 500px;
		margin: 0 auto;
	}

	body.RESPONSIVE #produto-detalhes-comprar-button {
		display: block;
		width: 50%;
		min-width: 200px;
		margin: 20px auto;
		float: none;
	}

	body.RESPONSIVE #personalizar-message {
		float: none;
	}

	body.RESPONSIVE #produto-detalhes-cotacaofrete, body.RESPONSIVE #produto-detalhes-cotacaofrete-result {
		width: calc(100% - 30px);
		margin: 15px;
	}

	body.RESPONSIVE #butons > label {
		min-width: 170px;
	}

	body.RESPONSIVE #produto-detalhes-opcoes {
		margin: 15px;
		float: none;
		width: calc(100% - 30px);
		position: relative;
	}

	body.RESPONSIVE #produto-detalhes-opcoes-listagem {
		width: 100%;
	}

		body.RESPONSIVE #produto-detalhes-opcoes-listagem .produto-opcao-icones {
			width: 145px;
		}

			body.RESPONSIVE #produto-detalhes-opcoes-listagem .produto-opcao-icones img {
				border-radius: 5px;
			}

	body.RESPONSIVE #produto-detalhes-opcoes-caixaselecao {
		width: 80%;
		margin: 0 auto;
	}

	body.RESPONSIVE #produto-detalhes-opcoes-grade h3 {
		margin-bottom: 20px;
		margin-left: 15px;
	}

	body.RESPONSIVE #produto-detalhes-opcoes-grade div.vitrine-box {
		margin: 20px;
	}

	body.RESPONSIVE #produto-detalhes-opcoes-grade select {
		padding: 2px;
		margin: 10px 0;
		width: 60%;
	}

	body.RESPONSIVE #produto-detalhes-comprar-button-grade {
		font-size: 16px;
	}

	body.RESPONSIVE #formulario-aviseme_quando_chegar {
		float: none;
	}

		body.RESPONSIVE #formulario-aviseme_quando_chegar td {
			display: block;
		}

		body.RESPONSIVE #formulario-aviseme_quando_chegar > div {
			background: #fff;
			padding: 10px;
			border-radius: 5px;
		}

	body.RESPONSIVE #produto-detalhes-footer {
		float: none;
		width: auto;
	}

	body.RESPONSIVE .produto-detalhes-preco-parcelamento-opcoes {
		margin: 0 auto;
	}

	body.RESPONSIVE .produto-detalhes-preco-parcelamento-boxes {
		line-height: 25px;
	}

	body.RESPONSIVE .caixaBannerDireito {
		display: none;
	}
}

.vitrine-grade {
	position: relative;
}

	.vitrine-grade > a > div {
		display: table;
		width: inherit;
		text-align: center;
	}

	.vitrine-grade .produto-foto {
		width: 160px;
		height: 160px;
		overflow: hidden;
		text-align: center;
	}

		.vitrine-grade .produto-foto > img {
			border: 0;
			max-width: 155px;
			max-height: 155px;
		}

	.vitrine-grade .vitrine-gama {
		position: absolute;
		bottom: 0;
		width: 100%;
	}

.vitrine-lista, .vitrine-lista > a {
	float: left;
	width: inherit !important;
	position: relative;
}

.vitrine-grade .produto-nome {
	margin: 10px;
}

.vitrine-lista {
	height: 140px;
	border-bottom: 1px #efefef solid;
	padding-bottom: 20px;
}

	.vitrine-lista > a {
		height: inherit !important;
	}

		.vitrine-lista > a:hover {
			width: inherit !important;
			height: inherit !important;
		}

	.vitrine-lista .produto-foto {
		width: 100%;
		height: inherit !important;
		overflow: hidden;
		float: left;
		margin-top: -2px;
	}

		.vitrine-lista .produto-foto > img {
			max-width: 100%;
			height: inherit;
		}

	.vitrine-lista > a > div {
		display: table;
		float: left;
		height: inherit;
	}

		.vitrine-lista > a > div > div {
			display: table-cell;
			height: inherit;
			vertical-align: middle;
		}

	.vitrine-lista .vitrine-alfa {
		width: 25%;
		height: inherit;
	}

	.vitrine-lista .vitrine-beta {
		width: 35%;
		height: inherit;
		text-align: left;
		margin-left: 5%;
	}

	.vitrine-lista .vitrine-gama {
		width: 35%;
		height: inherit;
		text-align: right;
	}

	.vitrine-lista .cupom_de_desconto-etiqueta {
		margin-left: -15px;
	}

.produto-indisponivel, .produto-parcelamento {
	color: #E00000;
}

	.produto-parcelamento.helper-indisponivel {
		display: none;
	}

#produtos-extras, #produtos-retrieve {
	display: table;
	width: inherit;
}

.vitrine-lista .vitrine-gama > div > div {
	margin-right: 15px;
}

.produto-cupom {
	margin: 10px 0;
}

#menuHorizontal {
	margin: 223px auto 0;
	width: 1002px;
	height: 50px;
	position: absolute;
	z-index: 41 !important;
}

/* BANNER CENTRAL */

.slidesjs-previous.slidesjs-navigation {
	position: absolute;
	top: 150px;
	z-index: 50;
	width: 50px;
	height: 100px;
	color: transparent;
}

.slidesjs-next.slidesjs-navigation {
	position: absolute;
	top: 150px;
	z-index: 50;
	right: 0;
	width: 50px;
	height: 100px;
	color: transparent;
}

#slides {
	height: inherit;
}

	#slides .prev {
		width: 50px;
		height: inherit;
		top: 0;
		left: -55px;
		background-repeat: no-repeat;
		background-position: center right;
		border: 0px;
		outline: none;
	}

	#slides .next {
		width: 50px;
		height: inherit;
		top: 0;
		left: 1007px;
		background-repeat: no-repeat;
		background-position: center left;
		border: 0px;
		outline: none;
	}

#container {
	max-width: 100%;
	max-height: 400px;
	width: auto;
	height: auto;
	padding: 10px;
	margin: 0 auto;
	z-index: 0;
}

#slides {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}

#slides_container img {
	max-width: 100%;
	max-height: 400px;
	width: auto;
	height: auto;
}

.slides_container a {
	width: 100%;
	height: 400px;
	display: block;
}

	.slides_container a img {
		display: block;
	}

#slides .next, #slides .prev {
	position: absolute;
	top: 80px;
	left: -27px;
	width: 24px;
	height: 43px;
	display: block;
	z-index: 101;
}

#slides .next {
	left: 927px;
}

#slides_container {
	width: 100%;
	height: 400px;
}

.pagination {
	margin: 10px auto 0;
	width: 100px;
}

	.pagination li {
		float: left;
		margin: 0 1px;
		list-style: none;
	}

		.pagination li a {
			display: block;
			width: 12px;
			height: 0;
			padding-top: 12px;
			background-image: url(img/pagination.png);
			background-position: 0 0;
			float: left;
			overflow: hidden;
		}

		.pagination li.current a {
			background-position: 0 -12px;
		}

.slidesjs-container {
	height: 400px;
}

#cx_principal #cx_conteudo_inicial {
	top: 196px;
	z-index: 2;
}

/* POPUP */

.ui-dialog.popup, .ui-widget.popup, .ui-widget-content.popup, .ui-corner-all.popup, .ui-draggable.popup, .ui-resizable.popup {
	background: transparent;
	border: 0;
}

.popup > .ui-dialog-titlebar {
	background: transparent;
	border: 0;
}

/* VITRINE */

body.RESPONSIVE #cx_principal.vitrine-elastica {
	min-width: 0;
}

div.infoIdividual section.showcase article.vitrine-box {
	display: block;
}

#cx_principal.vitrine-elastica {
	width: 100%;
	min-width: 1002px;
}

div#menu_lateral.cx_principal_column, div.caixaBannerDireito.cx_principal_column {
	width: 230px;
	float: left;
}

#menu_lateral.cx_principal_column {
	margin-right: 20px;
}

.caixaBannerDireito.cx_principal_column {
	margin-left: 20px;
}

#cx_principal #conteudo_CM {
	width: calc(100% - 240px);
}

#showcase-sorter-options {
	float: left;
	margin-top: -4px;
	margin-left: 10px;
}

#showcase-viewer-options {
	float: right;
	display: table;
	width: 180px;
}

	#showcase-viewer-options > span {
		float: left;
		display: table;
	}

	#showcase-viewer-options > br {
		display: none;
	}

	#showcase-viewer-options > #opcao-exibicao {
		float: right;
		display: table;
		margin-top: -17px;
	}

		#showcase-viewer-options > #opcao-exibicao > a {
			text-decoration: none;
		}

section.showcase {
	display: table;
	position: relative;
	width: 100%;
	float: left;
}

	section.showcase h2 {
		width: 100%;
		width: calc(100% - 16px);
		clear: left;
		padding: 8px;
		margin-top: 20px;
		border-bottom: 4px solid;
		text-transform: uppercase;
		font-weight: bold;
	}

		section.showcase h2 > span {
			float: right;
		}

	section.showcase hr {
		width: 100%;
		border: 0;
		border-bottom: 1px #efefef solid;
		clear: both;
		margin-bottom: 20px;
	}

	section.showcase br {
		clear: left;
	}

	section.showcase article.vitrine-box {
		display: none;
		position: relative;
		text-transform: none;
		width: 225px;
		font-weight: normal;
		font-family: Calibri Light, Calibri;
		font-size: 12px;
		letter-spacing: 1px;
		border: 1px transparent solid;
		float: left;
		margin: 5px;
		padding: 5px;
		cursor: default;
		border-radius: 5px;
		overflow: hidden;
		color: #000;
	}

		section.showcase article.vitrine-box:hover {
			border: 1px #efefef solid;
		}

#cx_principal.vitrine-small #cx_conteudo_inicial section.showcase {
	width: calc(100% - 500px);
}

#cx_principal.vitrine-medium #cx_conteudo_inicial section.showcase {
	width: calc(100% - 250px);
}

#cx_principal.vitrine-small section.showcase article.vitrine-box {
	width: calc(50% - 22px);
}

#cx_principal.vitrine-medium section.showcase article.vitrine-box {
	width: calc(33.3% - 22px);
}

#cx_principal.vitrine-large section.showcase article.vitrine-box {
	width: calc(25% - 22px);
}

#cx_principal.vitrine-small section.showcase article.vitrine-box.vitrine-box-lista {
	width: calc(100% - 22px);
}

	#cx_principal.vitrine-small section.showcase article.vitrine-box.vitrine-box-lista > div > div {
		float: left;
		width: calc(50% - 10px);
		padding: 0;
		padding-right: 10px;
	}

		#cx_principal.vitrine-small section.showcase article.vitrine-box.vitrine-box-lista > div > div.vitrine-box-gama {
			padding-top: 20px;
		}

#cx_principal.vitrine-medium section.showcase article.vitrine-box.vitrine-box-lista {
	width: calc(100% - 22px);
}

	#cx_principal.vitrine-medium section.showcase article.vitrine-box.vitrine-box-lista > div > div {
		float: left;
		width: calc(33.3% - 10px);
		padding: 0;
		padding-right: 10px;
	}

#cx_principal.vitrine-large section.showcase article.vitrine-box.vitrine-box-lista {
	width: calc(50% - 22px);
}

	#cx_principal.vitrine-large section.showcase article.vitrine-box.vitrine-box-lista > div > div {
		float: left;
		width: calc(50% - 10px);
		padding: 0;
		padding-right: 10px;
	}

		#cx_principal.vitrine-large section.showcase article.vitrine-box.vitrine-box-lista > div > div.vitrine-box-gama {
			padding-top: 20px;
		}

@media screen and (max-width: 459px) {
	body.RESPONSIVE #cx_principal section.showcase article.vitrine-box {
		width: calc(100% - 10px);
	}

		body.RESPONSIVE #cx_principal section.showcase article.vitrine-box.vitrine-box-lista {
			width: calc(100% - 10px);
		}

			body.RESPONSIVE #cx_principal section.showcase article.vitrine-box.vitrine-box-lista > div > div {
				width: 100%;
			}
}

@media screen and (min-width: 460px) and (max-width: 699px) {
	body.RESPONSIVE #cx_principal section.showcase article.vitrine-box {
		width: calc(50% - 10px);
	}

		body.RESPONSIVE #cx_principal section.showcase article.vitrine-box.vitrine-box-lista {
			width: calc(100% - 10px);
		}

			body.RESPONSIVE #cx_principal section.showcase article.vitrine-box.vitrine-box-lista > div > div {
				width: 50%;
			}

				body.RESPONSIVE #cx_principal section.showcase article.vitrine-box.vitrine-box-lista > div > div.vitrine-box-gama {
					padding-top: 20px;
				}
}

@media screen and (min-width: 1230px) {
	#cx_principal.vitrine-elastica {
		width: 95%;
	}

		#cx_principal.vitrine-elastica.vitrine-small section.showcase article.vitrine-box {
			width: calc(33.3% - 22px);
		}

		#cx_principal.vitrine-elastica.vitrine-medium section.showcase article.vitrine-box {
			width: calc(25% - 22px);
		}

		#cx_principal.vitrine-elastica.vitrine-large section.showcase article.vitrine-box {
			width: calc(25% - 22px);
		}

		#cx_principal.vitrine-elastica.vitrine-small section.showcase article.vitrine-box.vitrine-box-lista {
			width: calc(100% - 22px);
		}

			#cx_principal.vitrine-elastica.vitrine-small section.showcase article.vitrine-box.vitrine-box-lista > div > div {
				width: calc(33.3% - 10px);
			}

				#cx_principal.vitrine-elastica.vitrine-small section.showcase article.vitrine-box.vitrine-box-lista > div > div.vitrine-box-gama {
					padding-top: 0;
				}

		#cx_principal.vitrine-elastica.vitrine-medium section.showcase article.vitrine-box.vitrine-box-lista {
			width: calc(50% - 22px);
		}

			#cx_principal.vitrine-elastica.vitrine-medium section.showcase article.vitrine-box.vitrine-box-lista > div > div {
				width: calc(50% - 10px);
			}

				#cx_principal.vitrine-elastica.vitrine-medium section.showcase article.vitrine-box.vitrine-box-lista > div > div.vitrine-box-gama {
					padding-top: 20px;
				}


		#cx_principal.vitrine-elastica.vitrine-large section.showcase article.vitrine-box.vitrine-box-lista {
			width: calc(50% - 22px);
		}

			#cx_principal.vitrine-elastica.vitrine-large section.showcase article.vitrine-box.vitrine-box-lista > div > div {
				width: calc(50% - 10px);
			}
}

@media screen and (min-width: 1460px) {
	#cx_principal.vitrine-elastica.vitrine-small section.showcase article.vitrine-box {
		width: calc(25% - 22px);
	}

	#cx_principal.vitrine-elastica.vitrine-large section.showcase article.vitrine-box {
		width: calc(16.6% - 22px);
	}

	#cx_principal.vitrine-elastica.vitrine-small section.showcase article.vitrine-box.vitrine-box-lista {
		width: calc(50% - 22px);
	}

		#cx_principal.vitrine-elastica.vitrine-small section.showcase article.vitrine-box.vitrine-box-lista > div > div {
			width: calc(50% - 10px);
		}

			#cx_principal.vitrine-elastica.vitrine-small section.showcase article.vitrine-box.vitrine-box-lista > div > div.vitrine-box-gama {
				padding-top: 20px;
			}


	#cx_principal.vitrine-elastica.vitrine-large section.showcase article.vitrine-box.vitrine-box-lista {
		width: calc(33.3% - 22px);
	}
}

@media screen and (min-width: 1690px) {
	#cx_principal.vitrine-elastica.vitrine-medium section.showcase article.vitrine-box {
		width: calc(16.6% - 22px);
	}

		#cx_principal.vitrine-elastica.vitrine-medium section.showcase article.vitrine-box.vitrine-box-lista {
			width: calc(33.3% - 22px);
		}
}

/* ARRANJO VITRINE */

article.vitrine-box div.vitrine-box-alfa {
	padding-bottom: 15px;
}

article.vitrine-box div.vitrine-box-gama {
	padding-top: 15px;
}

article.vitrine-box > div > div > div {
	display: block;
	width: 100%;
}

article.vitrine-box a.produto-info-link {
	display: table;
	width: 100%;
	color: inherit;
	text-decoration: none;
}

	article.vitrine-box a.produto-info-link:hover {
		text-decoration: none;
	}

.produto-detalhes-link, .produto-detalhes-link:hover {
	text-decoration: none;
}

.produto-info-foto {
	display: table;
	width: 100%;
	height: 200px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30px;
	position: relative;
}

	.produto-info-foto img.produto-info-stamp {
		border: 0;
		position: absolute;
		right: 0;
		top: 0;
	}

	.produto-info-foto div {
		width: 100%;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}

		.produto-info-foto div img {
			border: 0px;
			max-width: 100%;
			max-height: 190px;
		}

	.produto-info-foto.image-notfound {
		background-image: none;
		background-color: #efefef;
		border-radius: 3px;
	}

	.produto-info-foto span.load-progress {
		display: block;
		width: 0;
		height: 3px;
		position: absolute;
		bottom: 0;
	}

.produto-info-cupom {
	display: table;
	width: 100%;
	margin: 3px 0;
	height: 30px;
}

	.produto-info-cupom div {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}

		.produto-info-cupom div > img {
			border: 0;
			max-width: 100%;
			max-height: 28px;
		}

.produto-info-fabricante {
	display: block;
	height: 15px;
	line-height: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 3px 0;
}

.produto-info-resumo {
	display: block;
	display: -webkit-box;
	margin: 3px 0;
	font-weight: normal;
	line-height: 12px;
	height: 60px;
	overflow: hidden;
	text-transform: capitalize;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	font-size: 11px;
}

.produto-info-nome {
	display: block;
	display: -webkit-box;
	margin: 3px 0;
	font-weight: bold;
	line-height: 15px;
	height: 45px;
	overflow: hidden;
	text-transform: capitalize;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	font-size: 13px;
}

.produto-info-avaliacao {
	display: block;
	line-height: 15px;
	margin: 3px 0;
	height: 12px;
}

span.star-rate {
	display: inline-block;
	float: left;
	width: 11px;
	height: 11px;
	margin: 0 3px;
	background-repeat: no-repeat;
	background-size: cover;
}

	span.star-rate.star-rate-large {
		display: inline-block;
		float: left;
		width: 20px;
		height: 20px;
		margin: 0 3px;
		background-repeat: no-repeat;
		background-size: cover;
	}

	span.star-rate.star-rate-yellow {
		background-position: -12px;
	}

	span.star-rate.star-rate-large.star-rate-yellow {
		background-position: -20px;
	}

.produto-info-secao {
	display: block;
	height: 15px;
	line-height: 15px;
	margin: 3px 0;
	text-decoration: underline;
}

.produto-info-preco_ficticio, .produto-info-preco_aprazo, .produto-info-parcelamento, .produto-info-preco_avista {
	display: block;
	height: 15px;
	line-height: 15px;
}

.produto-info-preco_aprazo {
	font-weight: bold;
}

.produto-info-parcelamento {
	color: #e00000;
}

	.produto-info-parcelamento span {
		color: #ff0000;
		font-weight: bold;
		font-size: 1.2em;
		text-transform: uppercase;
	}

.produto-info-comprar {
	display: block;
	margin: 3px 0;
	height: 73px;
	position: relative;
	opacity: 0;
}

	.produto-info-comprar.helper-indisponivel {
		color: #e00000;
		opacity: 1;
	}

	.produto-info-comprar > select {
		padding: 5px;
		width: 100%;
		border: 0;
		border-bottom: 2px #ccc solid;
		border-radius: 0;
	}

		.produto-info-comprar > select[value="0"] {
			background-color: olive;
		}

	.produto-info-comprar > div {
		display: table;
		width: 100%;
		position: absolute;
		bottom: 0;
	}

	.produto-info-comprar input[type=number] {
		width: calc(30% - 24px);
		float: left;
		margin: 0 5px;
		padding: 8px 5px;
		text-align: center;
		border-radius: 0;
		border: 2px transparent solid;
		border-bottom: 2px solid #ccc;
	}

	.produto-info-comprar .produto-info-comprar-button {
		width: calc(70% - 24px);
		float: right;
		margin: 0 5px;
		padding: 6px 5px;
		text-align: center;
		background-color: #ccc;
		color: #000;
		border: 2px transparent solid;
		font-size: 15px;
		cursor: pointer;
	}
    .produto-info-agrupamento-mostrar-opcoes{
        width: calc(70% - 24px);
        margin: 0 auto;
        padding: 6px 5px;
        text-align: center;
        background-color: #ccc;
		color: #000;
		border: 2px transparent solid;
		font-size: 15px;
		cursor: pointer;
        display: block;
    }

article.vitrine-box:hover .produto-info-comprar {
	opacity: 1;
}

/* PRODUTO DETALHES */

#produto-detalhes-imagem {
	display: table;
	float: left;
	margin-bottom: 20px;
	position: relative;
	width: 370px;
}

#produto-detalhes-imagem-principal {
	display: table;
	position: relative;
	padding: 0;
	margin: 0 auto;
	height: 375px;
	text-align: center;
}

	#produto-detalhes-imagem-principal a {
		display: inline-block;
		text-decoration: none;
		outline: 0;
	}

		#produto-detalhes-imagem-principal a > img {
			max-width: 370px;
			max-height: 370px;
			border: 0;
		}

#produto-detalhes-imagem-pack {
	width: 100%;
	display: table;
}

	#produto-detalhes-imagem-pack > div {
		display: inline-block;
		margin: 5px;
		padding: 0;
		width: 60px;
		height: 60px;
		text-align: center;
		border: 0;
		text-decoration: none;
		cursor: pointer;
	}

	#produto-detalhes-imagem-pack img {
		max-width: 60px;
		max-height: 60px;
		margin: 0;
		border: 0;
		border-radius: 5px;
	}

#produto-detalhes-imagem .produto-detalhes-imagem-mobileview {
	display: none;
}

/* ETC */
div.custom-html {
	display: table;
	width: 100%;
	overflow: hidden;
	position: relative;
}

.cx_vitrine_banner_direita {
	float: left;
	display: table;
}

.cx_banner_direita {
	width: 160px;
	min-height: 1500px;
	margin-top: 5px;
	padding: 5px;
	float: right;
	text-align: center;
}

.produtos-opcoes-caixaselecaoRelacionado {
	padding: 5px;
	border: 1px #cfcfcf solid;
	border-radius: 8px;
	display: table;
	max-width: 205px;
	margin: 0px auto;
}

.caixaselecao, .caixaselecaoRelacionado {
	display: inline-block;
	padding: 5px 5px 5px 8px;
	border: 1px #777 solid;
	border-radius: 3px;
	background-color: #fff;
	min-width: 160px;
	cursor: pointer;
}

	.caixaselecao span.ui-icon, .caixaselecaoRelacionado span.ui-icon {
		display: inline-block;
		float: right;
		vertical-align: middle;
		margin: -2px 0px 0px 3px;
	}

.caixaselecao-opcoes, .caixaselecao-opcoesRelacionado {
	display: none;
	border: 1px #777 solid;
	background-color: #fff;
	min-width: 120px;
	position: absolute;
	z-index: 2;
	cursor: pointer;
}

	.caixaselecao-opcoes > div, .caixaselecao-opcoesRelacionado > div {
		padding: 3px 20px 3px 3px;
		font-weight: normal;
		position: relative;
	}

		.caixaselecao-opcoes > div > span, .caixaselecao-opcoesRelacionado > div > span {
			color: #E00000;
			font-weight: bold;
			display: block;
			right: 5px;
			top: 3px;
			position: absolute;
		}

		.caixaselecao-opcoes > div.selected, .caixaselecao-opcoesRelacionado > div.selected {
			background-color: #1e90ff;
			color: #fff;
		}

section.showcase #produtos-extras {
	display: none;
}

	section.showcase #produtos-extras > #produtos-retrieve {
		display: table;
		width: inherit;
		padding: 50px 0px 100px 0px;
	}

		section.showcase #produtos-extras > #produtos-retrieve .produtos-retrieve-button {
			cursor: pointer;
			display: block;
			width: 50px;
			height: 50px;
			border-radius: 150px;
			background-color: #cccccc;
			padding: 20px;
			text-align: center;
			margin: 0px auto;
		}

			section.showcase #produtos-extras > #produtos-retrieve .produtos-retrieve-button > a {
				color: #808080;
				font-family: Verdana;
				margin-left: -6px;
				display: table;
			}

			section.showcase #produtos-extras > #produtos-retrieve .produtos-retrieve-button > span {
				border-left: 15px solid transparent;
				border-right: 15px solid transparent;
				border-top: 15px solid #000000;
			}

#cx_aguarde {
	position: fixed;
	height: auto;
	min-height: 32px;
	bottom: 322px;
	left: 0;
	right: 0;
	z-index: 200;
	display: none;
	text-align: center;
	font-weight: bold;
	padding: 3px;
	font-weight: 700;
	padding-top: 6px;
}

#vitrinePrincipal {
	width: 98%;
	margin: 0px auto;
	height: auto;
}

.caixaHtmlFlex img {
	max-width: 100%;
	width: auto !important;
	display: table;
	margin: 0px auto;
}

#cx_html_topo {
	display: table;
	margin-top: 15px;
}

.disable-inDesktop, .mobile {
	display: none;
}

.dontShow {
	display: none !important;
}

#menu_meio div {
	float: left;
	margin-right: 15px;
}

#menu_topo div {
	float: left;
}

.cx_fabricantes {
	background: #fff;
	width: 100%;
	margin: 40px auto;
	height: 200px;
	display: table;
	clear: both;
}

	.cx_fabricantes .carousel {
		width: 900px;
		height: 140px;
		margin: 30px auto;
		position: relative;
	}

	.cx_fabricantes .carousel_container {
		width: 900px;
		height: 140px;
		margin: 0 auto;
		overflow: hidden;
		padding: 0;
		position: relative;
	}

	.cx_fabricantes ul {
		height: 140px;
		width: 1980px;
	}

		.cx_fabricantes ul li {
			width: 220px;
			height: 140px;
			display: block;
			float: left;
			margin-right: 5px;
			margin-bottom: 1px;
			position: relative;
		}

			.cx_fabricantes ul li .text_content {
				padding: 10px;
				color: #000;
			}

			.cx_fabricantes ul li a {
				width: 220px;
				height: 140px;
				background: #CCC;
				display: block;
				color: #fff;
			}

				.cx_fabricantes ul li a.normal {
					width: auto;
					height: auto;
					color: #fff;
					background: 0 0;
				}

.Setor a.icone_setor_superior, .Setor a.menuPadrao {
	background-position: center 5px;
	background-size: 40px 32px;
}

.carousel_left, .carousel_right {
	background-repeat: no-repeat;
	width: 50px;
	height: 200px;
	top: -30px;
	position: absolute;
	display: block;
	text-indent: -9999px;
}

.carousel_left {
	left: -55px;
}

.carousel_right {
	right: -55px;
}

.webcommerce-error {
	display: table;
	width: 100%;
	text-align: left;
	padding-top: 15px;
}

	.webcommerce-error .ui-icon-error {
		background-image: url(http://download.jqueryui.com/themeroller/images/ui-icons_cd0a0a_256x240.png);
		display: inline-table;
		vertical-align: top;
		margin-right: 5px;
	}

	.webcommerce-error a {
		color: red;
		font-weight: 700;
		font-size: 11px;
		text-decoration: none;
		cursor: default;
		display: inline-table;
		vertical-align: top;
	}

.drop_menu_departamento {
	width: 250px;
	position: absolute;
	top: 22px;
	left: 0;
	z-index: 999;
	text-align: left;
	font-size: .8em;
	display: none;
}

.drop_menu_departamento_link, .drop_menu_departamento_link a {
	color: #000 !important;
	font-weight: 700 !important;
}

.drop_menu_sessao {
	width: 200px;
	text-align: left;
	font-size: .8em;
}

.drop_menu_sessao_link, drop_menu_sessao_link a {
	color: #000 !important;
}

.Setor {
	display: inline;
	background-color: transparent;
	float: left;
	cursor: pointer;
	margin: 0 auto;
	font-size: 15px;
}

	.Setor:hover {
		background-color: #ababab;
	}

	.Setor a.menuPadrao {
		padding: 0 9px;
		background-repeat: no-repeat;
	}

	.Setor a.icone_setor_superior {
		padding: 37px 24px 4px 25px;
		background-repeat: no-repeat;
	}

	.Setor a.icone_setor_lateral {
		background-size: 25px 25px;
		background-repeat: no-repeat;
		background-position: 5px center;
		padding-left: 35px;
	}

.blocoMenu {
	background-color: #FFF;
	display: none;
	position: absolute;
	top: 17px;
	-webkit-box-shadow: 7px 7px 13px 0 rgba(127,127,127,.18);
	-moz-box-shadow: 7px 7px 13px 0 rgba(127,127,127,.18);
	box-shadow: 7px 7px 13px 0 rgba(127,127,127,.18);
	cursor: default;
	min-width: 250px;
	min-height: 330px;
}

.Setor:hover .blocoMenu {
	display: table;
}

.Setor .bannerMenu {
	height: auto;
}

#setorhorizontal {
	display: table;
	margin: 0 auto;
}

.bannerMenu, .disposition {
	float: left;
	margin-left: 8px;
}

.nameDepartamento {
	color: #000;
	font-size: 13px;
	font-weight: 700;
	display: table;
	margin-bottom: 5px;
	margin-top: 15px;
	border-bottom: 1px solid #CCC;
	width: 180px;
}

.nameSessao {
	font-size: 13px;
}

.disposition {
	margin-right: 15px;
}

	.disposition a {
		clear: both;
		display: table;
		padding: 0 0 0 4px;
	}

.caixaDepartamento {
	display: table;
	float: left;
}

#menu-mobile, .bannerMenu .produto-novo {
	display: none;
}

.bannerMenu {
	width: 250px;
	height: 300px;
}

	.bannerMenu .vitrine, .bannerMenu .vitrine a {
		width: 234px !important;
		font-size: 11px !important;
	}

	.bannerMenu .produto-foto, .bannerMenu .vitrine-alfa, .bannerMenu .vitrine-beta, .bannerMenu .vitrine-gama, .bannerMenu .vitrine-gama div {
		width: 215px !important;
	}

	.bannerMenu .vitrine-grade .produto-foto > img {
		border: 0;
		max-width: 155px;
		max-height: 155px;
	}

.cupom_desconto_etiqueta {
	transform: rotate(-90deg);
	display: inline-block !important;
	vertical-align: middle;
}

.cupom_desconto_exclusivo {
	display: block;
	max-height: 30px;
	margin: 2px 0;
}

#rodape {
	width: 1002px;
	line-height: 150%;
}

#cx_rodapeCompleta.vitrine-elastica #rodape {
	width: 95%;
}

	#cx_rodapeCompleta.vitrine-elastica #rodape td.column-beta {
		text-align: center;
	}

	#cx_rodapeCompleta.vitrine-elastica #rodape td.column-gama {
		text-align: right;
	}

#rodapeBranco {
	width: 995px;
	margin: 0px auto;
	margin-top: 25px;
	height: 340px;
	line-height: 150%;
	letter-spacing: 1px;
}

#cx_rodapeCompleta.vitrine-elastica #rodapeBranco {
	width: 95%;
}

#cx_principal #cx_html_topo {
	margin-left: -450.5px;
	width: 100vw;
}

#cx_principal.vitrine-elastica #cx_html_topo {
	margin-left: -2.4%;
}
/* IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII Configurações caixa cartão credito  ABAIXO */


#caixa_dados, #caixa_dados_card1, #caixa_dados_card2 {
    height: 240px;
    width: 400px;
    border-radius: 10px;
    float: left;
    background-color: #ebebeb;
    -webkit-box-shadow: 6px 0px 0px -2px rgba(201,201,201,1);
    -moz-box-shadow: 6px 0px 0px -2px rgba(201,201,201,1);
    box-shadow: 6px 0px 0px -2px rgba(201,201,201,1);
    color: #e0e0e0;
}

#caixa_cvc, #caixa_cvc_card1, #caixa_cvc_card2 {
    width: 520px;
    float: left;
    height: 240px;
    border-radius: 10px;
    background-color: #e0e0e0;
    margin-bottom: 12px
}

.input_caixa_dados {
    border-radius: 4px;
    width: 90%;
    height: 40px;
    border: 0px solid #ebebeb;
    margin: 0px auto;
    display: table;
    font-size: 18px !important;
    padding-left: 10px;
}

#table_caixa_dados, #table_caixa_dados_card1, #table_caixa_dados_card2 {
    float: right;
    width: 100%;
}

#td_caixa_cvc1, #td_caixa_cvc1_card1, #td_caixa_cvc1_card2 {
    height: 20px;
    display: block;
}

#td_caixa_cvc2, #td_caixa_cvc2_card1, #td_caixa_cvc2_card2 {
    height: 45px;
    background-color: #666;
    display: block;
    width: 150px;
    margin-left: -36px;
}

#table_caixa_cvc, #table_caixa_cvc_card1, #table_caixa_cvc_card2 {
    float: right;
}

#caixa_bandeiras, #caixa_bandeiras_card1, #caixa_bandeiras_card2 {
    height: 32px;
    display: block;
}

.caixa_data {
    width: 60px;
    float: left;
}

    .caixa_data.barra {
        width: 27px;
        float: left;
        font-size: 35px;
        color: #666;
    }

    .caixa_data.texto {
        width: 90px;
        float: left;
        font-size: 14px;
        color: #666;
    }

#caixa_validade, #caixa_validade_card1, #caixa_validade_card2 {
    display: table;
    float: right;
    margin-right: 16px;
}

#td_caixa_cvc3, #td_caixa_cvc3_card1, #td_caixa_cvc3_card2 {
    display: table;
    height: 45px;
    display: block;
    width: 70px;
    margin-right: 23px;
    margin-top: 40px;
    margin-left: 18%;
}

#td_caixa_cvc4, #td_caixa_cvc4_card1, #td_caixa_cvc4_card2 {
    display: table;
    height: 45px;
    display: block;
    width: 75px;
    margin-right: 23px;
    margin-left: 18%;
}
#form_pagamento_mp, #form_pagamento_mp_card1, #form_pagamento_mp_card2 {
    padding: 5px;
    display: table;
}
div#caixa_formas_pagamento > img {
    /* width: 22px; */
    padding: 10px;
}
.border_pagamentos {
    border: 1px solid;
    border-radius: 25px;
    color: #666666;
 
    display: table;
}
/* IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII Configurações caixa cartão credito especiais mundi pagg abaixo*/
#bandeira_mundi {
}


/* IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII Configurações caixa cartão credito ACIMA*/

@media screen and (min-width: 1002px) {
    body.menuFixo {
        background-image: none !important;
    }
    div#cx_principal_topo.menuFixo {
        left: 0;
        width: 100%;
        z-index: 999;
        position: fixed;
        min-height: 200px;
        background-repeat: no-repeat;
        background-position: center top;
        box-shadow: 0px 0px 32px 4px #cbcbcb;
        background-image: url('../Templates/Padrao/images/fundo_inicial.jpg');
    }
}
